.cre-blog-post .box-button{
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

/*--------------------------------------------------------------
# Primary
--------------------------------------------------------------*/
.cre-blog-post #primary {
    width: 100%;
}
/*--------------------------------------------------------------
# Flex
--------------------------------------------------------------*/
.flex-row {
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-items-start {
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end;
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center;
}

.align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
}

.align-items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.align-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.align-content-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

.align-content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

/*@media only screen and (min-width: 720px) {*/
@media only screen and (min-width: 720px) {
    .flex-md-row {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .flex-md-column {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .justify-content-md-start {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .justify-content-md-end {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .justify-content-md-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .justify-content-md-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .align-items-md-start {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .align-items-md-end {
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .align-items-md-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .align-content-md-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .align-content-md-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .align-content-md-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
}

@media only screen and (min-width: 1024px) {
    .flex-lg-row {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .flex-lg-column {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .justify-content-lg-start {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .justify-content-lg-end {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .justify-content-lg-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .align-items-lg-start {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .align-items-lg-end {
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .align-items-lg-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center;
        align-content: center;
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
}

/*--------------------------------------------------------------
# Text Alignment
--------------------------------------------------------------*/
.text-justify {
    text-align: justify !important;
}
.text-left {
    text-align: left !important;
}

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

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

/*--------------------------------------------------------------
# Columns
--------------------------------------------------------------*/
.columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.columns > .column {
    flex-grow: 1;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.columns {
    --w-100: 100%;
    --w-50: 50%;
    --w-33: 33.333333%;
    --w-25: 25%;
    --w-20: 20%;
    --w-16: 16.666666%;
    --v1: 0 0 var(--w-100);
    --v2: 0 0 var(--w-50);
    --v3: 0 0 var(--w-33);
    --v4: 0 0 var(--w-25);
    --v5: 0 0 var(--w-20);
    --v6: 0 0 var(--w-16);
}

.columns[data-columns="1"] > .column {
    -ms-flex: var(--v1);
    flex: var(--v1);
    max-width: var(--w-100);
}

.columns[data-columns="2"] > .column {
    -ms-flex: var(--v2);
    flex: var(--v2);
    max-width: var(--w-50);
}

.columns[data-columns="3"] > .column {
    -ms-flex: var(--v3);
    flex: var(--v3);
    max-width: var(--w-33);
}

.columns[data-columns="4"] > .column {
    -ms-flex: var(--v4);
    flex: var(--v4);
    max-width: var(--w-25);
}

.columns[data-columns="5"] > .column {
    -ms-flex: var(--v5);
    flex: var(--v5);
    max-width: var(--w-20);
}

.columns[data-columns="6"] > .column {
    -ms-flex: var(--v6);
    flex: var(--v6);
    max-width: var(--w-16);
}
@media only screen and (min-width: 720px) {
    .columns[data-columns-md="1"] > .column {
        -ms-flex: var(--v1);
        flex: var(--v1);
        max-width: var(--w-100);
    }
    .columns[data-columns-md="2"] > .column {
        -ms-flex: var(--v2);
        flex: var(--v2);
        max-width: var(--w-50);
    }
    .columns[data-columns-md="3"] > .column {
        -ms-flex: var(--v3);
        flex: var(--v3);
        max-width: var(--w-33);
    }
    .columns[data-columns-md="4"] > .column {
        -ms-flex: var(--v4);
        flex: var(--v4);
        max-width: var(--w-25);
    }
    .columns[data-columns-md="5"] > .column {
        -ms-flex: var(--v5);
        flex: var(--v5);
        max-width: var(--w-20);
    }
    .columns[data-columns-md="6"] > .column {
        -ms-flex: var(--v6);
        flex: var(--v6);
        max-width: var(--w-16);
    }
}
@media only screen and (min-width: 1024px) {
    .columns[data-columns-lg="1"] > .column {
        -ms-flex: var(--v1);
        flex: var(--v1);
        max-width: var(--w-100);
    }
    .columns[data-columns-lg="2"] > .column {
        -ms-flex: var(--v2);
        flex: var(--v2);
        max-width: var(--w-50);
    }
    .columns[data-columns-lg="3"] > .column {
        -ms-flex: var(--v3);
        flex: var(--v3);
        max-width: var(--w-33);
    }
    .columns[data-columns-lg="4"] > .column {
        -ms-flex: var(--v4);
        flex: var(--v4);
        max-width: var(--w-25);
    }
    .columns[data-columns-lg="5"] > .column {
        -ms-flex: var(--v5);
        flex: var(--v5);
        max-width: var(--w-20);
    }
    .columns[data-columns-lg="6"] > .column {
        -ms-flex: var(--v6);
        flex: var(--v6);
        max-width: var(--w-16);
    }
}