@import './colors';

@padding-space: 144px;

footer {
    clear: both;
    font-size: 14px;
    background-color: #000;
    position: relative;
    z-index: 9;
    color: rgba(255, 255, 255, 0.65);
    .santd-row {
        text-align: left;
        .footer-center {
            display: inline-block;
            text-align: left;
            > h2 {
                font-size: 16px;
                margin: 0 auto 24px;
                font-weight: 500;
                position: relative;

                > .title-icon {
                    width: 27px;
                    margin-right: 16px;
                }
                > .santdicon {
                    font-size: 16px;
                    position: absolute;
                    left: -22px;
                    top: 3px;
                    color: #aaa;
                }
            }
            > div {
                margin: 12px 0;
            }
        }
    }
    .footer-wrap {
        position: relative;
        padding: 60px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }
    .bottom-bar {
        text-align: right;
        padding: 16px @padding-space;
        margin: 0;
        line-height: 32px;
        overflow: hidden;
        a {
            color: rgba(255, 255, 255, 0.65);
            &:hover {
                color: #fff;
            }
        }
        .translate-button {
            text-align: left;
        }
    }
    a {
        color: rgba(255, 255, 255, 0.9);
    }
    h2 {
        color: rgba(255, 255, 255, 1);
        & > span {
            color: rgba(255, 255, 255, 1);
        }
    }
    svg {
        display: inline-block;
    }
}
