@charset "UTF-8";
/*      -------------  CONTACT FORM  STYLES ------------------   */
/*
MCLEOD COLOURS

Medium Blue	#0373c1 (Navigation)
Mint	#bfdcbd

Light Green 	#dcffde
Green			#60ca67
Dark Green		#2ec038

Light Mauve		#fbe9ff
Mauve			#c08fca
Dark Mauve		#ab69b8

Light Red		#ffd1d1
Red				#ff4a48
Dark Red		#ff2826


Lighter Blue	#bbddff
Light Blue		#66a4e2
Blue			#66a4e2
Dark Blue		#2672be

*/


/* COMMON STYLES AND X-LARGE SCREEN SIZE FROM 961 PX WIDE AND UP */
* {
	margin: 0px;
	padding: 0px;
	border: none;
}
form#contact_mvh {
	background-color: #c08fca;
	font: 16px/1.4 lato, Verdana, Arial, Helvetica, sans-serif;
	}

#contact-holder {
	font-size: 14px;
	width: 60%;
	text-align: center;
	background-color: #c08fca;
	padding-top: 20px;
	margin: auto;
}
#contact-holder h1{
	font-size: 24px;
	color: #FFF;
}
#contact-table {
	margin: auto; /*CENTER TABLE IN CONTAINER DIV*/
	text-align: left;
	font-size: 14px;
	width: 90%;	
}
#contact-holder label {
	color: #EEE;
	font-size: 16px;
	height: 24px;
	width: 90%;
	padding: 12px 0px 0px 6px;
	display: block;
}
#contact-holder input[type=text], #contact-holder input[type=email], #contact-holder input[type=phone], #contact-holder textarea {
	color: #c08fca;
	font-size: 16px;
	height: 22px;
	width: 96%;
	padding: 12px 2% 6px 2%;
	display: block;
	background-color: #ddbce4;
	border: 2px solid #8b5796;
}
.pink {
	color: #ff4a48;
}
input#mvh-phone {
	color: #333;
	}

#contact-holder textarea {
	height: 100px;
}
/*#mvh-subject, #mvh-message {
	width: 96%;
}*/
#contact-holder input[type=checkbox] {
	margin-right: 10px;
  /* All browsers except webkit*/
  transform: scale(1.5);

  /* Webkit browsers*/
  -webkit-transform: scale(1.5);
}
#contact-holder input:hover, #contact-holder textarea:hover {
	background-color: #efe1f2;
}
#contact-holder label.decoy, #contact-holder input.decoy {
	display: none !important;
}
.center-text {
	text-align: center;	
}
#contact-holder p.checkbox-copy {
	color: #333;
	margin: 16px 10px;
}
#contact-slider-container {
	position: relative;
	display: block;
	clear: left;
	text-align: center;
	background-color: #DDBCE4;
	color: #333;
	height: 40px;
	width: 260px;
	max-width: 260px;
	margin: 20px auto 40px auto;
}
#contact-holder p#submit-message {
	padding-top: 10px;
	margin-left: 22px; /*Important so second message under slider knob is not covered*/
}
#contact-holder div#knob {
	font-size: 18px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ff4a48;
	/*background: url(../images/green-button.jpg) center center no-repeat;*/
	height: 40px;
	width: 48px;
	color: #333;
}
#contact-holder #confirm {
	border: 0px;
	display: none;
	background-color: #ff4a48;
	color: #FFF;
	font-size: 18px;
	padding: 10px 20px;
	margin-bottom: 40px;
	cursor: pointer;
}
#contact-holder #confirm:hover {
	background-color: #ff2826;
}
@media all and (max-width: 960px) and (min-width: 641px) {

/*Widen container holding all input fields*/	
#contact-holder {
	width: 70%;
}	
	
}
@media all and (max-width: 640px) {

/*Widen container holding all input fields*/
#contact-holder {
	width: 80%;
}
	
}