/* ====================== [ Start Footer ] ====================== */

footer{
    background: #151515;
    width: calc(100% - 50px);
    margin-left: 25px;
    margin-bottom: 25px;
    color: #fff;
    padding: 100px 0;

    .item{

        .title{

            h5{
                margin-bottom: 30px;
            }
        }

        li{
            display: flex;
            margin-bottom: 25px;

            &:last-of-type{
                margin-bottom: 0;
            }

            h6{
                font-size: 14px;
                font-weight: 600;
            }

            .icon{
                font-size: 30px;
                margin-right: 30px;
            }

            .img{
                width: 150px;
                margin-right: 15px;
            }

            .sm-post{

                p{
                    font-size: 13px;
                }

                .date{
                    font-size: 12px;
                    color: $main-color;
                }
            }

            .subscribe{
                width: 100%;
                position: relative;

                input{
                    width: 100%;
                    padding: 15px;
                    border-radius: 30px;
                    border: 1px solid rgba(255,255,255,.05);
                    background: transparent;
                    color: #fff;
                    font-size: 13px;
                }

                .subs{
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    border-radius: 50%;
                    background: $main-color;
                    color: #000;
                }
            }
        }

        .logo{
            margin-bottom: 50px;
            
            img{
                width: 100px;
            }
        }

        .social{

            span,
            a{
                width: 48px;
                height: 48px;
                line-height: 48px;
                text-align: center;
                border-radius: 50%;
                border: 1px solid rgba(255,255,255,.08);
                font-size: 14px;
                margin-right: 12px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                pointer-events: none;
                cursor: default;
            }

            span:last-of-type{
                margin-right: 0;
            }
        }

        .copy-right{
            margin-top: 30px;

            p{
                font-size: 13px;
                font-weight: 300;
                text-transform: uppercase;
                letter-spacing: 3px;

                a{
                    color: $main-color;
                }
            }
        }
    }
}

/* ====================== [ End Footer ] ====================== */