input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: $heading-color;
	border: 1px solid $border-color;
	border-radius: 5px;
    padding: 10px;
    width:100%;
    @include input-placeholder {
        color: $body-color;
        font-size: .775rem;
        text-transform: capitalize;
    }
	&:focus {
		box-shadow: none;
        outline: none;
        -webkit-outline: none;
        border-color:$secondary-color;
        background-color: $white-color;
	}
}

select {
	border: 1px solid $border-color;
}

textarea {
	width: 100%;
}

input,textarea {
    font-size: .875rem;

    &.form-control {
        display: block;
        width: 100%;
        min-height: calc(3rem + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        background-color: $white-color;
        background-clip: padding-box;
        border: 1px solid $border-color;
        border-radius: .25rem;
        @include input-placeholder {
            color: $body-color;
            font-size: .775rem;
            text-transform: capitalize;
        }

        &:focus {
            box-shadow: none;
            outline: none;
            -webkit-outline: none;
            border-color:$secondary-color;
            background-color: $white-color;
        }
    }

}