/*------------------------------------*\
    Pardot form styles
\*------------------------------------*/
@font-face {
  font-family: 'Campton-Book';
  src: url('fonts/Campton-Book.eot');
  src: url('fonts/Campton-Book?#iefix') format('embedded-opentype'),
       url('fonts/Campton-Book.svg#AcierBATText-Solid') format('svg'),
       url('fonts/Campton-Book.ttf') format('truetype'),
       url('fonts/Campton-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Campton-SemiBold';
  src: url('fonts/Campton-SemiBold.eot');
  src: url('fonts/Campton-SemiBold?#iefix') format('embedded-opentype'),
       url('fonts/Campton-SemiBold.svg#AcierBATText-Solid') format('svg'),
       url('fonts/Campton-SemiBold.ttf') format('truetype'),
       url('fonts/Campton-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

#pardot-form .field-label {
            
}
            
#pardot-form p.required label, #pardot-form span.required label {
	background: none;
	color: #053C3C;
}

#pardot-form.form {
	font-family: 'Campton-Book';
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 700px;
    margin: auto;
} 

#pardot-form .form-field,
#pardot-form .form-field input {
	width: 100%;
	font-family: 'Campton-Book';
	color: #053C3C;
	font-size: 1.1em;
}
            
#pardot-form input.text {
	border: none;
    background-color: transparent;
    border-bottom: 1px solid #053C3C;
}

#pardot-form input::placeholder {
    color: #053C3C;
}       

#pardot-form .submit {
	text-align: center;
    width: 100%;
    margin: 20px auto 0;
}    

#pardot-form .submit input {
    text-transform: uppercase;
    font-family: 'Campton-SemiBold';
    font-size: 18px;
    border-radius: initial;
    color: #053C3C;
    padding: 2px 15px;
    background-color: transparent;
    box-shadow: inset 0px -17px 0 0px #fff000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border: none;
    letter-spacing: 4px;
}

#pardot-form .submit input:hover {
	color: #053C3C;
	box-shadow: inset 0 -70px 0 0 #FFF000;
}

#pardot-form .value {
	line-height: 2;
}

#pardot-form .value span {
	display: flex;
}
  
#pardot-form .value span input {
	width: auto;
    height: 15px;
    margin: 12px 20px 7px 4px;
}

#pardot-form textarea {
	max-width: 100%;
    font-family: 'Campton-Book';
    color: #053C3C;
    font-size: 1.1em;
    margin: 0;
    border: 1px solid #053C3C;
    height: 100px;
    width: 100%;
    background-color: transparent;
}

#pardot-form textarea::placeholder {
	color: #053C3C;
}



@media only screen and (min-width:320px) { 

	#pardot-form .form-field, 
	#pardot-form .form-field input {
		font-size: 20px;
	}

	#pardot-form .submit input {
		padding: 2px 35px;
		letter-spacing: 6px;
	}

}


@media only screen and (min-width:768px) { 

	#pardot-form.form {
		margin: 40px auto;
	}

	#pardot-form .form-field {
	    width: 50%;
	}

	#pardot-form .pd-radio {
		width: 90%;
	    margin: 10% 5%;
	}

	#pardot-form .form-field input {
		width: 95%;
	}
	
	#pardot-form .submit {
		margin: 60px auto;
	}

	#pardot-form .pd-radio .value {
		line-height: 2.2;
	}

	#pardot-form .value span input {
    	margin: 19px 20px 7px 4px;
	}

	#pardot-form .pd-textarea {
		width: 98%;
	}

}

@media only screen and (min-width:1024px) { 

	#pardot-form .form-field input,
	#pardot-form .submit input,
	#pardot-form textarea {
		font-size: 1.3em;
	}

	#pardot-form .pd-radio {
	    margin: 0px 5% 60px;
	    font-size: 24px;
	}


}