/* EVA redesign footer */


/* =========================================================
   NEW GLOBAL FOOTER
   ========================================================= */

body .eva-new-footer {
    background: var(--eva-graphite);
    color: var(--eva-light-primary);

    padding: 48px 5% 24px;

    font-family: "Lato", sans-serif;
    font-size: 15px;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

body .eva-footer-main {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1.45fr
        0.75fr
        0.75fr
        0.9fr
        1.35fr;

    gap: 48px;
}


/* =========================================================
   BRAND
   ========================================================= */

body .eva-footer-logo {
    width: 160px;
    height: auto;

    margin-bottom: 20px;
}


/* =========================================================
   BRAND CREDIBILITY
   ========================================================= */

body .eva-footer-credibility {
    max-width: 275px;

    margin: 0 0 18px;

    color: var(--eva-light-secondary);

    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;

    line-height: 1.55;
}


body .eva-footer-credibility > div + div {
    margin-top: 2px;
}


/* =========================================================
   CONTACT LINKS
   ========================================================= */

body .eva-footer-contact {
    display: flex;
    align-items: center;

    gap: 10px;

    min-height: 24px;

    margin: 7px 0;

    color: var(--eva-light-primary);

    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;

    line-height: 1.35;

    text-decoration: none;
}


body .eva-footer-contact:hover {
    color: #FFFFFF;
}


body .eva-footer-contact::before {
    content: "";

    display: block;

    width: 17px;
    height: 17px;

    flex: 0 0 17px;

    background: currentColor;
}


/* Support icon */

body .eva-footer-contact--support::before {
    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 3a7 7 0 0 0-7 7v1H3a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-8a5 5 0 0 1 10 0v8h-3v2h3a2 2 0 0 0 2-2v-.17A3 3 0 0 0 23 16v-3a2 2 0 0 0-2-2h-2v-1a7 7 0 0 0-7-7Z'/%3E%3C/svg%3E")
        center / contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 3a7 7 0 0 0-7 7v1H3a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-8a5 5 0 0 1 10 0v8h-3v2h3a2 2 0 0 0 2-2v-.17A3 3 0 0 0 23 16v-3a2 2 0 0 0-2-2h-2v-1a7 7 0 0 0-7-7Z'/%3E%3C/svg%3E")
        center / contain no-repeat;
}


/* Phone icon */

body .eva-footer-contact--phone::before {
    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 2 10 5.4 8.1 8.1c1.5 3 3.9 5.4 6.9 6.9l2.7-1.9L21 16.4l-2.1 4.1c-.4.8-1.3 1.3-2.2 1.2C8.8 20.8 3.2 15.2 2.3 7.3c-.1-.9.4-1.8 1.2-2.2L6.6 2Z'/%3E%3C/svg%3E")
        center / contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 2 10 5.4 8.1 8.1c1.5 3 3.9 5.4 6.9 6.9l2.7-1.9L21 16.4l-2.1 4.1c-.4.8-1.3 1.3-2.2 1.2C8.8 20.8 3.2 15.2 2.3 7.3c-.1-.9.4-1.8 1.2-2.2L6.6 2Z'/%3E%3C/svg%3E")
        center / contain no-repeat;
}


/* Email icon */

body .eva-footer-contact--email::before {
    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M3 4h18a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 3.1V18h18V7.1l-9 6.2-9-6.2ZM19.5 6h-15l7.5 5.2L19.5 6Z'/%3E%3C/svg%3E")
        center / contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M3 4h18a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 3.1V18h18V7.1l-9 6.2-9-6.2ZM19.5 6h-15l7.5 5.2L19.5 6Z'/%3E%3C/svg%3E")
        center / contain no-repeat;
}


/* =========================================================
   FOOTER COLUMNS
   ========================================================= */

body .eva-footer-column h4,
body .eva-footer-newsletter h4 {
    margin: 0 0 18px;

    color: var(--eva-light-primary);

    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-weight: 600;

    text-transform: none !important;
    letter-spacing: 0 !important;
}


body .eva-footer-column > a {
    display: block;

    margin-bottom: 12px;

    color: var(--eva-light-secondary);

    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 400;

    line-height: 1.4;

    text-decoration: none;
}


body .eva-footer-column > a:hover,
body .eva-footer-legal a:hover {
    color: var(--eva-light-primary);
}


/* =========================================================
   LATEST NEWS
   ========================================================= */

body .eva-footer-news {
    min-width: 0;
}


body .eva-footer-news-item {
    margin-bottom: 17px;
}


body .eva-footer-news-item:last-child {
    margin-bottom: 0;
}


body .eva-footer-news-title {
    display: block;

    margin: 0 0 4px !important;

    color: var(--eva-light-secondary);

    font-family: "Lato", sans-serif;
    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.35 !important;

    text-decoration: none;
}


body .eva-footer-news-title:hover {
    color: var(--eva-light-primary);
}


body .eva-footer-news-date {
    color: #858B93;

    font-family: "Lato", sans-serif;
    font-size: 11px;
    font-weight: 400;

    line-height: 1.3;
}


/* =========================================================
   NEWSLETTER SOCIAL ICONS
   ========================================================= */

body .eva-footer-socials {
    margin: -2px 0 18px;
}


body .eva-footer-socials .social-icons {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    gap: 13px !important;
}


/* Clean icon-only style */

body .eva-footer-socials .social-icons a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 20px !important;

    min-width: 18px !important;
    min-height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: var(--eva-light-secondary) !important;

    box-shadow: none !important;

    line-height: 1 !important;

    opacity: 1 !important;

    transition:
        color 0.15s ease,
        opacity 0.15s ease !important;
}


/* Remove Flatsome circle styling */

body .eva-footer-socials .social-icons a.button.is-outline,
body .eva-footer-socials .social-icons a.button.circle {
    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* Native Flatsome icon glyph */

body .eva-footer-socials .social-icons a.button i {
    position: static !important;

    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 1 !important;

    transform: none !important;
}


/* Custom SoundCloud icon */

body .eva-footer-socials .eva-soundcloud-icon {
    display: block;

    width: 19px;
    height: 19px;

    fill: currentColor;
}


/* Hover */

body .eva-footer-socials .social-icons a.button:hover {
    border: 0 !important;

    background: transparent !important;

    color: var(--eva-light-primary) !important;

    box-shadow: none !important;

    opacity: 1 !important;
}


/* =========================================================
   NEWSLETTER
   ========================================================= */

body .eva-footer-newsletter p {
    margin: 0 0 18px;

    color: var(--eva-light-secondary);

    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 400;

    line-height: 1.5;
}


body .eva-footer-newsletter input {
    display: block;

    width: 100%;
    height: 46px;

    margin-bottom: 12px;
    padding: 0 14px;

    border: 1px solid #BFC1C5;
    border-radius: 6px;

    background: #FFFFFF;
    color: var(--eva-graphite);

    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;

    box-shadow: none !important;
}


body .eva-footer-newsletter input::placeholder {
    color: #6D7076;
}


body .eva-footer-newsletter input:focus {
    border-color: #D3D5D8;

    outline: none;

    box-shadow: none !important;
}


body .eva-footer-newsletter button {
    height: 42px;

    padding: 0 24px;

    border: 0;
    border-radius: 6px;

    background: var(--eva-accent);
    color: var(--eva-light-primary);

    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 600;

    text-transform: uppercase !important;

    cursor: pointer;
}


body .eva-footer-newsletter button:hover {
    background: #A93636 !important;
    color: var(--eva-light-primary) !important;
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

body .eva-footer-bottom {
    width: 100%;
    max-width: 1300px;

    margin: 34px auto 0;
    padding-top: 22px;

    border-top: 1px solid #505257;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;

    gap: 30px;

    color: var(--eva-light-secondary);

    font-family: "Lato", sans-serif;
    font-size: 13px;
}


/* =========================================================
   LEGAL
   ========================================================= */

body .eva-footer-legal {
    display: flex;
    align-items: center;

    gap: 20px;
}


body .eva-footer-legal a {
    color: var(--eva-light-secondary);

    text-decoration: none;
}


/* =========================================================
   SECURE CHECKOUT
   ========================================================= */

body .eva-footer-secure {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 13px;

    white-space: nowrap;
}


body .eva-footer-secure-label {
    display: flex;
    align-items: center;

    gap: 7px;

    color: var(--eva-light-secondary);

    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 400;

    line-height: 1;
}


/* Lock */

body .eva-footer-lock {
    display: block;

    width: 14px;
    height: 14px;

    flex: 0 0 14px;

    background: currentColor;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M7 10V7a5 5 0 0 1 10 0v3h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2Zm2 0h6V7a3 3 0 1 0-6 0v3Zm3 4a2 2 0 0 0-1 3.73V19h2v-1.27A2 2 0 0 0 12 14Z'/%3E%3C/svg%3E")
        center / contain no-repeat;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M7 10V7a5 5 0 0 1 10 0v3h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2Zm2 0h6V7a3 3 0 1 0-6 0v3Zm3 4a2 2 0 0 0-1 3.73V19h2v-1.27A2 2 0 0 0 12 14Z'/%3E%3C/svg%3E")
        center / contain no-repeat;
}


/* =========================================================
   PAYMENT LOGOS
   ========================================================= */

body .eva-footer-payment-logos {
    display: flex;
    align-items: center;

    gap: 7px;

    height: 22px;
}


body .eva-payment-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 20px;

    margin: 0;
    padding: 0;

    line-height: 1;
}


body .eva-payment-logo svg {
    display: block;

    width: auto;
    height: 18px;

    margin: 0;
}


/* Visa */

body .eva-payment-logo--visa svg {
    width: 38px;
}


/* Mastercard */

body .eva-payment-logo--mastercard svg {
    width: 29px;
}


/* American Express */

body .eva-payment-logo--amex svg {
    width: 36px;
}


/* PayPal */

body .eva-payment-logo--paypal svg {
    width: 43px;
}


/* =========================================================
   RECAPTCHA
   ========================================================= */

.grecaptcha-badge {
    visibility: hidden !important;
}


body .eva-footer-recaptcha {
    width: 100%;
    max-width: 1300px;

    margin: 16px auto 0;

    color: #777D85;

    font-family: "Lato", sans-serif;
    font-size: 10px;
    font-weight: 400;

    line-height: 1.4;
}


body .eva-footer-recaptcha a {
    color: #8D939B;

    text-decoration: none;
}


body .eva-footer-recaptcha a:hover {
    color: var(--eva-light-secondary);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    body .eva-footer-main {
        grid-template-columns: 1.4fr 1fr 1fr;

        gap: 42px 36px;
    }


    body .eva-footer-newsletter {
        grid-column: span 2;
    }


    body .eva-footer-bottom {
        grid-template-columns: 1fr auto;

        gap: 18px 30px;
    }


    body .eva-footer-secure {
        grid-column: 1 / -1;

        justify-content: flex-start;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body .eva-new-footer {
        padding: 40px 24px 24px;
    }


    body .eva-footer-main {
        grid-template-columns: 1fr 1fr;

        gap: 36px 24px;
    }


    body .eva-footer-brand,
    body .eva-footer-newsletter {
        grid-column: 1 / -1;
    }


    body .eva-footer-news {
        grid-column: 1 / -1;
    }


    body .eva-footer-socials {
        margin-bottom: 16px;
    }


    body .eva-footer-bottom {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    body .eva-footer-legal {
        gap: 12px;

        flex-wrap: wrap;
    }


    body .eva-footer-secure {
        grid-column: auto;

        justify-content: flex-start;
        flex-wrap: wrap;

        gap: 9px 12px;

        white-space: normal;
    }


    body .eva-footer-payment-logos {
        gap: 6px;
    }


    body .eva-payment-logo--visa svg {
        width: 36px;
    }


    body .eva-payment-logo--mastercard svg {
        width: 27px;
    }


    body .eva-payment-logo--amex svg {
        width: 34px;
    }


    body .eva-payment-logo--paypal svg {
        width: 40px;
    }


    body .eva-footer-recaptcha {
        margin-top: 16px;
    }

}