/**
 * @file
 * The footer components.
 *
 * It includes styles for the footer itself and its
 * components.
 */

/**
 * Global footer rules
 */
.main__footer{
  margin-top: auto;
}
.footer-block {
    background: var(--color-primary-2);
    text-align: center;
    padding: 2rem 0;
    color: var(--color-neutral-4);
}
.footer-block a {
    color: var(--color-neutral-4);
    text-decoration: underline;
    transition: 0.2s ease;
}
.footer-block a:hover {
    text-decoration-thickness: 2px;
}
.footer-block a:active {
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-neutral-2);
}
@media all and (min-width:700px) {
    .footer-block {
        text-align: start;
    }
    .footer-block__flex {
        display: flex;
    }
    .footer-block__column {
        width: 50%;
    }
    .footer-block__column--right {
        padding-left: 1rem;
    }
    .footer-block__column--left {
        padding-right: 1rem;
    }
}