From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Sun, 18 Sep 2016 18:13:20 +0000 (+0100)
Subject: Merge branch 'new-branding' of github.com:jgthms/bulma into new-branding
X-Git-Tag: 0.2.0~12^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=e8ff803191f0aee0fa8bcc48ef654e79219df459;p=thirdparty%2Fbulma.git

Merge branch 'new-branding' of github.com:jgthms/bulma into new-branding
---

e8ff803191f0aee0fa8bcc48ef654e79219df459
diff --cc docs/css/bulma-docs.css
index 8bf99f2c1,c993eed5e..fcf7a7f9e
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@@ -165,12 -165,12 +165,25 @@@ input[type=button] 
    overflow: visible;
  }
  
++@-webkit-keyframes spin-around {
++  from {
++    -webkit-transform: rotate(0deg);
++            transform: rotate(0deg);
++  }
++  to {
++    -webkit-transform: rotate(359deg);
++            transform: rotate(359deg);
++  }
++}
++
  @keyframes spin-around {
    from {
--    transform: rotate(0deg);
++    -webkit-transform: rotate(0deg);
++            transform: rotate(0deg);
    }
    to {
--    transform: rotate(359deg);
++    -webkit-transform: rotate(359deg);
++            transform: rotate(359deg);
    }
  }
  
@@@ -222,6 -222,6 +235,7 @@@ a 
    color: #11e4c4;
    cursor: pointer;
    text-decoration: none;
++  -webkit-transition: none 86ms ease-out;
    transition: none 86ms ease-out;
  }
  
@@@ -373,47 -373,47 +387,63 @@@ table th 
  }
  
  .is-flex {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
  }
  
  @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) {
    .is-flex-tablet {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  
  @media screen and (min-width: 769px) and (max-width: 979px) {
    .is-flex-tablet-only {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  
  @media screen and (max-width: 979px) {
    .is-flex-touch {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  
  @media screen and (min-width: 980px) {
    .is-flex-desktop {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  
  @media screen and (min-width: 980px) and (max-width: 1179px) {
    .is-flex-desktop-only {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
      display: flex !important;
    }
  }
  
  @media screen and (min-width: 1180px) {
    .is-flex-widescreen {
++    display: -webkit-box !important;
++    display: -ms-flexbox !important;
      display: flex !important;
    }
  }
@@@ -511,47 -511,47 +541,63 @@@
  }
  
  .is-inline-flex {
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
    display: inline-flex;
  }
  
  @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) {
    .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: 979px) {
    .is-inline-flex-tablet-only {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  
  @media screen and (max-width: 979px) {
    .is-inline-flex-touch {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  
  @media screen and (min-width: 980px) {
    .is-inline-flex-desktop {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  
  @media screen and (min-width: 980px) and (max-width: 1179px) {
    .is-inline-flex-desktop-only {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  
  @media screen and (min-width: 1180px) {
    .is-inline-flex-widescreen {
++    display: -webkit-inline-box !important;
++    display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
@@@ -671,21 -671,21 +717,29 @@@ a.box:active 
  .button {
    -moz-appearance: none;
    -webkit-appearance: none;
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
    background-color: white;
 -  border: 1px solid #d3d6db;
 +  border: 1px solid #dbdbdb;
    border-radius: 3px;
 -  color: #222324;
 +  color: #242424;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
--  justify-content: flex-start;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    vertical-align: top;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
@@@ -1164,6 -1164,6 +1218,8 @@@
  }
  
  .button.is-fullwidth {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
@@@ -1295,15 -1295,15 +1351,21 @@@
  .input, .textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
    background-color: white;
 -  border: 1px solid #d3d6db;
 +  border: 1px solid #dbdbdb;
    border-radius: 3px;
 -  color: #222324;
 +  color: #242424;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
--  justify-content: flex-start;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
@@@ -1471,15 -1471,15 +1533,21 @@@
  .select select {
    -moz-appearance: none;
    -webkit-appearance: none;
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
    background-color: white;
 -  border: 1px solid #d3d6db;
 +  border: 1px solid #dbdbdb;
    border-radius: 3px;
 -  color: #222324;
 +  color: #242424;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
--  justify-content: flex-start;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
@@@ -1584,7 -1584,7 +1652,8 @@@
    height: 7px;
    pointer-events: none;
    position: absolute;
--  transform: rotate(-45deg);
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
    width: 7px;
    margin-top: -6px;
    right: 16px;
@@@ -1695,9 -1695,9 +1764,13 @@@
  
  @media screen and (min-width: 769px) {
    .control-label {
--    flex-basis: 0;
--    flex-grow: 1;
--    flex-shrink: 0;
++    -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;
      margin-right: 20px;
      padding-top: 7px;
      text-align: right;
@@@ -1714,8 -1714,8 +1787,12 @@@
  }
  
  .control.has-addons {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  justify-content: flex-start;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
  }
  
  .control.has-addons .button,
@@@ -1776,24 -1776,24 +1853,34 @@@
  .control.has-addons .input.is-expanded,
  .control.has-addons .is-expanded.textarea,
  .control.has-addons .select.is-expanded {
--  flex-grow: 1;
--  flex-shrink: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
  .control.has-addons.has-addons-centered {
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
  .control.has-addons.has-addons-right {
--  justify-content: flex-end;
++  -webkit-box-pack: end;
++      -ms-flex-pack: end;
++          justify-content: flex-end;
  }
  
  .control.has-addons.has-addons-fullwidth .button,
  .control.has-addons.has-addons-fullwidth .input,
  .control.has-addons.has-addons-fullwidth .textarea,
  .control.has-addons.has-addons-fullwidth .select {
--  flex-grow: 1;
--  flex-shrink: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
  .control.has-icon > .fa {
@@@ -1895,8 -1895,8 +1982,12 @@@
  }
  
  .control.is-grouped {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  justify-content: flex-start;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
  }
  
  .control.is-grouped > .control:not(:last-child) {
@@@ -1905,27 -1905,27 +1996,42 @@@
  }
  
  .control.is-grouped > .control.is-expanded {
--  flex-grow: 1;
--  flex-shrink: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
  .control.is-grouped.is-grouped-centered {
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
  .control.is-grouped.is-grouped-right {
--  justify-content: flex-end;
++  -webkit-box-pack: end;
++      -ms-flex-pack: end;
++          justify-content: flex-end;
  }
  
  @media screen and (min-width: 769px) {
    .control.is-horizontal {
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
    }
    .control.is-horizontal > .control {
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
--    flex-basis: 0;
--    flex-grow: 5;
--    flex-shrink: 1;
++    -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;
    }
  }
  
@@@ -2553,11 -2553,11 +2659,13 @@@
  }
  
  .delete:before, .modal-close:before {
--  transform: rotate(45deg);
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
  }
  
  .delete:after, .modal-close:after {
--  transform: rotate(-45deg);
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
  }
  
  .delete:hover, .modal-close:hover {
@@@ -2640,8 -2640,8 +2748,12 @@@
    margin-left: -7px;
    position: absolute;
    top: 50%;
++  -webkit-transition: none 86ms ease-out;
    transition: none 86ms ease-out;
++  -webkit-transition-property: background, left, opacity, -webkit-transform;
++  transition-property: background, left, opacity, -webkit-transform;
    transition-property: background, left, opacity, transform;
++  transition-property: background, left, opacity, transform, -webkit-transform;
    width: 15px;
  }
  
@@@ -2667,8 -2667,8 +2779,10 @@@
  
  .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
    margin-left: -5px;
--  transform: rotate(45deg);
--  transform-origin: left top;
++  -webkit-transform: rotate(45deg);
++          transform: rotate(45deg);
++  -webkit-transform-origin: left top;
++          transform-origin: left top;
  }
  
  .hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
@@@ -2677,8 -2677,8 +2791,10 @@@
  
  .hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
    margin-left: -5px;
--  transform: rotate(-45deg);
--  transform-origin: left bottom;
++  -webkit-transform: rotate(-45deg);
++          transform: rotate(-45deg);
++  -webkit-transform-origin: left bottom;
++          transform-origin: left bottom;
  }
  
  .heading {
@@@ -2703,8 -2703,8 +2819,9 @@@
  }
  
  .loader, .button.is-loading:after, .control.is-loading:after {
--  animation: spin-around 500ms infinite linear;
 -  border: 2px solid #d3d6db;
++  -webkit-animation: spin-around 500ms infinite linear;
++          animation: spin-around 500ms infinite linear;
 +  border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
@@@ -2724,14 -2724,14 +2841,20 @@@
  }
  
  .tag {
--  align-items: center;
 -  background-color: #f5f7fa;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
 +  background-color: whitesmoke;
    border-radius: 290486px;
 -  color: #69707a;
 +  color: #7a7a7a;
++  display: -webkit-inline-box;
++  display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    height: 24px;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
@@@ -2826,26 -2826,26 +2949,42 @@@
  }
  
  .card-header {
--  align-items: stretch;
 -  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.1);
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
 +  box-shadow: 0 1px 2px rgba(18, 18, 18, 0.1);
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
    min-height: 40px;
  }
  
  .card-header-title {
--  align-items: flex-start;
 -  color: #222324;
++  -webkit-box-align: start;
++      -ms-flex-align: start;
++          align-items: flex-start;
 +  color: #242424;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  flex-grow: 1;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
    font-weight: bold;
    padding: 10px;
  }
  
  .card-header-icon {
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
    cursor: pointer;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    width: 40px;
  }
  
@@@ -2863,16 -2863,16 +3002,28 @@@
  }
  
  .card-footer {
 -  border-top: 1px solid #d3d6db;
 -  align-items: stretch;
 +  border-top: 1px solid #dbdbdb;
-   align-items: stretch;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
  }
  
  .card-footer-item {
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  flex-grow: 1;
--  justify-content: center;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    padding: 10px;
  }
  
@@@ -2902,43 -2902,43 +3053,61 @@@
  }
  
  .column {
--  flex-basis: 0;
--  flex-grow: 1;
--  flex-shrink: 1;
++  -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;
    padding: 10px;
  }
  
  .columns.is-mobile > .column.is-narrow {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
  }
  
  .columns.is-mobile > .column.is-full {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 100%;
  }
  
  .columns.is-mobile > .column.is-three-quarters {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 75%;
  }
  
  .columns.is-mobile > .column.is-two-thirds {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 66.6666%;
  }
  
  .columns.is-mobile > .column.is-half {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 50%;
  }
  
  .columns.is-mobile > .column.is-one-third {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 33.3333%;
  }
  
  .columns.is-mobile > .column.is-one-quarter {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 25%;
  }
  
@@@ -2963,7 -2963,7 +3132,9 @@@
  }
  
  .columns.is-mobile > .column.is-1 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 8.33333%;
  }
  
@@@ -2972,7 -2972,7 +3143,9 @@@
  }
  
  .columns.is-mobile > .column.is-2 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 16.66667%;
  }
  
@@@ -2981,7 -2981,7 +3154,9 @@@
  }
  
  .columns.is-mobile > .column.is-3 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 25%;
  }
  
@@@ -2990,7 -2990,7 +3165,9 @@@
  }
  
  .columns.is-mobile > .column.is-4 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 33.33333%;
  }
  
@@@ -2999,7 -2999,7 +3176,9 @@@
  }
  
  .columns.is-mobile > .column.is-5 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 41.66667%;
  }
  
@@@ -3008,7 -3008,7 +3187,9 @@@
  }
  
  .columns.is-mobile > .column.is-6 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 50%;
  }
  
@@@ -3017,7 -3017,7 +3198,9 @@@
  }
  
  .columns.is-mobile > .column.is-7 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 58.33333%;
  }
  
@@@ -3026,7 -3026,7 +3209,9 @@@
  }
  
  .columns.is-mobile > .column.is-8 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 66.66667%;
  }
  
@@@ -3035,7 -3035,7 +3220,9 @@@
  }
  
  .columns.is-mobile > .column.is-9 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 75%;
  }
  
@@@ -3044,7 -3044,7 +3231,9 @@@
  }
  
  .columns.is-mobile > .column.is-10 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 83.33333%;
  }
  
@@@ -3053,7 -3053,7 +3242,9 @@@
  }
  
  .columns.is-mobile > .column.is-11 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 91.66667%;
  }
  
@@@ -3062,7 -3062,7 +3253,9 @@@
  }
  
  .columns.is-mobile > .column.is-12 {
--  flex: none;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
    width: 100%;
  }
  
@@@ -3072,30 -3072,30 +3265,44 @@@
  
  @media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
    }
    .column.is-full-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
    .column.is-three-quarters-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 75%;
    }
    .column.is-two-thirds-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.6666%;
    }
    .column.is-half-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 50%;
    }
    .column.is-one-third-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 25%;
    }
    .column.is-offset-three-quarters-mobile {
@@@ -3114,84 -3114,84 +3321,108 @@@
      margin-left: 25%;
    }
    .column.is-1-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 8.33333%;
    }
    .column.is-offset-1-mobile {
      margin-left: 8.33333%;
    }
    .column.is-2-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 16.66667%;
    }
    .column.is-offset-2-mobile {
      margin-left: 16.66667%;
    }
    .column.is-3-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 25%;
    }
    .column.is-offset-3-mobile {
      margin-left: 25%;
    }
    .column.is-4-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.33333%;
    }
    .column.is-offset-4-mobile {
      margin-left: 33.33333%;
    }
    .column.is-5-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 41.66667%;
    }
    .column.is-offset-5-mobile {
      margin-left: 41.66667%;
    }
    .column.is-6-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 50%;
    }
    .column.is-offset-6-mobile {
      margin-left: 50%;
    }
    .column.is-7-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 58.33333%;
    }
    .column.is-offset-7-mobile {
      margin-left: 58.33333%;
    }
    .column.is-8-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.66667%;
    }
    .column.is-offset-8-mobile {
      margin-left: 66.66667%;
    }
    .column.is-9-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 75%;
    }
    .column.is-offset-9-mobile {
      margin-left: 75%;
    }
    .column.is-10-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 83.33333%;
    }
    .column.is-offset-10-mobile {
      margin-left: 83.33333%;
    }
    .column.is-11-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 91.66667%;
    }
    .column.is-offset-11-mobile {
      margin-left: 91.66667%;
    }
    .column.is-12-mobile {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
    .column.is-offset-12-mobile {
@@@ -3201,30 -3201,30 +3432,44 @@@
  
  @media screen and (min-width: 769px) {
    .column.is-narrow, .column.is-narrow-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
    }
    .column.is-full, .column.is-full-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
    .column.is-three-quarters, .column.is-three-quarters-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 75%;
    }
    .column.is-two-thirds, .column.is-two-thirds-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.6666%;
    }
    .column.is-half, .column.is-half-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 50%;
    }
    .column.is-one-third, .column.is-one-third-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter, .column.is-one-quarter-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 25%;
    }
    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
@@@ -3243,84 -3243,84 +3488,108 @@@
      margin-left: 25%;
    }
    .column.is-1, .column.is-1-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 8.33333%;
    }
    .column.is-offset-1, .column.is-offset-1-tablet {
      margin-left: 8.33333%;
    }
    .column.is-2, .column.is-2-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 16.66667%;
    }
    .column.is-offset-2, .column.is-offset-2-tablet {
      margin-left: 16.66667%;
    }
    .column.is-3, .column.is-3-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-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 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.33333%;
    }
    .column.is-offset-4, .column.is-offset-4-tablet {
      margin-left: 33.33333%;
    }
    .column.is-5, .column.is-5-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 41.66667%;
    }
    .column.is-offset-5, .column.is-offset-5-tablet {
      margin-left: 41.66667%;
    }
    .column.is-6, .column.is-6-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-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 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 58.33333%;
    }
    .column.is-offset-7, .column.is-offset-7-tablet {
      margin-left: 58.33333%;
    }
    .column.is-8, .column.is-8-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.66667%;
    }
    .column.is-offset-8, .column.is-offset-8-tablet {
      margin-left: 66.66667%;
    }
    .column.is-9, .column.is-9-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-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 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 83.33333%;
    }
    .column.is-offset-10, .column.is-offset-10-tablet {
      margin-left: 83.33333%;
    }
    .column.is-11, .column.is-11-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 91.66667%;
    }
    .column.is-offset-11, .column.is-offset-11-tablet {
      margin-left: 91.66667%;
    }
    .column.is-12, .column.is-12-tablet {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
    .column.is-offset-12, .column.is-offset-12-tablet {
@@@ -3330,30 -3330,30 +3599,44 @@@
  
  @media screen and (min-width: 980px) {
    .column.is-narrow-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
    }
    .column.is-full-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
    .column.is-three-quarters-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 75%;
    }
    .column.is-two-thirds-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.6666%;
    }
    .column.is-half-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 50%;
    }
    .column.is-one-third-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 25%;
    }
    .column.is-offset-three-quarters-desktop {
@@@ -3372,84 -3372,84 +3655,108 @@@
      margin-left: 25%;
    }
    .column.is-1-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 8.33333%;
    }
    .column.is-offset-1-desktop {
      margin-left: 8.33333%;
    }
    .column.is-2-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 16.66667%;
    }
    .column.is-offset-2-desktop {
      margin-left: 16.66667%;
    }
    .column.is-3-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 25%;
    }
    .column.is-offset-3-desktop {
      margin-left: 25%;
    }
    .column.is-4-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.33333%;
    }
    .column.is-offset-4-desktop {
      margin-left: 33.33333%;
    }
    .column.is-5-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 41.66667%;
    }
    .column.is-offset-5-desktop {
      margin-left: 41.66667%;
    }
    .column.is-6-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 50%;
    }
    .column.is-offset-6-desktop {
      margin-left: 50%;
    }
    .column.is-7-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 58.33333%;
    }
    .column.is-offset-7-desktop {
      margin-left: 58.33333%;
    }
    .column.is-8-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.66667%;
    }
    .column.is-offset-8-desktop {
      margin-left: 66.66667%;
    }
    .column.is-9-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 75%;
    }
    .column.is-offset-9-desktop {
      margin-left: 75%;
    }
    .column.is-10-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 83.33333%;
    }
    .column.is-offset-10-desktop {
      margin-left: 83.33333%;
    }
    .column.is-11-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 91.66667%;
    }
    .column.is-offset-11-desktop {
      margin-left: 91.66667%;
    }
    .column.is-12-desktop {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
    .column.is-offset-12-desktop {
@@@ -3459,30 -3459,30 +3766,44 @@@
  
  @media screen and (min-width: 1180px) {
    .column.is-narrow-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
    }
    .column.is-full-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
    .column.is-three-quarters-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 75%;
    }
    .column.is-two-thirds-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.6666%;
    }
    .column.is-half-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 50%;
    }
    .column.is-one-third-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.3333%;
    }
    .column.is-one-quarter-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 25%;
    }
    .column.is-offset-three-quarters-widescreen {
@@@ -3501,84 -3501,84 +3822,108 @@@
      margin-left: 25%;
    }
    .column.is-1-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 8.33333%;
    }
    .column.is-offset-1-widescreen {
      margin-left: 8.33333%;
    }
    .column.is-2-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 16.66667%;
    }
    .column.is-offset-2-widescreen {
      margin-left: 16.66667%;
    }
    .column.is-3-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 25%;
    }
    .column.is-offset-3-widescreen {
      margin-left: 25%;
    }
    .column.is-4-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.33333%;
    }
    .column.is-offset-4-widescreen {
      margin-left: 33.33333%;
    }
    .column.is-5-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 41.66667%;
    }
    .column.is-offset-5-widescreen {
      margin-left: 41.66667%;
    }
    .column.is-6-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 50%;
    }
    .column.is-offset-6-widescreen {
      margin-left: 50%;
    }
    .column.is-7-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 58.33333%;
    }
    .column.is-offset-7-widescreen {
      margin-left: 58.33333%;
    }
    .column.is-8-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.66667%;
    }
    .column.is-offset-8-widescreen {
      margin-left: 66.66667%;
    }
    .column.is-9-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 75%;
    }
    .column.is-offset-9-widescreen {
      margin-left: 75%;
    }
    .column.is-10-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 83.33333%;
    }
    .column.is-offset-10-widescreen {
      margin-left: 83.33333%;
    }
    .column.is-11-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 91.66667%;
    }
    .column.is-offset-11-widescreen {
      margin-left: 91.66667%;
    }
    .column.is-12-widescreen {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
    .column.is-offset-12-widescreen {
@@@ -3601,7 -3601,7 +3946,9 @@@
  }
  
  .columns.is-centered {
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
  .columns.is-gapless {
@@@ -3625,7 -3625,7 +3972,8 @@@
  
  @media screen and (min-width: 769px) {
    .columns.is-grid {
--    flex-wrap: wrap;
++    -ms-flex-wrap: wrap;
++        flex-wrap: wrap;
    }
    .columns.is-grid > .column {
      max-width: 33.3333%;
@@@ -3638,34 -3638,34 +3986,53 @@@
  }
  
  .columns.is-mobile {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
  }
  
  .columns.is-multiline {
--  flex-wrap: wrap;
++  -ms-flex-wrap: wrap;
++      flex-wrap: wrap;
  }
  
  .columns.is-vcentered {
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++              -ms-grid-row-align: center;
++          align-items: center;
  }
  
  @media screen and (min-width: 769px) {
    .columns:not(.is-desktop) {
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
    }
  }
  
  @media screen and (min-width: 980px) {
    .columns.is-desktop {
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
    }
  }
  
  .tile {
--  align-items: stretch;
--  flex-basis: auto;
--  flex-grow: 1;
--  flex-shrink: 1;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++              -ms-grid-row-align: stretch;
++          align-items: stretch;
++  -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;
++  min-height: -webkit-min-content;
++  min-height: -moz-min-content;
    min-height: min-content;
  }
  
@@@ -3692,7 -3692,7 +4059,10 @@@
  }
  
  .tile.is-vertical {
--  flex-direction: column;
++  -webkit-box-orient: vertical;
++  -webkit-box-direction: normal;
++      -ms-flex-direction: column;
++          flex-direction: column;
  }
  
  .tile.is-vertical > .tile.is-child:not(:last-child) {
@@@ -3701,54 -3701,54 +4071,80 @@@
  
  @media screen and (min-width: 769px) {
    .tile:not(.is-child) {
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
    }
    .tile.is-1 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 8.33333%;
    }
    .tile.is-2 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 16.66667%;
    }
    .tile.is-3 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 25%;
    }
    .tile.is-4 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 33.33333%;
    }
    .tile.is-5 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 41.66667%;
    }
    .tile.is-6 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 50%;
    }
    .tile.is-7 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 58.33333%;
    }
    .tile.is-8 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 66.66667%;
    }
    .tile.is-9 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 75%;
    }
    .tile.is-10 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 83.33333%;
    }
    .tile.is-11 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 91.66667%;
    }
    .tile.is-12 {
--    flex: none;
++    -webkit-box-flex: 0;
++        -ms-flex: none;
++            flex: none;
      width: 100%;
    }
  }
@@@ -3996,7 -3996,7 +4392,9 @@@
  
  .level-left .level-item.is-flexible,
  .level-right .level-item.is-flexible {
--  flex-grow: 1;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
  }
  
  @media screen and (max-width: 768px) {
@@@ -4007,22 -4007,22 +4405,37 @@@
  
  @media screen and (min-width: 769px) {
    .level-left {
--    align-items: center;
++    -webkit-box-align: center;
++        -ms-flex-align: center;
++            align-items: center;
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
    }
  }
  
  @media screen and (min-width: 769px) {
    .level-right {
--    align-items: center;
++    -webkit-box-align: center;
++        -ms-flex-align: center;
++            align-items: center;
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
--    justify-content: flex-end;
++    -webkit-box-pack: end;
++        -ms-flex-pack: end;
++            justify-content: flex-end;
    }
  }
  
  .level {
--  align-items: center;
--  justify-content: space-between;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++              -ms-grid-row-align: center;
++          align-items: center;
++  -webkit-box-pack: justify;
++      -ms-flex-pack: justify;
++          justify-content: space-between;
  }
  
  .level code {
@@@ -4035,6 -4035,6 +4448,8 @@@
  }
  
  .level.is-mobile {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
  }
  
@@@ -4043,15 -4043,15 +4458,21 @@@
  }
  
  .level.is-mobile > .level-item:not(.is-narrow) {
--  flex-grow: 1;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
  }
  
  @media screen and (min-width: 769px) {
    .level {
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
    }
    .level > .level-item:not(.is-narrow) {
--    flex-grow: 1;
++    -webkit-box-flex: 1;
++        -ms-flex-positive: 1;
++            flex-grow: 1;
    }
  }
  
@@@ -4089,13 -4089,13 +4510,20 @@@
  }
  
  .media-content {
--  flex-grow: 1;
--  flex-shrink: 1;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 1;
++      flex-shrink: 1;
    text-align: left;
  }
  
  .media {
--  align-items: flex-start;
++  -webkit-box-align: start;
++      -ms-flex-align: start;
++          align-items: flex-start;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
@@@ -4105,7 -4105,7 +4533,9 @@@
  }
  
  .media .media {
 -  border-top: 1px solid rgba(211, 214, 219, 0.5);
 +  border-top: 1px solid rgba(219, 219, 219, 0.5);
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
  }
@@@ -4372,19 -4372,19 +4802,31 @@@
  }
  
  .modal-card {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  flex-direction: column;
++  -webkit-box-orient: vertical;
++  -webkit-box-direction: normal;
++      -ms-flex-direction: column;
++          flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
  }
  
  .modal-card-head,
  .modal-card-foot {
--  align-items: center;
 -  background-color: #f5f7fa;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
 +  background-color: whitesmoke;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  flex-shrink: 0;
--  justify-content: flex-start;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
    padding: 20px;
    position: relative;
  }
@@@ -4396,9 -4396,9 +4838,12 @@@
  }
  
  .modal-card-title {
 -  color: #222324;
 -  flex-grow: 1;
 -  flex-shrink: 0;
 +  color: #242424;
-   flex-grow: 1;
-   flex-shrink: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
    font-size: 24px;
    line-height: 1;
  }
@@@ -4414,9 -4414,9 +4859,12 @@@
  }
  
  .modal-card-body {
 -  background-color: #fff;
 -  flex-grow: 1;
 -  flex-shrink: 1;
 +  background-color: white;
-   flex-grow: 1;
-   flex-shrink: 1;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 1;
++      flex-shrink: 1;
    overflow: auto;
    padding: 20px;
  }
@@@ -4427,15 -4427,15 +4875,22 @@@
    position: absolute;
    right: 0;
    top: 0;
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++              -ms-grid-row-align: center;
++          align-items: center;
    display: none;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 1986;
  }
  
  .modal.is-active {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
  }
  
@@@ -4446,15 -4446,15 +4901,24 @@@
  }
  
  .nav-item {
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    padding: 10px;
  }
  
  .nav-item a {
--  flex-grow: 1;
--  flex-shrink: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
  .nav-item img {
@@@ -4475,7 -4475,7 +4939,9 @@@
  
  @media screen and (max-width: 768px) {
    .nav-item {
--    justify-content: flex-start;
++    -webkit-box-pack: start;
++        -ms-flex-pack: start;
++            justify-content: flex-start;
    }
  }
  
@@@ -4541,39 -4541,39 +5007,69 @@@ a.nav-item.is-tab.is-active 
  }
  
  .nav-left {
--  align-items: stretch;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  flex-basis: 0;
--  flex-grow: 1;
--  flex-shrink: 0;
--  justify-content: flex-start;
++  -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: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  .nav-center {
--  align-items: stretch;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  @media screen and (min-width: 769px) {
    .nav-right {
--    align-items: stretch;
++    -webkit-box-align: stretch;
++        -ms-flex-align: stretch;
++            align-items: stretch;
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
--    flex-basis: 0;
--    flex-grow: 1;
--    flex-shrink: 0;
--    justify-content: flex-end;
++    -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: end;
++        -ms-flex-pack: end;
++            justify-content: flex-end;
    }
  }
  
  .nav {
--  align-items: stretch;
 -  background-color: #fff;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
 +  background-color: white;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
    min-height: 50px;
    position: relative;
@@@ -4582,7 -4582,7 +5078,11 @@@
  }
  
  .nav > .container {
--  align-items: stretch;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
    min-height: 50px;
    width: 100%;
@@@ -4616,9 -4616,9 +5116,15 @@@
  }
  
  .pagination {
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    text-align: center;
  }
  
@@@ -4639,16 -4639,16 +5145,26 @@@
  }
  
  .pagination ul {
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  flex-grow: 1;
--  flex-shrink: 0;
--  justify-content: center;
++  -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;
  }
  
  @media screen and (max-width: 768px) {
    .pagination {
--    flex-wrap: wrap;
++    -ms-flex-wrap: wrap;
++        flex-wrap: wrap;
    }
    .pagination > a {
      width: calc(50% - 5px);
@@@ -4657,8 -4657,8 +5173,11 @@@
      margin-left: 10px;
    }
    .pagination li {
--    flex-grow: 1;
--    flex-shrink: 0;
++    -webkit-box-flex: 1;
++        -ms-flex-positive: 1;
++            flex-grow: 1;
++    -ms-flex-negative: 0;
++        flex-shrink: 0;
    }
    .pagination ul {
      margin-top: 10px;
@@@ -4667,7 -4667,7 +5186,9 @@@
  
  @media screen and (min-width: 769px) {
    .pagination > a:not(:first-child) {
--    order: 1;
++    -webkit-box-ordinal-group: 2;
++        -ms-flex-order: 1;
++            order: 1;
    }
  }
  
@@@ -4708,10 -4708,10 +5229,14 @@@
  }
  
  .panel-tabs {
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    padding: 5px 10px 0;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
  .panel-tabs a {
@@@ -4754,9 -4754,9 +5279,15 @@@ a.panel-block:hover 
  }
  
  .tabs {
--  align-items: stretch;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  justify-content: space-between;
++  -webkit-box-pack: justify;
++      -ms-flex-pack: justify;
++          justify-content: space-between;
    line-height: 24px;
    overflow: hidden;
    overflow-x: auto;
@@@ -4764,11 -4764,11 +5295,17 @@@
  }
  
  .tabs a {
--  align-items: center;
 -  border-bottom: 1px solid #d3d6db;
 -  color: #69707a;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
 +  border-bottom: 1px solid #dbdbdb;
 +  color: #7a7a7a;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    margin-bottom: -1px;
    padding: 6px 12px;
    vertical-align: top;
@@@ -4789,12 -4789,12 +5326,21 @@@
  }
  
  .tabs ul {
--  align-items: center;
 -  border-bottom: 1px solid #d3d6db;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
 +  border-bottom: 1px solid #dbdbdb;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  flex-grow: 1;
--  flex-shrink: 0;
--  justify-content: flex-start;
++  -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;
  }
  
  .tabs ul.is-left {
@@@ -4802,14 -4802,14 +5348,20 @@@
  }
  
  .tabs ul.is-center {
--  flex: none;
--  justify-content: center;
++  -webkit-box-flex: 0;
++      -ms-flex: none;
++          flex: none;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .tabs ul.is-right {
--  justify-content: flex-end;
++  -webkit-box-pack: end;
++      -ms-flex-pack: end;
++          justify-content: flex-end;
    padding-left: 10px;
  }
  
@@@ -4822,11 -4822,11 +5374,15 @@@
  }
  
  .tabs.is-centered ul {
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
  .tabs.is-right ul {
--  justify-content: flex-end;
++  -webkit-box-pack: end;
++      -ms-flex-pack: end;
++          justify-content: flex-end;
  }
  
  .tabs.is-boxed a {
@@@ -4848,8 -4848,8 +5404,11 @@@
  }
  
  .tabs.is-fullwidth li {
--  flex-grow: 1;
--  flex-shrink: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
  .tabs.is-toggle a {
@@@ -4943,7 -4943,7 +5502,8 @@@
    min-width: 100%;
    position: absolute;
    top: 50%;
--  transform: translate3d(-50%, -50%, 0);
++  -webkit-transform: translate3d(-50%, -50%, 0);
++          transform: translate3d(-50%, -50%, 0);
  }
  
  .hero-video.is-transparent {
@@@ -4962,6 -4962,6 +5522,8 @@@
  
  @media screen and (max-width: 768px) {
    .hero-buttons .button {
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
    }
    .hero-buttons .button:not(:last-child) {
@@@ -4971,8 -4971,8 +5533,12 @@@
  
  @media screen and (min-width: 769px) {
    .hero-buttons {
++    display: -webkit-box;
++    display: -ms-flexbox;
      display: flex;
--    justify-content: center;
++    -webkit-box-pack: center;
++        -ms-flex-pack: center;
++            justify-content: center;
    }
    .hero-buttons .button:not(:last-child) {
      margin-right: 20px;
@@@ -4981,12 -4981,12 +5547,16 @@@
  
  .hero-head,
  .hero-foot {
--  flex-shrink: 0;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
  .hero-body {
--  flex-grow: 1;
--  flex-shrink: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
    padding: 40px 20px;
  }
  
@@@ -4998,11 -4998,11 +5568,20 @@@
  }
  
  .hero {
--  align-items: stretch;
 -  background-color: #fff;
++  -webkit-box-align: stretch;
++      -ms-flex-align: stretch;
++          align-items: stretch;
 +  background-color: white;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
--  flex-direction: column;
--  justify-content: space-between;
++  -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;
  }
  
  .hero .nav {
@@@ -5086,7 -5086,7 +5665,8 @@@
  }
  
  .hero.is-white.is-bold {
 -  background-image: linear-gradient(141deg, #e6e6e6 0%, #fff 71%, white 100%);
++  background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, white 100%);
 +  background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  }
  
  @media screen and (max-width: 768px) {
@@@ -5176,7 -5176,7 +5756,8 @@@
  }
  
  .hero.is-black.is-bold {
 -  background-image: linear-gradient(141deg, black 0%, #111 71%, #1f1c1c 100%);
++  background-image: -webkit-linear-gradient(309deg, black 0%, #121212 71%, #201d1d 100%);
 +  background-image: linear-gradient(141deg, black 0%, #121212 71%, #201d1d 100%);
  }
  
  @media screen and (max-width: 768px) {
@@@ -5266,7 -5266,7 +5847,8 @@@
  }
  
  .hero.is-light.is-bold {
 -  background-image: linear-gradient(141deg, #d0e0ec 0%, #f5f7fa 71%, white 100%);
++  background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
 +  background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
  }
  
  @media screen and (max-width: 768px) {
@@@ -5356,7 -5356,7 +5938,8 @@@
  }
  
  .hero.is-dark.is-bold {
 -  background-image: linear-gradient(141deg, #495a67 0%, #69707a 71%, #6e768e 100%);
++  background-image: -webkit-linear-gradient(309deg, #6b5757 0%, #7a7a7a 71%, #8d8181 100%);
 +  background-image: linear-gradient(141deg, #6b5757 0%, #7a7a7a 71%, #8d8181 100%);
  }
  
  @media screen and (max-width: 768px) {
@@@ -5446,6 -5446,6 +6029,7 @@@
  }
  
  .hero.is-primary.is-bold {
++  background-image: -webkit-linear-gradient(309deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
    background-image: linear-gradient(141deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
  }
  
@@@ -5536,6 -5536,6 +6120,7 @@@
  }
  
  .hero.is-info.is-bold {
++  background-image: -webkit-linear-gradient(309deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
    background-image: linear-gradient(141deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
  }
  
@@@ -5626,6 -5626,6 +6211,7 @@@
  }
  
  .hero.is-success.is-bold {
++  background-image: -webkit-linear-gradient(309deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
    background-image: linear-gradient(141deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
  }
  
@@@ -5716,6 -5716,6 +6302,7 @@@
  }
  
  .hero.is-warning.is-bold {
++  background-image: -webkit-linear-gradient(309deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
    background-image: linear-gradient(141deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
  }
  
@@@ -5806,6 -5806,6 +6393,7 @@@
  }
  
  .hero.is-danger.is-bold {
++  background-image: -webkit-linear-gradient(309deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
    background-image: linear-gradient(141deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
  }
  
@@@ -5843,13 -5843,13 +6431,20 @@@
  }
  
  .hero.is-fullheight .hero-body {
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
  }
  
  .hero.is-fullheight .hero-body > .container {
--  flex-grow: 1;
--  flex-shrink: 0;
++  -webkit-box-flex: 1;
++      -ms-flex-positive: 1;
++          flex-grow: 1;
++  -ms-flex-negative: 0;
++      flex-shrink: 0;
  }
  
  .section {
@@@ -6037,11 -6037,11 +6632,17 @@@ body.page-grid .column > .notification 
  }
  
  #social {
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
    height: 20px;
    margin-bottom: 1em;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
  }
  
  #social a {
@@@ -6163,12 -6163,12 +6764,18 @@@
    position: absolute;
    right: 0;
    top: 0;
--  align-items: center;
++  -webkit-box-align: center;
++      -ms-flex-align: center;
++          align-items: center;
    content: attr(title);
++  display: -webkit-box;
++  display: -ms-flexbox;
    display: flex;
 -  font-family: "Source Code Pro", "Monaco", "Inconsolata", monospace;
 +  font-family: "Inconsolata", "Consolas", "Monaco", monospace;
    font-size: 11px;
--  justify-content: center;
++  -webkit-box-pack: center;
++      -ms-flex-pack: center;
++          justify-content: center;
    padding: 3px 5px;
    z-index: 2;
  }
@@@ -6178,8 -6178,8 +6785,13 @@@
  }
  
  .structure-item.is-structure-container:after {
--  align-items: flex-start;
--  justify-content: flex-start;
++  -webkit-box-align: start;
++      -ms-flex-align: start;
++              -ms-grid-row-align: flex-start;
++          align-items: flex-start;
++  -webkit-box-pack: start;
++      -ms-flex-pack: start;
++          justify-content: flex-start;
    padding: 5px 10px;
  }