/*
7. Contact Style scss here
----------------------------*/

.inner-body-wrap {
    display: block;
    position: relative;
    padding: 50px 0;
    min-height: 200px;
}

.second-head {
    position: relative;
    margin-bottom: 34px;
    h3 {
        font-weight: 100;
        letter-spacing: 1.5px;
        span {
            position: relative;
            &:after {
                position: absolute;
                height: 2px;
                width: 20px;
                left: 0;
                content: "";
                bottom: -2px;
                background: $theme-color;
            }
        }
    }
}

.second-bold-head {
    position: relative;
    h3 {
        font-weight: 600;
        font-size: 20px;
    }
}

.contact-message {
    background: $dimline-color;
    padding: 20px;
    .form-control {
        @include border-radius(0px);
        padding: 20px 10px;
        height: 40px;
        border: none;
        box-shadow: none;
        border-bottom: 1px solid $dim-bg;
    }
    .form-group {
        margin-bottom: 20px;
        .text-area {
            display: block;
            border: none;
            padding: 20px 10px;
            width: 100%;
            @include box-sizing(border-box);
        }
    }
    .text-uper {
        text-transform: uppercase;
    }
}

.contact-info {
    address {
    	margin-bottom: 30px;
        span {
            display: inline-block;
            width: 100%;
            margin-top: 20px;
        }
    }
}

.map-wrapper .gmap {
    display: block;
    margin-top: 25px;
    position: relative;
}

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