/* Footer + theme tokens previously supplied by decor-store / corporate / data-analysis CSS. */

:root {
    --base-color: #30bd9b;
    --medium-gray: #797a8c;
    --dark-gray: #353642;
}

footer {
    --alt-font: "Plus Jakarta Sans", sans-serif;
    --primary-font: "Plus Jakarta Sans", sans-serif;
    font-family: var(--primary-font);
    font-size: 15px;
    line-height: 26px;
    padding-top: 100px;
    padding-bottom: 30px;
}

footer .footer-logo img {
    max-height: 36px;
}

footer ul li {
    margin-bottom: 0;
}

footer .elements-social ul li:last-child {
    margin-right: 0;
}

footer .elements-social.social-icon-style-01 li,
footer .elements-social.social-icon-style-02 li,
footer .elements-social.social-icon-style-05 li,
footer .elements-social.social-icon-style-08 li {
    margin: 0 15px 0 0;
}

footer .elements-social.social-icon-style-01 li a,
footer .elements-social.social-icon-style-02 li a,
footer .elements-social.social-icon-style-05 li a,
footer .elements-social.social-icon-style-08 li a {
    width: auto;
    height: auto;
}

.btn {
    text-transform: inherit;
    letter-spacing: 0;
}

.btn.btn-large {
    font-size: 15px;
}

.bg-gradient-flamingo-amethyst-green {
    background-image: linear-gradient(to right, #f7693c, #c74e45, #7d3785, #582d9f, #3928af);
}

.btn.btn-hover-animation-switch > span {
    display: inline-flex;
    align-items: center;
}

.btn.btn-hover-animation-switch .btn-text {
    margin-left: -13px;
    position: relative;
    z-index: 3;
    transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
}

.btn.btn-hover-animation-switch .btn-icon {
    margin-left: 6px;
    position: relative;
    transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
    transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
    line-height: 0;
    z-index: 3;
}

.btn.btn-hover-animation-switch .btn-icon i {
    margin: 0;
    line-height: 0;
}

.btn.btn-hover-animation-switch .btn-icon + .btn-icon {
    order: -2;
    opacity: 0;
    transition-delay: 0s;
    margin-left: 0;
    transform: translateX(-10px);
}

.btn.btn-hover-animation-switch:hover .btn-text {
    transition-delay: 0.1s;
    transform: translateX(23px);
}

.btn.btn-hover-animation-switch:hover .btn-icon {
    transition-delay: 0s;
    transform: translateX(10px);
    opacity: 0;
}

.btn.btn-hover-animation-switch:hover .btn-icon + .btn-icon {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.225s;
}

.btn.btn-hover-animation-switch.btn-icon-left .btn-text {
    margin-right: -15px;
    margin-left: 0;
    position: relative;
    z-index: 3;
}

.btn.btn-hover-animation-switch.btn-icon-left .btn-icon {
    opacity: 0;
    margin-left: 0;
    transition-delay: 0s;
    transform: translateX(10px);
}

.btn.btn-hover-animation-switch.btn-icon-left .btn-icon + .btn-icon {
    opacity: 1;
    margin-left: 0;
    margin-right: 6px;
    transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
    transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
    transform: translateX(0);
}

.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-text {
    transition-delay: 0.1s;
    transform: translateX(-20px);
}

.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.225s;
}

.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon + .btn-icon {
    opacity: 0;
    transition-delay: 0s;
    transform: translateX(-10px);
}

.scroll-progress {
    right: 10px;
}

@media (max-width: 1199px) {
    footer {
        padding-top: 80px;
    }
}

@media (max-width: 991px) {
    footer {
        padding-top: 65px;
    }
}

@media (max-width: 767px) {
    footer {
        padding-top: 50px;
    }
}

@media (max-width: 479px) {
    footer .elements-social.social-icon-style-01 li,
    footer .elements-social.social-icon-style-02 li,
    footer .elements-social.social-icon-style-05 li,
    footer .elements-social.social-icon-style-08 li {
        margin: 0 18px 0 0;
    }
}
