website/_src/_assets/scss/page-front.scss

@import 'variables';
@import 'hero';

.section--farewell {
    margin-top: -4rem;
    z-index: 2;
}

//
// Connect
//
.articles {
    max-width: 100%;
    margin-top: $spacer;
    margin-bottom: -$spacer;

    .button {
        padding-bottom: 0;
    }
}

.article {
    margin-bottom: 6%;
    transition: .15s ease-out;

    &:hover,
    &:focus {
        transform: translateY(-1px);

        .article__title {
            color: $link-color;
        }

        .article__image {
            background-color: $link-color;
        }
    }

    &:active {
        transition: none;
        transform: translateY(0);
    }
}

.article__image {
    width: 100%;
    min-height: 6.5rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: $spacer / 3;
    border: 1px solid $brand-05;
    border-radius: $border-radius;
}

.article__title {
    font-size: $font-size-base;
    color: $text-color;
    margin: 0;
    align-self: flex-end;
    transition: .15s ease-out;
}

.section--connect {
    .social {
        margin-bottom: $spacer * 3;
    }

    .social-link {
        margin-right: $spacer / 2;
    }
}