/*
15 Footer css here
--------------------*/

.footer-wrap-top {
    position: relative;
    overflow: hidden;
    background: lighten($black-color, 20%) url(../images/spacial-bg.jpg);
    min-height: 350px;
    width: 100%;
    color: $footer-text;
    padding: 25px 0;
    .hc-overlay {
        background: rgba($black-color, 0.9);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        /*z-index: 1;*/
        background-size: cover;
        text-indent: -9999px;
    }
    a {
        color: $white-color;
        text-decoration: underline;
    }
    .footer-block.tags {
        a.tag {
            background: darken($theme-color, 10%);
            color: $white-color;
            float: left;
            margin: 5px;
            padding: 5px 13px;
            text-decoration: none;
            font-size: 12px;
        }
    }
}

.footer-heading {
    position: relative;
    margin: 25px 0;
    h3 {
        font-weight: normal;
        color: $white-color;
    }
    h3.footer-logo {
        font-weight: 100;
        span {
            font-weight: bold;
            color: $theme-color;
        }
    }
}


/*Subscribe*/

.subscribe-form {
    .form-group {
        margin: 20px 0 30px;
        .form-control {
            @include border-radius(0px);
            position: relative;
            background: lighten($black-color, 10%);
            border-color: darken($footer-text, 20%);
        }
    }
}

.insta-wrap {
    position: relative;
    max-width: 280px;
    width: 100%;
    .insta-img {
        width: 33.33%;
        float: left;
        @include box-sizing(border-box);
        position: relative;
        padding: 5px;
        img {
            max-width: 100%;
        }
    }
}

.footer-bottom {
    width: 100%;
    display: block;
    padding: 20px 0 10px;
    text-align: center;
    overflow: hidden;
    /*background: lighten($theme-color, 55%);*/
    .copyright-text {
        color: $footer-text;
        font-size: 14px;
    }
}

.footer-wrap-two {
    display: block;
    min-height: 250px;
    position: relative;
    background: $black-color;
    color: $white-color;
    padding: 50px 0 25px;
    text-align: center;
    .address-wrap {
        text-align: center;
        margin: 45px 0 34px;
        h3 {
            font-weight: 100;
        }
    }
    .form-group {
        .sub-btn {
            position: absolute;
            right: 0;
            color: #cfcdce;
            top: 8px;
            background: transparent;
            border: none;
        }
        .form-control {
            background: transparent;
            border: none;
            border-bottom: 1px solid $white-color;
            border-radius: 0px;
            color: #cfcdce;
            &:focus {
                box-shadow: none;
            }
        }
    }
    .social-connect {
        display: inline-block;
        li {
            display: inline-block;
            list-style: none;
            margin: 5px;
            a {
                color: $white-color;
                width: 30px;
                height: 30px;
                text-align: center;
                border: 1px solid $theme-color;
                display: table-cell;
                vertical-align: middle;
                @include transition(all 0.5s ease-in-out 0s);
                &:hover {
                    background: $theme-color;
                }
            }
        }
    }
    .copyright {
        color: lighten($black-color, 34%);
        margin: 20px 0 10px;
    }
}

.footer-social {
    position: relative;
    .social-connect {
        margin: 0;
        padding: 0;
        margin-top: 30px;
        li {
            display: inline-block;
            list-style: none;
            margin: 5px;
            a {
                padding: 4px;
                width: 30px;
                height: 30px;
                border: 2px solid #aaa;
                display: table-cell;
                text-align: center;
                transition: all 0.6s ease-in-out 0s;
                vertical-align: middle;
                &:hover {
                    background: $theme-color;
                    color: $white-color;
                    border-color: $theme-color;
                }
            }
        }
        li.active {
            a {
                background: $theme-color;
                color: $white-color;
                border-color: $theme-color;
            }
        }
    }
}

.footer-contact {}

.footer-testi {
    h5 {
        color: $white-color;
    }
    .item {
        strong {
            color: $white-color;
            margin-left: 10px;
        }
        span {
            font-weight: 100;
        }
    }
}

.hospital-timing-footer {
    background: $white-color;
    padding: 20px;
    color: $black-color;
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
        li {
            line-height: 35px;
            font-weight: 100;
            .left-day,
            right-time {
                display: inline-block;
            }
            .left-day {
                min-width: 100px;
            }
        }
    }
}

.footer-links {
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
        li {
            line-height: 40px;
            font-weight: 100;
            position: relative;
            padding-left: 25px;
            &:after {
                position: absolute;
                content: "\f101";
                font-family: fontawesome;
                left: 0;
            }
        }
        a {
            text-decoration: none;
        }
    }
}

.footer-news {
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
        li {
            line-height: 35px;
            position: relative;
            clear: both;
            display: block;
            padding-bottom: 20px;
            overflow: hidden;
            .left-image {
                width: 70px;
                height: 70px;
                float: left;
            }
            .content-news {
                @include box-sizing(border-box);
                @include calc(width, '100% - 70px');
                padding-left: 15px;
                float: left;
                a {
                    text-decoration: none;
                }
                h5 {
                    line-height: 25px;
                }
                p {
                    font-size: 12px;
                    font-weight: 100;
                    span {
                        display: inline-block;
                        margin-right: 5px;
                    }
                }
            }
        }
    }
}