/*
Theme Name:Firma Janssen
Theme URI: http://www.topfmaler.de
Description: Child Theme Firma Janssen
Author: Topfmaler
Author URI: http://www.topfmaler.de
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */



/* Contact Form */

.contact {
	
}


input,textarea,button{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.wpcf7-validation-errors {
	clear: both;
}

.contact form input,.contact form textarea {
	height: auto;
	padding: 12px 15px 12px;
	font-size: 16px;
	margin-bottom: 16px !important;
	color: #363636;
	letter-spacing: 0.5px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	outline: none;
}
.contact form select {
	height: auto;
	padding: 12px 25px 12px 15px;
	font-size: 16px;
	margin-bottom: 16px !important;
	color: #363636;
	letter-spacing: 0.5px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	outline: none;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 1em;
  width: auto;
  background-image:url(images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
}
.contact form input.wpcf7-text,
.contact form textarea {
	width: 90%;
	
}
.contact form .wpcf7-number {
	width: 25%;
	
}

	.vntd-contact-form p {
		margin: 0px;
	}

	.contact-form-left {
		float: left;
		width: 370px
	}
	
	.contact-form-right {
		padding-left: 395px;
	}
	
	.contact form .wpcf7-submit {
		background:#485156;
		  width: auto;
		  display: inline-block;
		  color: #fff;
		  font-weight: bold;
		  border: 0;
		  padding: 13px 38px;
		  font-size: 16px;	}
		  
		 .contact form .wpcf7-submit:hover {
		  	background:rgba(149,149,149,1.00);
			 color: #fff;
			cursor:pointer;
		  }
		  
		 
.contact form textarea{
	height: 201px;
	max-width: 100%;
	max-height: 171px;
}
#respond #submit,
.contact form button.contact-form-button{
	margin-bottom:0 !important;
}

#subscribe form .subscribe-form{
	width:100%;
	height: auto;
	padding:15px 15px 12px;
	font-size:18px;
	margin-bottom:18px;
	color:#7f7f7f;
	letter-spacing: 0.5px;
}

/* Actives, Focuses and Rollovers */

.contact form input:active,
.contact form textarea:active,
.contact form input:focus,
.contact form textarea:focus{
	outline: none;
}
#respond #submit:hover,
.contact .wpcf7-submit:hover{
	color:white;
}

div.wpcf7-response-output {
	padding: 10px 14px;
	margin: 0 15px;
}

/*#page-content span.wpcf7-not-valid-tip {
	margin-top: -10px;
	margin-bottom: 10px;
}*/



.contact form input:hover,
.contact form textarea:hover{
	border-color:#dadada;
}

/* Message For Mail */

.mail-message-area{
	width:100%;
	padding:0 15px;
}

.mail-message{
	width: 100%;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
	margin:0 auto;
	border-radius: 0;
}

.not-visible-message{
	height:0px;
	opacity: 0;
}

.visible-message{
	height:auto;
	opacity: 1;
	margin:25px auto 0;
}