.site-footer {
    background-color: #f5f5f5;
}
.site-info {
    padding-top: 30px;
    padding-bottom: 60px;
    border-top: 1px solid rgba( $color__primary, 0.1);
    color: $color__primary;

    a {
        color: $color__primary;
        text-decoration: underline;
    }

    .row {
        .col-md-6:nth-of-type(2) {
            text-align: right;
        }
    }
}
.social-profile {
    a {
        margin-right: 40px;

        &:last-of-type {
            margin-right: 0;
        }
    }
}
.footer-widgets {
    background-color: #f5f5f5;
}
.widget-column {
    .widget {
        &:last-of-type {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .widget-title {
            @include font-size(20);
        }
    }
}

.footer-widgets-grid {
    display: grid;
    padding-top: 70px;
    padding-bottom: 70px;    
    gap: 30px;

    &.col2 {
        grid-template-columns: repeat(2, 1fr); 
    }
    &.col2-bigleft {
        grid-template-columns: 2fr 1fr; 
    }    
    &.col2-bigright {
        grid-template-columns: 1fr 2fr; 
    }     

    &.col3 {
        grid-template-columns: repeat(3, 1fr); 
    }
    &.col3-bigleft {
        grid-template-columns: 3fr 1fr 1fr; 
    }    
    &.col3-bigright {
        grid-template-columns: 1fr 1fr 3fr; 
    }   

    &.col4 {
        grid-template-columns: repeat(4, 1fr); 
    }
    &.col4-bigleft {
        grid-template-columns: 2fr 1fr 1fr 1fr; 
    }    
    &.col4-bigright {
        grid-template-columns: 1fr 1fr 1fr 2fr; 
    }      

    &.align-middle {
        align-items: center;
    }

    &.align-bottom {
        align-items: end;
    }

}

.visibility-mobile-only {
    display: none;
}
@media (max-width: 991px) {
    .visibility-desktop-only {
        display: none;
    }
    .visibility-mobile-only {
        display: block;
    }    
}

.footer-copyright-elements {
    .botiga-credits {
        line-height: 1.7;
    }

    .botiga-html {
        p:last-child {
            margin-bottom: 0;
        }
    }

    &.footer-copyright-alignment-left,
    &.footer-copyright-alignment-center,
    &.footer-copyright-alignment-right {
        display: flex;
        flex-direction: column;
    }

    &.footer-copyright-alignment-left {
        align-items: flex-start;
    }

    &.footer-copyright-alignment-center {
        align-items: center;
        text-align: center;
    }

    &.footer-copyright-alignment-right {
        align-items: flex-end;
        text-align: right;
    }
}

@media(max-width: 767px) {
    .footer-copyright-elements {
        &.col-md-6 {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    }
}

.back-to-top {
    position: fixed;
    bottom: -70px;
    right: 30px;
    cursor: pointer;
    background-color: $color__primary;
    font-size: 16px;
    line-height: 1;
    padding: 15px;
    border-radius: 30px;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
    z-index: 997;
    color: #fff;

    span {
        margin-right: 5px;
        @include font-size(14);
    }

    &.display {
        visibility: visible;
        opacity: 1;
        bottom: 30px;
    }

    &.position-left {
        right: auto;
        left: 30px;
    }

    &:hover {
        background-color: $color__hover;
    }

    .ws-svg-icon {
        width: 18px;
        height: 18px;
    }

    svg {
        stroke: #fff;
    }
}