.menu-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-content {
}

.page-content .video-bg {
    margin-top: 0;
}

.s-features {
    padding-top: 0;
    padding-bottom: 10rem;
}

.section-header, .testimonials-header {
    padding-top: 10rem;
}

.testimonials-wrap{
    margin-top: 0;
}
.s-download, .s-footer {
    padding-top: 0;
}

ul.tree > li > ul {
    list-style-type: square;
}

ul.tree li:hover {
    background-color: #f0f0f0;
}


.entry__meta {
    display        : flex;
    flex-flow      : row wrap;
    align-items    : center;
    justify-content: center;
    font-size      : 1.3em;
    font-weight    : 300;
    margin-top     : 1em;
}

.entry__meta a {
}

.entry__meta .cat-links a::after {
    content: ", ";
}

.entry__meta .cat-links a:last-child::after {
    display: none;
}

.entry__meta>[class*=entry__meta] {
    display    : flex;
    align-items: center;
    margin     : 0 0.75em;
}

.entry__meta>[class*=entry__meta] svg {
    margin-right: 0.4rem;
    height      : var(--vspace-0_875);
    width       : var(--vspace-0_875);
}

.entry__meta>[class*=entry__meta] svg path,
.entry__meta>[class*=entry__meta] svg circle {
    stroke: #5b4f96;
}


:root {

    /* spacing
     * base font size: 19px
     * vertical space unit : 32px
     */
    --base-size        : 62.5%;
    --multiplier       : 1;
    --base-font-size   : calc(1.9rem * var(--multiplier));
    --space            : calc(3.2rem * var(--multiplier));

    /* vertical spacing
     */
    --vspace-0_125     : calc(0.125 * var(--space));
    --vspace-0_25      : calc(0.25 * var(--space));
    --vspace-0_375     : calc(0.375 * var(--space));
    --vspace-0_5       : calc(0.5 * var(--space));
    --vspace-0_625     : calc(0.625 * var(--space));
    --vspace-0_75      : calc(0.75 * var(--space));
    --vspace-0_875     : calc(0.875 * var(--space));
    --vspace-1         : calc(var(--space));
    --vspace-1_25      : calc(1.25 * var(--space));
    --vspace-1_5       : calc(1.5 * var(--space));
    --vspace-1_75      : calc(1.75 * var(--space));
    --vspace-2         : calc(2 * var(--space));
    --vspace-2_5       : calc(2.5 * var(--space));
    --vspace-3         : calc(3 * var(--space));
    --vspace-3_5       : calc(3.5 * var(--space));
    --vspace-4         : calc(4 * var(--space));
    --vspace-4_5       : calc(4.5 * var(--space));
    --vspace-5         : calc(5 * var(--space));

    /* type scale
     * ratio 1:2 | base: 19px
     * -------------------------------------------------------
     *
     * --text-display-3 = (81.70px)
     * --text-display-2 = (68.08px)
     * --text-display-1 = (56.73px)
     * --text-xxxl      = (47.28px)
     * --text-xxl       = (39.40px)
     * --text-xl        = (32.83px)
     * --text-lg        = (27.36px)
     * --text-md        = (22.80px)
     * --text-size      = (19.00px) BASE
     * --text-sm        = (15.83px)
     * --text-xs        = (13.19px)
     *
     * ---------------------------------------------------------
     */
    --text-scale-ratio : 1.2;
    --text-size        : var(--base-font-size);
    --text-xs          : calc((var(--text-size) / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm          : calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md          : calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg          : calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl          : calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl         : calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl        : calc(var(--text-xxl) * var(--text-scale-ratio));
    --text-display-1   : calc(var(--text-xxxl) * var(--text-scale-ratio));
    --text-display-2   : calc(var(--text-display-1) * var(--text-scale-ratio));
    --text-display-3   : calc(var(--text-display-2) * var(--text-scale-ratio));

    /* default button height
     */
    --vspace-btn       : var(--vspace-2);
    --gutter         : 2rem;
}


/* -------------------------------------------------------------------
 * ## portfolio list
 * ------------------------------------------------------------------- */
.folio-list {
    margin-top    : var(--vspace-2_5);
    margin-bottom : var(--vspace-2);
}

.folio-list .column {
    margin-bottom : var(--vspace-1_25);
}

.folio-list .column:nth-child(2n+1) {
    padding-right : calc(var(--gutter) + 1.6rem);
}

.folio-list .column:nth-child(2n+2) {
    padding-left : calc(var(--gutter) + 1.6rem);
}

.folio-item__caption {
    display : none;
}

/* thumbnail
 */
.folio-item__thumb a {
    display  : block;
    position : relative;
    overflow : hidden;
}

.folio-item__thumb a::before {
    z-index          : 1;
    content          : "";
    display          : block;
    background-color : rgba(0, 0, 0, 0.5);
    opacity          : 0;
    visibility       : hidden;
    position         : absolute;
    top              : 0;
    left             : 0;
    right            : 0;
    bottom           : 0;
    width            : 100%;
    height           : 100%;
    transition       : all, .5s;
}

.folio-item__thumb a::after {
    z-index     : 1;
    content     : "+";
    text-align  : center;
    font-family : var(--font-1);
    font-weight : 300;
    font-size   : 3rem;
    color       : white;
    display     : block;
    height      : 3.2rem;
    width       : 3.2rem;
    line-height : 3.2rem;
    margin-left : -1.6rem;
    margin-top  : -3rem;
    text-align  : center;
    opacity     : 0;
    visibility  : hidden;
    transform   : scale(0.5);
    transition  : all, 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    position    : absolute;
    left        : 50%;
    top         : 50%;
}

.folio-item__thumb img {
    vertical-align : bottom;
    margin-bottom  : 0;
    transition     : all, 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* portfolio info
 */
.folio-item__info {
    padding : var(--vspace-0_75) 0 var(--vspace-0_5);
}

.folio-item__title {
    margin : 0;
}

.folio-item__meta {
    font-family   : var(--font-1);
    font-size     : var(--text-sm);
    line-height   : 1.5;
    margin-bottom : 0.2rem;
    color         : var(--color-gray-8);
}

.folio-item__meta .project-link {
    color  : var(--color-text);
    margin : 0 .8rem;
}

.folio-item__meta .project-link:focus,
.folio-item__meta .project-link:hover {
    color : var(--color-1);
}

/* on hover
 */
.folio-item__thumb:hover .folio-item__thumb-link img {
    transform : scale(1.05);
}

.folio-item__thumb:hover .folio-item__thumb-link::before {
    opacity    : 1;
    visibility : visible;
}

.folio-item__thumb:hover .folio-item__thumb-link::after {
    opacity    : 1;
    visibility : visible;
    transform  : scale(1);
}