From 70bd4b420cddab0465c9aea43cfa33add36a8ce8 Mon Sep 17 00:00:00 2001 From: Keegan Rankin Date: Mon, 11 Mar 2024 12:53:23 -0700 Subject: [PATCH] Re-theme slides --- .../custom/geofresco/dist/css/global.css | 2163 +++++------------ .../geofresco/src/global/_components.scss | 52 +- .../src/templates/elements/image.html.twig | 2 +- 3 files changed, 589 insertions(+), 1628 deletions(-) diff --git a/web/themes/custom/geofresco/dist/css/global.css b/web/themes/custom/geofresco/dist/css/global.css index 81604bc..b81e620 100644 --- a/web/themes/custom/geofresco/dist/css/global.css +++ b/web/themes/custom/geofresco/dist/css/global.css @@ -1,18 +1,8 @@ -@-webkit-keyframes spinAround { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); } } - @keyframes spinAround { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } + transform: rotate(0deg); } to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); } } + transform: rotate(359deg); } } .tabs, .pagination-previous, .pagination-next, @@ -36,12 +26,8 @@ pointer-events: none; position: absolute; top: 50%; - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; + transform: rotate(-45deg); + transform-origin: center; width: 0.625em; } .tabs:not(:last-child), .message:not(:last-child), .list:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .highlight:not(:last-child), .block:not(:last-child), .title:not(:last-child), @@ -57,11 +43,8 @@ cursor: pointer; pointer-events: auto; display: inline-block; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; @@ -79,12 +62,8 @@ left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; } + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .modal-close::before, .delete::before { height: 2px; width: 50%; } @@ -118,8 +97,7 @@ width: 32px; } .control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -160,21 +138,14 @@ .file-name, .select select, .textarea, .input, .button { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: 1px solid transparent; border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -281,12 +252,10 @@ textarea { margin: 0; } html { - -webkit-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; } *, *::before, *::after { - -webkit-box-sizing: inherit; - box-sizing: inherit; } + box-sizing: inherit; } img, embed, @@ -322,10 +291,7 @@ html { overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; - -webkit-text-size-adjust: 100%; - -moz-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - text-size-adjust: 100%; } + text-size-adjust: 100%; } article, aside, @@ -938,62 +904,42 @@ a.has-text-danger:hover, a.has-text-danger:focus { display: block !important; } } .is-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } @media screen and (max-width: 768px) { .is-flex-mobile { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px), print { .is-flex-tablet { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1023px) { .is-flex-touch { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) { .is-flex-desktop { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) { .is-flex-widescreen { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1408px) { .is-flex-fullhd { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } .is-inline { @@ -1075,62 +1021,42 @@ a.has-text-danger:hover, a.has-text-danger:focus { display: inline-block !important; } } .is-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px), print { .is-inline-flex-tablet { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 1023px) { .is-inline-flex-touch { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) { .is-inline-flex-desktop { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) { .is-inline-flex-widescreen { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1408px) { .is-inline-flex-fullhd { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } .is-hidden { @@ -1231,8 +1157,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { border-radius: 0 !important; } .is-shadowless { - -webkit-box-shadow: none !important; - box-shadow: none !important; } + box-shadow: none !important; } .is-relative { position: relative !important; } @@ -1265,19 +1190,16 @@ a.has-text-danger:hover, a.has-text-danger:focus { .box { background-color: white; border-radius: 6px; - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; display: block; padding: 1.25rem; } a.box:hover, a.box:focus { - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #4391E0; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #4391E0; } + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #4391E0; } a.box:active { - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #4391E0; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #4391E0; } + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #4391E0; } .button { background-color: white; @@ -1285,9 +1207,7 @@ a.box:active { border-width: 1px; color: #363636; cursor: pointer; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding-bottom: calc(0.375em - 1px); padding-left: 0.75em; padding-right: 0.75em; @@ -1315,8 +1235,7 @@ a.box:active { border-color: #4391E0; color: #363636; } .button:focus:not(:active), .button.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } + box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } .button:active, .button.is-active { border-color: #4a4a4a; color: #363636; } @@ -1334,8 +1253,7 @@ a.box:active { .button.is-text[disabled], fieldset[disabled] .button.is-text { background-color: transparent; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-white { background-color: white; border-color: transparent; @@ -1348,8 +1266,7 @@ a.box:active { border-color: transparent; color: #0a0a0a; } .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .button.is-white:active, .button.is-white.is-active { background-color: #f2f2f2; border-color: transparent; @@ -1357,8 +1274,7 @@ a.box:active { .button.is-white[disabled], fieldset[disabled] .button.is-white { background-color: white; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-white.is-inverted { background-color: #0a0a0a; color: white; } @@ -1367,8 +1283,7 @@ a.box:active { .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { background-color: #0a0a0a; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } .button.is-white.is-loading::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } @@ -1387,8 +1302,7 @@ a.box:active { .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { background-color: transparent; border-color: white; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } .button.is-white.is-inverted.is-outlined { background-color: transparent; @@ -1402,8 +1316,7 @@ a.box:active { .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #0a0a0a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } .button.is-black { background-color: #0a0a0a; @@ -1417,8 +1330,7 @@ a.box:active { border-color: transparent; color: white; } .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .button.is-black:active, .button.is-black.is-active { background-color: black; border-color: transparent; @@ -1426,8 +1338,7 @@ a.box:active { .button.is-black[disabled], fieldset[disabled] .button.is-black { background-color: #0a0a0a; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-black.is-inverted { background-color: white; color: #0a0a0a; } @@ -1436,8 +1347,7 @@ a.box:active { .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { background-color: white; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } .button.is-black.is-loading::after { border-color: transparent transparent white white !important; } @@ -1456,8 +1366,7 @@ a.box:active { .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } .button.is-black.is-inverted.is-outlined { background-color: transparent; @@ -1471,8 +1380,7 @@ a.box:active { .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: white; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } .button.is-light { background-color: whitesmoke; @@ -1486,8 +1394,7 @@ a.box:active { border-color: transparent; color: #363636; } .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .button.is-light:active, .button.is-light.is-active { background-color: #e8e8e8; border-color: transparent; @@ -1495,8 +1402,7 @@ a.box:active { .button.is-light[disabled], fieldset[disabled] .button.is-light { background-color: whitesmoke; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-light.is-inverted { background-color: #363636; color: whitesmoke; } @@ -1505,8 +1411,7 @@ a.box:active { .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { background-color: #363636; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } .button.is-light.is-loading::after { border-color: transparent transparent #363636 #363636 !important; } @@ -1525,8 +1430,7 @@ a.box:active { .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } .button.is-light.is-inverted.is-outlined { background-color: transparent; @@ -1540,8 +1444,7 @@ a.box:active { .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: #363636; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } .button.is-dark { background-color: #363636; @@ -1555,8 +1458,7 @@ a.box:active { border-color: transparent; color: whitesmoke; } .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .button.is-dark:active, .button.is-dark.is-active { background-color: #292929; border-color: transparent; @@ -1564,8 +1466,7 @@ a.box:active { .button.is-dark[disabled], fieldset[disabled] .button.is-dark { background-color: #363636; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-dark.is-inverted { background-color: whitesmoke; color: #363636; } @@ -1574,8 +1475,7 @@ a.box:active { .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { background-color: whitesmoke; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } .button.is-dark.is-loading::after { border-color: transparent transparent whitesmoke whitesmoke !important; } @@ -1594,8 +1494,7 @@ a.box:active { .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } .button.is-dark.is-inverted.is-outlined { background-color: transparent; @@ -1609,8 +1508,7 @@ a.box:active { .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } .button.is-primary { background-color: #478D00; @@ -1624,8 +1522,7 @@ a.box:active { border-color: transparent; color: #fff; } .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); - box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } .button.is-primary:active, .button.is-primary.is-active { background-color: #3a7400; border-color: transparent; @@ -1633,8 +1530,7 @@ a.box:active { .button.is-primary[disabled], fieldset[disabled] .button.is-primary { background-color: #478D00; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-primary.is-inverted { background-color: #fff; color: #478D00; } @@ -1643,8 +1539,7 @@ a.box:active { .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #478D00; } .button.is-primary.is-loading::after { border-color: transparent transparent #fff #fff !important; } @@ -1663,8 +1558,7 @@ a.box:active { .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { background-color: transparent; border-color: #478D00; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #478D00; } .button.is-primary.is-inverted.is-outlined { background-color: transparent; @@ -1678,8 +1572,7 @@ a.box:active { .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } .button.is-link { background-color: #4391E0; @@ -1693,8 +1586,7 @@ a.box:active { border-color: transparent; color: #fff; } .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } + box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } .button.is-link:active, .button.is-link.is-active { background-color: #2d84dc; border-color: transparent; @@ -1702,8 +1594,7 @@ a.box:active { .button.is-link[disabled], fieldset[disabled] .button.is-link { background-color: #4391E0; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-link.is-inverted { background-color: #fff; color: #4391E0; } @@ -1712,8 +1603,7 @@ a.box:active { .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #4391E0; } .button.is-link.is-loading::after { border-color: transparent transparent #fff #fff !important; } @@ -1732,8 +1622,7 @@ a.box:active { .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { background-color: transparent; border-color: #4391E0; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #4391E0; } .button.is-link.is-inverted.is-outlined { background-color: transparent; @@ -1747,8 +1636,7 @@ a.box:active { .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } .button.is-info { background-color: #209cee; @@ -1762,8 +1650,7 @@ a.box:active { border-color: transparent; color: #fff; } .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .button.is-info:active, .button.is-info.is-active { background-color: #118fe4; border-color: transparent; @@ -1771,8 +1658,7 @@ a.box:active { .button.is-info[disabled], fieldset[disabled] .button.is-info { background-color: #209cee; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-info.is-inverted { background-color: #fff; color: #209cee; } @@ -1781,8 +1667,7 @@ a.box:active { .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #209cee; } .button.is-info.is-loading::after { border-color: transparent transparent #fff #fff !important; } @@ -1801,8 +1686,7 @@ a.box:active { .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { background-color: transparent; border-color: #209cee; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #209cee; } .button.is-info.is-inverted.is-outlined { background-color: transparent; @@ -1816,8 +1700,7 @@ a.box:active { .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } .button.is-success { background-color: #478D00; @@ -1831,8 +1714,7 @@ a.box:active { border-color: transparent; color: #fff; } .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); - box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } .button.is-success:active, .button.is-success.is-active { background-color: #3a7400; border-color: transparent; @@ -1840,8 +1722,7 @@ a.box:active { .button.is-success[disabled], fieldset[disabled] .button.is-success { background-color: #478D00; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-success.is-inverted { background-color: #fff; color: #478D00; } @@ -1850,8 +1731,7 @@ a.box:active { .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #478D00; } .button.is-success.is-loading::after { border-color: transparent transparent #fff #fff !important; } @@ -1870,8 +1750,7 @@ a.box:active { .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { background-color: transparent; border-color: #478D00; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #478D00; } .button.is-success.is-inverted.is-outlined { background-color: transparent; @@ -1885,8 +1764,7 @@ a.box:active { .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } .button.is-warning { background-color: #ffdd57; @@ -1900,8 +1778,7 @@ a.box:active { border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .button.is-warning:active, .button.is-warning.is-active { background-color: #ffd83e; border-color: transparent; @@ -1909,8 +1786,7 @@ a.box:active { .button.is-warning[disabled], fieldset[disabled] .button.is-warning { background-color: #ffdd57; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: #ffdd57; } @@ -1919,8 +1795,7 @@ a.box:active { .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ffdd57; } .button.is-warning.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } @@ -1939,8 +1814,7 @@ a.box:active { .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { background-color: transparent; border-color: #ffdd57; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ffdd57; } .button.is-warning.is-inverted.is-outlined { background-color: transparent; @@ -1954,8 +1828,7 @@ a.box:active { .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: rgba(0, 0, 0, 0.7); } .button.is-danger { background-color: #a70c20; @@ -1969,8 +1842,7 @@ a.box:active { border-color: transparent; color: #fff; } .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); - box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } + box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } .button.is-danger:active, .button.is-danger.is-active { background-color: #8f0a1b; border-color: transparent; @@ -1978,8 +1850,7 @@ a.box:active { .button.is-danger[disabled], fieldset[disabled] .button.is-danger { background-color: #a70c20; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .button.is-danger.is-inverted { background-color: #fff; color: #a70c20; } @@ -1988,8 +1859,7 @@ a.box:active { .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #a70c20; } .button.is-danger.is-loading::after { border-color: transparent transparent #fff #fff !important; } @@ -2008,8 +1878,7 @@ a.box:active { .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { background-color: transparent; border-color: #a70c20; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #a70c20; } .button.is-danger.is-inverted.is-outlined { background-color: transparent; @@ -2023,8 +1892,7 @@ a.box:active { .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } .button.is-small { border-radius: 2px; @@ -2038,12 +1906,9 @@ a.box:active { .button[disabled], fieldset[disabled] .button { background-color: white; border-color: #dbdbdb; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 0.5; } .button.is-fullwidth { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; } .button.is-loading { @@ -2058,8 +1923,7 @@ a.box:active { background-color: whitesmoke; border-color: #dbdbdb; color: #7a7a7a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; pointer-events: none; } .button.is-rounded { border-radius: 290486px; @@ -2067,17 +1931,10 @@ a.box:active { padding-right: 1em; } .buttons { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } + flex-wrap: wrap; + justify-content: flex-start; } .buttons .button { margin-bottom: 0.5rem; } .buttons .button:not(:last-child):not(.is-fullwidth) { @@ -2109,30 +1966,21 @@ a.box:active { .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { z-index: 4; } .buttons.has-addons .button.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-grow: 1; + flex-shrink: 1; } .buttons.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } .buttons.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } .container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; margin: 0 auto; position: relative; width: auto; } @@ -2301,15 +2149,9 @@ a.box:active { font-size: 1.5rem; } .icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + align-items: center; display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; height: 1.5rem; width: 1.5rem; } .icon.is-small { @@ -2482,8 +2324,6 @@ a.box:active { .progress.is-white::-ms-fill { background-color: white; } .progress.is-white:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, white), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, white 30%, #dbdbdb 30%); background-image: linear-gradient(to right, white 30%, #dbdbdb 30%); } .progress.is-black::-webkit-progress-value { background-color: #0a0a0a; } @@ -2492,8 +2332,6 @@ a.box:active { .progress.is-black::-ms-fill { background-color: #0a0a0a; } .progress.is-black:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #0a0a0a), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #0a0a0a 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%); } .progress.is-light::-webkit-progress-value { background-color: whitesmoke; } @@ -2502,8 +2340,6 @@ a.box:active { .progress.is-light::-ms-fill { background-color: whitesmoke; } .progress.is-light:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, whitesmoke), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, whitesmoke 30%, #dbdbdb 30%); background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%); } .progress.is-dark::-webkit-progress-value { background-color: #363636; } @@ -2512,8 +2348,6 @@ a.box:active { .progress.is-dark::-ms-fill { background-color: #363636; } .progress.is-dark:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #363636), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #363636 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%); } .progress.is-primary::-webkit-progress-value { background-color: #478D00; } @@ -2522,8 +2356,6 @@ a.box:active { .progress.is-primary::-ms-fill { background-color: #478D00; } .progress.is-primary:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #478D00), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #478D00 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #478D00 30%, #dbdbdb 30%); } .progress.is-link::-webkit-progress-value { background-color: #4391E0; } @@ -2532,8 +2364,6 @@ a.box:active { .progress.is-link::-ms-fill { background-color: #4391E0; } .progress.is-link:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4391E0), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #4391E0 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #4391E0 30%, #dbdbdb 30%); } .progress.is-info::-webkit-progress-value { background-color: #209cee; } @@ -2542,8 +2372,6 @@ a.box:active { .progress.is-info::-ms-fill { background-color: #209cee; } .progress.is-info:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #209cee), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #209cee 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%); } .progress.is-success::-webkit-progress-value { background-color: #478D00; } @@ -2552,8 +2380,6 @@ a.box:active { .progress.is-success::-ms-fill { background-color: #478D00; } .progress.is-success:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #478D00), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #478D00 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #478D00 30%, #dbdbdb 30%); } .progress.is-warning::-webkit-progress-value { background-color: #ffdd57; } @@ -2562,8 +2388,6 @@ a.box:active { .progress.is-warning::-ms-fill { background-color: #ffdd57; } .progress.is-warning:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffdd57), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #ffdd57 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%); } .progress.is-danger::-webkit-progress-value { background-color: #a70c20; } @@ -2572,21 +2396,13 @@ a.box:active { .progress.is-danger::-ms-fill { background-color: #a70c20; } .progress.is-danger:indeterminate { - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #a70c20), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #a70c20 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #a70c20 30%, #dbdbdb 30%); } .progress:indeterminate { - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-name: moveIndeterminate; - animation-name: moveIndeterminate; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-name: moveIndeterminate; + animation-timing-function: linear; background-color: #dbdbdb; - background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4a4a4a), color-stop(30%, #dbdbdb)); - background-image: -o-linear-gradient(left, #4a4a4a 30%, #dbdbdb 30%); background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%); background-position: top left; background-repeat: no-repeat; @@ -2602,12 +2418,6 @@ a.box:active { .progress.is-large { height: 1.5rem; } -@-webkit-keyframes moveIndeterminate { - from { - background-position: 200% 0; } - to { - background-position: -200% 0; } } - @keyframes moveIndeterminate { from { background-position: 200% 0; } @@ -2744,17 +2554,10 @@ a.box:active { max-width: 100%; } .tags { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } + flex-wrap: wrap; + justify-content: flex-start; } .tags .tag { margin-bottom: 0.5rem; } .tags .tag:not(:last-child) { @@ -2768,16 +2571,12 @@ a.box:active { .tags.are-large .tag:not(.is-normal):not(.is-medium) { font-size: 1.25rem; } .tags.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .tags.is-centered .tag { margin-right: 0.25rem; margin-left: 0.25rem; } .tags.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; } .tags.is-right .tag:not(:last-child) { @@ -2793,20 +2592,14 @@ a.box:active { border-top-right-radius: 0; } .tag:not(body) { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 4px; color: #4a4a4a; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 0.75rem; height: 2em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; @@ -2871,12 +2664,8 @@ a.box:active { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; } + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .tag:not(body).is-delete::before { height: 1px; width: 50%; } @@ -2980,19 +2769,13 @@ a.tag:hover { max-width: 100%; } .number { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 290486px; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 1.25rem; height: 2em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; @@ -3015,15 +2798,13 @@ a.tag:hover { /* Add a gradient across only a portion of the vertical width of the navbar. */ .header, .sitename { - background: -o-linear-gradient(white, white 74px, #65AB1F 74px, #478D00 120px, white 120px, white); background: linear-gradient(white, white 74px, #65AB1F 74px, #478D00 120px, white 120px, white); } #navbar-menu .navbar-item { font-size: 22px; } .slogan { - -webkit-box-shadow: 0 2px 0 0 whitesmoke; - box-shadow: 0 2px 0 0 whitesmoke; + box-shadow: 0 2px 0 0 whitesmoke; margin-bottom: 2px; /* Needed to see the boxshadow when we have the featured image directly below. */ padding-bottom: 4px; @@ -3069,13 +2850,11 @@ a.tag:hover { border-color: #b5b5b5; } .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input { border-color: #4391E0; - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } + box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input { background-color: whitesmoke; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #7a7a7a; } .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } @@ -3087,63 +2866,51 @@ a.tag:hover { color: rgba(122, 122, 122, 0.3); } .textarea, .input { - -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); max-width: 100%; width: 100%; } [readonly].textarea, [readonly].input { - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: none; } .is-white.textarea, .is-white.input { border-color: white; } .is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .is-black.textarea, .is-black.input { border-color: #0a0a0a; } .is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .is-light.textarea, .is-light.input { border-color: whitesmoke; } .is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .is-dark.textarea, .is-dark.input { border-color: #363636; } .is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .is-primary.textarea, .is-primary.input { border-color: #478D00; } .is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); - box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } .is-link.textarea, .is-link.input { border-color: #4391E0; } .is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } + box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } .is-info.textarea, .is-info.input { border-color: #209cee; } .is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .is-success.textarea, .is-success.input { border-color: #478D00; } .is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); - box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } .is-warning.textarea, .is-warning.input { border-color: #ffdd57; } .is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .is-danger.textarea, .is-danger.input { border-color: #a70c20; } .is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input { - -webkit-box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); - box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } + box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } .is-small.textarea, .is-small.input { border-radius: 2px; font-size: 0.75rem; } @@ -3166,8 +2933,7 @@ a.tag:hover { .input.is-static { background-color: transparent; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; padding-left: 0; padding-right: 0; } @@ -3241,8 +3007,7 @@ a.tag:hover { .select.is-white select:hover, .select.is-white select.is-hovered { border-color: #f2f2f2; } .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .select.is-black:not(:hover)::after { border-color: #0a0a0a; } .select.is-black select { @@ -3250,8 +3015,7 @@ a.tag:hover { .select.is-black select:hover, .select.is-black select.is-hovered { border-color: black; } .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .select.is-light:not(:hover)::after { border-color: whitesmoke; } .select.is-light select { @@ -3259,8 +3023,7 @@ a.tag:hover { .select.is-light select:hover, .select.is-light select.is-hovered { border-color: #e8e8e8; } .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .select.is-dark:not(:hover)::after { border-color: #363636; } .select.is-dark select { @@ -3268,8 +3031,7 @@ a.tag:hover { .select.is-dark select:hover, .select.is-dark select.is-hovered { border-color: #292929; } .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .select.is-primary:not(:hover)::after { border-color: #478D00; } .select.is-primary select { @@ -3277,8 +3039,7 @@ a.tag:hover { .select.is-primary select:hover, .select.is-primary select.is-hovered { border-color: #3a7400; } .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); - box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } .select.is-link:not(:hover)::after { border-color: #4391E0; } .select.is-link select { @@ -3286,8 +3047,7 @@ a.tag:hover { .select.is-link select:hover, .select.is-link select.is-hovered { border-color: #2d84dc; } .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } + box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } .select.is-info:not(:hover)::after { border-color: #209cee; } .select.is-info select { @@ -3295,8 +3055,7 @@ a.tag:hover { .select.is-info select:hover, .select.is-info select.is-hovered { border-color: #118fe4; } .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .select.is-success:not(:hover)::after { border-color: #478D00; } .select.is-success select { @@ -3304,8 +3063,7 @@ a.tag:hover { .select.is-success select:hover, .select.is-success select.is-hovered { border-color: #3a7400; } .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); - box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } .select.is-warning:not(:hover)::after { border-color: #ffdd57; } .select.is-warning select { @@ -3313,8 +3071,7 @@ a.tag:hover { .select.is-warning select:hover, .select.is-warning select.is-hovered { border-color: #ffd83e; } .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .select.is-danger:not(:hover)::after { border-color: #a70c20; } .select.is-danger select { @@ -3322,8 +3079,7 @@ a.tag:hover { .select.is-danger select:hover, .select.is-danger select.is-hovered { border-color: #8f0a1b; } .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); - box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } + box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } .select.is-small { border-radius: 2px; font-size: 0.75rem; } @@ -3342,9 +3098,7 @@ a.tag:hover { position: absolute; right: 0.625em; top: 0.625em; - -webkit-transform: none; - -ms-transform: none; - transform: none; } + transform: none; } .select.is-loading.is-small:after { font-size: 0.75rem; } .select.is-loading.is-medium:after { @@ -3353,15 +3107,9 @@ a.tag:hover { font-size: 1.5rem; } .file { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; position: relative; } .file.is-white .file-cta { background-color: white; @@ -3373,8 +3121,7 @@ a.tag:hover { color: #0a0a0a; } .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #0a0a0a; } .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { background-color: #f2f2f2; @@ -3390,8 +3137,7 @@ a.tag:hover { color: white; } .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); color: white; } .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { background-color: black; @@ -3407,8 +3153,7 @@ a.tag:hover { color: #363636; } .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: #363636; } .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { background-color: #e8e8e8; @@ -3424,8 +3169,7 @@ a.tag:hover { color: whitesmoke; } .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); color: whitesmoke; } .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { background-color: #292929; @@ -3441,8 +3185,7 @@ a.tag:hover { color: #fff; } .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); - box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); + box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); color: #fff; } .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { background-color: #3a7400; @@ -3458,8 +3201,7 @@ a.tag:hover { color: #fff; } .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); + box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); color: #fff; } .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { background-color: #2d84dc; @@ -3475,8 +3217,7 @@ a.tag:hover { color: #fff; } .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); - box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); color: #fff; } .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { background-color: #118fe4; @@ -3492,8 +3233,7 @@ a.tag:hover { color: #fff; } .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); - box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); + box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); color: #fff; } .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { background-color: #3a7400; @@ -3509,8 +3249,7 @@ a.tag:hover { color: rgba(0, 0, 0, 0.7); } .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); color: rgba(0, 0, 0, 0.7); } .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { background-color: #ffd83e; @@ -3526,8 +3265,7 @@ a.tag:hover { color: #fff; } .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(167, 12, 32, 0.25); - box-shadow: 0 0 0.5em rgba(167, 12, 32, 0.25); + box-shadow: 0 0 0.5em rgba(167, 12, 32, 0.25); color: #fff; } .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { background-color: #8f0a1b; @@ -3554,15 +3292,9 @@ a.tag:hover { .file.has-name.is-empty .file-name { display: none; } .file.is-boxed .file-label { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } + flex-direction: column; } .file.is-boxed .file-cta { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; height: auto; padding: 1em 3em; } .file.is-boxed .file-name { @@ -3584,40 +3316,26 @@ a.tag:hover { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; } .file.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .file.is-fullwidth .file-label { width: 100%; } .file.is-fullwidth .file-name { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; max-width: none; } .file.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .file.is-right .file-cta { border-radius: 0 4px 4px 0; } .file.is-right .file-name { border-radius: 4px 0 0 4px; border-width: 1px 0 1px 1px; - -webkit-box-ordinal-group: 0; - -ms-flex-order: -1; - order: -1; } + order: -1; } .file-label { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; cursor: pointer; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; overflow: hidden; position: relative; } .file-label:hover .file-cta { @@ -3661,20 +3379,13 @@ a.tag:hover { max-width: 16em; overflow: hidden; text-align: left; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; } + text-overflow: ellipsis; } .file-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; height: 1em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-right: 0.5em; width: 1em; } .file-icon .fa { @@ -3723,12 +3434,8 @@ a.tag:hover { margin-bottom: 0.75rem; } .field.has-addons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } + justify-content: flex-start; } .field.has-addons .control:not(:last-child) { margin-right: -1px; } .field.has-addons .control:not(:first-child):not(:last-child) .button, @@ -3772,56 +3479,33 @@ a.tag:hover { .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; } .field.has-addons .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-grow: 1; + flex-shrink: 1; } .field.has-addons.has-addons-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .field.has-addons.has-addons-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-grow: 1; + flex-shrink: 0; } .field.is-grouped { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } + justify-content: flex-start; } .field.is-grouped > .control { - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .field.is-grouped > .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-grow: 1; + flex-shrink: 1; } .field.is-grouped.is-grouped-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .field.is-grouped.is-grouped-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; } .field.is-grouped.is-grouped-multiline:last-child { @@ -3831,8 +3515,6 @@ a.tag:hover { @media screen and (min-width: 769px), print { .field.is-horizontal { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .field-label .label { @@ -3844,13 +3526,9 @@ a.tag:hover { @media screen and (min-width: 769px), print { .field-label { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; margin-right: 1.5rem; text-align: right; } .field-label.is-small { @@ -3870,31 +3548,21 @@ a.tag:hover { @media screen and (min-width: 769px), print { .field-body { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 5; - -ms-flex-positive: 5; - flex-grow: 5; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-basis: 0; + flex-grow: 5; + flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-shrink: 1; } .field-body > .field:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } + flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; } } .control { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; clear: both; font-size: 1rem; position: relative; @@ -3949,25 +3617,15 @@ a.tag:hover { font-size: 1rem; white-space: nowrap; } .breadcrumb a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #4391E0; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 0 0.75em; } .breadcrumb a:hover { color: #363636; } .breadcrumb li { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .breadcrumb li:first-child a { padding-left: 0; } @@ -3980,31 +3638,20 @@ a.tag:hover { content: "\0002f"; } .breadcrumb ul, .breadcrumb ol { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } + flex-wrap: wrap; + justify-content: flex-start; } .breadcrumb .icon:first-child { margin-right: 0.5em; } .breadcrumb .icon:last-child { margin-left: 0.5em; } .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .breadcrumb.is-small { font-size: 0.75rem; } .breadcrumb.is-medium { @@ -4022,52 +3669,32 @@ a.tag:hover { .card { background-color: white; - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; max-width: 100%; position: relative; } .card-header { background-color: transparent; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); display: flex; } .card-header-title { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #363636; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-title.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .card-header-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 0.75rem; } .card-image { @@ -4081,30 +3708,16 @@ a.tag:hover { .card-footer { background-color: transparent; border-top: 1px solid #dbdbdb; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } .card-footer-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; padding: 0.75rem; } .card-footer-item:not(:last-child) { border-right: 1px solid #dbdbdb; } @@ -4113,8 +3726,6 @@ a.tag:hover { margin-bottom: 1.5rem; } .dropdown { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; position: relative; vertical-align: top; } @@ -4141,8 +3752,7 @@ a.tag:hover { .dropdown-content { background-color: white; border-radius: 4px; - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); padding-bottom: 0.5rem; padding-top: 0.5rem; } @@ -4177,25 +3787,17 @@ button.dropdown-item { margin: 0.5rem 0; } .level { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } + align-items: center; + justify-content: space-between; } .level code { border-radius: 4px; } .level img { display: inline-block; vertical-align: top; } .level.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level.is-mobile .level-left, .level.is-mobile .level-right { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level.is-mobile .level-left + .level-right { margin-top: 0; } @@ -4203,35 +3805,19 @@ button.dropdown-item { margin-bottom: 0; margin-right: 0.75rem; } .level.is-mobile .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } + flex-grow: 1; } @media screen and (min-width: 769px), print { .level { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level > .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } } + flex-grow: 1; } } .level-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; } .level-item .title, .level-item .subtitle { margin-bottom: 0; } @@ -4240,54 +3826,35 @@ button.dropdown-item { margin-bottom: 0.75rem; } } .level-left, .level-right { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } + flex-grow: 1; } @media screen and (min-width: 769px), print { .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { margin-right: 0.75rem; } } .level-left { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } + align-items: center; + justify-content: flex-start; } @media screen and (max-width: 768px) { .level-left + .level-right { margin-top: 1.5rem; } } @media screen and (min-width: 769px), print { .level-left { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .level-right { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } + align-items: center; + justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .list { background-color: white; border-radius: 4px; - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } .list-item { display: block; @@ -4311,19 +3878,13 @@ a.list-item { cursor: pointer; } .media { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; text-align: left; } .media .content:not(:last-child) { margin-bottom: 0.75rem; } .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); - display: -webkit-box; - display: -ms-flexbox; display: flex; padding-top: 0.75rem; } .media .media .content:not(:last-child), @@ -4343,13 +3904,9 @@ a.list-item { .media-left, .media-right { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; } .media-left { margin-right: 1rem; } @@ -4358,13 +3915,9 @@ a.list-item { margin-left: 1rem; } .media-content { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; text-align: left; } @media screen and (max-width: 768px) { @@ -4505,28 +4058,19 @@ a.list-item { color: #820c1b; } .message-header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: #4a4a4a; border-radius: 4px 4px 0 0; color: #fff; - display: -webkit-box; - display: -ms-flexbox; display: flex; font-weight: 700; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; } .message-header .delete { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; margin-left: 0.75em; } .message-header + .message-body { border-width: 0; @@ -4547,23 +4091,14 @@ a.list-item { background-color: transparent; } .modal { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-direction: column; + justify-content: center; overflow: hidden; position: fixed; z-index: 40; } .modal.is-active { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .modal-background { @@ -4591,31 +4126,19 @@ a.list-item { width: 40px; } .modal-card { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; -ms-overflow-y: visible; } .modal-card-head, .modal-card-foot { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-shrink: 0; + justify-content: flex-start; padding: 20px; position: relative; } @@ -4626,11 +4149,8 @@ a.list-item { .modal-card-title { color: #363636; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; font-size: 1.5rem; line-height: 1; } @@ -4644,11 +4164,8 @@ a.list-item { .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; overflow: auto; padding: 20px; } @@ -5108,17 +4625,12 @@ a.list-item { background-color: #a70c20; color: #fff; } } .navbar > .container { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { - -webkit-box-shadow: 0 2px 0 0 whitesmoke; - box-shadow: 0 2px 0 0 whitesmoke; } + box-shadow: 0 2px 0 0 whitesmoke; } .navbar.is-fixed-bottom, .navbar.is-fixed-top { left: 0; position: fixed; @@ -5127,8 +4639,7 @@ a.list-item { .navbar.is-fixed-bottom { bottom: 0; } .navbar.is-fixed-bottom.has-shadow { - -webkit-box-shadow: 0 -2px 0 0 whitesmoke; - box-shadow: 0 -2px 0 0 whitesmoke; } + box-shadow: 0 -2px 0 0 whitesmoke; } .navbar.is-fixed-top { top: 0; } @@ -5142,14 +4653,9 @@ body.has-navbar-fixed-bottom { .navbar-brand, .navbar-tabs { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; min-height: 3.25rem; } .navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { @@ -5175,20 +4681,10 @@ body.has-navbar-fixed-bottom { height: 1px; left: calc(50% - 8px); position: absolute; - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transition-duration: 86ms; - -o-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: background-color, opacity, -webkit-transform; - transition-property: background-color, opacity, -webkit-transform; - -o-transition-property: background-color, opacity, transform; + transform-origin: center; + transition-duration: 86ms; transition-property: background-color, opacity, transform; - transition-property: background-color, opacity, transform, -webkit-transform; - -webkit-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; + transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } @@ -5199,15 +4695,11 @@ body.has-navbar-fixed-bottom { .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .navbar-burger.is-active span:nth-child(1) { - -webkit-transform: translateY(5px) rotate(45deg); - -ms-transform: translateY(5px) rotate(45deg); - transform: translateY(5px) rotate(45deg); } + transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { - -webkit-transform: translateY(-5px) rotate(-45deg); - -ms-transform: translateY(-5px) rotate(-45deg); - transform: translateY(-5px) rotate(-45deg); } + transform: translateY(-5px) rotate(-45deg); } .navbar-menu { display: none; } @@ -5237,21 +4729,15 @@ a.navbar-item, .navbar-item { display: block; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-grow: 0; + flex-shrink: 0; } .navbar-item img { max-height: 1.75rem; } .navbar-item.has-dropdown { padding: 0; } .navbar-item.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-grow: 1; + flex-shrink: 1; } .navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; @@ -5268,11 +4754,8 @@ a.navbar-item, padding-bottom: calc(0.5rem - 3px); } .navbar-content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-grow: 1; + flex-shrink: 1; } .navbar-link:not(.is-arrowless) { padding-right: 2.5em; } @@ -5301,18 +4784,13 @@ a.navbar-item, display: block; } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .navbar-link::after { display: none; } .navbar-menu { background-color: white; - -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } .navbar-menu.is-active { display: block; } @@ -5324,8 +4802,7 @@ a.navbar-item, .navbar.is-fixed-bottom-touch { bottom: 0; } .navbar.is-fixed-bottom-touch.has-shadow { - -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-touch { top: 0; } .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { @@ -5344,11 +4821,7 @@ a.navbar-item, .navbar-menu, .navbar-start, .navbar-end { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } .navbar { min-height: 3.25rem; } @@ -5356,9 +4829,7 @@ a.navbar-item, padding: 1rem 2rem; } .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } + align-items: center; } .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } @@ -5379,63 +4850,42 @@ a.navbar-item, display: none; } .navbar-item, .navbar-link { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .navbar-item { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .navbar-item.has-dropdown { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } + align-items: stretch; } .navbar-item.has-dropdown-up .navbar-link::after { - -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); - -ms-transform: rotate(135deg) translate(0.25em, -0.25em); - transform: rotate(135deg) translate(0.25em, -0.25em); } + transform: rotate(135deg) translate(0.25em, -0.25em); } .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid #dbdbdb; border-radius: 6px 6px 0 0; border-top: none; bottom: 100%; - -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); - box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; } .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } + transform: translateY(0); } .navbar-menu { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-grow: 1; + flex-shrink: 0; } .navbar-start { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; margin-right: auto; } .navbar-end { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; margin-left: auto; } .navbar-dropdown { background-color: white; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; - -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; left: 0; @@ -5457,23 +4907,14 @@ a.navbar-item, .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; - -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); - -webkit-transform: translateY(-5px); - -ms-transform: translateY(-5px); - transform: translateY(-5px); - -webkit-transition-duration: 86ms; - -o-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; - -o-transition-property: opacity, transform; - transition-property: opacity, transform; - transition-property: opacity, transform, -webkit-transform; } + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, transform; } .navbar-dropdown.is-right { left: auto; right: 0; } @@ -5493,8 +4934,7 @@ a.navbar-item, .navbar.is-fixed-bottom-desktop { bottom: 0; } .navbar.is-fixed-bottom-desktop.has-shadow { - -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-desktop { top: 0; } html.has-navbar-fixed-top-desktop, @@ -5540,15 +4980,9 @@ a.navbar-item, .pagination, .pagination-list { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; text-align: center; } .pagination-previous, @@ -5556,9 +4990,7 @@ a.navbar-item, .pagination-link, .pagination-ellipsis { font-size: 1em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin: 0.25rem; padding-left: 0.5em; padding-right: 0.5em; @@ -5582,15 +5014,13 @@ a.navbar-item, .pagination-previous:active, .pagination-next:active, .pagination-link:active { - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #7a7a7a; opacity: 0.5; } @@ -5610,82 +5040,45 @@ a.navbar-item, pointer-events: none; } .pagination-list { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-wrap: wrap; } @media screen and (max-width: 768px) { .pagination { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-wrap: wrap; } .pagination-previous, .pagination-next { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-grow: 1; + flex-shrink: 1; } .pagination-list li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } } + flex-grow: 1; + flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; } + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1; } .pagination-previous { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; } + order: 2; } .pagination-next { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; } + order: 3; } .pagination { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } + justify-content: space-between; } .pagination.is-centered .pagination-previous { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; } + order: 1; } .pagination.is-centered .pagination-list { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; } + justify-content: center; + order: 2; } .pagination.is-centered .pagination-next { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; } + order: 3; } .pagination.is-right .pagination-previous { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; } + order: 1; } .pagination.is-right .pagination-next { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; } + order: 2; } .pagination.is-right .pagination-list { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; } } + justify-content: flex-end; + order: 3; } } .panel { font-size: 1rem; } @@ -5713,16 +5106,10 @@ a.navbar-item, padding: 0.5em 0.75em; } .panel-tabs { - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-end; display: flex; font-size: 0.875em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .panel-tabs a { border-bottom: 1px solid #dbdbdb; margin-bottom: -1px; @@ -5737,29 +5124,19 @@ a.navbar-item, color: #4391E0; } .panel-block { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #363636; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; padding: 0.5em 0.75em; } .panel-block input[type="checkbox"] { margin-right: 0.75em; } .panel-block > .control { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; width: 100%; } .panel-block.is-wrapped { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-wrap: wrap; } .panel-block.is-active { border-left-color: #4391E0; color: #363636; } @@ -5789,33 +5166,21 @@ label.panel-block { .tabs { -webkit-overflow-scrolling: touch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; font-size: 1rem; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; } .tabs a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; color: #4a4a4a; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } @@ -5828,51 +5193,32 @@ label.panel-block { border-bottom-color: #4391E0; color: #4391E0; } .tabs ul { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; } .tabs ul.is-left { padding-right: 0.75em; } .tabs ul.is-center { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex: none; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; padding-left: 0.75em; } .tabs .icon:first-child { margin-right: 0.5em; } .tabs .icon:last-child { margin-left: 0.5em; } .tabs.is-centered ul { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .tabs.is-right ul { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .tabs.is-boxed a { border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -5884,11 +5230,8 @@ label.panel-block { border-color: #dbdbdb; border-bottom-color: transparent !important; } .tabs.is-fullwidth li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-grow: 1; + flex-shrink: 0; } .tabs.is-toggle a { border-color: #dbdbdb; border-style: solid; @@ -5959,13 +5302,36 @@ label.panel-block { .featured-image figure.image { max-height: 36rem; } } /* Hero image in hero block */ -.has-background-image.hero { +.footer .has-background-image.hero.is-medium { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } + .footer .has-background-image.hero.is-medium .hero-body { + padding: 3rem 1.5rem; } + @media screen and (min-width: 769px) { + .footer .has-background-image.hero.is-medium .hero-body { + padding-top: 9rem; + padding-bottom: 7rem; } } +.has-background-image.hero.is-medium img { + height: 200px; + max-height: 400px; + object-fit: cover; + position: absolute; } + @media screen and (min-width: 769px) { + .has-background-image.hero.is-medium img { + height: auto; } } +.has-background-image.hero.is-medium .hero-body { + padding: 5.5rem 1rem; } + @media screen and (min-width: 769px) { + .has-background-image.hero.is-medium .hero-body { + padding-top: 12rem; + padding-bottom: 12rem; } } + .has-background-image.hero.is-medium .hero-body .container.is-fluid { + margin-left: 32px; + margin-right: 32px; } /* Slim down section vertical padding a bit.*/ .section { @@ -6016,67 +5382,41 @@ label.panel-block { .column { display: block; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } + flex: none; } .columns.is-mobile > .column.is-full { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .columns.is-mobile > .column.is-one-fifth { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .columns.is-mobile > .column.is-two-fifths { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .columns.is-mobile > .column.is-three-fifths { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .columns.is-mobile > .column.is-four-fifths { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; } @@ -6097,150 +5437,102 @@ label.panel-block { .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } .columns.is-mobile > .column.is-0 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 0%; } .columns.is-mobile > .column.is-offset-0 { margin-left: 0%; } .columns.is-mobile > .column.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.3333333333%; } .columns.is-mobile > .column.is-offset-1 { margin-left: 8.3333333333%; } .columns.is-mobile > .column.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.6666666667%; } .columns.is-mobile > .column.is-offset-2 { margin-left: 16.6666666667%; } .columns.is-mobile > .column.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .columns.is-mobile > .column.is-offset-3 { margin-left: 25%; } .columns.is-mobile > .column.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333333333%; } .columns.is-mobile > .column.is-offset-4 { margin-left: 33.3333333333%; } .columns.is-mobile > .column.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.6666666667%; } .columns.is-mobile > .column.is-offset-5 { margin-left: 41.6666666667%; } .columns.is-mobile > .column.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .columns.is-mobile > .column.is-offset-6 { margin-left: 50%; } .columns.is-mobile > .column.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.3333333333%; } .columns.is-mobile > .column.is-offset-7 { margin-left: 58.3333333333%; } .columns.is-mobile > .column.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666666667%; } .columns.is-mobile > .column.is-offset-8 { margin-left: 66.6666666667%; } .columns.is-mobile > .column.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .columns.is-mobile > .column.is-offset-9 { margin-left: 75%; } .columns.is-mobile > .column.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.3333333333%; } .columns.is-mobile > .column.is-offset-10 { margin-left: 83.3333333333%; } .columns.is-mobile > .column.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.6666666667%; } .columns.is-mobile > .column.is-offset-11 { margin-left: 91.6666666667%; } .columns.is-mobile > .column.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .columns.is-mobile > .column.is-offset-12 { margin-left: 100%; } @media screen and (max-width: 768px) { .column.is-narrow-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } + flex: none; } .column.is-full-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-mobile { margin-left: 75%; } @@ -6261,150 +5553,102 @@ label.panel-block { .column.is-offset-four-fifths-mobile { margin-left: 80%; } .column.is-0-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 0%; } .column.is-offset-0-mobile { margin-left: 0%; } .column.is-1-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.3333333333%; } .column.is-offset-1-mobile { margin-left: 8.3333333333%; } .column.is-2-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.6666666667%; } .column.is-offset-2-mobile { margin-left: 16.6666666667%; } .column.is-3-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333333333%; } .column.is-offset-4-mobile { margin-left: 33.3333333333%; } .column.is-5-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.6666666667%; } .column.is-offset-5-mobile { margin-left: 41.6666666667%; } .column.is-6-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.3333333333%; } .column.is-offset-7-mobile { margin-left: 58.3333333333%; } .column.is-8-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666666667%; } .column.is-offset-8-mobile { margin-left: 66.6666666667%; } .column.is-9-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.3333333333%; } .column.is-offset-10-mobile { margin-left: 83.3333333333%; } .column.is-11-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.6666666667%; } .column.is-offset-11-mobile { margin-left: 91.6666666667%; } .column.is-12-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-mobile { margin-left: 100%; } } @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } + flex: none; } .column.is-full, .column.is-full-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth, .column.is-one-fifth-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths, .column.is-two-fifths-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths, .column.is-three-fifths-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths, .column.is-four-fifths-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { margin-left: 75%; } @@ -6425,150 +5669,102 @@ label.panel-block { .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } .column.is-0, .column.is-0-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 0%; } .column.is-offset-0, .column.is-offset-0-tablet { margin-left: 0%; } .column.is-1, .column.is-1-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.3333333333%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.3333333333%; } .column.is-2, .column.is-2-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.6666666667%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.6666666667%; } .column.is-3, .column.is-3-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4, .column.is-4-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333333333%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.3333333333%; } .column.is-5, .column.is-5-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.6666666667%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.6666666667%; } .column.is-6, .column.is-6-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7, .column.is-7-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.3333333333%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.3333333333%; } .column.is-8, .column.is-8-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666666667%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.6666666667%; } .column.is-9, .column.is-9-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10, .column.is-10-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.3333333333%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.3333333333%; } .column.is-11, .column.is-11-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.6666666667%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.6666666667%; } .column.is-12, .column.is-12-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } } @media screen and (max-width: 1023px) { .column.is-narrow-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } + flex: none; } .column.is-full-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-touch { margin-left: 75%; } @@ -6589,150 +5785,102 @@ label.panel-block { .column.is-offset-four-fifths-touch { margin-left: 80%; } .column.is-0-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 0%; } .column.is-offset-0-touch { margin-left: 0%; } .column.is-1-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.3333333333%; } .column.is-offset-1-touch { margin-left: 8.3333333333%; } .column.is-2-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.6666666667%; } .column.is-offset-2-touch { margin-left: 16.6666666667%; } .column.is-3-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-touch { margin-left: 25%; } .column.is-4-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333333333%; } .column.is-offset-4-touch { margin-left: 33.3333333333%; } .column.is-5-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.6666666667%; } .column.is-offset-5-touch { margin-left: 41.6666666667%; } .column.is-6-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-touch { margin-left: 50%; } .column.is-7-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.3333333333%; } .column.is-offset-7-touch { margin-left: 58.3333333333%; } .column.is-8-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666666667%; } .column.is-offset-8-touch { margin-left: 66.6666666667%; } .column.is-9-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-touch { margin-left: 75%; } .column.is-10-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.3333333333%; } .column.is-offset-10-touch { margin-left: 83.3333333333%; } .column.is-11-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.6666666667%; } .column.is-offset-11-touch { margin-left: 91.6666666667%; } .column.is-12-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-touch { margin-left: 100%; } } @media screen and (min-width: 1024px) { .column.is-narrow-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } + flex: none; } .column.is-full-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-desktop { margin-left: 75%; } @@ -6753,150 +5901,102 @@ label.panel-block { .column.is-offset-four-fifths-desktop { margin-left: 80%; } .column.is-0-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 0%; } .column.is-offset-0-desktop { margin-left: 0%; } .column.is-1-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.3333333333%; } .column.is-offset-1-desktop { margin-left: 8.3333333333%; } .column.is-2-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.6666666667%; } .column.is-offset-2-desktop { margin-left: 16.6666666667%; } .column.is-3-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333333333%; } .column.is-offset-4-desktop { margin-left: 33.3333333333%; } .column.is-5-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.6666666667%; } .column.is-offset-5-desktop { margin-left: 41.6666666667%; } .column.is-6-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.3333333333%; } .column.is-offset-7-desktop { margin-left: 58.3333333333%; } .column.is-8-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666666667%; } .column.is-offset-8-desktop { margin-left: 66.6666666667%; } .column.is-9-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.3333333333%; } .column.is-offset-10-desktop { margin-left: 83.3333333333%; } .column.is-11-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.6666666667%; } .column.is-offset-11-desktop { margin-left: 91.6666666667%; } .column.is-12-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-desktop { margin-left: 100%; } } @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } + flex: none; } .column.is-full-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-widescreen { margin-left: 75%; } @@ -6917,150 +6017,102 @@ label.panel-block { .column.is-offset-four-fifths-widescreen { margin-left: 80%; } .column.is-0-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 0%; } .column.is-offset-0-widescreen { margin-left: 0%; } .column.is-1-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.3333333333%; } .column.is-offset-1-widescreen { margin-left: 8.3333333333%; } .column.is-2-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.6666666667%; } .column.is-offset-2-widescreen { margin-left: 16.6666666667%; } .column.is-3-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333333333%; } .column.is-offset-4-widescreen { margin-left: 33.3333333333%; } .column.is-5-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.6666666667%; } .column.is-offset-5-widescreen { margin-left: 41.6666666667%; } .column.is-6-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.3333333333%; } .column.is-offset-7-widescreen { margin-left: 58.3333333333%; } .column.is-8-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666666667%; } .column.is-offset-8-widescreen { margin-left: 66.6666666667%; } .column.is-9-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.3333333333%; } .column.is-offset-10-widescreen { margin-left: 83.3333333333%; } .column.is-11-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.6666666667%; } .column.is-offset-11-widescreen { margin-left: 91.6666666667%; } .column.is-12-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-widescreen { margin-left: 100%; } } @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; } + flex: none; } .column.is-full-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-fullhd { margin-left: 75%; } @@ -7081,93 +6133,67 @@ label.panel-block { .column.is-offset-four-fifths-fullhd { margin-left: 80%; } .column.is-0-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 0%; } .column.is-offset-0-fullhd { margin-left: 0%; } .column.is-1-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.3333333333%; } .column.is-offset-1-fullhd { margin-left: 8.3333333333%; } .column.is-2-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.6666666667%; } .column.is-offset-2-fullhd { margin-left: 16.6666666667%; } .column.is-3-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-fullhd { margin-left: 25%; } .column.is-4-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333333333%; } .column.is-offset-4-fullhd { margin-left: 33.3333333333%; } .column.is-5-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.6666666667%; } .column.is-offset-5-fullhd { margin-left: 41.6666666667%; } .column.is-6-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-fullhd { margin-left: 50%; } .column.is-7-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.3333333333%; } .column.is-offset-7-fullhd { margin-left: 58.3333333333%; } .column.is-8-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666666667%; } .column.is-offset-8-fullhd { margin-left: 66.6666666667%; } .column.is-9-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-fullhd { margin-left: 75%; } .column.is-10-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.3333333333%; } .column.is-offset-10-fullhd { margin-left: 83.3333333333%; } .column.is-11-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.6666666667%; } .column.is-offset-11-fullhd { margin-left: 91.6666666667%; } .column.is-12-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-fullhd { margin-left: 100%; } } @@ -7180,9 +6206,7 @@ label.panel-block { .columns:not(:last-child) { margin-bottom: calc(1.5rem - 0.75rem); } .columns.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .columns.is-gapless { margin-left: 0; margin-right: 0; @@ -7195,25 +6219,16 @@ label.panel-block { .columns.is-gapless:last-child { margin-bottom: 0; } .columns.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .columns.is-multiline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-wrap: wrap; } .columns.is-vcentered { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } + align-items: center; } @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .columns.is-desktop { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .columns.is-variable { --columnGap: 0.75rem; @@ -7484,19 +6499,11 @@ label.panel-block { .columns.is-variable.is-8-fullhd { --columnGap: 2rem; } } .tile { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; display: block; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - min-height: -webkit-min-content; - min-height: -moz-min-content; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; min-height: min-content; } .tile.is-ancestor { margin-left: -0.75rem; @@ -7511,91 +6518,53 @@ label.panel-block { .tile.is-parent { padding: 0.75rem; } .tile.is-vertical { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } + flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; } @media screen and (min-width: 769px), print { .tile:not(.is-child) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .tile.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.3333333333%; } .tile.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.6666666667%; } .tile.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .tile.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333333333%; } .tile.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.6666666667%; } .tile.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .tile.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.3333333333%; } .tile.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666666667%; } .tile.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .tile.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.3333333333%; } .tile.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.6666666667%; } .tile.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } } .hero { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } + flex-direction: column; + justify-content: space-between; } .hero .navbar { background: none; } .hero .tabs ul { @@ -7640,11 +6609,9 @@ label.panel-block { border-color: #0a0a0a; color: white; } .hero.is-white.is-bold { - background-image: -o-linear-gradient(309deg, #e8e3e4 0%, white 71%, white 100%); background-image: linear-gradient(141deg, #e8e3e4 0%, white 71%, white 100%); } @media screen and (max-width: 768px) { .hero.is-white.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #e8e3e4 0%, white 71%, white 100%); background-image: linear-gradient(141deg, #e8e3e4 0%, white 71%, white 100%); } } .hero.is-black { background-color: #0a0a0a; @@ -7686,11 +6653,9 @@ label.panel-block { border-color: white; color: #0a0a0a; } .hero.is-black.is-bold { - background-image: -o-linear-gradient(309deg, black 0%, #0a0a0a 71%, #181616 100%); background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } @media screen and (max-width: 768px) { .hero.is-black.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, black 0%, #0a0a0a 71%, #181616 100%); background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } } .hero.is-light { background-color: whitesmoke; @@ -7732,11 +6697,9 @@ label.panel-block { border-color: #363636; color: whitesmoke; } .hero.is-light.is-bold { - background-image: -o-linear-gradient(309deg, #dfd8d9 0%, whitesmoke 71%, white 100%); background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } @media screen and (max-width: 768px) { .hero.is-light.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #dfd8d9 0%, whitesmoke 71%, white 100%); background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } } .hero.is-dark { background-color: #363636; @@ -7778,11 +6741,9 @@ label.panel-block { border-color: whitesmoke; color: #363636; } .hero.is-dark.is-bold { - background-image: -o-linear-gradient(309deg, #1f191a 0%, #363636 71%, #46403f 100%); background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } @media screen and (max-width: 768px) { .hero.is-dark.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #1f191a 0%, #363636 71%, #46403f 100%); background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } .hero.is-primary { background-color: #478D00; @@ -7824,11 +6785,9 @@ label.panel-block { border-color: #fff; color: #478D00; } .hero.is-primary.is-bold { - background-image: -o-linear-gradient(309deg, #3c5a00 0%, #478D00 71%, #38a700 100%); background-image: linear-gradient(141deg, #3c5a00 0%, #478D00 71%, #38a700 100%); } @media screen and (max-width: 768px) { .hero.is-primary.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #3c5a00 0%, #478D00 71%, #38a700 100%); background-image: linear-gradient(141deg, #3c5a00 0%, #478D00 71%, #38a700 100%); } } .hero.is-link { background-color: #4391E0; @@ -7870,11 +6829,9 @@ label.panel-block { border-color: #fff; color: #4391E0; } .hero.is-link.is-bold { - background-image: -o-linear-gradient(309deg, #1698da 0%, #4391E0 71%, #5485e8 100%); background-image: linear-gradient(141deg, #1698da 0%, #4391E0 71%, #5485e8 100%); } @media screen and (max-width: 768px) { .hero.is-link.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #1698da 0%, #4391E0 71%, #5485e8 100%); background-image: linear-gradient(141deg, #1698da 0%, #4391E0 71%, #5485e8 100%); } } .hero.is-info { background-color: #209cee; @@ -7916,11 +6873,9 @@ label.panel-block { border-color: #fff; color: #209cee; } .hero.is-info.is-bold { - background-image: -o-linear-gradient(309deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } @media screen and (max-width: 768px) { .hero.is-info.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } } .hero.is-success { background-color: #478D00; @@ -7962,11 +6917,9 @@ label.panel-block { border-color: #fff; color: #478D00; } .hero.is-success.is-bold { - background-image: -o-linear-gradient(309deg, #3c5a00 0%, #478D00 71%, #38a700 100%); background-image: linear-gradient(141deg, #3c5a00 0%, #478D00 71%, #38a700 100%); } @media screen and (max-width: 768px) { .hero.is-success.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #3c5a00 0%, #478D00 71%, #38a700 100%); background-image: linear-gradient(141deg, #3c5a00 0%, #478D00 71%, #38a700 100%); } } .hero.is-warning { background-color: #ffdd57; @@ -8008,11 +6961,9 @@ label.panel-block { border-color: rgba(0, 0, 0, 0.7); color: #ffdd57; } .hero.is-warning.is-bold { - background-image: -o-linear-gradient(309deg, #ffae24 0%, #ffdd57 71%, #fffa71 100%); background-image: linear-gradient(141deg, #ffae24 0%, #ffdd57 71%, #fffa71 100%); } @media screen and (max-width: 768px) { .hero.is-warning.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #ffae24 0%, #ffdd57 71%, #fffa71 100%); background-image: linear-gradient(141deg, #ffae24 0%, #ffdd57 71%, #fffa71 100%); } } .hero.is-danger { background-color: #a70c20; @@ -8054,11 +7005,9 @@ label.panel-block { border-color: #fff; color: #a70c20; } .hero.is-danger.is-bold { - background-image: -o-linear-gradient(309deg, #7e0227 0%, #a70c20 71%, #c41009 100%); background-image: linear-gradient(141deg, #7e0227 0%, #a70c20 71%, #c41009 100%); } @media screen and (max-width: 768px) { .hero.is-danger.is-bold .navbar-menu { - background-image: -o-linear-gradient(309deg, #7e0227 0%, #a70c20 71%, #c41009 100%); background-image: linear-gradient(141deg, #7e0227 0%, #a70c20 71%, #c41009 100%); } } .hero.is-small .hero-body { padding-bottom: 1.5rem; @@ -8072,18 +7021,11 @@ label.panel-block { padding-bottom: 18rem; padding-top: 18rem; } } .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-grow: 1; + flex-shrink: 1; } .hero.is-halfheight { min-height: 50vh; } .hero.is-fullheight { @@ -8097,8 +7039,7 @@ label.panel-block { min-width: 100%; position: absolute; top: 50%; - -webkit-transform: translate3d(-50%, -50%, 0); - transform: translate3d(-50%, -50%, 0); } + transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { opacity: 0.3; } @media screen and (max-width: 768px) { @@ -8108,35 +7049,23 @@ label.panel-block { margin-top: 1.5rem; } @media screen and (max-width: 768px) { .hero-buttons .button { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .hero-buttons .button:not(:last-child) { margin-bottom: 0.75rem; } } @media screen and (min-width: 769px), print { .hero-buttons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; } } .hero-head, .hero-foot { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-grow: 0; + flex-shrink: 0; } .hero-body { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; padding: 3rem 1.5rem; } .section { diff --git a/web/themes/custom/geofresco/src/global/_components.scss b/web/themes/custom/geofresco/src/global/_components.scss index 6dd5f5f..4c0e7a6 100644 --- a/web/themes/custom/geofresco/src/global/_components.scss +++ b/web/themes/custom/geofresco/src/global/_components.scss @@ -37,14 +37,46 @@ } /* Hero image in hero block */ -.has-background-image.hero { - width: 100vw; - position: relative; - left: 50%; - right: 50%; - margin-left: -50vw; - margin-right: -50vw; +.footer { + .has-background-image.hero.is-medium { + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + .hero-body { + padding: 3rem 1.5rem; + @include from ($tablet) { + padding-top: 9rem; + padding-bottom: 7rem; + } + } + } } +.has-background-image.hero.is-medium { + img { + height: 200px; + max-height: 400px; + object-fit: cover; + position: absolute; + @include from($tablet) { + height: auto; + } + } + .hero-body { + padding: 5.5rem 1rem; + @include from ($tablet) { + padding-top: 12rem; + padding-bottom: 12rem; + } + .container.is-fluid { + margin-left: 32px; + margin-right: 32px; + } + } +} + /* Slim down section vertical padding a bit.*/ .section { @@ -94,14 +126,14 @@ @include until($tablet) { .comment-section { - + article { display: block; padding-bottom: 0; } - + .content p:not(:last-child) { margin-bottom: 0; } } -} \ No newline at end of file +} diff --git a/web/themes/custom/geofresco/src/templates/elements/image.html.twig b/web/themes/custom/geofresco/src/templates/elements/image.html.twig index 4ab5521..545911a 100644 --- a/web/themes/custom/geofresco/src/templates/elements/image.html.twig +++ b/web/themes/custom/geofresco/src/templates/elements/image.html.twig @@ -12,6 +12,6 @@ * @ingroup themeable */ #} -
+