/*---------------------
  Contact
-----------------------*/
.contact {
    padding-top: 0;
}
.contact__text {
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
}

.contact__map {
    height: 350px;
    box-shadow: 0px 5px 5px rgba(20, 14, 5, 0.1);
    margin-bottom: 30px;

    iframe {
        width: 100%;
    }
}

.contact__widget {

    ul {

        li {
            list-style: none;
            margin-bottom: 20px;

            i {
                height: 50px;
                width: 50px;
                border: 1px solid #e1e1e1;
                font-size: 18px;
                color: $primary-color;
                line-height: 50px;
                text-align: center;
                display: inline-block;
                margin-right: 16px;
            }

            span {
                display: inline-block;
                font-size: 14px;
                color: #444444;
            }
        }
    }
}

.contact__form {

    .contact__form__title {

        h2 {
            text-transform: uppercase;
            margin-bottom: 18px;
        }

        p {
            font-size: 15px;
            margin-bottom: 20px;
        }
    }

    form {
            
        input {
            height: 46px;
            width: 100%;
            background: transparent;
            border: 1px solid #e1e1e1;
            font-size: 14px;
            color: #444444;
            padding-left: 20px;
            margin-bottom: 20px;

            &:last-child {
                color: #444444;
            }
        }

        textarea {
            height: 180px;
            width: 100%;
            background: transparent;
            border: 1px solid #e1e1e1;
            font-size: 14px;
            color: #444444;
            padding-top: 12px;
            padding-left: 20px;
            margin-bottom: 14px;
            resize: none;

            &:last-child {
                color: #444444;
            }
        }

        button {
            width: 100%;
        }
    }
}