/* NEWSLETTER PART OF FOOTER */

#footer-newsletter-content {
    max-width: 50ch;
    margin-inline: auto;
}

.footer-newsletter-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}


.newsletter-input {
    border-width: 2px;
    border-color: var(--vitta-white);
    background-color: var(--footer-color) !important;
}

/* FOOTER */

#vitta-footer {
    background-color: var(--footer-color);
    width: 100%;
    padding: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer-part {
    display: inline-block;
    margin: 40px;
    vertical-align: top;
    line-height: 1.2;
}


.footer-input {
    width: 100%;
    padding: 2px;
    color: var(--vitta-white);
    border: none;
    border-bottom: var(--vitta-white) 1px solid;
    background-color: transparent;
    margin-bottom: 5px;
}

.footer-input::placeholder {
    color: #fff;
    opacity: 0;
}

.footer-button {
    cursor: pointer;
    font-size: 22px;
    line-height: 100%;
    color: var(--vitta-white);
    background-color: transparent;
    border: none;
}

#footer-content {
    width: 100%;
    margin: 1rem auto;
    /*text-align: center;*/
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
}

.footer-part:nth-child(1) {
    width:100%
}

@media (max-width: 1000px) {
    #footer-content {
        flex-direction: column;
        align-items: center;
    }

    .footer-part:nth-child(1),
    .footer-part:nth-child(2) {
        text-align: center;
    }

    .footer-part:nth-child(1) {
        width: unset
    }

    .footer-part {
        margin: 20px 50px;

        min-width: -webkit-fill-available;
        min-width: -moz-available;
    }
}

.footer-link,
.footer-text,
.footer-section-title {
    color: var(--vitta-white);
    font-size: 18px;
    text-decoration: auto;
}

.footer-link:hover,
.footer-button:hover {
    text-decoration: none;
    color: #c4c4c4;
}

.footer-part a {
    text-decoration: none;
}

.icon-circled {
    --size: 30px;

    background-color: var(--vitta-white);
    color: var(--footer-color);
    text-decoration: none;
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    
    height: var(--size);
    line-height: var(--size);
    margin: auto 3px;
    border-radius: var(--size);
    width: var(--size);
    font-size: calc(var(--size) * 0.6);
    

    transition: all 250ms ease;
}

.icon-circled:hover {
    background-color: #cfcfcf;
}

/* SEO ICONS */

.fa-facebook-f:hover {
    background-color: #1877f2;
    color: var(--vitta-white);
}

.fa-twitter:hover {
    background-color: #1da1f2;
    color: var(--vitta-white);
}

.fa-linkedin-in:hover {
    background-color: #0077b5;
    color: var(--vitta-white);
}

.fa-youtube:hover {
    background-color: #FF0000;
    color: var(--vitta-white);
}

.fa-instagram:hover {
    background-color: #fd1d1d;
    background: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);
    color: var(--vitta-white);
}