/* **************************** FORMS **************************** */

/* some classes may need to be preceeded by a relevant ID to override cf7 default styling */

/* ************** FIXES/ENHANCEMENTS TO CF7 DEFAULTS ************* */

#page .wpcf7-not-valid-tip { display: none !important; } /* the obnoxious tips that sit on top, !important because the form scripting would override */
#page .wpcf7-form-control-wrap { height: auto !important; overflow: visible !important; } /* fix annoying control jumping problem introduced in recentish jquery/cf7/wordpress updates */
#page .wpcf7-form-control-wrap { display: block !important; } /* fix the 100% width being lost on form elements because the wrapper was an inline-block */

/* form success/failure output box */

	#page .wpcf7-response-output { padding: 15px 20px; margin: 15px 0; }
		#page .wpcf7-validation-errors { border-color: #FABB00; } /* failure box only */
		#page .wpcf7-mail-sent-ok { border-color: #6FCB12;  } /* success box only */

		#page .wpcf7-response-output {
			margin: 0;
			background-color: rgb(255,255,255);
			background-color: rgba(255,255,255,.9);
			position: absolute;
			top: 26%;
			left: 13%;
			width: 75%;
			padding: 20px 25px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font-size: 16px;
			line-height: 1.7em;
			text-align: center;
			box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
		}
		
/* ******************* FORM STRUCTURE ******************* */

/* loader */
	#page .ajax-loader {  }
	#page #contact_popout .ajax-loader {  }

.chr_content form { }
	.chr_content form.wpcf7-form { position: relative; /* positioning parent */ }
	.chr_content form.mc4wp-form { }
		.chr_content form p { margin: 10px 0; }

		.chr_content form.wpcf7-form:after,
		.chr_content form.mc4wp-form:after,
		.chr_content form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix */
	
/* ******************* FORM ELEMENTS ******************* */
	
.chr_content label { float: left; width: 25%; display: none; } /* hide if placeholders are in use, cf7 will polyfill for old browsers */
	.chr_content label.required { }
		.chr_content label.required:after { content: "*"; margin-left: 1px; color: red; }
input, textarea, select {
	float: right;
	width: 100%; /* depending on theme and whether you display labels, you may want 75% here instead */
	border: 1px solid #C0C0C0;
	padding: 5px 10px;
	font-family: inherit; /* change as per theme */
	font-size: 13px; /* as per theme */
	-webkit-appearance: none; /* disable fancy styling on iOS Safari */
	border-radius: 0;  /* disable fancy styling on iOS Safari */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	height: 32px;
	margin: 0;
}

	/* while cf7 error or success messages are showing... */
	form.wpcf7-form.invalid input,
	form.wpcf7-form.invalid textarea,
	form.wpcf7-form.invalid select,
	form.wpcf7-form.sent input,
	form.wpcf7-form.sent textarea,
	form.wpcf7-form.sent select {
		opacity: .4;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	}
	
	input:hover, textarea:hover, select:hover { border-color: #878787; }
	input:focus, textarea:focus, select:focus { cursor: text; }
	/*input:active, textarea:active, select:active { cursor: text; }*/

	input[type="checkbox"], input[type="radio"] { }
	textarea { height: auto; padding-top: 10px; resize: vertical; }
	
	select {
		/*background-image: url("../images/triangle_down.png");
		background-position: right center;
		background-position: right 10px center;
		background-repeat: no-repeat;*/
		padding-left: 6px;
		color: #A9A9A9; /* like a placeholder */
		-webkit-appearance: menulist; /* restore default -webkit display for select elements */
	}
	
		select.changed { color: initial; } /* class changed in JavaScript, works well with the placeholder-like colour above */
	
	input[type="submit"],
	input[type="button"],
	button,
	a.button,
	.buttons a,
	a.button_link,
	.button_links a {
		/* if you change this, copy the changes to ../editor-style.css */
		
		/* adjust as per theme */
		background-color: transparent;
		color: #eb8c21 !important;
	 	font-family: "Open Sans Bold";
		font-size: 1em;
		border: 2px solid #eb8c21;
		text-transform: uppercase;
		height: 46px;
		line-height: 46px;
		border-radius: 0;
		
		width: auto;
		-webkit-appearance: none;
		cursor: pointer;
		opacity: .9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		text-align: center;
		background-image: url("../images/icons/arrow1_right_orange.png");
		background-image: url("../images/icons/arrow1_right_orange.png"), url("../images/icons/arrow1_right_white.png"); /* preload */
		background-size: auto 15px;
		background-repeat: no-repeat;
		background-position: center right;
		background-position: center right 15px;
		text-decoration: none !important;
		position: relative; /* relative position is required for :active push button effect */
		padding: 0 40px 0 20px; /* adjust right padding to something like 45px if you have a right arrow */
		margin: 0;
		display: inline-block;
		outline: 0;
	}
	
		a.button, .buttons a, a.button_link, .button_links a { } /* specific to a's only and not input's */
		input[type="submit"], input[type="button"], button { line-height: 42px; } /* specific to inputs/buttons only and not a's */

		.wpcf7-form p.submit,
		.mc4wp-form button,
		.mc4wp-form input[type=button],
		.mc4wp-form input[type=submit] { float: right; margin: 0; }

		/* spacing when in a collection */
			.button_links, .buttons { margin-left: -5px; margin-right: -5px; }
				.button_links a, .buttons a { margin: 5px; }
				/*.button_links a:first-child, .buttons a:first:child { margin-left: 0; }
				.button_links a:last-child, .buttons a:last-child { margin-right: 0; }
					.button_links a.last-child, .buttons a.last-child { margin-right: 0; }*/
				
		input[type="submit"]:hover,
		input[type="button"]:hover,
		button:hover,
		a.button:hover,
		.buttons a:hover,
		a.button_link:hover,
		.button_links a:hover {
			/* if you change this, copy the changes to ../editor-style.css */
		
			/* adjust as per theme */
			background-color: #eb8c21;
			background-image: url("../images/icons/arrow1_right_white.png");
			color: #fff !important;
			
			text-decoration: none !important;
		}
		
		input[type="submit"]:active,
		input[type="button"]:active,
		button:active,
		a.button:active,
		.buttons a:active,
		a.button_link:active,
		.button_links a:active {
			top: 1px; /* push button effect */
		}

/* ******************** The end, thanks for visiting! ******************* */