diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..fda5558 Binary files /dev/null and b/.DS_Store differ diff --git a/dynamic_server.mjs b/dynamic_server.mjs index 9f943b9..57118f4 100644 --- a/dynamic_server.mjs +++ b/dynamic_server.mjs @@ -1,19 +1,259 @@ -import * as fs from 'node:fs'; -import * as path from 'node:path'; -import * as url from 'node:url'; +import * as fs from "node:fs"; +import * as path from "node:path"; +import * as url from "node:url"; -import { default as express } from 'express'; -import { default as sqlite3 } from 'sqlite3'; +import { default as express } from "express"; +import { default as sqlite3 } from "sqlite3"; +import { Console } from "node:console"; const __dirname = path.dirname(url.fileURLToPath(import.meta.url)); const port = 8000; -const root = path.join(__dirname, 'public'); -const template = path.join(__dirname, 'templates'); +const root = path.join(__dirname, "public"); +const template = path.join(__dirname, "templates"); let app = express(); app.use(express.static(root)); +const db = new sqlite3.Database( + path.join(__dirname, "equality.sqlite3"), + sqlite3.OPEN_READONLY, + (err) => { + if (err) { + console.log(err); + } else { + console.log("Successfully connected to database"); + } + } +); + +const dbVis = new sqlite3.Database( + path.join(__dirname, "regions.sqlite3"), + sqlite3.OPEN_READONLY, + (err) => { + if (err) { + console.log(err); + } else { + console.log("Successfully connected to database"); + } + } +); + +function dbSelect(query, params) { + let p = new Promise((resolve, reject) => { + db.all(query, params, (err, rows) => { + if (err) { + reject(err); + } else { + //console.log(rows); + resolve(rows); + } + }); + }); + return p; +} + +function dbVisSelect(query, params) { + let p = new Promise((resolve, reject) => { + dbVis.all(query, params, (err, rows) => { + if (err) { + reject(err); + } else { + console.log(rows); + resolve(rows); + } + }); + }); + return p; +} + +app.get("/all", (req, res) => { + let p1 = dbSelect("SELECT * FROM Equality"); + let p2 = fs.promises.readFile(path.join(template, "search.html"), "utf-8"); + Promise.all([p1, p2]) + .then((results) => { + let equality_list = results[0]; + let response = results[1]; + let table_body = ""; + let data_string = ""; + equality_list.forEach((equality) => { + let table_row = ""; + table_row += `${equality.country}`; + table_row += `${equality.wei}`; + table_row += `${equality.weg}`; + table_row += `${equality.ggpi}`; + table_row += `${equality.ggpg}`; + table_row += `${equality.hdg}`; + table_row += `${equality.region}`; + table_row += `${equality.population}`; + table_row += ""; + table_body += table_row; + let data_row = "{"; + data_row += `x:${equality.wei},`; + data_row += `y:${equality.ggpi},`; + data_row += `r:${Math.pow(equality.population, 1 / 6)}`; + data_row += "},"; + data_string += data_row; + }); + response = response.replace("$TABLE_DATA$", table_body); + response = response.replace("$PLOT_DATA$", data_string); + res.status(200).type("html").send(response); + }) + .catch((error) => { + res.status(404).type("txt").send(error); + }); +}); + +app.get("/weg/:group", (req, res) => { + let empowerment = req.params.group; + let p1 = dbSelect("SELECT * FROM Equality WHERE weg = ?", [empowerment]); + let p2 = fs.promises.readFile( + path.join(template, "empowerment.html"), + "utf-8" + ); + Promise.all([p1, p2]) + .then((results) => { + let equality_list = results[0]; + if (equality_list.length === 0) { + res + .status(404) + .type("txt") + .send( + `${empowerment} is not a Women's Empowerment Group in the database!` + ); + } + let response = results[1]; + let table_body = ""; + let data_string = ""; + equality_list.forEach((equality) => { + let table_row = ""; + table_row += `${equality.country}`; + table_row += `${equality.wei}`; + table_row += `${equality.weg}`; + table_row += `${equality.ggpi}`; + table_row += `${equality.ggpg}`; + table_row += `${equality.hdg}`; + table_row += `${equality.region}`; + table_row += `${equality.population}`; + table_row += ""; + table_body += table_row; + let data_row = "{"; + data_row += `x:${equality.wei},`; + data_row += `y:${equality.ggpi},`; + data_row += `r:${Math.pow(equality.population, 1 / 6)}`; + data_row += "},"; + data_string += data_row; + }); + response = response.replace("$TABLE_DATA$", table_body); + response = response.replace("$PLOT_DATA$", data_string); + response = response.replace("$EMPOWERMENT$", empowerment); + res.status(200).type("html").send(response); + }) + .catch((error) => { + res.status(404).type("txt").send(error); + }); +}); + +app.get("/ggpg/:group", (req, res) => { + let parity = req.params.group; + let p1 = dbSelect("SELECT * FROM Equality WHERE ggpg = ?", [parity]); + let p2 = fs.promises.readFile(path.join(template, "parity.html"), "utf-8"); + Promise.all([p1, p2]) + .then((results) => { + let equality_list = results[0]; + if (equality_list.length === 0) { + res + .status(404) + .type("txt") + .send( + `${parity} is not a Global Gender Parity Group in the database!` + ); + } + let response = results[1]; + let table_body = ""; + let data_string = ""; + equality_list.forEach((equality) => { + let table_row = ""; + table_row += `${equality.country}`; + table_row += `${equality.wei}`; + table_row += `${equality.weg}`; + table_row += `${equality.ggpi}`; + table_row += `${equality.ggpg}`; + table_row += `${equality.hdg}`; + table_row += `${equality.region}`; + table_row += `${equality.population}`; + table_row += ""; + table_body += table_row; + let data_row = "{"; + data_row += `x:${equality.wei},`; + data_row += `y:${equality.ggpi},`; + data_row += `r:${Math.pow(equality.population, 1 / 6)}`; + data_row += "},"; + data_string += data_row; + }); + response = response.replace("$TABLE_DATA$", table_body); + response = response.replace("$PLOT_DATA$", data_string); + response = response.replace("$PARITY$", parity); + res.status(200).type("html").send(response); + }) + .catch((error) => { + res.status(404).type("txt").send(error); + }); +}); + +app.get("/region/:region", (req, res) => { + let region = req.params.region; + let p1 = dbSelect("SELECT * FROM Equality WHERE region = ?", [region]); + let p2 = fs.promises.readFile(path.join(template, "region.html"), "utf-8"); + let p3 = dbVisSelect("SELECT * FROM Region WHERE name = ?", [region]); + Promise.all([p1, p2, p3]) + .then((results) => { + let equality_list = results[0]; + if (equality_list.length === 0) { + res + .status(404) + .type("txt") + .send(`${region} is not a region in the database!`); + } + let response = results[1]; + let regionPaths = results[2]; + let path = ""; + let regionName = region; + let table_body = ""; + let data_string = ""; + regionPaths.forEach((region) => { + path += region.path; + }); + equality_list.forEach((equality) => { + let table_row = ""; + table_row += `${equality.country}`; + table_row += `${equality.wei}`; + table_row += `${equality.weg}`; + table_row += `${equality.ggpi}`; + table_row += `${equality.ggpg}`; + table_row += `${equality.hdg}`; + table_row += `${equality.region}`; + table_row += `${equality.population}`; + table_row += ""; + table_body += table_row; + let data_row = "{"; + data_row += `x:${equality.wei},`; + data_row += `y:${equality.ggpi},`; + data_row += `r:${Math.pow(equality.population, 1 / 6)}`; + data_row += "},"; + data_string += data_row; + }); + response = response.replace("$TABLE_DATA$", table_body); + response = response.replace("$PLOT_DATA$", data_string); + response = response.replace("$PATH$", path); + response = response.replace("$SRC$", regionName); + res.status(200).type("html").send(response); + }) + .catch((error) => { + res.status(404).type("txt").send(error); + }); +}); + app.listen(port, () => { - console.log('Now listening on port ' + port); + console.log("Now listening on port " + port); }); diff --git a/equality.sqlite3 b/equality.sqlite3 new file mode 100644 index 0000000..9d4daa6 Binary files /dev/null and b/equality.sqlite3 differ diff --git a/package.json b/package.json index 9e11b28..558c889 100644 --- a/package.json +++ b/package.json @@ -3,14 +3,32 @@ "description": "Dynamic Server", "version": "1.0.0", "author": { - "name": "", - "email": "" + "name": "Josh Kahlbaugh", + "email": "kahl7683@stthomas.edu" }, "contributors": [ + { + "name": "Josh Kahlbaugh", + "email": "kahl7683@stthomas.edu" + }, + { + "name": "Omar Alshaali", + "email": "alsh4255@stthomas.edu" + }, + { + "name": "Jasper Olson", + "email": "olso3797@sthomas.edu" + } ], - "repository": {}, + "repository": { + "type": "git", + "url": "https://github.com/JoshK710/dynamic-webserver" + }, "dependencies": { + "bootstrap": "^5.3.2", + "chart.js": "^4.4.0", + "cubejs": "^1.3.2", "express": "^4.18.2", "sqlite3": "^5.1.6" } -} +} \ No newline at end of file diff --git a/public/.DS_Store b/public/.DS_Store new file mode 100644 index 0000000..ce8e7fc Binary files /dev/null and b/public/.DS_Store differ diff --git a/public/css/foundation.css b/public/css/foundation.css index edd8bd7..5e04936 100644 --- a/public/css/foundation.css +++ b/public/css/foundation.css @@ -6,7 +6,10 @@ * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { - .reveal.large, .reveal.small, .reveal.tiny, .reveal { + .reveal.large, + .reveal.small, + .reveal.tiny, + .reveal { right: auto; left: auto; margin: 0 auto; @@ -29,7 +32,7 @@ h1 { hr { -webkit-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; height: 0; overflow: visible; } @@ -46,7 +49,7 @@ a { abbr[title] { border-bottom: 0; -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; } b, @@ -107,24 +110,24 @@ select { } button, -[type=button], -[type=reset], -[type=submit] { +[type="button"], +[type="reset"], +[type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } @@ -134,7 +137,7 @@ fieldset { legend { -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; color: inherit; display: table; max-width: 100%; @@ -150,24 +153,24 @@ textarea { overflow: auto; } -[type=checkbox], -[type=radio] { +[type="checkbox"], +[type="radio"] { -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; padding: 0; } -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { height: auto; } -[type=search] { +[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } -[type=search]::-webkit-search-decoration { +[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } @@ -192,17 +195,18 @@ template { display: none; } -[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, -[data-whatintent=touch] *, -[data-whatintent=touch] *:focus, -[data-whatinput=mouse] *, -[data-whatinput=mouse] *:focus, -[data-whatinput=touch] *, -[data-whatinput=touch] *:focus { +[data-whatintent="mouse"] *, +[data-whatintent="mouse"] *:focus, +[data-whatintent="touch"] *, +[data-whatintent="touch"] *:focus, +[data-whatinput="mouse"] *, +[data-whatinput="mouse"] *:focus, +[data-whatinput="touch"] *, +[data-whatinput="touch"] *:focus { outline: none; } -[draggable=false] { +[draggable="false"] { -webkit-touch-callout: none; -webkit-user-select: none; } @@ -213,7 +217,7 @@ template { html { -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; font-size: 100%; } @@ -221,7 +225,7 @@ html { *::before, *::after { -webkit-box-sizing: inherit; - box-sizing: inherit; + box-sizing: inherit; } body { @@ -252,7 +256,7 @@ textarea { select { -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; width: 100%; border-radius: 0; } @@ -269,15 +273,15 @@ select { button { padding: 0; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } -[data-whatinput=mouse] button { +[data-whatinput="mouse"] button { outline: 0; } @@ -344,15 +348,15 @@ textarea { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; } .cell { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; @@ -360,14 +364,14 @@ textarea { .cell.auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; - -ms-flex: 1 1 0px; - flex: 1 1 0; + -ms-flex: 1 1 0px; + flex: 1 1 0; } .cell.shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .grid-x > .auto { @@ -377,31 +381,81 @@ textarea { width: auto; } -.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { +.grid-x > .small-shrink, +.grid-x > .small-full, +.grid-x > .small-1, +.grid-x > .small-2, +.grid-x > .small-3, +.grid-x > .small-4, +.grid-x > .small-5, +.grid-x > .small-6, +.grid-x > .small-7, +.grid-x > .small-8, +.grid-x > .small-9, +.grid-x > .small-10, +.grid-x > .small-11, +.grid-x > .small-12 { -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; } @media print, screen and (min-width: 40em) { - .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { + .grid-x > .medium-shrink, + .grid-x > .medium-full, + .grid-x > .medium-1, + .grid-x > .medium-2, + .grid-x > .medium-3, + .grid-x > .medium-4, + .grid-x > .medium-5, + .grid-x > .medium-6, + .grid-x > .medium-7, + .grid-x > .medium-8, + .grid-x > .medium-9, + .grid-x > .medium-10, + .grid-x > .medium-11, + .grid-x > .medium-12 { -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; } } @media print, screen and (min-width: 64em) { - .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { + .grid-x > .large-shrink, + .grid-x > .large-full, + .grid-x > .large-1, + .grid-x > .large-2, + .grid-x > .large-3, + .grid-x > .large-4, + .grid-x > .large-5, + .grid-x > .large-6, + .grid-x > .large-7, + .grid-x > .large-8, + .grid-x > .large-9, + .grid-x > .large-10, + .grid-x > .large-11, + .grid-x > .large-12 { -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} -.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { + -ms-flex-preferred-size: auto; + flex-basis: auto; + } +} +.grid-x > .small-12, +.grid-x > .small-11, +.grid-x > .small-10, +.grid-x > .small-9, +.grid-x > .small-8, +.grid-x > .small-7, +.grid-x > .small-6, +.grid-x > .small-5, +.grid-x > .small-4, +.grid-x > .small-3, +.grid-x > .small-2, +.grid-x > .small-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .grid-x > .small-1 { @@ -456,15 +510,27 @@ textarea { .grid-x > .medium-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; - -ms-flex: 1 1 0px; - flex: 1 1 0; + -ms-flex: 1 1 0px; + flex: 1 1 0; width: auto; } - .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { + .grid-x > .medium-12, + .grid-x > .medium-11, + .grid-x > .medium-10, + .grid-x > .medium-9, + .grid-x > .medium-8, + .grid-x > .medium-7, + .grid-x > .medium-6, + .grid-x > .medium-5, + .grid-x > .medium-4, + .grid-x > .medium-3, + .grid-x > .medium-2, + .grid-x > .medium-1, + .grid-x > .medium-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; @@ -510,15 +576,27 @@ textarea { .grid-x > .large-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; - -ms-flex: 1 1 0px; - flex: 1 1 0; + -ms-flex: 1 1 0px; + flex: 1 1 0; width: auto; } - .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { + .grid-x > .large-12, + .grid-x > .large-11, + .grid-x > .large-10, + .grid-x > .large-9, + .grid-x > .large-8, + .grid-x > .large-7, + .grid-x > .large-6, + .grid-x > .large-5, + .grid-x > .large-4, + .grid-x > .large-3, + .grid-x > .large-2, + .grid-x > .large-1, + .grid-x > .large-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; @@ -1640,8 +1718,8 @@ textarea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } .grid-y > .cell { height: auto; @@ -1653,30 +1731,80 @@ textarea { .grid-y > .shrink { height: auto; } -.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { +.grid-y > .small-shrink, +.grid-y > .small-full, +.grid-y > .small-1, +.grid-y > .small-2, +.grid-y > .small-3, +.grid-y > .small-4, +.grid-y > .small-5, +.grid-y > .small-6, +.grid-y > .small-7, +.grid-y > .small-8, +.grid-y > .small-9, +.grid-y > .small-10, +.grid-y > .small-11, +.grid-y > .small-12 { -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; } @media print, screen and (min-width: 40em) { - .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { + .grid-y > .medium-shrink, + .grid-y > .medium-full, + .grid-y > .medium-1, + .grid-y > .medium-2, + .grid-y > .medium-3, + .grid-y > .medium-4, + .grid-y > .medium-5, + .grid-y > .medium-6, + .grid-y > .medium-7, + .grid-y > .medium-8, + .grid-y > .medium-9, + .grid-y > .medium-10, + .grid-y > .medium-11, + .grid-y > .medium-12 { -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; } } @media print, screen and (min-width: 64em) { - .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { + .grid-y > .large-shrink, + .grid-y > .large-full, + .grid-y > .large-1, + .grid-y > .large-2, + .grid-y > .large-3, + .grid-y > .large-4, + .grid-y > .large-5, + .grid-y > .large-6, + .grid-y > .large-7, + .grid-y > .large-8, + .grid-y > .large-9, + .grid-y > .large-10, + .grid-y > .large-11, + .grid-y > .large-12 { -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - } -} -.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { + -ms-flex-preferred-size: auto; + flex-basis: auto; + } +} +.grid-y > .small-12, +.grid-y > .small-11, +.grid-y > .small-10, +.grid-y > .small-9, +.grid-y > .small-8, +.grid-y > .small-7, +.grid-y > .small-6, +.grid-y > .small-5, +.grid-y > .small-4, +.grid-y > .small-3, +.grid-y > .small-2, +.grid-y > .small-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .grid-y > .small-1 { height: 8.3333333333%; @@ -1718,15 +1846,27 @@ textarea { .grid-y > .medium-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; - -ms-flex: 1 1 0px; - flex: 1 1 0; + -ms-flex: 1 1 0px; + flex: 1 1 0; height: auto; } - .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { + .grid-y > .medium-12, + .grid-y > .medium-11, + .grid-y > .medium-10, + .grid-y > .medium-9, + .grid-y > .medium-8, + .grid-y > .medium-7, + .grid-y > .medium-6, + .grid-y > .medium-5, + .grid-y > .medium-4, + .grid-y > .medium-3, + .grid-y > .medium-2, + .grid-y > .medium-1, + .grid-y > .medium-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; @@ -1772,15 +1912,27 @@ textarea { .grid-y > .large-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; - -ms-flex: 1 1 0px; - flex: 1 1 0; + -ms-flex: 1 1 0px; + flex: 1 1 0; height: auto; } - .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { + .grid-y > .large-12, + .grid-y > .large-11, + .grid-y > .large-10, + .grid-y > .large-9, + .grid-y > .large-8, + .grid-y > .large-7, + .grid-y > .large-6, + .grid-y > .large-5, + .grid-y > .large-4, + .grid-y > .large-3, + .grid-y > .large-2, + .grid-y > .large-1, + .grid-y > .large-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; @@ -2043,12 +2195,12 @@ textarea { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; width: 100vw; } @@ -2079,15 +2231,15 @@ textarea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { @@ -2095,12 +2247,12 @@ textarea { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; width: 100vw; } .cell .medium-grid-frame { @@ -2120,15 +2272,15 @@ textarea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; @@ -2143,12 +2295,12 @@ textarea { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; width: 100vw; } .cell .large-grid-frame { @@ -2168,15 +2320,15 @@ textarea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; @@ -2190,12 +2342,12 @@ textarea { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; height: 100vh; width: auto; } @@ -2204,12 +2356,12 @@ textarea { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; height: 100vh; width: auto; } @@ -2219,12 +2371,12 @@ textarea { overflow: hidden; position: relative; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; height: 100vh; width: auto; } @@ -2466,240 +2618,240 @@ textarea { .align-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .align-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .align-center { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .align-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } .align-spaced { -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; } .align-left.vertical.menu > li > a { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .align-right.vertical.menu > li > a { -webkit-box-pack: end; -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .align-center.vertical.menu > li > a { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .align-top { -webkit-box-align: start; -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } .align-self-top { -webkit-align-self: flex-start; - -ms-flex-item-align: start; - align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; } .align-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; } .align-self-bottom { -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; } .align-middle { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; } .align-self-middle { -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; + -ms-flex-item-align: center; + align-self: center; } .align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; } .align-self-stretch { -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; } .align-center-middle { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; + -ms-flex-line-pack: center; + align-content: center; } .small-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; + -ms-flex-order: 1; + order: 1; } .small-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + -ms-flex-order: 2; + order: 2; } .small-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; - -ms-flex-order: 3; - order: 3; + -ms-flex-order: 3; + order: 3; } .small-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; - -ms-flex-order: 4; - order: 4; + -ms-flex-order: 4; + order: 4; } .small-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; - -ms-flex-order: 5; - order: 5; + -ms-flex-order: 5; + order: 5; } .small-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; - -ms-flex-order: 6; - order: 6; + -ms-flex-order: 6; + order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; + -ms-flex-order: 1; + order: 1; } .medium-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + -ms-flex-order: 2; + order: 2; } .medium-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; - -ms-flex-order: 3; - order: 3; + -ms-flex-order: 3; + order: 3; } .medium-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; - -ms-flex-order: 4; - order: 4; + -ms-flex-order: 4; + order: 4; } .medium-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; - -ms-flex-order: 5; - order: 5; + -ms-flex-order: 5; + order: 5; } .medium-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; - -ms-flex-order: 6; - order: 6; + -ms-flex-order: 6; + order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; + -ms-flex-order: 1; + order: 1; } .large-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + -ms-flex-order: 2; + order: 2; } .large-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; - -ms-flex-order: 3; - order: 3; + -ms-flex-order: 3; + order: 3; } .large-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; - -ms-flex-order: 4; - order: 4; + -ms-flex-order: 4; + order: 4; } .large-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; - -ms-flex-order: 5; - order: 5; + -ms-flex-order: 5; + order: 5; } .large-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; - -ms-flex-order: 6; - order: 6; + -ms-flex-order: 6; + order: 6; } } .flex-container { @@ -2712,54 +2864,54 @@ textarea { .flex-child-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } .flex-child-grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; } .flex-child-shrink { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; } .flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } .flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { @@ -2772,48 +2924,48 @@ textarea { .medium-flex-child-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } .medium-flex-child-grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; } .medium-flex-child-shrink { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; } .medium-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .medium-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } .medium-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .medium-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { @@ -2826,48 +2978,48 @@ textarea { .large-flex-child-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } .large-flex-child-grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; } .large-flex-child-shrink { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; } .large-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .large-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } .large-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .large-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } } div, @@ -2917,64 +3069,82 @@ small { line-height: inherit; } -h1, .h1, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, .h6 { +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } -h1 small, .h1 small, -h2 small, .h2 small, -h3 small, .h3 small, -h4 small, .h4 small, -h5 small, .h5 small, -h6 small, .h6 small { +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small { line-height: 0; color: #cacaca; } -h1, .h1 { +h1, +.h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h2, .h2 { +h2, +.h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h3, .h3 { +h3, +.h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h4, .h4 { +h4, +.h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h5, .h5 { +h5, +.h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } -h6, .h6 { +h6, +.h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; @@ -2982,23 +3152,30 @@ h6, .h6 { } @media print, screen and (min-width: 40em) { - h1, .h1 { + h1, + .h1 { font-size: 3rem; } - h2, .h2 { + h2, + .h2 { font-size: 2.5rem; } - h3, .h3 { + h3, + .h3 { font-size: 1.9375rem; } - h4, .h4 { + h4, + .h4 { font-size: 1.5625rem; } - h5, .h5 { + h5, + .h5 { font-size: 1.25rem; } - h6, .h6 { - font-size: 1rem; + h6, + .h6 { + font-size: 0.75rem; + color: #4a4a4a; } } a { @@ -3007,7 +3184,8 @@ a { text-decoration: none; cursor: pointer; } -a:hover, a:focus { +a:hover, +a:focus { color: #1468a0; } a img { @@ -3046,7 +3224,10 @@ ol { margin-left: 1.25rem; } -ul ul, ul ol, ol ul, ol ol { +ul ul, +ul ol, +ol ul, +ol ol { margin-left: 1.25rem; margin-bottom: 0; } @@ -3064,12 +3245,14 @@ blockquote { padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } -blockquote, blockquote p { +blockquote, +blockquote p { line-height: 1.6; color: #8a8a8a; } -abbr, abbr[title] { +abbr, +abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; @@ -3108,21 +3291,25 @@ p + .stat { margin-top: -1rem; } -ul.no-bullet, ol.no-bullet { +ul.no-bullet, +ol.no-bullet { margin-left: 0; list-style: none; } -.cite-block, cite { +.cite-block, +cite { display: block; color: #8a8a8a; font-size: 0.8125rem; } -.cite-block:before, cite:before { +.cite-block:before, +cite:before { content: "— "; } -.code-inline, code { +.code-inline, +code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; @@ -3200,9 +3387,9 @@ ul.no-bullet, ol.no-bullet { background: transparent !important; color: black !important; -webkit-print-color-adjust: economy; - print-color-adjust: economy; + print-color-adjust: economy; -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; text-shadow: none !important; } .show-for-print { @@ -3292,7 +3479,7 @@ ul.no-bullet, ol.no-bullet { text-align: center; cursor: pointer; } -[data-whatinput=mouse] .button { +[data-whatinput="mouse"] .button { outline: 0; } .button.tiny { @@ -3310,146 +3497,289 @@ ul.no-bullet, ol.no-bullet { margin-right: 0; margin-left: 0; } -.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { +.button, +.button.disabled, +.button[disabled], +.button.disabled:hover, +.button[disabled]:hover, +.button.disabled:focus, +.button[disabled]:focus { background-color: #1779ba; color: #fefefe; } -.button:hover, .button:focus { +.button:hover, +.button:focus { background-color: #14679e; color: #fefefe; } -.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { +.button.primary, +.button.primary.disabled, +.button.primary[disabled], +.button.primary.disabled:hover, +.button.primary[disabled]:hover, +.button.primary.disabled:focus, +.button.primary[disabled]:focus { background-color: #1779ba; color: #fefefe; } -.button.primary:hover, .button.primary:focus { +.button.primary:hover, +.button.primary:focus { background-color: #126195; color: #fefefe; } -.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { +.button.secondary, +.button.secondary.disabled, +.button.secondary[disabled], +.button.secondary.disabled:hover, +.button.secondary[disabled]:hover, +.button.secondary.disabled:focus, +.button.secondary[disabled]:focus { background-color: #767676; color: #fefefe; } -.button.secondary:hover, .button.secondary:focus { +.button.secondary:hover, +.button.secondary:focus { background-color: #5e5e5e; color: #fefefe; } -.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { +.button.success, +.button.success.disabled, +.button.success[disabled], +.button.success.disabled:hover, +.button.success[disabled]:hover, +.button.success.disabled:focus, +.button.success[disabled]:focus { background-color: #3adb76; color: #0a0a0a; } -.button.success:hover, .button.success:focus { +.button.success:hover, +.button.success:focus { background-color: #22bb5b; color: #0a0a0a; } -.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { +.button.warning, +.button.warning.disabled, +.button.warning[disabled], +.button.warning.disabled:hover, +.button.warning[disabled]:hover, +.button.warning.disabled:focus, +.button.warning[disabled]:focus { background-color: #ffae00; color: #0a0a0a; } -.button.warning:hover, .button.warning:focus { +.button.warning:hover, +.button.warning:focus { background-color: #cc8b00; color: #0a0a0a; } -.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { +.button.alert, +.button.alert.disabled, +.button.alert[disabled], +.button.alert.disabled:hover, +.button.alert[disabled]:hover, +.button.alert.disabled:focus, +.button.alert[disabled]:focus { background-color: #cc4b37; color: #fefefe; } -.button.alert:hover, .button.alert:focus { +.button.alert:hover, +.button.alert:focus { background-color: #a53b2a; color: #fefefe; } -.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { +.button.hollow, +.button.hollow:hover, +.button.hollow:focus, +.button.hollow.disabled, +.button.hollow.disabled:hover, +.button.hollow.disabled:focus, +.button.hollow[disabled], +.button.hollow[disabled]:hover, +.button.hollow[disabled]:focus { background-color: transparent; } -.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { +.button.hollow, +.button.hollow.disabled, +.button.hollow[disabled], +.button.hollow.disabled:hover, +.button.hollow[disabled]:hover, +.button.hollow.disabled:focus, +.button.hollow[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } -.button.hollow:hover, .button.hollow:focus { +.button.hollow:hover, +.button.hollow:focus { border-color: #0c3d5d; color: #0c3d5d; } -.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { +.button.hollow.primary, +.button.hollow.primary.disabled, +.button.hollow.primary[disabled], +.button.hollow.primary.disabled:hover, +.button.hollow.primary[disabled]:hover, +.button.hollow.primary.disabled:focus, +.button.hollow.primary[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } -.button.hollow.primary:hover, .button.hollow.primary:focus { +.button.hollow.primary:hover, +.button.hollow.primary:focus { border-color: #0c3d5d; color: #0c3d5d; } -.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { +.button.hollow.secondary, +.button.hollow.secondary.disabled, +.button.hollow.secondary[disabled], +.button.hollow.secondary.disabled:hover, +.button.hollow.secondary[disabled]:hover, +.button.hollow.secondary.disabled:focus, +.button.hollow.secondary[disabled]:focus { border: 1px solid #767676; color: #767676; } -.button.hollow.secondary:hover, .button.hollow.secondary:focus { +.button.hollow.secondary:hover, +.button.hollow.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; } -.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { +.button.hollow.success, +.button.hollow.success.disabled, +.button.hollow.success[disabled], +.button.hollow.success.disabled:hover, +.button.hollow.success[disabled]:hover, +.button.hollow.success.disabled:focus, +.button.hollow.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } -.button.hollow.success:hover, .button.hollow.success:focus { +.button.hollow.success:hover, +.button.hollow.success:focus { border-color: #157539; color: #157539; } -.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { +.button.hollow.warning, +.button.hollow.warning.disabled, +.button.hollow.warning[disabled], +.button.hollow.warning.disabled:hover, +.button.hollow.warning[disabled]:hover, +.button.hollow.warning.disabled:focus, +.button.hollow.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } -.button.hollow.warning:hover, .button.hollow.warning:focus { +.button.hollow.warning:hover, +.button.hollow.warning:focus { border-color: #805700; color: #805700; } -.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { +.button.hollow.alert, +.button.hollow.alert.disabled, +.button.hollow.alert[disabled], +.button.hollow.alert.disabled:hover, +.button.hollow.alert[disabled]:hover, +.button.hollow.alert.disabled:focus, +.button.hollow.alert[disabled]:focus { border: 1px solid #cc4b37; color: #cc4b37; } -.button.hollow.alert:hover, .button.hollow.alert:focus { +.button.hollow.alert:hover, +.button.hollow.alert:focus { border-color: #67251a; color: #67251a; } -.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { +.button.clear, +.button.clear:hover, +.button.clear:focus, +.button.clear.disabled, +.button.clear.disabled:hover, +.button.clear.disabled:focus, +.button.clear[disabled], +.button.clear[disabled]:hover, +.button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } -.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { +.button.clear, +.button.clear.disabled, +.button.clear[disabled], +.button.clear.disabled:hover, +.button.clear[disabled]:hover, +.button.clear.disabled:focus, +.button.clear[disabled]:focus { color: #1779ba; } -.button.clear:hover, .button.clear:focus { +.button.clear:hover, +.button.clear:focus { color: #0c3d5d; } -.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { +.button.clear.primary, +.button.clear.primary.disabled, +.button.clear.primary[disabled], +.button.clear.primary.disabled:hover, +.button.clear.primary[disabled]:hover, +.button.clear.primary.disabled:focus, +.button.clear.primary[disabled]:focus { color: #1779ba; } -.button.clear.primary:hover, .button.clear.primary:focus { +.button.clear.primary:hover, +.button.clear.primary:focus { color: #0c3d5d; } -.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { +.button.clear.secondary, +.button.clear.secondary.disabled, +.button.clear.secondary[disabled], +.button.clear.secondary.disabled:hover, +.button.clear.secondary[disabled]:hover, +.button.clear.secondary.disabled:focus, +.button.clear.secondary[disabled]:focus { color: #767676; } -.button.clear.secondary:hover, .button.clear.secondary:focus { +.button.clear.secondary:hover, +.button.clear.secondary:focus { color: #3b3b3b; } -.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { +.button.clear.success, +.button.clear.success.disabled, +.button.clear.success[disabled], +.button.clear.success.disabled:hover, +.button.clear.success[disabled]:hover, +.button.clear.success.disabled:focus, +.button.clear.success[disabled]:focus { color: #3adb76; } -.button.clear.success:hover, .button.clear.success:focus { +.button.clear.success:hover, +.button.clear.success:focus { color: #157539; } -.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { +.button.clear.warning, +.button.clear.warning.disabled, +.button.clear.warning[disabled], +.button.clear.warning.disabled:hover, +.button.clear.warning[disabled]:hover, +.button.clear.warning.disabled:focus, +.button.clear.warning[disabled]:focus { color: #ffae00; } -.button.clear.warning:hover, .button.clear.warning:focus { +.button.clear.warning:hover, +.button.clear.warning:focus { color: #805700; } -.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { +.button.clear.alert, +.button.clear.alert.disabled, +.button.clear.alert[disabled], +.button.clear.alert.disabled:hover, +.button.clear.alert[disabled]:hover, +.button.clear.alert.disabled:focus, +.button.clear.alert[disabled]:focus { color: #cc4b37; } -.button.clear.alert:hover, .button.clear.alert:focus { +.button.clear.alert:hover, +.button.clear.alert:focus { color: #67251a; } -.button.disabled, .button[disabled] { +.button.disabled, +.button[disabled] { opacity: 0.25; cursor: not-allowed; } @@ -3468,22 +3798,28 @@ ul.no-bullet, ol.no-bullet { float: right; margin-left: 1em; } -.button.dropdown.hollow::after, .button.dropdown.clear::after { +.button.dropdown.hollow::after, +.button.dropdown.clear::after { border-top-color: #1779ba; } -.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { +.button.dropdown.hollow.primary::after, +.button.dropdown.clear.primary::after { border-top-color: #1779ba; } -.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { +.button.dropdown.hollow.secondary::after, +.button.dropdown.clear.secondary::after { border-top-color: #767676; } -.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { +.button.dropdown.hollow.success::after, +.button.dropdown.clear.success::after { border-top-color: #3adb76; } -.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { +.button.dropdown.hollow.warning::after, +.button.dropdown.clear.warning::after { border-top-color: #ffae00; } -.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { +.button.dropdown.hollow.alert::after, +.button.dropdown.clear.alert::after { border-top-color: #cc4b37; } .button.arrow-only::after { @@ -3492,15 +3828,29 @@ ul.no-bullet, ol.no-bullet { margin-left: 0; } -a.button:hover, a.button:focus { +a.button:hover, +a.button:focus { text-decoration: none; } -[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], +[type="text"], +[type="password"], +[type="date"], +[type="datetime"], +[type="datetime-local"], +[type="month"], +[type="week"], +[type="email"], +[type="number"], +[type="search"], +[type="tel"], +[type="time"], +[type="url"], +[type="color"], textarea { display: block; -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; @@ -3509,7 +3859,7 @@ textarea { border-radius: 0; background-color: #fefefe; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; @@ -3518,22 +3868,37 @@ textarea { -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, + -webkit-box-shadow 0.5s; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, + -moz-appearance: none; + appearance: none; +} +[type="text"]:focus, +[type="password"]:focus, +[type="date"]:focus, +[type="datetime"]:focus, +[type="datetime-local"]:focus, +[type="month"]:focus, +[type="week"]:focus, +[type="email"]:focus, +[type="number"]:focus, +[type="search"]:focus, +[type="tel"]:focus, +[type="time"]:focus, +[type="url"]:focus, +[type="color"]:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; - box-shadow: 0 0 5px #cacaca; + box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, + -webkit-box-shadow 0.5s; } textarea { @@ -3543,24 +3908,25 @@ textarea[rows] { height: auto; } -input:disabled, input[readonly], +input:disabled, +input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } -[type=submit], -[type=button] { +[type="submit"], +[type="button"] { -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; border-radius: 0; } -input[type=search] { +input[type="search"] { -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } ::-webkit-input-placeholder { @@ -3583,31 +3949,31 @@ input[type=search] { color: #cacaca; } -[type=file], -[type=checkbox], -[type=radio] { +[type="file"], +[type="checkbox"], +[type="radio"] { margin: 0 0 1rem; } -[type=checkbox] + label, -[type=radio] + label { +[type="checkbox"] + label, +[type="radio"] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } -[type=checkbox] + label[for], -[type=radio] + label[for] { +[type="checkbox"] + label[for], +[type="radio"] + label[for] { cursor: pointer; } -label > [type=checkbox], -label > [type=radio] { +label > [type="checkbox"], +label > [type="radio"] { margin-right: 0.5rem; } -[type=file] { +[type="file"] { width: 100%; } @@ -3641,20 +4007,25 @@ label.middle { margin-bottom: 1rem; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; } -.input-group > :first-child, .input-group > :first-child.input-group-button > * { +.input-group > :first-child, +.input-group > :first-child.input-group-button > * { border-radius: 0 0 0 0; } -.input-group > :last-child, .input-group > :last-child.input-group-button > * { +.input-group > :last-child, +.input-group > :last-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group-button a, .input-group-button input, .input-group-button button, -.input-group-button label, .input-group-button, .input-group-field, .input-group-label { +.input-group-button label, +.input-group-button, +.input-group-field, +.input-group-label { margin: 0; white-space: nowrap; } @@ -3672,12 +4043,12 @@ label.middle { display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; } .input-group-label:first-child { border-right: 0; @@ -3690,8 +4061,8 @@ label.middle { border-radius: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; min-width: 0; } @@ -3705,16 +4076,16 @@ label.middle { display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; @@ -3748,8 +4119,8 @@ select { margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; @@ -3767,9 +4138,10 @@ select { -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, + -webkit-box-shadow 0.5s; } -@media screen and (min-width: 0\0 ) { +@media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } @@ -3779,11 +4151,12 @@ select:focus { border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; - box-shadow: 0 0 5px #cacaca; + box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, + -webkit-box-shadow 0.5s; } select:disabled { background-color: #e6e6e6; @@ -3867,7 +4240,8 @@ select:not([multiple]) { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; } -.accordion-title:hover, .accordion-title:focus { +.accordion-title:hover, +.accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { @@ -3913,7 +4287,9 @@ select:not([multiple]) { .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { +.accordion-menu + .is-accordion-submenu-parent:not(.has-submenu-toggle) + > a::after { display: block; width: 0; height: 0; @@ -3935,13 +4311,13 @@ select:not([multiple]) { right: auto; left: 1rem; } -.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { +.accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a::after { -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; } .is-accordion-submenu-parent { @@ -3974,13 +4350,13 @@ select:not([multiple]) { margin: auto; } -.submenu-toggle[aria-expanded=true]::after { +.submenu-toggle[aria-expanded="true"]::after { -webkit-transform: scaleY(-1); - -ms-transform: scaleY(-1); - transform: scaleY(-1); + -ms-transform: scaleY(-1); + transform: scaleY(-1); -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; } .submenu-toggle-text { @@ -4029,16 +4405,17 @@ select:not([multiple]) { margin: 0 0 1rem 0; list-style: none; } -.breadcrumbs::before, .breadcrumbs::after { +.breadcrumbs::before, +.breadcrumbs::after { display: table; content: " "; -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; + -ms-flex-order: 1; + order: 1; } .breadcrumbs::after { clear: both; @@ -4075,32 +4452,34 @@ select:not([multiple]) { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; -webkit-box-flex: 1; -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } -.button-group::before, .button-group::after { +.button-group::before, +.button-group::after { display: table; content: " "; -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; + -ms-flex-order: 1; + order: 1; } .button-group::after { clear: both; } -.button-group::before, .button-group::after { +.button-group::before, +.button-group::after { display: none; } .button-group .button { @@ -4110,8 +4489,8 @@ select:not([multiple]) { font-size: 0.9rem; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; @@ -4128,138 +4507,363 @@ select:not([multiple]) { .button-group.expanded .button { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; -} -.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { + -ms-flex: 1 1 0px; + flex: 1 1 0px; +} +.button-group.primary .button, +.button-group.primary .button.disabled, +.button-group.primary .button[disabled], +.button-group.primary .button.disabled:hover, +.button-group.primary .button[disabled]:hover, +.button-group.primary .button.disabled:focus, +.button-group.primary .button[disabled]:focus { background-color: #1779ba; color: #fefefe; } -.button-group.primary .button:hover, .button-group.primary .button:focus { +.button-group.primary .button:hover, +.button-group.primary .button:focus { background-color: #126195; color: #fefefe; } -.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { +.button-group.secondary .button, +.button-group.secondary .button.disabled, +.button-group.secondary .button[disabled], +.button-group.secondary .button.disabled:hover, +.button-group.secondary .button[disabled]:hover, +.button-group.secondary .button.disabled:focus, +.button-group.secondary .button[disabled]:focus { background-color: #767676; color: #fefefe; } -.button-group.secondary .button:hover, .button-group.secondary .button:focus { +.button-group.secondary .button:hover, +.button-group.secondary .button:focus { background-color: #5e5e5e; color: #fefefe; } -.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { +.button-group.success .button, +.button-group.success .button.disabled, +.button-group.success .button[disabled], +.button-group.success .button.disabled:hover, +.button-group.success .button[disabled]:hover, +.button-group.success .button.disabled:focus, +.button-group.success .button[disabled]:focus { background-color: #3adb76; color: #0a0a0a; } -.button-group.success .button:hover, .button-group.success .button:focus { +.button-group.success .button:hover, +.button-group.success .button:focus { background-color: #22bb5b; color: #0a0a0a; } -.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { +.button-group.warning .button, +.button-group.warning .button.disabled, +.button-group.warning .button[disabled], +.button-group.warning .button.disabled:hover, +.button-group.warning .button[disabled]:hover, +.button-group.warning .button.disabled:focus, +.button-group.warning .button[disabled]:focus { background-color: #ffae00; color: #0a0a0a; } -.button-group.warning .button:hover, .button-group.warning .button:focus { +.button-group.warning .button:hover, +.button-group.warning .button:focus { background-color: #cc8b00; color: #0a0a0a; } -.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { +.button-group.alert .button, +.button-group.alert .button.disabled, +.button-group.alert .button[disabled], +.button-group.alert .button.disabled:hover, +.button-group.alert .button[disabled]:hover, +.button-group.alert .button.disabled:focus, +.button-group.alert .button[disabled]:focus { background-color: #cc4b37; color: #fefefe; } -.button-group.alert .button:hover, .button-group.alert .button:focus { +.button-group.alert .button:hover, +.button-group.alert .button:focus { background-color: #a53b2a; color: #fefefe; } -.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { +.button-group.hollow .button, +.button-group.hollow .button:hover, +.button-group.hollow .button:focus, +.button-group.hollow .button.disabled, +.button-group.hollow .button.disabled:hover, +.button-group.hollow .button.disabled:focus, +.button-group.hollow .button[disabled], +.button-group.hollow .button[disabled]:hover, +.button-group.hollow .button[disabled]:focus { background-color: transparent; } -.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { +.button-group.hollow .button, +.button-group.hollow .button.disabled, +.button-group.hollow .button[disabled], +.button-group.hollow .button.disabled:hover, +.button-group.hollow .button[disabled]:hover, +.button-group.hollow .button.disabled:focus, +.button-group.hollow .button[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } -.button-group.hollow .button:hover, .button-group.hollow .button:focus { +.button-group.hollow .button:hover, +.button-group.hollow .button:focus { border-color: #0c3d5d; color: #0c3d5d; } -.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { +.button-group.hollow.primary .button, +.button-group.hollow.primary .button.disabled, +.button-group.hollow.primary .button[disabled], +.button-group.hollow.primary .button.disabled:hover, +.button-group.hollow.primary .button[disabled]:hover, +.button-group.hollow.primary .button.disabled:focus, +.button-group.hollow.primary .button[disabled]:focus, +.button-group.hollow .button.primary, +.button-group.hollow .button.primary.disabled, +.button-group.hollow .button.primary[disabled], +.button-group.hollow .button.primary.disabled:hover, +.button-group.hollow .button.primary[disabled]:hover, +.button-group.hollow .button.primary.disabled:focus, +.button-group.hollow .button.primary[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } -.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { +.button-group.hollow.primary .button:hover, +.button-group.hollow.primary .button:focus, +.button-group.hollow .button.primary:hover, +.button-group.hollow .button.primary:focus { border-color: #0c3d5d; color: #0c3d5d; } -.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { +.button-group.hollow.secondary .button, +.button-group.hollow.secondary .button.disabled, +.button-group.hollow.secondary .button[disabled], +.button-group.hollow.secondary .button.disabled:hover, +.button-group.hollow.secondary .button[disabled]:hover, +.button-group.hollow.secondary .button.disabled:focus, +.button-group.hollow.secondary .button[disabled]:focus, +.button-group.hollow .button.secondary, +.button-group.hollow .button.secondary.disabled, +.button-group.hollow .button.secondary[disabled], +.button-group.hollow .button.secondary.disabled:hover, +.button-group.hollow .button.secondary[disabled]:hover, +.button-group.hollow .button.secondary.disabled:focus, +.button-group.hollow .button.secondary[disabled]:focus { border: 1px solid #767676; color: #767676; } -.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { +.button-group.hollow.secondary .button:hover, +.button-group.hollow.secondary .button:focus, +.button-group.hollow .button.secondary:hover, +.button-group.hollow .button.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; } -.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { +.button-group.hollow.success .button, +.button-group.hollow.success .button.disabled, +.button-group.hollow.success .button[disabled], +.button-group.hollow.success .button.disabled:hover, +.button-group.hollow.success .button[disabled]:hover, +.button-group.hollow.success .button.disabled:focus, +.button-group.hollow.success .button[disabled]:focus, +.button-group.hollow .button.success, +.button-group.hollow .button.success.disabled, +.button-group.hollow .button.success[disabled], +.button-group.hollow .button.success.disabled:hover, +.button-group.hollow .button.success[disabled]:hover, +.button-group.hollow .button.success.disabled:focus, +.button-group.hollow .button.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } -.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { +.button-group.hollow.success .button:hover, +.button-group.hollow.success .button:focus, +.button-group.hollow .button.success:hover, +.button-group.hollow .button.success:focus { border-color: #157539; color: #157539; } -.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { +.button-group.hollow.warning .button, +.button-group.hollow.warning .button.disabled, +.button-group.hollow.warning .button[disabled], +.button-group.hollow.warning .button.disabled:hover, +.button-group.hollow.warning .button[disabled]:hover, +.button-group.hollow.warning .button.disabled:focus, +.button-group.hollow.warning .button[disabled]:focus, +.button-group.hollow .button.warning, +.button-group.hollow .button.warning.disabled, +.button-group.hollow .button.warning[disabled], +.button-group.hollow .button.warning.disabled:hover, +.button-group.hollow .button.warning[disabled]:hover, +.button-group.hollow .button.warning.disabled:focus, +.button-group.hollow .button.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } -.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { +.button-group.hollow.warning .button:hover, +.button-group.hollow.warning .button:focus, +.button-group.hollow .button.warning:hover, +.button-group.hollow .button.warning:focus { border-color: #805700; color: #805700; } -.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { +.button-group.hollow.alert .button, +.button-group.hollow.alert .button.disabled, +.button-group.hollow.alert .button[disabled], +.button-group.hollow.alert .button.disabled:hover, +.button-group.hollow.alert .button[disabled]:hover, +.button-group.hollow.alert .button.disabled:focus, +.button-group.hollow.alert .button[disabled]:focus, +.button-group.hollow .button.alert, +.button-group.hollow .button.alert.disabled, +.button-group.hollow .button.alert[disabled], +.button-group.hollow .button.alert.disabled:hover, +.button-group.hollow .button.alert[disabled]:hover, +.button-group.hollow .button.alert.disabled:focus, +.button-group.hollow .button.alert[disabled]:focus { border: 1px solid #cc4b37; color: #cc4b37; } -.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { +.button-group.hollow.alert .button:hover, +.button-group.hollow.alert .button:focus, +.button-group.hollow .button.alert:hover, +.button-group.hollow .button.alert:focus { border-color: #67251a; color: #67251a; } -.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { +.button-group.clear .button, +.button-group.clear .button:hover, +.button-group.clear .button:focus, +.button-group.clear .button.disabled, +.button-group.clear .button.disabled:hover, +.button-group.clear .button.disabled:focus, +.button-group.clear .button[disabled], +.button-group.clear .button[disabled]:hover, +.button-group.clear .button[disabled]:focus { border-color: transparent; background-color: transparent; } -.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { +.button-group.clear .button, +.button-group.clear .button.disabled, +.button-group.clear .button[disabled], +.button-group.clear .button.disabled:hover, +.button-group.clear .button[disabled]:hover, +.button-group.clear .button.disabled:focus, +.button-group.clear .button[disabled]:focus { color: #1779ba; } -.button-group.clear .button:hover, .button-group.clear .button:focus { +.button-group.clear .button:hover, +.button-group.clear .button:focus { color: #0c3d5d; } -.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { +.button-group.clear.primary .button, +.button-group.clear.primary .button.disabled, +.button-group.clear.primary .button[disabled], +.button-group.clear.primary .button.disabled:hover, +.button-group.clear.primary .button[disabled]:hover, +.button-group.clear.primary .button.disabled:focus, +.button-group.clear.primary .button[disabled]:focus, +.button-group.clear .button.primary, +.button-group.clear .button.primary.disabled, +.button-group.clear .button.primary[disabled], +.button-group.clear .button.primary.disabled:hover, +.button-group.clear .button.primary[disabled]:hover, +.button-group.clear .button.primary.disabled:focus, +.button-group.clear .button.primary[disabled]:focus { color: #1779ba; } -.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { +.button-group.clear.primary .button:hover, +.button-group.clear.primary .button:focus, +.button-group.clear .button.primary:hover, +.button-group.clear .button.primary:focus { color: #0c3d5d; } -.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { +.button-group.clear.secondary .button, +.button-group.clear.secondary .button.disabled, +.button-group.clear.secondary .button[disabled], +.button-group.clear.secondary .button.disabled:hover, +.button-group.clear.secondary .button[disabled]:hover, +.button-group.clear.secondary .button.disabled:focus, +.button-group.clear.secondary .button[disabled]:focus, +.button-group.clear .button.secondary, +.button-group.clear .button.secondary.disabled, +.button-group.clear .button.secondary[disabled], +.button-group.clear .button.secondary.disabled:hover, +.button-group.clear .button.secondary[disabled]:hover, +.button-group.clear .button.secondary.disabled:focus, +.button-group.clear .button.secondary[disabled]:focus { color: #767676; } -.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { +.button-group.clear.secondary .button:hover, +.button-group.clear.secondary .button:focus, +.button-group.clear .button.secondary:hover, +.button-group.clear .button.secondary:focus { color: #3b3b3b; } -.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { +.button-group.clear.success .button, +.button-group.clear.success .button.disabled, +.button-group.clear.success .button[disabled], +.button-group.clear.success .button.disabled:hover, +.button-group.clear.success .button[disabled]:hover, +.button-group.clear.success .button.disabled:focus, +.button-group.clear.success .button[disabled]:focus, +.button-group.clear .button.success, +.button-group.clear .button.success.disabled, +.button-group.clear .button.success[disabled], +.button-group.clear .button.success.disabled:hover, +.button-group.clear .button.success[disabled]:hover, +.button-group.clear .button.success.disabled:focus, +.button-group.clear .button.success[disabled]:focus { color: #3adb76; } -.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { +.button-group.clear.success .button:hover, +.button-group.clear.success .button:focus, +.button-group.clear .button.success:hover, +.button-group.clear .button.success:focus { color: #157539; } -.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { +.button-group.clear.warning .button, +.button-group.clear.warning .button.disabled, +.button-group.clear.warning .button[disabled], +.button-group.clear.warning .button.disabled:hover, +.button-group.clear.warning .button[disabled]:hover, +.button-group.clear.warning .button.disabled:focus, +.button-group.clear.warning .button[disabled]:focus, +.button-group.clear .button.warning, +.button-group.clear .button.warning.disabled, +.button-group.clear .button.warning[disabled], +.button-group.clear .button.warning.disabled:hover, +.button-group.clear .button.warning[disabled]:hover, +.button-group.clear .button.warning.disabled:focus, +.button-group.clear .button.warning[disabled]:focus { color: #ffae00; } -.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { +.button-group.clear.warning .button:hover, +.button-group.clear.warning .button:focus, +.button-group.clear .button.warning:hover, +.button-group.clear .button.warning:focus { color: #805700; } -.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { +.button-group.clear.alert .button, +.button-group.clear.alert .button.disabled, +.button-group.clear.alert .button[disabled], +.button-group.clear.alert .button.disabled:hover, +.button-group.clear.alert .button[disabled]:hover, +.button-group.clear.alert .button.disabled:focus, +.button-group.clear.alert .button[disabled]:focus, +.button-group.clear .button.alert, +.button-group.clear .button.alert.disabled, +.button-group.clear .button.alert[disabled], +.button-group.clear .button.alert.disabled:hover, +.button-group.clear .button.alert[disabled]:hover, +.button-group.clear .button.alert.disabled:focus, +.button-group.clear .button.alert[disabled]:focus { color: #cc4b37; } -.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { +.button-group.clear.alert .button:hover, +.button-group.clear.alert .button:focus, +.button-group.clear .button.alert:hover, +.button-group.clear .button.alert:focus { color: #67251a; } .button-group.no-gaps .button { @@ -4268,32 +4872,40 @@ select:not([multiple]) { .button-group.no-gaps .button + .button { border-left-color: transparent; } -.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { +.button-group.stacked, +.button-group.stacked-for-small, +.button-group.stacked-for-medium { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } -.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { +.button-group.stacked .button, +.button-group.stacked-for-small .button, +.button-group.stacked-for-medium .button { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; } -.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { +.button-group.stacked .button:last-child, +.button-group.stacked-for-small .button:last-child, +.button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } -.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { +.button-group.stacked.expanded .button, +.button-group.stacked-for-small.expanded .button, +.button-group.stacked-for-medium.expanded .button { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; margin-bottom: 0; } } @@ -4301,8 +4913,8 @@ select:not([multiple]) { .button-group.stacked-for-medium .button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; margin-bottom: 0; } } @@ -4333,18 +4945,18 @@ select:not([multiple]) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 0; background: #fefefe; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; overflow: hidden; color: #0a0a0a; } @@ -4359,8 +4971,8 @@ select:not([multiple]) { display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; padding: 1rem; background: #e6e6e6; } @@ -4371,8 +4983,8 @@ select:not([multiple]) { .card-section { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; padding: 1rem; } .card-section > :last-child { @@ -4437,10 +5049,11 @@ select:not([multiple]) { color: #8a8a8a; cursor: pointer; } -[data-whatinput=mouse] .close-button { +[data-whatinput="mouse"] .close-button { outline: 0; } -.close-button:hover, .close-button:focus { +.close-button:hover, +.close-button:focus { color: #0a0a0a; } .close-button.small { @@ -4450,7 +5063,8 @@ select:not([multiple]) { line-height: 1; } -.close-button.medium, .close-button { +.close-button.medium, +.close-button { right: 1rem; top: 0.5rem; font-size: 2em; @@ -4467,10 +5081,10 @@ select:not([multiple]) { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } -[data-whatinput=mouse] .menu li { +[data-whatinput="mouse"] .menu li { outline: 0; } .menu a, @@ -4489,29 +5103,31 @@ select:not([multiple]) { .menu input { display: inline-block; } -.menu, .menu.horizontal { +.menu, +.menu.horizontal { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .menu.vertical { -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .menu.vertical.icon-top li a img, .menu.vertical.icon-top li a i, -.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, +.menu.vertical.icon-top li a svg, +.menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a svg { text-align: left; @@ -4519,12 +5135,13 @@ select:not([multiple]) { .menu.expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; } .menu.expanded.icon-top li a img, .menu.expanded.icon-top li a i, -.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, +.menu.expanded.icon-top li a svg, +.menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a svg { text-align: left; @@ -4532,8 +5149,8 @@ select:not([multiple]) { .menu.simple { -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; } .menu.simple li + li { margin-left: 1rem; @@ -4544,69 +5161,69 @@ select:not([multiple]) { @media print, screen and (min-width: 40em) { .menu.medium-horizontal { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .menu.medium-vertical { -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .menu.medium-expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; } .menu.medium-simple li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .menu.large-vertical { -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .menu.large-expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; } .menu.large-simple li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; } } .menu.nested { @@ -4619,73 +5236,84 @@ select:not([multiple]) { display: -ms-flexbox; display: flex; } -.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { +.menu.icon-top a, +.menu.icon-right a, +.menu.icon-bottom a, +.menu.icon-left a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } -.menu.icon-left li a, .menu.nested.icon-left li a { +.menu.icon-left li a, +.menu.nested.icon-left li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; - -ms-flex-flow: row nowrap; - flex-flow: row nowrap; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; } .menu.icon-left li a img, .menu.icon-left li a i, -.menu.icon-left li a svg, .menu.nested.icon-left li a img, +.menu.icon-left li a svg, +.menu.nested.icon-left li a img, .menu.nested.icon-left li a i, .menu.nested.icon-left li a svg { margin-right: 0.25rem; } -.menu.icon-right li a, .menu.nested.icon-right li a { +.menu.icon-right li a, +.menu.nested.icon-right li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; - -ms-flex-flow: row nowrap; - flex-flow: row nowrap; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; } .menu.icon-right li a img, .menu.icon-right li a i, -.menu.icon-right li a svg, .menu.nested.icon-right li a img, +.menu.icon-right li a svg, +.menu.nested.icon-right li a img, .menu.nested.icon-right li a i, .menu.nested.icon-right li a svg { margin-left: 0.25rem; } -.menu.icon-top li a, .menu.nested.icon-top li a { +.menu.icon-top li a, +.menu.nested.icon-top li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } .menu.icon-top li a img, .menu.icon-top li a i, -.menu.icon-top li a svg, .menu.nested.icon-top li a img, +.menu.icon-top li a svg, +.menu.nested.icon-top li a img, .menu.nested.icon-top li a i, .menu.nested.icon-top li a svg { -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; margin-bottom: 0.25rem; text-align: center; } -.menu.icon-bottom li a, .menu.nested.icon-bottom li a { +.menu.icon-bottom li a, +.menu.nested.icon-bottom li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; } .menu.icon-bottom li a img, .menu.icon-bottom li a i, -.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, +.menu.icon-bottom li a svg, +.menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a svg { -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; margin-bottom: 0.25rem; text-align: center; } @@ -4700,8 +5328,8 @@ select:not([multiple]) { .menu.align-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .menu.align-right li { display: -webkit-box; @@ -4710,14 +5338,14 @@ select:not([multiple]) { display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .menu.align-right li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .menu.align-right.vertical li { display: block; @@ -4728,7 +5356,8 @@ select:not([multiple]) { } .menu.align-right.icon-top li a img, .menu.align-right.icon-top li a i, -.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, +.menu.align-right.icon-top li a svg, +.menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a svg { text-align: right; @@ -4744,14 +5373,14 @@ select:not([multiple]) { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .menu.align-center li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .menu .menu-text { padding: 0.7rem 1rem; @@ -4763,8 +5392,8 @@ select:not([multiple]) { .menu-centered > .menu { -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .menu-centered > .menu li { display: -webkit-box; @@ -4773,14 +5402,14 @@ select:not([multiple]) { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .menu-centered > .menu li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .no-js [data-responsive-menu] ul { @@ -4804,13 +5433,13 @@ select:not([multiple]) { height: 2px; background: #fefefe; -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; - box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ""; } .menu-icon:hover::after { background: #cacaca; -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; - box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { @@ -4830,13 +5459,13 @@ select:not([multiple]) { height: 2px; background: #0a0a0a; -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ""; } .menu-icon.dark:hover::after { background: #8a8a8a; -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; - box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .is-drilldown { @@ -4871,13 +5500,13 @@ select:not([multiple]) { z-index: 1; display: block; -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); } .drilldown .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); } .drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; @@ -5003,7 +5632,7 @@ select:not([multiple]) { left: auto; margin-top: -3px; } -[data-whatinput=mouse] .dropdown.menu a { +[data-whatinput="mouse"] .dropdown.menu a { outline: 0; } .dropdown.menu > li > a { @@ -5339,8 +5968,8 @@ select:not([multiple]) { display: flex; margin-bottom: 1rem; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .media-object img { max-width: none; @@ -5348,16 +5977,16 @@ select:not([multiple]) { @media print, screen and (max-width: 39.99875em) { .media-object.stack-for-small { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } } .media-object-section { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; } .media-object-section:first-child { padding-right: 1rem; @@ -5373,8 +6002,8 @@ select:not([multiple]) { padding: 0; padding-bottom: 1rem; -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; max-width: 100%; } .stack-for-small .media-object-section img { @@ -5384,8 +6013,8 @@ select:not([multiple]) { .media-object-section.main-section { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; } .is-off-canvas-open { @@ -5433,10 +6062,10 @@ select:not([multiple]) { transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; background: #e6e6e6; } -[data-whatinput=mouse] .off-canvas { +[data-whatinput="mouse"] .off-canvas { outline: 0; } .off-canvas.is-transition-push { @@ -5450,12 +6079,12 @@ select:not([multiple]) { } .off-canvas.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas.is-open { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .off-canvas-absolute { @@ -5466,10 +6095,10 @@ select:not([multiple]) { transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; background: #e6e6e6; } -[data-whatinput=mouse] .off-canvas-absolute { +[data-whatinput="mouse"] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-push { @@ -5483,12 +6112,12 @@ select:not([multiple]) { } .off-canvas-absolute.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas-absolute.is-open { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .position-left { @@ -5499,29 +6128,29 @@ select:not([multiple]) { -webkit-overflow-scrolling: touch; width: 250px; -webkit-transform: translateX(-250px); - -ms-transform: translateX(-250px); - transform: translateX(-250px); + -ms-transform: translateX(-250px); + transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left { -webkit-transform: translateX(-250px); - -ms-transform: translateX(-250px); - transform: translateX(-250px); + -ms-transform: translateX(-250px); + transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .off-canvas-content.is-open-left.has-transition-push { -webkit-transform: translateX(250px); - -ms-transform: translateX(250px); - transform: translateX(250px); + -ms-transform: translateX(250px); + transform: translateX(250px); } .position-left.is-transition-push { -webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); - box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); + box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } .position-right { @@ -5532,29 +6161,29 @@ select:not([multiple]) { -webkit-overflow-scrolling: touch; width: 250px; -webkit-transform: translateX(250px); - -ms-transform: translateX(250px); - transform: translateX(250px); + -ms-transform: translateX(250px); + transform: translateX(250px); } .off-canvas-content .off-canvas.position-right { -webkit-transform: translateX(250px); - -ms-transform: translateX(250px); - transform: translateX(250px); + -ms-transform: translateX(250px); + transform: translateX(250px); } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .off-canvas-content.is-open-right.has-transition-push { -webkit-transform: translateX(-250px); - -ms-transform: translateX(-250px); - transform: translateX(-250px); + -ms-transform: translateX(-250px); + transform: translateX(-250px); } .position-right.is-transition-push { -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); - box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); + box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } .position-top { @@ -5565,29 +6194,29 @@ select:not([multiple]) { -webkit-overflow-scrolling: touch; height: 250px; -webkit-transform: translateY(-250px); - -ms-transform: translateY(-250px); - transform: translateY(-250px); + -ms-transform: translateY(-250px); + transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top { -webkit-transform: translateY(-250px); - -ms-transform: translateY(-250px); - transform: translateY(-250px); + -ms-transform: translateY(-250px); + transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .off-canvas-content.is-open-top.has-transition-push { -webkit-transform: translateY(250px); - -ms-transform: translateY(250px); - transform: translateY(250px); + -ms-transform: translateY(250px); + transform: translateY(250px); } .position-top.is-transition-push { -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); - box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); + box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } .position-bottom { @@ -5598,39 +6227,40 @@ select:not([multiple]) { -webkit-overflow-scrolling: touch; height: 250px; -webkit-transform: translateY(250px); - -ms-transform: translateY(250px); - transform: translateY(250px); + -ms-transform: translateY(250px); + transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom { -webkit-transform: translateY(250px); - -ms-transform: translateY(250px); - transform: translateY(250px); + -ms-transform: translateY(250px); + transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .off-canvas-content.is-open-bottom.has-transition-push { -webkit-transform: translateY(-250px); - -ms-transform: translateY(-250px); - transform: translateY(-250px); + -ms-transform: translateY(-250px); + transform: translateY(-250px); } .position-bottom.is-transition-push { -webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); - box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); + box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } .off-canvas-content { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } -.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { +.off-canvas-content.has-transition-overlap, +.off-canvas-content.has-transition-push { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; @@ -5638,20 +6268,20 @@ select:not([multiple]) { } .off-canvas-content.has-transition-push { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .off-canvas-content .off-canvas.is-open { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; z-index: 12; -webkit-transition: none; transition: none; @@ -5662,8 +6292,8 @@ select:not([multiple]) { } .off-canvas-content .position-left.reveal-for-medium { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; @@ -5673,8 +6303,8 @@ select:not([multiple]) { } .position-right.reveal-for-medium { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; z-index: 12; -webkit-transition: none; transition: none; @@ -5685,8 +6315,8 @@ select:not([multiple]) { } .off-canvas-content .position-right.reveal-for-medium { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; @@ -5696,8 +6326,8 @@ select:not([multiple]) { } .position-top.reveal-for-medium { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; z-index: 12; -webkit-transition: none; transition: none; @@ -5708,8 +6338,8 @@ select:not([multiple]) { } .off-canvas-content .position-top.reveal-for-medium { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; @@ -5719,8 +6349,8 @@ select:not([multiple]) { } .position-bottom.reveal-for-medium { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; z-index: 12; -webkit-transition: none; transition: none; @@ -5731,8 +6361,8 @@ select:not([multiple]) { } .off-canvas-content .position-bottom.reveal-for-medium { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; @@ -5744,8 +6374,8 @@ select:not([multiple]) { @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; z-index: 12; -webkit-transition: none; transition: none; @@ -5756,8 +6386,8 @@ select:not([multiple]) { } .off-canvas-content .position-left.reveal-for-large { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; @@ -5767,8 +6397,8 @@ select:not([multiple]) { } .position-right.reveal-for-large { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; z-index: 12; -webkit-transition: none; transition: none; @@ -5779,8 +6409,8 @@ select:not([multiple]) { } .off-canvas-content .position-right.reveal-for-large { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; @@ -5790,8 +6420,8 @@ select:not([multiple]) { } .position-top.reveal-for-large { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; z-index: 12; -webkit-transition: none; transition: none; @@ -5802,8 +6432,8 @@ select:not([multiple]) { } .off-canvas-content .position-top.reveal-for-large { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; @@ -5813,8 +6443,8 @@ select:not([multiple]) { } .position-bottom.reveal-for-large { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; z-index: 12; -webkit-transition: none; transition: none; @@ -5825,8 +6455,8 @@ select:not([multiple]) { } .off-canvas-content .position-bottom.reveal-for-large { -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; @@ -5846,12 +6476,15 @@ select:not([multiple]) { -webkit-transition: none; transition: none; } - .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { + .off-canvas.in-canvas-for-medium.position-left, + .off-canvas.in-canvas-for-medium.position-right, + .off-canvas.in-canvas-for-medium.position-top, + .off-canvas.in-canvas-for-medium.position-bottom { -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas.in-canvas-for-medium .close-button { display: none; @@ -5868,12 +6501,15 @@ select:not([multiple]) { -webkit-transition: none; transition: none; } - .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { + .off-canvas.in-canvas-for-large.position-left, + .off-canvas.in-canvas-for-large.position-right, + .off-canvas.in-canvas-for-large.position-top, + .off-canvas.in-canvas-for-large.position-bottom { -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; -webkit-transform: none; - -ms-transform: none; - transform: none; + -ms-transform: none; + transform: none; } .off-canvas.in-canvas-for-large .close-button { display: none; @@ -5920,20 +6556,27 @@ select:not([multiple]) { color: #fefefe; } -.orbit-next, .orbit-previous { +.orbit-next, +.orbit-previous { position: absolute; top: 50%; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } -[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { +[data-whatinput="mouse"] .orbit-next, +[data-whatinput="mouse"] .orbit-previous { outline: 0; } -.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { +.orbit-next:hover, +.orbit-previous:hover, +.orbit-next:active, +.orbit-previous:active, +.orbit-next:focus, +.orbit-previous:focus { background-color: rgba(10, 10, 10, 0.5); } @@ -5952,7 +6595,7 @@ select:not([multiple]) { margin-bottom: 0.8rem; text-align: center; } -[data-whatinput=mouse] .orbit-bullets { +[data-whatinput="mouse"] .orbit-bullets { outline: 0; } .orbit-bullets button { @@ -5973,16 +6616,17 @@ select:not([multiple]) { margin-left: 0; margin-bottom: 1rem; } -.pagination::before, .pagination::after { +.pagination::before, +.pagination::after { display: table; content: " "; -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; + -ms-flex-order: 1; + order: 1; } .pagination::after { clear: both; @@ -5993,7 +6637,8 @@ select:not([multiple]) { font-size: 0.875rem; display: none; } -.pagination li:last-child, .pagination li:first-child { +.pagination li:last-child, +.pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { @@ -6081,8 +6726,8 @@ select:not([multiple]) { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); margin: 0; font-size: 0.75rem; font-weight: bold; @@ -6119,7 +6764,7 @@ html.is-reveal-open body { .reveal { z-index: 1006; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; @@ -6132,7 +6777,7 @@ html.is-reveal-open body { overflow-y: auto; -webkit-overflow-scrolling: touch; } -[data-whatinput=mouse] .reveal { +[data-whatinput="mouse"] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { @@ -6213,11 +6858,11 @@ html.is-reveal-open body { background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; -ms-touch-action: none; - touch-action: none; + touch-action: none; } .slider-fill { @@ -6240,8 +6885,8 @@ html.is-reveal-open body { position: absolute; top: 50%; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); left: 0; z-index: 1; cursor: -webkit-grab; @@ -6254,9 +6899,9 @@ html.is-reveal-open body { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; - touch-action: manipulation; + touch-action: manipulation; } -[data-whatinput=mouse] .slider-handle { +[data-whatinput="mouse"] .slider-handle { outline: 0; } .slider-handle:hover { @@ -6281,8 +6926,8 @@ html.is-reveal-open body { height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); - -ms-transform: scale(1, -1); - transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; @@ -6296,8 +6941,8 @@ html.is-reveal-open body { width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); } .sticky-container { @@ -6308,7 +6953,7 @@ html.is-reveal-open body { position: relative; z-index: 0; -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .sticky.is-stuck { @@ -6340,9 +6985,9 @@ html.is-reveal-open body { font-weight: bold; color: #fefefe; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; height: 2rem; } @@ -6376,7 +7021,7 @@ input + .switch-paddle { width: 1.5rem; height: 1.5rem; -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); border-radius: 0; background: #fefefe; -webkit-transition: all 0.25s ease-out; @@ -6393,16 +7038,17 @@ input:disabled ~ .switch-paddle { cursor: not-allowed; opacity: 0.5; } -[data-whatinput=mouse] input:focus ~ .switch-paddle { +[data-whatinput="mouse"] input:focus ~ .switch-paddle { outline: 0; } -.switch-inactive, .switch-active { +.switch-inactive, +.switch-active { position: absolute; top: 50%; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .switch-active { @@ -6579,16 +7225,17 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { background: #fefefe; list-style-type: none; } -.tabs::before, .tabs::after { +.tabs::before, +.tabs::after { display: table; content: " "; -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; + -ms-flex-order: 1; + order: 1; } .tabs::after { clear: both; @@ -6613,7 +7260,8 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { .tabs.primary > li > a { color: #fefefe; } -.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { +.tabs.primary > li > a:hover, +.tabs.primary > li > a:focus { background: #1673b1; } @@ -6627,14 +7275,15 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { line-height: 1; color: #1779ba; } -[data-whatinput=mouse] .tabs-title > a { +[data-whatinput="mouse"] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #fefefe; color: #1468a0; } -.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { +.tabs-title > a:focus, +.tabs-title > a[aria-selected="true"] { background: #e6e6e6; color: #1779ba; } @@ -6668,7 +7317,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { border: 4px solid #fefefe; border-radius: 0; -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; } @@ -6678,13 +7327,14 @@ a.thumbnail { transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; } -a.thumbnail:hover, a.thumbnail:focus { +a.thumbnail:hover, +a.thumbnail:focus { -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); - box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); + box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); } a.thumbnail image { -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .title-bar { @@ -6697,12 +7347,12 @@ a.thumbnail image { display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; } .title-bar .menu-icon { margin-left: 0.25rem; @@ -6713,8 +7363,8 @@ a.thumbnail image { .title-bar-right { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; - -ms-flex: 1 1 0px; - flex: 1 1 0px; + -ms-flex: 1 1 0px; + flex: 1 1 0px; } .title-bar-right { @@ -6763,8 +7413,8 @@ a.thumbnail image { .tooltip.bottom.align-center::before { left: 50%; -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); } .tooltip.top::before { display: block; @@ -6781,8 +7431,8 @@ a.thumbnail image { .tooltip.top.align-center::before { left: 50%; -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); } .tooltip.left::before { display: block; @@ -6799,8 +7449,8 @@ a.thumbnail image { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .tooltip.right::before { display: block; @@ -6818,8 +7468,8 @@ a.thumbnail image { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; @@ -6844,20 +7494,20 @@ a.thumbnail image { display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: center; + align-items: center; padding: 0.5rem; -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .top-bar, .top-bar ul { @@ -6878,58 +7528,58 @@ a.thumbnail image { .top-bar .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .top-bar { -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } .top-bar .top-bar-left { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; margin-right: auto; } .top-bar .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; margin-left: auto; } } @media print, screen and (max-width: 63.99875em) { .top-bar.stacked-for-medium { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 74.99875em) { .top-bar.stacked-for-large { -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } } @@ -6937,8 +7587,8 @@ a.thumbnail image { .top-bar-title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; } @@ -6946,8 +7596,8 @@ a.thumbnail image { .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } .hide { @@ -7034,7 +7684,8 @@ a.thumbnail image { border: 0 !important; } -.show-on-focus:active, .show-on-focus:focus { +.show-on-focus:active, +.show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; @@ -7131,16 +7782,17 @@ a.thumbnail image { margin-left: auto; } -.clearfix::before, .clearfix::after { +.clearfix::before, +.clearfix::after { display: table; content: " "; -webkit-flex-basis: 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; - -ms-flex-order: 1; - order: 1; + -ms-flex-order: 1; + order: 1; } .clearfix::after { clear: both; @@ -7148,185 +7800,185 @@ a.thumbnail image { .slide-in-down.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } .slide-in-left.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } .slide-in-up.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } .slide-in-right.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } .slide-out-down.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); } .slide-out-right.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); } .slide-out-up.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); } .slide-out-left.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; - backface-visibility: hidden; + backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); } .fade-in.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; @@ -7338,9 +7990,9 @@ a.thumbnail image { .fade-out.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; @@ -7352,14 +8004,14 @@ a.thumbnail image { .hinge-in-from-top.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; + -ms-transform-origin: top; + transform-origin: top; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7369,20 +8021,20 @@ a.thumbnail image { .hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; - -ms-transform-origin: right; - transform-origin: right; + -ms-transform-origin: right; + transform-origin: right; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7392,20 +8044,20 @@ a.thumbnail image { .hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); + transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; + -ms-transform-origin: bottom; + transform-origin: bottom; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7415,20 +8067,20 @@ a.thumbnail image { .hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7438,20 +8090,20 @@ a.thumbnail image { .hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7461,20 +8113,20 @@ a.thumbnail image { .hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7484,20 +8136,20 @@ a.thumbnail image { .hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; + -ms-transform-origin: top; + transform-origin: top; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7507,20 +8159,20 @@ a.thumbnail image { .hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); + transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-right.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; - -ms-transform-origin: right; - transform-origin: right; + -ms-transform-origin: right; + transform-origin: right; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7530,20 +8182,20 @@ a.thumbnail image { .hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; + -ms-transform-origin: bottom; + transform-origin: bottom; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7553,20 +8205,20 @@ a.thumbnail image { .hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-left.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7576,20 +8228,20 @@ a.thumbnail image { .hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7599,20 +8251,20 @@ a.thumbnail image { .hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); + transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7622,18 +8274,18 @@ a.thumbnail image { .hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); opacity: 0; } .scale-in-up.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); + -ms-transform: scale(0.5); + transform: scale(0.5); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7643,19 +8295,19 @@ a.thumbnail image { .scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7665,19 +8317,19 @@ a.thumbnail image { .scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7687,19 +8339,19 @@ a.thumbnail image { .scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7709,19 +8361,19 @@ a.thumbnail image { .scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); + -ms-transform: scale(0.5); + transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: rotate(-0.75turn); - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); + -ms-transform: rotate(-0.75turn); + transform: rotate(-0.75turn); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7731,19 +8383,19 @@ a.thumbnail image { .spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); opacity: 1; } .spin-out.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7753,19 +8405,19 @@ a.thumbnail image { .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(0.75turn); - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); + -ms-transform: rotate(0.75turn); + transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: rotate(0.75turn); - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); + -ms-transform: rotate(0.75turn); + transform: rotate(0.75turn); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7775,19 +8427,19 @@ a.thumbnail image { .spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { -webkit-transition-duration: 500ms; - transition-duration: 500ms; + transition-duration: 500ms; -webkit-transition-timing-function: linear; - transition-timing-function: linear; + transition-timing-function: linear; -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; @@ -7797,176 +8449,258 @@ a.thumbnail image { .spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-0.75turn); - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); + -ms-transform: rotate(-0.75turn); + transform: rotate(-0.75turn); opacity: 0; } .slow { -webkit-transition-duration: 750ms !important; - transition-duration: 750ms !important; + transition-duration: 750ms !important; } .fast { -webkit-transition-duration: 250ms !important; - transition-duration: 250ms !important; + transition-duration: 250ms !important; } .linear { -webkit-transition-timing-function: linear !important; - transition-timing-function: linear !important; + transition-timing-function: linear !important; } .ease { -webkit-transition-timing-function: ease !important; - transition-timing-function: ease !important; + transition-timing-function: ease !important; } .ease-in { -webkit-transition-timing-function: ease-in !important; - transition-timing-function: ease-in !important; + transition-timing-function: ease-in !important; } .ease-out { -webkit-transition-timing-function: ease-out !important; - transition-timing-function: ease-out !important; + transition-timing-function: ease-out !important; } .ease-in-out { -webkit-transition-timing-function: ease-in-out !important; - transition-timing-function: ease-in-out !important; + transition-timing-function: ease-in-out !important; } .bounce-in { - -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; + -webkit-transition-timing-function: cubic-bezier( + 0.485, + 0.155, + 0.24, + 1.245 + ) !important; + transition-timing-function: cubic-bezier( + 0.485, + 0.155, + 0.24, + 1.245 + ) !important; } .bounce-out { - -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; + -webkit-transition-timing-function: cubic-bezier( + 0.485, + 0.155, + 0.515, + 0.845 + ) !important; + transition-timing-function: cubic-bezier( + 0.485, + 0.155, + 0.515, + 0.845 + ) !important; } .bounce-in-out { - -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; + -webkit-transition-timing-function: cubic-bezier( + 0.76, + -0.245, + 0.24, + 1.245 + ) !important; + transition-timing-function: cubic-bezier( + 0.76, + -0.245, + 0.24, + 1.245 + ) !important; } .short-delay { -webkit-transition-delay: 300ms !important; - transition-delay: 300ms !important; + transition-delay: 300ms !important; } .long-delay { -webkit-transition-delay: 700ms !important; - transition-delay: 700ms !important; + transition-delay: 700ms !important; } .shake { -webkit-animation-name: shake-7; - animation-name: shake-7; + animation-name: shake-7; } @-webkit-keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { + 0%, + 10%, + 20%, + 30%, + 40%, + 50%, + 60%, + 70%, + 80%, + 90% { -webkit-transform: translateX(7%); - transform: translateX(7%); - } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { + transform: translateX(7%); + } + 5%, + 15%, + 25%, + 35%, + 45%, + 55%, + 65%, + 75%, + 85%, + 95% { -webkit-transform: translateX(-7%); - transform: translateX(-7%); + transform: translateX(-7%); } } @keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { + 0%, + 10%, + 20%, + 30%, + 40%, + 50%, + 60%, + 70%, + 80%, + 90% { -webkit-transform: translateX(7%); - transform: translateX(7%); - } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { + transform: translateX(7%); + } + 5%, + 15%, + 25%, + 35%, + 45%, + 55%, + 65%, + 75%, + 85%, + 95% { -webkit-transform: translateX(-7%); - transform: translateX(-7%); + transform: translateX(-7%); } } .spin-cw { -webkit-animation-name: spin-cw-1turn; - animation-name: spin-cw-1turn; + animation-name: spin-cw-1turn; } @-webkit-keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); + transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); + transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } } .spin-ccw { -webkit-animation-name: spin-ccw-1turn; - animation-name: spin-ccw-1turn; + animation-name: spin-ccw-1turn; } @-webkit-keyframes spin-ccw-1turn { 0% { -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } 100% { -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); + transform: rotate(-1turn); } } @keyframes spin-ccw-1turn { 0% { -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } 100% { -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); + transform: rotate(-1turn); } } .wiggle { -webkit-animation-name: wiggle-7deg; - animation-name: wiggle-7deg; + animation-name: wiggle-7deg; } @-webkit-keyframes wiggle-7deg { - 40%, 50%, 60% { + 40%, + 50%, + 60% { -webkit-transform: rotate(7deg); - transform: rotate(7deg); + transform: rotate(7deg); } - 35%, 45%, 55%, 65% { + 35%, + 45%, + 55%, + 65% { -webkit-transform: rotate(-7deg); - transform: rotate(-7deg); + transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { + 0%, + 30%, + 70%, + 100% { -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } } @keyframes wiggle-7deg { - 40%, 50%, 60% { + 40%, + 50%, + 60% { -webkit-transform: rotate(7deg); - transform: rotate(7deg); + transform: rotate(7deg); } - 35%, 45%, 55%, 65% { + 35%, + 45%, + 55%, + 65% { -webkit-transform: rotate(-7deg); - transform: rotate(-7deg); + transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { + 0%, + 30%, + 70%, + 100% { -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } } @@ -7975,70 +8709,90 @@ a.thumbnail image { .spin-ccw, .wiggle { -webkit-animation-duration: 500ms; - animation-duration: 500ms; + animation-duration: 500ms; } .infinite { -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 750ms !important; - animation-duration: 750ms !important; + animation-duration: 750ms !important; } .fast { -webkit-animation-duration: 250ms !important; - animation-duration: 250ms !important; + animation-duration: 250ms !important; } .linear { -webkit-animation-timing-function: linear !important; - animation-timing-function: linear !important; + animation-timing-function: linear !important; } .ease { -webkit-animation-timing-function: ease !important; - animation-timing-function: ease !important; + animation-timing-function: ease !important; } .ease-in { -webkit-animation-timing-function: ease-in !important; - animation-timing-function: ease-in !important; + animation-timing-function: ease-in !important; } .ease-out { -webkit-animation-timing-function: ease-out !important; - animation-timing-function: ease-out !important; + animation-timing-function: ease-out !important; } .ease-in-out { -webkit-animation-timing-function: ease-in-out !important; - animation-timing-function: ease-in-out !important; + animation-timing-function: ease-in-out !important; } .bounce-in { - -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; + -webkit-animation-timing-function: cubic-bezier( + 0.485, + 0.155, + 0.24, + 1.245 + ) !important; + animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { - -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; + -webkit-animation-timing-function: cubic-bezier( + 0.485, + 0.155, + 0.515, + 0.845 + ) !important; + animation-timing-function: cubic-bezier( + 0.485, + 0.155, + 0.515, + 0.845 + ) !important; } .bounce-in-out { - -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; + -webkit-animation-timing-function: cubic-bezier( + 0.76, + -0.245, + 0.24, + 1.245 + ) !important; + animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { -webkit-animation-delay: 300ms !important; - animation-delay: 300ms !important; + animation-delay: 300ms !important; } .long-delay { -webkit-animation-delay: 700ms !important; - animation-delay: 700ms !important; + animation-delay: 700ms !important; } diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..fbf008f --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,36 @@ +th { + text-align: center; +} + +.center-text { + text-align: center; +} + +.sorting { + background-color: lightblue; + height: 3em; +} + +.nav-btn { + background-color: lightcyan; + height: 3em; + margin-left: 1em; + margin-right: 1em; +} + +button { + background-color: lightskyblue; + color: white; + height: 2em; + width: 7em; + margin: 1em; + /* padding: 1.5em; */ + text-align: center; + border-radius: 1em; + font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; +} + +button:hover { + color: lightskyblue; + background-color: lightgrey; +} diff --git a/public/img/AustraliaAndNewZealand.png b/public/img/AustraliaAndNewZealand.png new file mode 100644 index 0000000..40fa809 Binary files /dev/null and b/public/img/AustraliaAndNewZealand.png differ diff --git a/public/img/EasternAsiaAndSouthEasternAsia.png b/public/img/EasternAsiaAndSouthEasternAsia.png new file mode 100644 index 0000000..42e630b Binary files /dev/null and b/public/img/EasternAsiaAndSouthEasternAsia.png differ diff --git a/public/img/EuropeAndNorthernAmerica.png b/public/img/EuropeAndNorthernAmerica.png new file mode 100644 index 0000000..b52c8d3 Binary files /dev/null and b/public/img/EuropeAndNorthernAmerica.png differ diff --git a/public/img/LatinAmerica.png b/public/img/LatinAmerica.png new file mode 100644 index 0000000..d5c377c Binary files /dev/null and b/public/img/LatinAmerica.png differ diff --git a/public/img/NorthernAfricaAndWesternAsia.png b/public/img/NorthernAfricaAndWesternAsia.png new file mode 100644 index 0000000..43e8994 Binary files /dev/null and b/public/img/NorthernAfricaAndWesternAsia.png differ diff --git a/public/img/SubSaharanAfrica.png b/public/img/SubSaharanAfrica.png new file mode 100644 index 0000000..2e495ff Binary files /dev/null and b/public/img/SubSaharanAfrica.png differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..f687412 --- /dev/null +++ b/public/index.html @@ -0,0 +1,96 @@ + + + + + + About Equality + + + + + + + +
+
+ +
+
+
+

Home

+
+
+
+
+
+
+

+ Global Equality +

+
+
+ +
+ +
+
+ Picture of equality +
+
+

+ UN Women's Report on Women’s Empowerment versus Gender Parity +

+

+ "This report expands the measures for women and girls to exercise + their potential, their opportunities and the choices available to + them. Policies that seek to further empower women and girls and + achieve gender parity require robust data and measures that are + comparable across countries and based on a sound methodology. While + some such measures are available, the picture has been incomplete. +

+

+ The report uses data for 114 countries, including new data on the + progress towards the Sustainable Development Goals to fill some + gaps. It introduces a new multidimensional framework to measure the + status of women’s empowerment and gender equality across the world, + with the Women’s Empowerment Index (WEI) and the Global Gender + Parity Index (GGPI) as new twin indices. +

+

+ The WEI focuses solely on women, measuring their power and freedoms + to make choices and seize opportunities in life. The GGPI evaluates + the status of women relative to men in core dimensions of human + development and exposes gaps in parity between women and men." +

+
+ - From the UN Women report + "The Paths to Equal" +
+
+
+
+ + + + + + + + diff --git a/public/js/vendor/empowerment.js b/public/js/vendor/empowerment.js new file mode 100644 index 0000000..7604e23 --- /dev/null +++ b/public/js/vendor/empowerment.js @@ -0,0 +1,51 @@ +let previousBtn = document.getElementById("previous"); +let nextBtn = document.getElementById("next"); + +let empowermentKeys = ["Low", "Lower-middle", "Upper-middle", "High"]; + +function presentIndex(currentState) { + return empowermentKeys.findIndex((key) => key === currentState); +} + +function updateData(index) { + if (index >= 0 && index < empowermentKeys.length) { + const newEmpowermentKey = empowermentKeys[index]; + window.location.href = `/weg/${newEmpowermentKey}`; + } +} + +const path = window.location.href.toString(); +const parameters = path.split("/"); +const liveKey = parameters[parameters.length - 1]; +let liveIndex = presentIndex(liveKey); + +if (liveIndex == empowermentKeys.length - 1) { + nextBtn.style.visibility = "hidden"; +} else if (liveIndex == 0) { + previousBtn.style.visibility = "hidden"; +} + +function updateLive() { + updateData(liveIndex); +} + +previousBtn.addEventListener("click", () => { + if (liveIndex > 0) { + liveIndex--; + updateLive(); + // console.log("liveKey"); + } + // console.log("previous!"); + // console.log(parameters); + // console.log(liveKey); + // console.log(liveIndex); +}); + +nextBtn.addEventListener("click", () => { + if (liveIndex < 4) { + liveIndex++; + updateLive(); + // console.log(liveKey); + } + // console.log(position); +}); diff --git a/public/js/vendor/parity.js b/public/js/vendor/parity.js new file mode 100644 index 0000000..18a566c --- /dev/null +++ b/public/js/vendor/parity.js @@ -0,0 +1,51 @@ +let previousBtn = document.getElementById("previous"); +let nextBtn = document.getElementById("next"); + +let empowermentKeys = ["Low", "Lower-middle", "Upper-middle", "High"]; + +function presentIndex(currentState) { + return empowermentKeys.findIndex((key) => key === currentState); +} + +function updateData(index) { + if (index >= 0 && index < empowermentKeys.length) { + const newEmpowermentKey = empowermentKeys[index]; + window.location.href = `/ggpg/${newEmpowermentKey}`; + } +} + +const path = window.location.href.toString(); +const parameters = path.split("/"); +const liveKey = parameters[parameters.length - 1]; +let liveIndex = presentIndex(liveKey); + +if (liveIndex == empowermentKeys.length - 1) { + nextBtn.style.visibility = "hidden"; +} else if (liveIndex == 0) { + previousBtn.style.visibility = "hidden"; +} + +function updateLive() { + updateData(liveIndex); +} + +previousBtn.addEventListener("click", () => { + if (liveIndex > 0) { + liveIndex--; + updateLive(); + // console.log("liveKey"); + } + // console.log("previous!"); + // console.log(parameters); + // console.log(liveKey); + // console.log(liveIndex); +}); + +nextBtn.addEventListener("click", () => { + if (liveIndex < 4) { + liveIndex++; + updateLive(); + // console.log(liveKey); + } + // console.log(position); +}); diff --git a/public/js/vendor/region.js b/public/js/vendor/region.js new file mode 100644 index 0000000..91da9c3 --- /dev/null +++ b/public/js/vendor/region.js @@ -0,0 +1,58 @@ +let previousBtn = document.getElementById("previous"); +let nextBtn = document.getElementById("next"); + +let empowermentKeys = [ + "Sub-Saharan%20Africa", + "Australia%20and%20New%20Zealand", + "Europe%20and%20Northern%20America", + "Northern%20Africa%20and%20Western%20Asia", + "Latin%20America%20and%20the%20Caribbean", + "Eastern%20Asia%20and%20South-Eastern%20Asia", +]; + +function presentIndex(currentState) { + return empowermentKeys.findIndex((key) => key === currentState); +} + +function updateData(index) { + if (index >= 0 && index < empowermentKeys.length) { + const newEmpowermentKey = empowermentKeys[index]; + window.location.href = `/region/${newEmpowermentKey}`; + } +} + +const path = window.location.href.toString(); +const parameters = path.split("/"); +const liveKey = parameters[parameters.length - 1]; +let liveIndex = presentIndex(liveKey); + +if (liveIndex == empowermentKeys.length - 1) { + nextBtn.style.visibility = "hidden"; +} else if (liveIndex == 0) { + previousBtn.style.visibility = "hidden"; +} + +function updateLive() { + updateData(liveIndex); +} + +previousBtn.addEventListener("click", () => { + if (liveIndex > 0) { + liveIndex--; + updateLive(); + console.log(liveIndex); + } + // console.log("previous!"); + // console.log(parameters); + // console.log(liveKey); + // console.log(liveIndex); +}); + +nextBtn.addEventListener("click", () => { + if (liveIndex < 6) { + liveIndex++; + updateLive(); + console.log(liveIndex); + } + // console.log(position); +}); diff --git a/regions.sqlite3 b/regions.sqlite3 new file mode 100644 index 0000000..c623fbb Binary files /dev/null and b/regions.sqlite3 differ diff --git a/templates/empowerment.html b/templates/empowerment.html new file mode 100644 index 0000000..7862d1f --- /dev/null +++ b/templates/empowerment.html @@ -0,0 +1,129 @@ + + + + Search Data + + + + + + + + + + + +
+
+ +
+
+
+

Women's Empowerment Group

+
+
+
+ +
+
+
+
+ +

$EMPOWERMENT$

+ +
+
+
+ +
+ +
+ + + + + +
+
+ + + + + + + + + + + + + + + $TABLE_DATA$ + +
CountryWomen's Empowerment IndexWomen's Empowerment GroupGlobal Gender Parity IndexGender Parity GroupHuman Development Group + Sustainable Development Goal Regions + Population
+
+
+
+ + + + + + + + + diff --git a/templates/parity.html b/templates/parity.html new file mode 100644 index 0000000..e47aa2a --- /dev/null +++ b/templates/parity.html @@ -0,0 +1,129 @@ + + + + Search Data + + + + + + + + + + + +
+
+ +
+
+
+

Gender Parity Group

+
+
+
+ +
+
+
+
+ +

$PARITY$

+ +
+
+
+ +
+ +
+ + + + + +
+
+ + + + + + + + + + + + + + + $TABLE_DATA$ + +
CountryWomen's Empowerment IndexWomen's Empowerment GroupGlobal Gender Parity IndexGender Parity GroupHuman Development Group + Sustainable Development Goal Regions + Population
+
+
+
+ + + + + + + + + diff --git a/templates/region.html b/templates/region.html new file mode 100644 index 0000000..6757a3b --- /dev/null +++ b/templates/region.html @@ -0,0 +1,129 @@ + + + + Search Data + + + + + + + + + + + +
+
+ +
+
+
+

Region

+
+
+
+ +
+
+
+
+ + $SRC$ + +
+
+
+ +
+ +
+ + + + + +
+
+ + + + + + + + + + + + + + + $TABLE_DATA$ + +
CountryWomen's Empowerment IndexWomen's Empowerment GroupGlobal Gender Parity IndexGender Parity GroupHuman Development Group + Sustainable Development Goal Regions + Population
+
+
+
+ + + + + + + + + diff --git a/templates/search.html b/templates/search.html new file mode 100644 index 0000000..3e375a6 --- /dev/null +++ b/templates/search.html @@ -0,0 +1,118 @@ + + + + Search Data + + + + + + + + + + + +
+
+ +
+
+
+

All Data

+
+
+
+ +
+
+
+

All Data

+
+
+ +
+ +
+ + + + + +
+
+ + + + + + + + + + + + + + + $TABLE_DATA$ + +
CountryWomen's Empowerment IndexWomen's Empowerment GroupGlobal Gender Parity IndexGender Parity GroupHuman Development Group + Sustainable Development Goal Regions + Population
+
+
+
+ + + + + + + +