.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width: 1024px) {
    .section {
        padding: 0 3rem 0
    }

        .section.is-medium {
            padding: 9rem 4.5rem
        }

        .section.is-large {
            padding: 18rem 6rem
        }
}


.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: min-content
}

    .tile.is-ancestor {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: -0.75rem
    }

        .tile.is-ancestor:last-child {
            margin-bottom: -0.75rem
        }

        .tile.is-ancestor:not(:last-child) {
            margin-bottom: .75rem
        }

    .tile.is-child {
        margin: 0 !important
    }

    .tile.is-parent {
        padding: .75rem
    }

    .tile.is-vertical {
        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: flex
    }

    .tile.is-1 {
        flex: none;
        width: 8.33333337%
    }

    .tile.is-2 {
        flex: none;
        width: 16.66666674%
    }

    .tile.is-3 {
        flex: none;
        width: 25%
    }

    .tile.is-4 {
        flex: none;
        width: 33.33333337%
    }

    .tile.is-5 {
        flex: none;
        width: 41.66666674%
    }

    .tile.is-6 {
        flex: none;
        width: 50%
    }

    .tile.is-7 {
        flex: none;
        width: 58.33333337%
    }

    .tile.is-8 {
        flex: none;
        width: 66.66666674%
    }

    .tile.is-9 {
        flex: none;
        width: 75%
    }

    .tile.is-10 {
        flex: none;
        width: 83.33333337%
    }

    .tile.is-11 {
        flex: none;
        width: 91.66666674%
    }

    .tile.is-12 {
        flex: none;
        width: 100%
    }
}

.card {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: none;
    color: #4a4a4a;
    max-width: 100%;
    position: relative
}

.card-footer:first-child, .card-content:first-child, .card-header:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-footer:last-child, .card-content:last-child, .card-header:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.card-header {
    background-color: rgba(0,0,0,0);
    align-items: stretch;
    box-shadow: none;
    display: flex
}

.card-header-title {
    align-items: center;
    color: #363636;
    display: flex;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem 1rem
}

    .card-header-title.is-centered {
        justify-content: center
    }

.card-header-icon {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: .75rem 1rem
}

.card-image {
    display: block;
    position: relative
}

    .card-image:first-child img {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-image:last-child img {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

.card-content {
    background-color: rgba(0,0,0,0);
    padding: 1.5rem
}

.card-footer {
    background-color: rgba(0,0,0,0);
    border-top: 1px solid #ededed;
    align-items: stretch;
    display: flex
}

.card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: .75rem
}

    .card-footer-item:not(:last-child) {
        border-right: 1px solid #ededed
    }

.card .media:not(:last-child) {
    margin-bottom: 1.5rem
}


.card:not(:last-child) {
    margin-bottom: 1.5rem
}

.card {
    border-radius: 6px;
    border: 1px solid rgba(24,28,33,.06)
}

    .card.has-table .card-content {
        padding: 0
    }

    .card.has-table .b-table {
        border-radius: 6px;
        overflow: hidden
    }

    .card.is-card-widget .card-content {
        padding: .75rem
    }

    .card .card-header {
        border-bottom: 1px solid rgba(24,28,33,.06)
    }

    .card .card-content hr {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .card .is-widget-icon .icon {
        width: 5rem;
        height: 5rem
    }

    .card .is-widget-label .subtitle {
        color: #7a7a7a
    }


.level {
    align-items: flex-start;
    justify-content: space-between
}

    .level code {
        border-radius: 4px
    }

    .level img {
        display: inline-block;
        vertical-align: top
    }

    .level.is-mobile {
        display: flex
    }

        .level.is-mobile .level-left, .level.is-mobile .level-right {
            display: flex
        }

            .level.is-mobile .level-left + .level-right {
                margin-top: 0
            }

        .level.is-mobile .level-item:not(:last-child) {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .level.is-mobile .level-item:not(.is-narrow) {
            flex-grow: 1
        }

@media screen and (min-width: 769px),print {
    .level {
        display: flex
    }

        .level > .level-item:not(.is-narrow) {
            flex-grow: 1
        }
}

.level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center
}

    .level-item .title, .level-item .subtitle {
        margin-bottom: 0
    }

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left, .level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

    .level-left .level-item.is-flexible, .level-right .level-item.is-flexible {
        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: .75rem
    }
}

.level-left {
    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: flex
    }
}

.level-right {
    align-items: center;
    justify-content: flex-end
}

@media screen and (min-width: 769px),print {
    .level-right {
        display: flex
    }
}


.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}

    .icon.is-small {
        height: 1rem;
        width: 1rem
    }

    .icon.is-medium {
        height: 2rem;
        width: 2rem
    }

    .icon.is-large {
        height: 3rem;
        width: 3rem
    }

.icon-text {
    align-items: flex-start;
    color: inherit;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top
}

    .icon-text .icon {
        flex-grow: 0;
        flex-shrink: 0
    }

        .icon-text .icon:not(:last-child) {
            margin-right: .25em
        }

        .icon-text .icon:not(:first-child) {
            margin-left: .25em
        }


div.icon-text {
    display: flex
}


.has-background-dark {
    background-color: #363636 !important
}

.has-text-primary {
    color: #587D2E !important
}


.has-text-success {
    color: #587D2E !important
}

a.has-text-success:hover, a.has-text-success:focus {
    color: #34a873 !important
}

.has-background-success {
    background-color: #48c78e !important
}

.has-text-success-light {
    color: #effaf5 !important
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
    color: #c8eedd !important
}

.has-background-success-light {
    background-color: #effaf5 !important
}

.has-text-success-dark {
    color: #257953 !important
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
    color: #31a06e !important
}

.has-background-success-dark {
    background-color: #257953 !important
}