@import "../colors";
@import "../variables";
@import "../mixins";

.Footer {
    background: $gorilla;
    color: $color_text_invert;
    padding: ($offset_main * 3) 0 ($offset_main * 4);
}

.Footer-wrapper {
    @include main-wrapper;
    text-align: center;
}

.Footer-copyrights {
    font-size: $font_size_small;
    line-height: $line_height_control;
    margin-top: $offset_main * 1.5;
}

.Footer-links {
    margin-top: $offset_main * 1.1;

    .Footer-link {
        color: #aeaeae;
        font-size: $font_size_default;
        line-height: $line_height_control;
        text-decoration: none;

        &:hover,
        &:focus,
        &:visited {
            text-decoration: underline;
        }

        &:not(:last-child)::after {
            content: " | ";
            color: #aeaeae;
            margin: 0 5px;
            text-decoration: none;
            display: inline-block;
        }
    }
}