.is-clearfix::after {
    clear: both;
    content: " ";
    display: table;
}

.is-pulled-left {
    float: left !important;
}

.is-pulled-right {
    float: right !important;
}

.has-text-centered {
    text-align: center !important;
}

.has-text-justified {
    text-align: justify !important;
}

.has-text-left {
    text-align: left !important;
}

.has-text-right {
    text-align: right !important;
}

@media screen and (max-width: 768px) {
    .has-text-centered-mobile {
        text-align: center !important;
    }
}
@media screen and (min-width: 769px), print {
    .has-text-centered-tablet {
        text-align: center !important;
    }
}
@media screen and (max-width: 768px) {
    .has-text-justified-mobile {
        text-align: justify !important;
    }
}
@media screen and (min-width: 769px), print {
    .has-text-justified-tablet {
        text-align: justify !important;
    }
}
@media screen and (max-width: 768px) {
    .has-text-left-mobile {
        text-align: left !important;
    }
}
@media screen and (min-width: 769px), print {
    .has-text-left-tablet {
        text-align: left !important;
    }
}
@media screen and (max-width: 768px) {
    .has-text-right-mobile {
        text-align: right !important;
    }
}
@media screen and (min-width: 769px), print {
    .has-text-right-tablet {
        text-align: right !important;
    }
}
.is-block {
    display: block !important;
}

@media screen and (max-width: 768px) {
    .is-block-mobile {
        display: block !important;
    }
}
@media screen and (min-width: 769px), print {
    .is-block-tablet {
        display: block !important;
    }
}
.is-flex {
    display: flex !important;
}

@media screen and (max-width: 768px) {
    .is-flex-mobile {
        display: flex !important;
    }
}
@media screen and (min-width: 769px), print {
    .is-flex-tablet {
        display: flex !important;
    }
}
.is-inline {
    display: inline !important;
}

@media screen and (max-width: 768px) {
    .is-inline-mobile {
        display: inline !important;
    }
}
@media screen and (min-width: 769px), print {
    .is-inline-tablet {
        display: inline !important;
    }
}
.is-inline-block {
    display: inline-block !important;
}

@media screen and (max-width: 768px) {
    .is-inline-block-mobile {
        display: inline-block !important;
    }
}
@media screen and (min-width: 769px), print {
    .is-inline-block-tablet {
        display: inline-block !important;
    }
}
.is-inline-flex {
    display: inline-flex !important;
}

@media screen and (max-width: 768px) {
    .is-inline-flex-mobile {
        display: inline-flex !important;
    }
}
@media screen and (min-width: 769px), print {
    .is-inline-flex-tablet {
        display: inline-flex !important;
    }
}
.is-hidden {
    display: none !important;
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 0.01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 0.01em !important;
}

@media screen and (max-width: 768px) {
    .is-hidden-mobile {
        display: none !important;
    }
}
@media screen and (min-width: 769px), print {
    .is-hidden-tablet {
        display: none !important;
    }
}
.is-invisible {
    visibility: hidden !important;
}

@media screen and (max-width: 768px) {
    .is-invisible-mobile {
        visibility: hidden !important;
    }
}
@media screen and (min-width: 769px), print {
    .is-invisible-tablet {
        visibility: hidden !important;
    }
}
.is-marginless {
    margin: 0 !important;
}

.is-paddingless {
    padding: 0 !important;
}

.is-relative {
    position: relative !important;
}

.is-capitalized {
    text-transform: capitalize !important;
}

.is-lowercase {
    text-transform: lowercase !important;
}

.is-uppercase {
    text-transform: uppercase !important;
}

.is-italic {
    font-style: italic !important;
}

.is-underlined {
    text-decoration: underline !important;
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
    flex: none;
}
.columns.is-mobile > .column.is-full {
    flex: none;
    width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
    flex: none;
    width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
    flex: none;
    width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
    flex: none;
    width: 50%;
}
.columns.is-mobile > .column.is-one-third {
    flex: none;
    width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
    flex: none;
    width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
    flex: none;
    width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
    flex: none;
    width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
    flex: none;
    width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
    flex: none;
    width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
    flex: none;
    width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
    margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
    flex: none;
    width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
    flex: none;
    width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
    flex: none;
    width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
    flex: none;
    width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
    flex: none;
    width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
    flex: none;
    width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
    flex: none;
    width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
    flex: none;
    width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
    flex: none;
    width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
    flex: none;
    width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
    flex: none;
    width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
    flex: none;
    width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%;
}
@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        flex: none;
    }
    .column.is-full-mobile {
        flex: none;
        width: 100%;
    }
    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%;
    }
    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%;
    }
    .column.is-half-mobile {
        flex: none;
        width: 50%;
    }
    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%;
    }
    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%;
    }
    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%;
    }
    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%;
    }
    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%;
    }
    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%;
    }
    .column.is-offset-three-quarters-mobile {
        margin-left: 75%;
    }
    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%;
    }
    .column.is-offset-half-mobile {
        margin-left: 50%;
    }
    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%;
    }
    .column.is-offset-one-quarter-mobile {
        margin-left: 25%;
    }
    .column.is-offset-one-fifth-mobile {
        margin-left: 20%;
    }
    .column.is-offset-two-fifths-mobile {
        margin-left: 40%;
    }
    .column.is-offset-three-fifths-mobile {
        margin-left: 60%;
    }
    .column.is-offset-four-fifths-mobile {
        margin-left: 80%;
    }
    .column.is-0-mobile {
        flex: none;
        width: 0%;
    }
    .column.is-offset-0-mobile {
        margin-left: 0%;
    }
    .column.is-1-mobile {
        flex: none;
        width: 8.3333333333%;
    }
    .column.is-offset-1-mobile {
        margin-left: 8.3333333333%;
    }
    .column.is-2-mobile {
        flex: none;
        width: 16.6666666667%;
    }
    .column.is-offset-2-mobile {
        margin-left: 16.6666666667%;
    }
    .column.is-3-mobile {
        flex: none;
        width: 25%;
    }
    .column.is-offset-3-mobile {
        margin-left: 25%;
    }
    .column.is-4-mobile {
        flex: none;
        width: 33.3333333333%;
    }
    .column.is-offset-4-mobile {
        margin-left: 33.3333333333%;
    }
    .column.is-5-mobile {
        flex: none;
        width: 41.6666666667%;
    }
    .column.is-offset-5-mobile {
        margin-left: 41.6666666667%;
    }
    .column.is-6-mobile {
        flex: none;
        width: 50%;
    }
    .column.is-offset-6-mobile {
        margin-left: 50%;
    }
    .column.is-7-mobile {
        flex: none;
        width: 58.3333333333%;
    }
    .column.is-offset-7-mobile {
        margin-left: 58.3333333333%;
    }
    .column.is-8-mobile {
        flex: none;
        width: 66.6666666667%;
    }
    .column.is-offset-8-mobile {
        margin-left: 66.6666666667%;
    }
    .column.is-9-mobile {
        flex: none;
        width: 75%;
    }
    .column.is-offset-9-mobile {
        margin-left: 75%;
    }
    .column.is-10-mobile {
        flex: none;
        width: 83.3333333333%;
    }
    .column.is-offset-10-mobile {
        margin-left: 83.3333333333%;
    }
    .column.is-11-mobile {
        flex: none;
        width: 91.6666666667%;
    }
    .column.is-offset-11-mobile {
        margin-left: 91.6666666667%;
    }
    .column.is-12-mobile {
        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 {
        flex: none;
    }
    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%;
    }
    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%;
    }
    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%;
    }
    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%;
    }
    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%;
    }
    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%;
    }
    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%;
    }
    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%;
    }
    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%;
    }
    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%;
    }
    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%;
    }
    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%;
    }
    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%;
    }
    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%;
    }
    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%;
    }
    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%;
    }
    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%;
    }
    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%;
    }
    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%;
    }
    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: 0%;
    }
    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0%;
    }
    .column.is-1,
    .column.is-1-tablet {
        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 {
        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 {
        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;
        width: 33.3333333333%;
    }
    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.3333333333%;
    }
    .column.is-5,
    .column.is-5-tablet {
        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 {
        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;
        width: 58.3333333333%;
    }
    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.3333333333%;
    }
    .column.is-8,
    .column.is-8-tablet {
        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 {
        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;
        width: 83.3333333333%;
    }
    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.3333333333%;
    }
    .column.is-11,
    .column.is-11-tablet {
        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 {
        flex: none;
        width: 100%;
    }
    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%;
    }
}
.columns.wkpdf > .column {
    white-space: nowrap;
}

.columns {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem;
}
.columns:last-child {
    margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
    margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
    justify-content: center;
}
.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.columns.is-gapless > .column {
    margin: 0;
    padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
    margin-bottom: 0;
}
.columns.is-mobile {
    display: flex;
}
.columns.is-multiline {
    flex-wrap: wrap;
}
.columns.is-vcentered {
    align-items: center;
}
@media screen and (min-width: 769px), print {
    .columns:not(.is-desktop) {
        display: flex;
    }
}
.columns.wkpdf {
    display: -webkit-box;
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
    --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem;
    }
}
.columns.is-variable.is-1 {
    --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem;
    }
}
.columns.is-variable.is-2 {
    --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem;
    }
}
.columns.is-variable.is-3 {
    --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem;
    }
}
.columns.is-variable.is-4 {
    --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem;
    }
}
.columns.is-variable.is-5 {
    --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem;
    }
}
.columns.is-variable.is-6 {
    --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem;
    }
}
.columns.is-variable.is-7 {
    --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem;
    }
}
.columns.is-variable.is-8 {
    --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem;
    }
}

.columns.is-v-gapless {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.columns.is-v-gapless > .column {
    padding-top: 0;
    padding-bottom: 0;
}

/*

    This is some custom Sass/CSS based on Bulma's coding standards to extend the layout modules and allow the presented column order to be the reverse of the actual HTML document flow. The use-case which originally introduced this feature was to display comparison tables in a different order on mobile than on tablet and larger. I added the rest of the breakpoints for completeness, making this a more complete solution for this requirement - SH

    To use, just add one of the .is-... classes below at the same level as the columns class (eg <div class="columns is-reversed-mobile">)

*/
@media screen and (max-width: 768px) {
    .columns.is-reversed {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-reversed {
        flex-direction: row-reverse;
    }
}
.columns.is-reversed-mobile {
    display: flex;
}
@media screen and (max-width: 768px) {
    .columns.is-reversed-mobile {
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 769px), print {
    .columns.is-reversed-tablet {
        flex-direction: row-reverse;
    }
}

.is-vertical-aligned {
    align-self: center;
}

.is-vertical-aligned--bottom {
    align-self: flex-end;
}

.is-vertical-aligned--top {
    vertical-align: top;
}

.is-unclipped {
    overflow: visible !important;
}