/**
 *
 * Base footer
 *
 * NOTE: All styles must inherit .base-footer class to prevent style
 * conflict in production as all css file will be merged
 */

.base-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--jo-primary-rgb);
    color: #d9e7ff;
}

.base-footer .social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
}
.base-footer .social-icons .icon {
    color: #b1cdff;
    transition: color .3s;
}
.base-footer .social-icons .icon:hover {
    color: #d9e7ff;
}