From db2e5e8088066da5fcf4587fcb663576b0e75494 Mon Sep 17 00:00:00 2001 From: Paul-Henri Froidmont Date: Thu, 25 Mar 2021 15:39:06 +0100 Subject: [PATCH] Fix text wrapping issue on medium sized resolutions --- config.yml | 2 +- themes/prologue/static/css/main.css | 3351 ++++++++++++++------------- 2 files changed, 1710 insertions(+), 1643 deletions(-) diff --git a/config.yml b/config.yml index 706a56f..5842070 100644 --- a/config.yml +++ b/config.yml @@ -4,5 +4,5 @@ title: Froidmont Marie-Alice theme: prologue params: - copyright: Tous droits réservés - 2020 + copyright: Tous droits réservés - 2021 diff --git a/themes/prologue/static/css/main.css b/themes/prologue/static/css/main.css index f3f3ceb..9d5a355 100644 --- a/themes/prologue/static/css/main.css +++ b/themes/prologue/static/css/main.css @@ -46,1549 +46,81 @@ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */ -/* Reset */ +html, body, div, span, applet, object, +iframe, h1, h2, h3, h4, h5, h6, p, blockquote, +pre, a, abbr, acronym, address, big, cite, +code, del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, b, +u, i, center, dl, dt, dd, ol, ul, li, fieldset, +form, label, legend, table, caption, tbody, +tfoot, thead, tr, th, td, article, aside, +canvas, details, embed, figure, figcaption, +footer, header, hgroup, menu, nav, output, ruby, +section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline;} - html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; - } +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block;} - article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; - } +body { + line-height: 1; +} - body { - line-height: 1; - } +ol, ul { + list-style: none; +} - ol, ul { - list-style: none; - } - - blockquote, q { - quotes: none; - } +blockquote, q { + quotes: none; +} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } - table { - border-collapse: collapse; - border-spacing: 0; - } - - body { - -webkit-text-size-adjust: none; - } - -/* Box Model */ - - *, *:before, *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } - -/* Containers */ - - .container { - margin-left: auto; - margin-right: auto; - } - - .container.\31 25\25 { - width: 100%; - max-width: 1750px; - min-width: 1400px; - } - - .container.\37 5\25 { - width: 1050px; - } - - .container.\35 0\25 { - width: 700px; - } - - .container.\32 5\25 { - width: 350px; - } - - .container { - width: 1400px; - } - - @media screen and (min-width: 961px) and (max-width: 1880px) { - - .container { - width: 100%; - max-width: 1500px; - min-width: 1200px; - } - - .container { - width: 900px; - } - - .container { - width: 600px; - } - - .container { - width: 300px; - } - - .container { - width: 1200px; - } - - } - - @media screen and (min-width: 961px) and (max-width: 1620px) { - - .container.\31 25\25 { - width: 100%; - max-width: 1200px; - min-width: 960px; - } - - .container.\37 5\25 { - width: 720px; - } - - .container.\35 0\25 { - width: 480px; - } - - .container.\32 5\25 { - width: 240px; - } - - .container { - width: 960px; - } - - } - - @media screen and (min-width: 961px) and (max-width: 1320px) { - - .container.\31 25\25 { - width: 100%; - max-width: 125%; - min-width: 100%; - } - - .container.\37 5\25 { - width: 75%; - } - - .container.\35 0\25 { - width: 50%; - } - - .container.\32 5\25 { - width: 25%; - } - - .container { - width: 100%; - } - - } - - @media screen and (max-width: 960px) { - - .container.\31 25\25 { - width: 100%; - max-width: 125%; - min-width: 100%; - } - - .container.\37 5\25 { - width: 75%; - } - - .container.\35 0\25 { - width: 50%; - } - - .container.\32 5\25 { - width: 25%; - } - - .container { - width: 100%; - } - - } - - @media screen and (max-width: 736px) { - - .container.\31 25\25 { - width: 100%; - max-width: 125%; - min-width: 100%; - } - - .container.\37 5\25 { - width: 75%; - } - - .container.\35 0\25 { - width: 50%; - } - - .container.\32 5\25 { - width: 25%; - } - - .container { - width: 100% !important; - } - - } - -/* Grid */ - - .row { - border-bottom: solid 1px transparent; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } - - .row > * { - float: left; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } - - .row:after, .row:before { - content: ''; - display: block; - clear: both; - height: 0; - } - - .row.uniform > * > :first-child { - margin-top: 0; - } - - .row.uniform > * > :last-child { - margin-bottom: 0; - } - - .row.\30 \25 > * { - padding: 0px 0 0 0px; - } - - .row.\30 \25 { - margin: 0px 0 -1px 0px; - } - - .row.uniform.\30 \25 > * { - padding: 0px 0 0 0px; - } - - .row.uniform.\30 \25 { - margin: 0px 0 -1px 0px; - } - - .row > * { - padding: 40px 0 0 40px; - } - - .row { - margin: -40px 0 -1px -40px; - } - - .row.uniform > * { - padding: 40px 0 0 40px; - } - - .row.uniform { - margin: -40px 0 -1px -40px; - } - - .row.\32 00\25 > * { - padding: 80px 0 0 80px; - } - - .row.\32 00\25 { - margin: -80px 0 -1px -80px; - } - - .row.uniform.\32 00\25 > * { - padding: 80px 0 0 80px; - } - - .row.uniform.\32 00\25 { - margin: -80px 0 -1px -80px; - } - - .row.\31 50\25 > * { - padding: 60px 0 0 60px; - } - - .row.\31 50\25 { - margin: -60px 0 -1px -60px; - } - - .row.uniform.\31 50\25 > * { - padding: 60px 0 0 60px; - } - - .row.uniform.\31 50\25 { - margin: -60px 0 -1px -60px; - } - - .row.\35 0\25 > * { - padding: 20px 0 0 20px; - } - - .row.\35 0\25 { - margin: -20px 0 -1px -20px; - } - - .row.uniform.\35 0\25 > * { - padding: 20px 0 0 20px; - } - - .row.uniform.\35 0\25 { - margin: -20px 0 -1px -20px; - } - - .row.\32 5\25 > * { - padding: 10px 0 0 10px; - } - - .row.\32 5\25 { - margin: -10px 0 -1px -10px; - } - - .row.uniform.\32 5\25 > * { - padding: 10px 0 0 10px; - } - - .row.uniform.\32 5\25 { - margin: -10px 0 -1px -10px; - } - - .\31 2u, .\31 2u\24 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u, .\31 1u\24 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u, .\31 0u\24 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u, .\39 u\24 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u, .\38 u\24 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u, .\37 u\24 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u, .\36 u\24 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u, .\35 u\24 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u, .\34 u\24 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u, .\33 u\24 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u, .\32 u\24 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u, .\31 u\24 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24 + *, - .\31 1u\24 + *, - .\31 0u\24 + *, - .\39 u\24 + *, - .\38 u\24 + *, - .\37 u\24 + *, - .\36 u\24 + *, - .\35 u\24 + *, - .\34 u\24 + *, - .\33 u\24 + *, - .\32 u\24 + *, - .\31 u\24 + * { - clear: left; - } - - .\-11u { - margin-left: 91.66667%; - } - - .\-10u { - margin-left: 83.33333%; - } - - .\-9u { - margin-left: 75%; - } - - .\-8u { - margin-left: 66.66667%; - } - - .\-7u { - margin-left: 58.33333%; - } - - .\-6u { - margin-left: 50%; - } - - .\-5u { - margin-left: 41.66667%; - } - - .\-4u { - margin-left: 33.33333%; - } - - .\-3u { - margin-left: 25%; - } - - .\-2u { - margin-left: 16.66667%; - } - - .\-1u { - margin-left: 8.33333%; - } - - @media screen and (min-width: 961px) and (max-width: 1880px) { - - .row > * { - padding: 40px 0 0 40px; - } - - .row { - margin: -40px 0 -1px -40px; - } - - .row.uniform > * { - padding: 40px 0 0 40px; - } - - .row.uniform { - margin: -40px 0 -1px -40px; - } - - .row.\32 00\25 > * { - padding: 80px 0 0 80px; - } - - .row.\32 00\25 { - margin: -80px 0 -1px -80px; - } - - .row.uniform.\32 00\25 > * { - padding: 80px 0 0 80px; - } - - .row.uniform.\32 00\25 { - margin: -80px 0 -1px -80px; - } - - .row.\31 50\25 > * { - padding: 60px 0 0 60px; - } - - .row.\31 50\25 { - margin: -60px 0 -1px -60px; - } - - .row.uniform.\31 50\25 > * { - padding: 60px 0 0 60px; - } - - .row.uniform.\31 50\25 { - margin: -60px 0 -1px -60px; - } - - .row.\35 0\25 > * { - padding: 20px 0 0 20px; - } - - .row.\35 0\25 { - margin: -20px 0 -1px -20px; - } - - .row.uniform.\35 0\25 > * { - padding: 20px 0 0 20px; - } - - .row.uniform.\35 0\25 { - margin: -20px 0 -1px -20px; - } - - .row.\32 5\25 > * { - padding: 10px 0 0 10px; - } - - .row.\32 5\25 { - margin: -10px 0 -1px -10px; - } - - .row.uniform.\32 5\25 > * { - padding: 10px 0 0 10px; - } - - .row.uniform.\32 5\25 { - margin: -10px 0 -1px -10px; - } - - .\31 2u\28wide\29, .\31 2u\24\28wide\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28wide\29, .\31 1u\24\28wide\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28wide\29, .\31 0u\24\28wide\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28wide\29, .\39 u\24\28wide\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28wide\29, .\38 u\24\28wide\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28wide\29, .\37 u\24\28wide\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28wide\29, .\36 u\24\28wide\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28wide\29, .\35 u\24\28wide\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28wide\29, .\34 u\24\28wide\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28wide\29, .\33 u\24\28wide\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28wide\29, .\32 u\24\28wide\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28wide\29, .\31 u\24\28wide\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28wide\29 + *, - .\31 1u\24\28wide\29 + *, - .\31 0u\24\28wide\29 + *, - .\39 u\24\28wide\29 + *, - .\38 u\24\28wide\29 + *, - .\37 u\24\28wide\29 + *, - .\36 u\24\28wide\29 + *, - .\35 u\24\28wide\29 + *, - .\34 u\24\28wide\29 + *, - .\33 u\24\28wide\29 + *, - .\32 u\24\28wide\29 + *, - .\31 u\24\28wide\29 + * { - clear: left; - } - - .\-11u\28wide\29 { - margin-left: 91.66667%; - } - - .\-10u\28wide\29 { - margin-left: 83.33333%; - } - - .\-9u\28wide\29 { - margin-left: 75%; - } - - .\-8u\28wide\29 { - margin-left: 66.66667%; - } - - .\-7u\28wide\29 { - margin-left: 58.33333%; - } - - .\-6u\28wide\29 { - margin-left: 50%; - } - - .\-5u\28wide\29 { - margin-left: 41.66667%; - } - - .\-4u\28wide\29 { - margin-left: 33.33333%; - } - - .\-3u\28wide\29 { - margin-left: 25%; - } - - .\-2u\28wide\29 { - margin-left: 16.66667%; - } - - .\-1u\28wide\29 { - margin-left: 8.33333%; - } - - } - - @media screen and (min-width: 961px) and (max-width: 1620px) { - - .row > * { - padding: 40px 0 0 40px; - } - - .row { - margin: -40px 0 -1px -40px; - } - - .row.uniform > * { - padding: 40px 0 0 40px; - } - - .row.uniform { - margin: -40px 0 -1px -40px; - } - - .row.\32 00\25 > * { - padding: 80px 0 0 80px; - } - - .row.\32 00\25 { - margin: -80px 0 -1px -80px; - } - - .row.uniform.\32 00\25 > * { - padding: 80px 0 0 80px; - } - - .row.uniform.\32 00\25 { - margin: -80px 0 -1px -80px; - } - - .row.\31 50\25 > * { - padding: 60px 0 0 60px; - } - - .row.\31 50\25 { - margin: -60px 0 -1px -60px; - } - - .row.uniform.\31 50\25 > * { - padding: 60px 0 0 60px; - } - - .row.uniform.\31 50\25 { - margin: -60px 0 -1px -60px; - } - - .row.\35 0\25 > * { - padding: 20px 0 0 20px; - } - - .row.\35 0\25 { - margin: -20px 0 -1px -20px; - } - - .row.uniform.\35 0\25 > * { - padding: 20px 0 0 20px; - } - - .row.uniform.\35 0\25 { - margin: -20px 0 -1px -20px; - } - - .row.\32 5\25 > * { - padding: 10px 0 0 10px; - } - - .row.\32 5\25 { - margin: -10px 0 -1px -10px; - } - - .row.uniform.\32 5\25 > * { - padding: 10px 0 0 10px; - } - - .row.uniform.\32 5\25 { - margin: -10px 0 -1px -10px; - } - - .\31 2u\28normal\29, .\31 2u\24\28normal\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28normal\29, .\31 1u\24\28normal\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28normal\29, .\31 0u\24\28normal\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28normal\29, .\39 u\24\28normal\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28normal\29, .\38 u\24\28normal\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28normal\29, .\37 u\24\28normal\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28normal\29, .\36 u\24\28normal\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28normal\29, .\35 u\24\28normal\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28normal\29, .\34 u\24\28normal\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28normal\29, .\33 u\24\28normal\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28normal\29, .\32 u\24\28normal\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28normal\29, .\31 u\24\28normal\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28normal\29 + *, - .\31 1u\24\28normal\29 + *, - .\31 0u\24\28normal\29 + *, - .\39 u\24\28normal\29 + *, - .\38 u\24\28normal\29 + *, - .\37 u\24\28normal\29 + *, - .\36 u\24\28normal\29 + *, - .\35 u\24\28normal\29 + *, - .\34 u\24\28normal\29 + *, - .\33 u\24\28normal\29 + *, - .\32 u\24\28normal\29 + *, - .\31 u\24\28normal\29 + * { - clear: left; - } - - .\-11u\28normal\29 { - margin-left: 91.66667%; - } - - .\-10u\28normal\29 { - margin-left: 83.33333%; - } - - .\-9u\28normal\29 { - margin-left: 75%; - } - - .\-8u\28normal\29 { - margin-left: 66.66667%; - } - - .\-7u\28normal\29 { - margin-left: 58.33333%; - } - - .\-6u\28normal\29 { - margin-left: 50%; - } - - .\-5u\28normal\29 { - margin-left: 41.66667%; - } - - .\-4u\28normal\29 { - margin-left: 33.33333%; - } - - .\-3u\28normal\29 { - margin-left: 25%; - } - - .\-2u\28normal\29 { - margin-left: 16.66667%; - } - - .\-1u\28normal\29 { - margin-left: 8.33333%; - } - - } - - @media screen and (min-width: 961px) and (max-width: 1320px) { - - .row > * { - padding: 20px 0 0 20px; - } - - .row { - margin: -20px 0 -1px -20px; - } - - .row.uniform > * { - padding: 20px 0 0 20px; - } - - .row.uniform { - margin: -20px 0 -1px -20px; - } - - .row.\32 00\25 > * { - padding: 40px 0 0 40px; - } - - .row.\32 00\25 { - margin: -40px 0 -1px -40px; - } - - .row.uniform.\32 00\25 > * { - padding: 40px 0 0 40px; - } - - .row.uniform.\32 00\25 { - margin: -40px 0 -1px -40px; - } - - .row.\31 50\25 > * { - padding: 30px 0 0 30px; - } - - .row.\31 50\25 { - margin: -30px 0 -1px -30px; - } - - .row.uniform.\31 50\25 > * { - padding: 30px 0 0 30px; - } - - .row.uniform.\31 50\25 { - margin: -30px 0 -1px -30px; - } - - .row.\35 0\25 > * { - padding: 10px 0 0 10px; - } - - .row.\35 0\25 { - margin: -10px 0 -1px -10px; - } - - .row.uniform.\35 0\25 > * { - padding: 10px 0 0 10px; - } - - .row.uniform.\35 0\25 { - margin: -10px 0 -1px -10px; - } - - .row.\32 5\25 > * { - padding: 5px 0 0 5px; - } - - .row.\32 5\25 { - margin: -5px 0 -1px -5px; - } - - .row.uniform.\32 5\25 > * { - padding: 5px 0 0 5px; - } - - .row.uniform.\32 5\25 { - margin: -5px 0 -1px -5px; - } - - .\31 2u\28narrow\29, .\31 2u\24\28narrow\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28narrow\29, .\31 1u\24\28narrow\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28narrow\29, .\31 0u\24\28narrow\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28narrow\29, .\39 u\24\28narrow\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28narrow\29, .\38 u\24\28narrow\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28narrow\29, .\37 u\24\28narrow\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28narrow\29, .\36 u\24\28narrow\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28narrow\29, .\35 u\24\28narrow\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28narrow\29, .\34 u\24\28narrow\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28narrow\29, .\33 u\24\28narrow\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28narrow\29, .\32 u\24\28narrow\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28narrow\29, .\31 u\24\28narrow\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28narrow\29 + *, - .\31 1u\24\28narrow\29 + *, - .\31 0u\24\28narrow\29 + *, - .\39 u\24\28narrow\29 + *, - .\38 u\24\28narrow\29 + *, - .\37 u\24\28narrow\29 + *, - .\36 u\24\28narrow\29 + *, - .\35 u\24\28narrow\29 + *, - .\34 u\24\28narrow\29 + *, - .\33 u\24\28narrow\29 + *, - .\32 u\24\28narrow\29 + *, - .\31 u\24\28narrow\29 + * { - clear: left; - } - - .\-11u\28narrow\29 { - margin-left: 91.66667%; - } - - .\-10u\28narrow\29 { - margin-left: 83.33333%; - } - - .\-9u\28narrow\29 { - margin-left: 75%; - } - - .\-8u\28narrow\29 { - margin-left: 66.66667%; - } - - .\-7u\28narrow\29 { - margin-left: 58.33333%; - } - - .\-6u\28narrow\29 { - margin-left: 50%; - } - - .\-5u\28narrow\29 { - margin-left: 41.66667%; - } - - .\-4u\28narrow\29 { - margin-left: 33.33333%; - } - - .\-3u\28narrow\29 { - margin-left: 25%; - } - - .\-2u\28narrow\29 { - margin-left: 16.66667%; - } - - .\-1u\28narrow\29 { - margin-left: 8.33333%; - } - - } - - @media screen and (max-width: 960px) { - - .row > * { - padding: 20px 0 0 20px; - } - - .row { - margin: -20px 0 -1px -20px; - } - - .row.uniform > * { - padding: 20px 0 0 20px; - } - - .row.uniform { - margin: -20px 0 -1px -20px; - } - - .row.\32 00\25 > * { - padding: 40px 0 0 40px; - } - - .row.\32 00\25 { - margin: -40px 0 -1px -40px; - } - - .row.uniform.\32 00\25 > * { - padding: 40px 0 0 40px; - } - - .row.uniform.\32 00\25 { - margin: -40px 0 -1px -40px; - } - - .row.\31 50\25 > * { - padding: 30px 0 0 30px; - } - - .row.\31 50\25 { - margin: -30px 0 -1px -30px; - } - - .row.uniform.\31 50\25 > * { - padding: 30px 0 0 30px; - } - - .row.uniform.\31 50\25 { - margin: -30px 0 -1px -30px; - } - - .row.\35 0\25 > * { - padding: 10px 0 0 10px; - } - - .row.\35 0\25 { - margin: -10px 0 -1px -10px; - } - - .row.uniform.\35 0\25 > * { - padding: 10px 0 0 10px; - } - - .row.uniform.\35 0\25 { - margin: -10px 0 -1px -10px; - } - - .row.\32 5\25 > * { - padding: 5px 0 0 5px; - } - - .row.\32 5\25 { - margin: -5px 0 -1px -5px; - } - - .row.uniform.\32 5\25 > * { - padding: 5px 0 0 5px; - } - - .row.uniform.\32 5\25 { - margin: -5px 0 -1px -5px; - } - - .\31 2u\28narrower\29, .\31 2u\24\28narrower\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28narrower\29, .\31 1u\24\28narrower\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28narrower\29, .\31 0u\24\28narrower\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28narrower\29, .\39 u\24\28narrower\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28narrower\29, .\38 u\24\28narrower\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28narrower\29, .\37 u\24\28narrower\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28narrower\29, .\36 u\24\28narrower\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28narrower\29, .\35 u\24\28narrower\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28narrower\29, .\34 u\24\28narrower\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28narrower\29, .\33 u\24\28narrower\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28narrower\29, .\32 u\24\28narrower\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28narrower\29, .\31 u\24\28narrower\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28narrower\29 + *, - .\31 1u\24\28narrower\29 + *, - .\31 0u\24\28narrower\29 + *, - .\39 u\24\28narrower\29 + *, - .\38 u\24\28narrower\29 + *, - .\37 u\24\28narrower\29 + *, - .\36 u\24\28narrower\29 + *, - .\35 u\24\28narrower\29 + *, - .\34 u\24\28narrower\29 + *, - .\33 u\24\28narrower\29 + *, - .\32 u\24\28narrower\29 + *, - .\31 u\24\28narrower\29 + * { - clear: left; - } - - .\-11u\28narrower\29 { - margin-left: 91.66667%; - } - - .\-10u\28narrower\29 { - margin-left: 83.33333%; - } - - .\-9u\28narrower\29 { - margin-left: 75%; - } - - .\-8u\28narrower\29 { - margin-left: 66.66667%; - } - - .\-7u\28narrower\29 { - margin-left: 58.33333%; - } - - .\-6u\28narrower\29 { - margin-left: 50%; - } - - .\-5u\28narrower\29 { - margin-left: 41.66667%; - } - - .\-4u\28narrower\29 { - margin-left: 33.33333%; - } - - .\-3u\28narrower\29 { - margin-left: 25%; - } - - .\-2u\28narrower\29 { - margin-left: 16.66667%; - } - - .\-1u\28narrower\29 { - margin-left: 8.33333%; - } - - } - - @media screen and (max-width: 736px) { - - .row > * { - padding: 20px 0 0 20px; - } - - .row { - margin: -20px 0 -1px -20px; - } - - .row.uniform > * { - padding: 20px 0 0 20px; - } - - .row.uniform { - margin: -20px 0 -1px -20px; - } - - .row.\32 00\25 > * { - padding: 40px 0 0 40px; - } - - .row.\32 00\25 { - margin: -40px 0 -1px -40px; - } - - .row.uniform.\32 00\25 > * { - padding: 40px 0 0 40px; - } - - .row.uniform.\32 00\25 { - margin: -40px 0 -1px -40px; - } - - .row.\31 50\25 > * { - padding: 30px 0 0 30px; - } - - .row.\31 50\25 { - margin: -30px 0 -1px -30px; - } - - .row.uniform.\31 50\25 > * { - padding: 30px 0 0 30px; - } - - .row.uniform.\31 50\25 { - margin: -30px 0 -1px -30px; - } - - .row.\35 0\25 > * { - padding: 10px 0 0 10px; - } - - .row.\35 0\25 { - margin: -10px 0 -1px -10px; - } - - .row.uniform.\35 0\25 > * { - padding: 10px 0 0 10px; - } - - .row.uniform.\35 0\25 { - margin: -10px 0 -1px -10px; - } - - .row.\32 5\25 > * { - padding: 5px 0 0 5px; - } - - .row.\32 5\25 { - margin: -5px 0 -1px -5px; - } - - .row.uniform.\32 5\25 > * { - padding: 5px 0 0 5px; - } - - .row.uniform.\32 5\25 { - margin: -5px 0 -1px -5px; - } - - .\31 2u\28mobile\29, .\31 2u\24\28mobile\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28mobile\29, .\31 1u\24\28mobile\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28mobile\29, .\31 0u\24\28mobile\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28mobile\29, .\39 u\24\28mobile\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28mobile\29, .\38 u\24\28mobile\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28mobile\29, .\37 u\24\28mobile\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28mobile\29, .\36 u\24\28mobile\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28mobile\29, .\35 u\24\28mobile\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28mobile\29, .\34 u\24\28mobile\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28mobile\29, .\33 u\24\28mobile\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28mobile\29, .\32 u\24\28mobile\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28mobile\29, .\31 u\24\28mobile\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28mobile\29 + *, - .\31 1u\24\28mobile\29 + *, - .\31 0u\24\28mobile\29 + *, - .\39 u\24\28mobile\29 + *, - .\38 u\24\28mobile\29 + *, - .\37 u\24\28mobile\29 + *, - .\36 u\24\28mobile\29 + *, - .\35 u\24\28mobile\29 + *, - .\34 u\24\28mobile\29 + *, - .\33 u\24\28mobile\29 + *, - .\32 u\24\28mobile\29 + *, - .\31 u\24\28mobile\29 + * { - clear: left; - } - - .\-11u\28mobile\29 { - margin-left: 91.66667%; - } - - .\-10u\28mobile\29 { - margin-left: 83.33333%; - } - - .\-9u\28mobile\29 { - margin-left: 75%; - } - - .\-8u\28mobile\29 { - margin-left: 66.66667%; - } - - .\-7u\28mobile\29 { - margin-left: 58.33333%; - } - - .\-6u\28mobile\29 { - margin-left: 50%; - } - - .\-5u\28mobile\29 { - margin-left: 41.66667%; - } - - .\-4u\28mobile\29 { - margin-left: 33.33333%; - } - - .\-3u\28mobile\29 { - margin-left: 25%; - } - - .\-2u\28mobile\29 { - margin-left: 16.66667%; - } - - .\-1u\28mobile\29 { - margin-left: 8.33333%; - } - - } +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + -webkit-text-size-adjust: none; +} + +mark { + background-color: transparent; + color: inherit; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; +} /* Basic */ + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + body { background: #fff; font-family: 'Source Sans Pro', sans-serif; @@ -1598,15 +130,15 @@ color: #888; } - body.is-loading * { - -moz-transition: none !important; - -webkit-transition: none !important; - -ms-transition: none !important; - transition: none !important; + body.is-preload *, body.is-preload *:before, body.is-preload *:after { -moz-animation: none !important; -webkit-animation: none !important; -ms-animation: none !important; animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; } input, textarea, select { @@ -1682,7 +214,7 @@ } a:hover { - color: #02a8db; + color: #E27689; border-bottom-color: rgba(255, 255, 255, 0); } @@ -1717,21 +249,1537 @@ clear: both; } +/* Container */ + + .container { + margin: 0 auto; + max-width: 100%; + width: 1400px; + } + + @media screen and (min-width: 961px) and (max-width: 1880px) { + + .container { + width: 1200px; + } + + } + + @media screen and (min-width: 961px) and (max-width: 1620px) { + + .container { + width: 960px; + } + + } + + @media screen and (min-width: 961px) and (max-width: 1320px) { + + .container { + width: 100%; + } + + } + + @media screen and (max-width: 960px) { + + .container { + width: 100%; + } + + } + + @media screen and (max-width: 736px) { + + .container { + width: 100%; + } + + } + +/* Row */ + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp { + order: -1; + } + + .row > .col-1 { + width: 8.33333%; + } + + .row > .off-1 { + margin-left: 8.33333%; + } + + .row > .col-2 { + width: 16.66667%; + } + + .row > .off-2 { + margin-left: 16.66667%; + } + + .row > .col-3 { + width: 25%; + } + + .row > .off-3 { + margin-left: 25%; + } + + .row > .col-4 { + width: 33.33333%; + } + + .row > .off-4 { + margin-left: 33.33333%; + } + + .row > .col-5 { + width: 41.66667%; + } + + .row > .off-5 { + margin-left: 41.66667%; + } + + .row > .col-6 { + width: 50%; + } + + .row > .off-6 { + margin-left: 50%; + } + + .row > .col-7 { + width: 58.33333%; + } + + .row > .off-7 { + margin-left: 58.33333%; + } + + .row > .col-8 { + width: 66.66667%; + } + + .row > .off-8 { + margin-left: 66.66667%; + } + + .row > .col-9 { + width: 75%; + } + + .row > .off-9 { + margin-left: 75%; + } + + .row > .col-10 { + width: 83.33333%; + } + + .row > .off-10 { + margin-left: 83.33333%; + } + + .row > .col-11 { + width: 91.66667%; + } + + .row > .off-11 { + margin-left: 91.66667%; + } + + .row > .col-12 { + width: 100%; + } + + .row > .off-12 { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0px; + margin-left: 0px; + } + + .row.gtr-0 > * { + padding: 0px 0 0 0px; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0px; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0px; + } + + .row.gtr-25 { + margin-top: -10px; + margin-left: -10px; + } + + .row.gtr-25 > * { + padding: 10px 0 0 10px; + } + + .row.gtr-25.gtr-uniform { + margin-top: -10px; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 10px; + } + + .row.gtr-50 { + margin-top: -20px; + margin-left: -20px; + } + + .row.gtr-50 > * { + padding: 20px 0 0 20px; + } + + .row.gtr-50.gtr-uniform { + margin-top: -20px; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 20px; + } + + .row { + margin-top: -40px; + margin-left: -40px; + } + + .row > * { + padding: 40px 0 0 40px; + } + + .row.gtr-uniform { + margin-top: -40px; + } + + .row.gtr-uniform > * { + padding-top: 40px; + } + + .row.gtr-150 { + margin-top: -60px; + margin-left: -60px; + } + + .row.gtr-150 > * { + padding: 60px 0 0 60px; + } + + .row.gtr-150.gtr-uniform { + margin-top: -60px; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 60px; + } + + .row.gtr-200 { + margin-top: -80px; + margin-left: -80px; + } + + .row.gtr-200 > * { + padding: 80px 0 0 80px; + } + + .row.gtr-200.gtr-uniform { + margin-top: -80px; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 80px; + } + + @media screen and (min-width: 961px) and (max-width: 1880px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-wide { + order: -1; + } + + .row > .col-1-wide { + width: 8.33333%; + } + + .row > .off-1-wide { + margin-left: 8.33333%; + } + + .row > .col-2-wide { + width: 16.66667%; + } + + .row > .off-2-wide { + margin-left: 16.66667%; + } + + .row > .col-3-wide { + width: 25%; + } + + .row > .off-3-wide { + margin-left: 25%; + } + + .row > .col-4-wide { + width: 33.33333%; + } + + .row > .off-4-wide { + margin-left: 33.33333%; + } + + .row > .col-5-wide { + width: 41.66667%; + } + + .row > .off-5-wide { + margin-left: 41.66667%; + } + + .row > .col-6-wide { + width: 50%; + } + + .row > .off-6-wide { + margin-left: 50%; + } + + .row > .col-7-wide { + width: 58.33333%; + } + + .row > .off-7-wide { + margin-left: 58.33333%; + } + + .row > .col-8-wide { + width: 66.66667%; + } + + .row > .off-8-wide { + margin-left: 66.66667%; + } + + .row > .col-9-wide { + width: 75%; + } + + .row > .off-9-wide { + margin-left: 75%; + } + + .row > .col-10-wide { + width: 83.33333%; + } + + .row > .off-10-wide { + margin-left: 83.33333%; + } + + .row > .col-11-wide { + width: 91.66667%; + } + + .row > .off-11-wide { + margin-left: 91.66667%; + } + + .row > .col-12-wide { + width: 100%; + } + + .row > .off-12-wide { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0px; + margin-left: 0px; + } + + .row.gtr-0 > * { + padding: 0px 0 0 0px; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0px; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0px; + } + + .row.gtr-25 { + margin-top: -10px; + margin-left: -10px; + } + + .row.gtr-25 > * { + padding: 10px 0 0 10px; + } + + .row.gtr-25.gtr-uniform { + margin-top: -10px; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 10px; + } + + .row.gtr-50 { + margin-top: -20px; + margin-left: -20px; + } + + .row.gtr-50 > * { + padding: 20px 0 0 20px; + } + + .row.gtr-50.gtr-uniform { + margin-top: -20px; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 20px; + } + + .row { + margin-top: -40px; + margin-left: -40px; + } + + .row > * { + padding: 40px 0 0 40px; + } + + .row.gtr-uniform { + margin-top: -40px; + } + + .row.gtr-uniform > * { + padding-top: 40px; + } + + .row.gtr-150 { + margin-top: -60px; + margin-left: -60px; + } + + .row.gtr-150 > * { + padding: 60px 0 0 60px; + } + + .row.gtr-150.gtr-uniform { + margin-top: -60px; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 60px; + } + + .row.gtr-200 { + margin-top: -80px; + margin-left: -80px; + } + + .row.gtr-200 > * { + padding: 80px 0 0 80px; + } + + .row.gtr-200.gtr-uniform { + margin-top: -80px; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 80px; + } + + } + + @media screen and (min-width: 961px) and (max-width: 1620px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-normal { + order: -1; + } + + .row > .col-1-normal { + width: 8.33333%; + } + + .row > .off-1-normal { + margin-left: 8.33333%; + } + + .row > .col-2-normal { + width: 16.66667%; + } + + .row > .off-2-normal { + margin-left: 16.66667%; + } + + .row > .col-3-normal { + width: 25%; + } + + .row > .off-3-normal { + margin-left: 25%; + } + + .row > .col-4-normal { + width: 33.33333%; + } + + .row > .off-4-normal { + margin-left: 33.33333%; + } + + .row > .col-5-normal { + width: 41.66667%; + } + + .row > .off-5-normal { + margin-left: 41.66667%; + } + + .row > .col-6-normal { + width: 50%; + } + + .row > .off-6-normal { + margin-left: 50%; + } + + .row > .col-7-normal { + width: 58.33333%; + } + + .row > .off-7-normal { + margin-left: 58.33333%; + } + + .row > .col-8-normal { + width: 66.66667%; + } + + .row > .off-8-normal { + margin-left: 66.66667%; + } + + .row > .col-9-normal { + width: 75%; + } + + .row > .off-9-normal { + margin-left: 75%; + } + + .row > .col-10-normal { + width: 83.33333%; + } + + .row > .off-10-normal { + margin-left: 83.33333%; + } + + .row > .col-11-normal { + width: 91.66667%; + } + + .row > .off-11-normal { + margin-left: 91.66667%; + } + + .row > .col-12-normal { + width: 100%; + } + + .row > .off-12-normal { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0px; + margin-left: 0px; + } + + .row.gtr-0 > * { + padding: 0px 0 0 0px; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0px; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0px; + } + + .row.gtr-25 { + margin-top: -10px; + margin-left: -10px; + } + + .row.gtr-25 > * { + padding: 10px 0 0 10px; + } + + .row.gtr-25.gtr-uniform { + margin-top: -10px; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 10px; + } + + .row.gtr-50 { + margin-top: -20px; + margin-left: -20px; + } + + .row.gtr-50 > * { + padding: 20px 0 0 20px; + } + + .row.gtr-50.gtr-uniform { + margin-top: -20px; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 20px; + } + + .row { + margin-top: -40px; + margin-left: -40px; + } + + .row > * { + padding: 40px 0 0 40px; + } + + .row.gtr-uniform { + margin-top: -40px; + } + + .row.gtr-uniform > * { + padding-top: 40px; + } + + .row.gtr-150 { + margin-top: -60px; + margin-left: -60px; + } + + .row.gtr-150 > * { + padding: 60px 0 0 60px; + } + + .row.gtr-150.gtr-uniform { + margin-top: -60px; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 60px; + } + + .row.gtr-200 { + margin-top: -80px; + margin-left: -80px; + } + + .row.gtr-200 > * { + padding: 80px 0 0 80px; + } + + .row.gtr-200.gtr-uniform { + margin-top: -80px; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 80px; + } + + } + + @media screen and (min-width: 961px) and (max-width: 1320px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-narrow { + order: -1; + } + + .row > .col-1-narrow { + width: 8.33333%; + } + + .row > .off-1-narrow { + margin-left: 8.33333%; + } + + .row > .col-2-narrow { + width: 16.66667%; + } + + .row > .off-2-narrow { + margin-left: 16.66667%; + } + + .row > .col-3-narrow { + width: 25%; + } + + .row > .off-3-narrow { + margin-left: 25%; + } + + .row > .col-4-narrow { + width: 33.33333%; + } + + .row > .off-4-narrow { + margin-left: 33.33333%; + } + + .row > .col-5-narrow { + width: 41.66667%; + } + + .row > .off-5-narrow { + margin-left: 41.66667%; + } + + .row > .col-6-narrow { + width: 50%; + } + + .row > .off-6-narrow { + margin-left: 50%; + } + + .row > .col-7-narrow { + width: 58.33333%; + } + + .row > .off-7-narrow { + margin-left: 58.33333%; + } + + .row > .col-8-narrow { + width: 66.66667%; + } + + .row > .off-8-narrow { + margin-left: 66.66667%; + } + + .row > .col-9-narrow { + width: 75%; + } + + .row > .off-9-narrow { + margin-left: 75%; + } + + .row > .col-10-narrow { + width: 83.33333%; + } + + .row > .off-10-narrow { + margin-left: 83.33333%; + } + + .row > .col-11-narrow { + width: 91.66667%; + } + + .row > .off-11-narrow { + margin-left: 91.66667%; + } + + .row > .col-12-narrow { + width: 100%; + } + + .row > .off-12-narrow { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0px; + margin-left: 0px; + } + + .row.gtr-0 > * { + padding: 0px 0 0 0px; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0px; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0px; + } + + .row.gtr-25 { + margin-top: -5px; + margin-left: -5px; + } + + .row.gtr-25 > * { + padding: 5px 0 0 5px; + } + + .row.gtr-25.gtr-uniform { + margin-top: -5px; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 5px; + } + + .row.gtr-50 { + margin-top: -10px; + margin-left: -10px; + } + + .row.gtr-50 > * { + padding: 10px 0 0 10px; + } + + .row.gtr-50.gtr-uniform { + margin-top: -10px; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 10px; + } + + .row { + margin-top: -20px; + margin-left: -20px; + } + + .row > * { + padding: 20px 0 0 20px; + } + + .row.gtr-uniform { + margin-top: -20px; + } + + .row.gtr-uniform > * { + padding-top: 20px; + } + + .row.gtr-150 { + margin-top: -30px; + margin-left: -30px; + } + + .row.gtr-150 > * { + padding: 30px 0 0 30px; + } + + .row.gtr-150.gtr-uniform { + margin-top: -30px; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 30px; + } + + .row.gtr-200 { + margin-top: -40px; + margin-left: -40px; + } + + .row.gtr-200 > * { + padding: 40px 0 0 40px; + } + + .row.gtr-200.gtr-uniform { + margin-top: -40px; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 40px; + } + + } + + @media screen and (max-width: 960px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-narrower { + order: -1; + } + + .row > .col-1-narrower { + width: 8.33333%; + } + + .row > .off-1-narrower { + margin-left: 8.33333%; + } + + .row > .col-2-narrower { + width: 16.66667%; + } + + .row > .off-2-narrower { + margin-left: 16.66667%; + } + + .row > .col-3-narrower { + width: 25%; + } + + .row > .off-3-narrower { + margin-left: 25%; + } + + .row > .col-4-narrower { + width: 33.33333%; + } + + .row > .off-4-narrower { + margin-left: 33.33333%; + } + + .row > .col-5-narrower { + width: 41.66667%; + } + + .row > .off-5-narrower { + margin-left: 41.66667%; + } + + .row > .col-6-narrower { + width: 50%; + } + + .row > .off-6-narrower { + margin-left: 50%; + } + + .row > .col-7-narrower { + width: 58.33333%; + } + + .row > .off-7-narrower { + margin-left: 58.33333%; + } + + .row > .col-8-narrower { + width: 66.66667%; + } + + .row > .off-8-narrower { + margin-left: 66.66667%; + } + + .row > .col-9-narrower { + width: 75%; + } + + .row > .off-9-narrower { + margin-left: 75%; + } + + .row > .col-10-narrower { + width: 83.33333%; + } + + .row > .off-10-narrower { + margin-left: 83.33333%; + } + + .row > .col-11-narrower { + width: 91.66667%; + } + + .row > .off-11-narrower { + margin-left: 91.66667%; + } + + .row > .col-12-narrower { + width: 100%; + } + + .row > .off-12-narrower { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0px; + margin-left: 0px; + } + + .row.gtr-0 > * { + padding: 0px 0 0 0px; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0px; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0px; + } + + .row.gtr-25 { + margin-top: -5px; + margin-left: -5px; + } + + .row.gtr-25 > * { + padding: 5px 0 0 5px; + } + + .row.gtr-25.gtr-uniform { + margin-top: -5px; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 5px; + } + + .row.gtr-50 { + margin-top: -10px; + margin-left: -10px; + } + + .row.gtr-50 > * { + padding: 10px 0 0 10px; + } + + .row.gtr-50.gtr-uniform { + margin-top: -10px; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 10px; + } + + .row { + margin-top: -20px; + margin-left: -20px; + } + + .row > * { + padding: 20px 0 0 20px; + } + + .row.gtr-uniform { + margin-top: -20px; + } + + .row.gtr-uniform > * { + padding-top: 20px; + } + + .row.gtr-150 { + margin-top: -30px; + margin-left: -30px; + } + + .row.gtr-150 > * { + padding: 30px 0 0 30px; + } + + .row.gtr-150.gtr-uniform { + margin-top: -30px; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 30px; + } + + .row.gtr-200 { + margin-top: -40px; + margin-left: -40px; + } + + .row.gtr-200 > * { + padding: 40px 0 0 40px; + } + + .row.gtr-200.gtr-uniform { + margin-top: -40px; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 40px; + } + + } + + @media screen and (max-width: 736px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-mobile { + order: -1; + } + + .row > .col-1-mobile { + width: 8.33333%; + } + + .row > .off-1-mobile { + margin-left: 8.33333%; + } + + .row > .col-2-mobile { + width: 16.66667%; + } + + .row > .off-2-mobile { + margin-left: 16.66667%; + } + + .row > .col-3-mobile { + width: 25%; + } + + .row > .off-3-mobile { + margin-left: 25%; + } + + .row > .col-4-mobile { + width: 33.33333%; + } + + .row > .off-4-mobile { + margin-left: 33.33333%; + } + + .row > .col-5-mobile { + width: 41.66667%; + } + + .row > .off-5-mobile { + margin-left: 41.66667%; + } + + .row > .col-6-mobile { + width: 50%; + } + + .row > .off-6-mobile { + margin-left: 50%; + } + + .row > .col-7-mobile { + width: 58.33333%; + } + + .row > .off-7-mobile { + margin-left: 58.33333%; + } + + .row > .col-8-mobile { + width: 66.66667%; + } + + .row > .off-8-mobile { + margin-left: 66.66667%; + } + + .row > .col-9-mobile { + width: 75%; + } + + .row > .off-9-mobile { + margin-left: 75%; + } + + .row > .col-10-mobile { + width: 83.33333%; + } + + .row > .off-10-mobile { + margin-left: 83.33333%; + } + + .row > .col-11-mobile { + width: 91.66667%; + } + + .row > .off-11-mobile { + margin-left: 91.66667%; + } + + .row > .col-12-mobile { + width: 100%; + } + + .row > .off-12-mobile { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0px; + margin-left: 0px; + } + + .row.gtr-0 > * { + padding: 0px 0 0 0px; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0px; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0px; + } + + .row.gtr-25 { + margin-top: -5px; + margin-left: -5px; + } + + .row.gtr-25 > * { + padding: 5px 0 0 5px; + } + + .row.gtr-25.gtr-uniform { + margin-top: -5px; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 5px; + } + + .row.gtr-50 { + margin-top: -10px; + margin-left: -10px; + } + + .row.gtr-50 > * { + padding: 10px 0 0 10px; + } + + .row.gtr-50.gtr-uniform { + margin-top: -10px; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 10px; + } + + .row { + margin-top: -20px; + margin-left: -20px; + } + + .row > * { + padding: 20px 0 0 20px; + } + + .row.gtr-uniform { + margin-top: -20px; + } + + .row.gtr-uniform > * { + padding-top: 20px; + } + + .row.gtr-150 { + margin-top: -30px; + margin-left: -30px; + } + + .row.gtr-150 > * { + padding: 30px 0 0 30px; + } + + .row.gtr-150.gtr-uniform { + margin-top: -30px; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 30px; + } + + .row.gtr-200 { + margin-top: -40px; + margin-left: -40px; + } + + .row.gtr-200 > * { + padding: 40px 0 0 40px; + } + + .row.gtr-200.gtr-uniform { + margin-top: -40px; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 40px; + } + + } + /* Sections/Article */ section, article { margin-bottom: 3em; } - section > :last-child, - section > .container, section:last-child, article > :last-child, - article > .container, article:last-child { - margin-bottom: 0; - } + section > :last-child, + section > .container, section:last-child, article > :last-child, + article > .container, article:last-child { + margin-bottom: 0; + } - .row > section, .row > article { - margin-bottom: 0; - } + .row > section, .row > article { + margin-bottom: 0; + } /* Image */ @@ -1740,10 +1788,10 @@ border: 0; } - .image img { - display: block; - width: 100%; - } + .image img { + display: block; + width: 100%; + } .image.avatar48 { width: 48px; @@ -1756,49 +1804,63 @@ /*height: 48px;*/ } - .image.fit { - display: block; - width: 100%; - } + .image.fit { + display: block; + width: 100%; + } - .image.featured { - display: block; - width: 100%; - margin: 0 0 2em 0; - } + .image.featured { + display: block; + width: 100%; + margin: 0 0 2em 0; + } - .image.left { - float: left; - margin: 0 2em 2em 0; - } + .image.left { + float: left; + margin: 0 2em 2em 0; + } - .image.centered { - display: block; - margin: 0 0 2em 0; - } + .image.centered { + display: block; + margin: 0 0 2em 0; + } - .image.centered img { - margin: 0 auto; - width: auto; - } + .image.centered img { + margin: 0 auto; + width: auto; + } /* List */ - ul.default { + ul { list-style: disc; padding-left: 1em; } - ul.default li { + ul li { padding-left: 0.5em; } + ol { + list-style: decimal; + padding-left: 1.25em; + } + + ol li { + padding-left: 0.25em; + } + +/* Icons */ + ul.icons { cursor: default; + list-style: none; + padding-left: 0; } ul.icons li { display: inline-block; + padding-left: 0; } ul.icons a { @@ -1810,15 +1872,6 @@ border: 0; } - ol.default { - list-style: decimal; - padding-left: 1.25em; - } - - ol.default li { - padding-left: 0.25em; - } - /* Form */ form label { @@ -1870,10 +1923,6 @@ min-height: 14em; } - form .formerize-placeholder { - color: #555 !important; - } - form ::-webkit-input-placeholder { color: #555 !important; } @@ -1898,36 +1947,32 @@ table { width: 100%; + text-align: left; } - table.default { - width: 100%; - text-align: left; + table tbody tr:nth-child(2n+2) { + background: #f4f4f4; } - table.default tbody tr:nth-child(2n+2) { - background: #f4f4f4; - } + table td { + padding: 0.5em 1em 0.5em 1em; + } - table.default td { - padding: 0.5em 1em 0.5em 1em; - } + table th { + text-align: left; + padding: 0.5em 1em 0.5em 1em; + color: #fff; + background: #222729 url("images/overlay.png"); + } - table.default th { - text-align: left; - padding: 0.5em 1em 0.5em 1em; - color: #fff; - background: #222729 url("images/overlay.png"); - } + table thead { + background: #444; + color: #fff; + } - table.default thead { - background: #444; - color: #fff; - } - - table.default tfoot { - background: #eee; - } + table tfoot { + background: #eee; + } /* Button */ @@ -2011,6 +2056,14 @@ display: none; } + .icon.solid:before { + font-weight: 900; + } + + .icon.brands:before { + font-family: 'Font Awesome 5 Brands'; + } + /* Header */ #header { @@ -2107,42 +2160,48 @@ } #nav ul { + list-style: none; + padding-left: 0; margin-bottom: 0; } - #nav ul li a { - display: block; - padding: 0.5em 1.5em 0.5em 1.5em; - color: rgba(255, 255, 255, 0.5); - text-decoration: none; - outline: 0; - border: 0; - -moz-transition: none; - -webkit-transition: none; - -ms-transition: none; - transition: none; + #nav ul li { + padding-left: 0; } - #nav ul li a span { - position: relative; + #nav ul li a { display: block; - font-size: 0.8em; + padding: 0.5em 1.5em 0.5em 1.5em; + color: rgba(255, 255, 255, 0.5); + text-decoration: none; + outline: 0; + border: 0; + -moz-transition: none; + -webkit-transition: none; + -ms-transition: none; + transition: none; } - #nav ul li a span:before { - position: absolute; - left: 0; - color: #41484c; - text-align: center; - width: 1.25em; - line-height: 1.75em; + #nav ul li a span { + position: relative; + display: block; + font-size: 0.8em; } - #nav ul li a.active { - background: rgba(0, 0, 0, 0.15); - box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.125); - color: #fff; - } + #nav ul li a span:before { + position: absolute; + left: 0; + color: #41484c; + text-align: center; + width: 1.25em; + line-height: 1.75em; + } + + #nav ul li a.active { + background: rgba(0, 0, 0, 0.15); + box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.125); + color: #fff; + } #nav ul li a.active span:before { color: #ebc693; @@ -2217,7 +2276,7 @@ } #main > section.cover { - padding: 6em 0; + padding: 10em 0; background-size: cover; background-position: center center; } @@ -2299,7 +2358,7 @@ padding: 0 2em 0 2em; } - /* List */ + /* Icons */ ul.icons li a { width: 1.75em; @@ -2384,7 +2443,7 @@ margin-bottom: 15px; } - /* List */ + /* Icons */ ul.icons a { width: 1.75em; @@ -2459,6 +2518,7 @@ } #headerToggle .toggle { + text-decoration: none; position: absolute; left: 0; top: 0; @@ -2469,16 +2529,23 @@ } #headerToggle .toggle:before { - font-family: FontAwesome; - text-decoration: none; - font-style: normal; - font-weight: normal; - -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + + #headerToggle .toggle:before { + text-decoration: none; content: '\f0c9'; color: #fff; font-size: 18px; - line-height: 2.25em; background: rgba(128, 136, 144, 0.5); border-radius: 0.35em; text-align: center;