@font-face {
    font-family: "Lato Regular";
    src: url('../assets/fonts/Lato/Lato-Regular.ttf');
}
/* FOOTER START ----------------------------------- */
.footer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: "Lato Regular";
    color: var(--light-color);
    padding: 30px 60px;
    background-color: var(--dark-color);
}
.footerLink {
    color: var(--light-color);
    text-decoration: none;
}
.activeFooterLink {
    text-decoration: underline !important;
}
.footerLogo{
    width: 45px;
    height: 45px;
}
.rrssContainer{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}

@keyframes iconAnimation {
    0% {
        transform: translateY(0px);
        animation-timing-function: ease-in;
    } 
    50% {
        transform: translateY(-4px);
        animation-timing-function: ease-out;
    }
}

.rrssIcons {
    text-decoration: none;
    transition: all 300ms;
}
.rrssIcons img {
    width: 20px;
    height: 20px;
}
.rrssIcons:hover img {
    cursor: pointer;
    animation-name: iconAnimation;
    animation-iteration-count: infinite;
    animation-duration: .50s;
    transform-origin: 50% 10%;
}
.footerPolicies {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    padding: 20px;
}
/* FOOTER END ------------------------------------- */

@media screen and (max-width: 2560px) and (min-width: 1537px) {
    .footer { padding: 30px 60px; }
    .footerLogo{ width: 2.9vw; height: 2.9vw; }
    .rrssContainer{ gap: 1.3vw; margin: 0.65vw auto; }
    .rrssIcons img { width: 1.3vw; height: 1.3vw; }
    .footerPolicies { gap: 1.3vw; padding: 1.3vw; }
}

@media screen and (max-width: 426px) {
    .footerPolicies { flex-direction: column; }
}