/* Contact Form X - Micro Form Style */

#cfx { box-sizing: border-box; max-width: 700px; padding: 5px; }
#cfx fieldset { margin: 0; padding: 5px 0; border: 0; }
#cfx label, #cfx legend { display: block; margin: 0; padding: 0 0 5px 0; padding-inline: 0; border: 0; }

#cfx .cfx-input     label,
#cfx .cfx-textarea  label,
#cfx .cfx-recaptcha label { display: none; }

#cfx .cfx-checkbox,
#cfx .cfx-radio,
#cfx .cfx-select { margin: 10px 0; }

#cfx .cfx-checkbox legend,
#cfx .cfx-radio    legend,
#cfx .cfx-select   legend { margin: 0 0 5px 0; padding: 0; line-height: 1; font-size: 14px; }

#cfx .cfx-input input,
#cfx fieldset   select { display: block; box-sizing: border-box; margin: 0; border-radius: 2px; }

#cfx .cfx-textarea textarea { display: block; box-sizing: border-box; height: 150px; min-height: 100px; margin: 0; resize: vertical; border-radius: 2px; }

#cfx fieldset.cfx-checkbox input[type=checkbox],
#cfx fieldset.cfx-checkbox label[for*=cfx-],
#cfx fieldset.cfx-radio    input[type=radio],
#cfx fieldset.cfx-radio    label[for*=cfx-] { display: inline-block; vertical-align: middle; }

#cfx fieldset.cfx-checkbox div,
#cfx fieldset.cfx-radio    div { padding: 0 5px; }
#cfx fieldset.cfx-checkbox div:last-child,
#cfx fieldset.cfx-radio    div:last-child { padding: 0 5px; }

#cfx fieldset.cfx-checkbox input,
#cfx fieldset.cfx-radio    input { margin: 0 3px 0 0; padding: 0; top: 0; }
#cfx fieldset.cfx-checkbox label,
#cfx fieldset.cfx-radio    label { margin: 0; padding: 0; font-weight: normal; }

#cfx fieldset.cfx-carbon,
#cfx fieldset.cfx-agree { margin: 5px 0; padding: 0 5px; }
#cfx .cfx-agree a { display: inline; vertical-align: initial; }

#cfx .cfx-button {
	box-sizing: border-box; display: inline-block; position: relative; margin: 20px 0 10px 0; padding: 15px 20px; color: #fff; 
	font-weight: bold; text-align: center; text-decoration: none; border-radius: 2px; cursor: pointer; border: 0;
	background: #4285f4; background: linear-gradient(to bottom,#4387fd,#4683ea);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1);
	}
#cfx .cfx-button:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
#cfx .cfx-button:active {
	background: #3c78dc; background: linear-gradient(to bottom,#3c7ae4,#3f76d3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
	}

#cfx .cfx-extra pre, 
#cfx .cfx-extra pre code { word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; }

#cfx .cfx-before-form, 
#cfx .cfx-before-results,
#cfx .cfx-after-form, 
#cfx .cfx-after-results { padding: 20px 0; }

#cfx .cfx-error { padding: 5px 0; }
#cfx .cfx-errors,
#cfx .cfx-success { margin: 0 0 20px 0; padding: 0 0 0 10px; border-left: 10px solid #ff6f60; }
#cfx .cfx-success { border-color: #4ebaaa; }

#cfx .cfx-required input:not([type='checkbox']), 
#cfx .cfx-required textarea,
#cfx .cfx-required .g-recaptcha,
#cfx .cfx-required.cfx-checkbox,
#cfx .cfx-required.cfx-select,
#cfx .cfx-required.cfx-radio { border: 3px solid #ff6f60; border-left-width: 10px; border-radius: 2px; }

#cfx-noscript { color: red; font-weight: bold; }
#cfx .cfx-reset, #cfx .cfx-select label { display: none; }
#cfx .cfx-disabled { background-color: #98a0ac; box-shadow: none; cursor: wait; }

#cfx .cfx-powered-by {
	margin: 20px 0 0 0; padding: 2px 0 0 20px; font-style: italic; font-size: 14px; line-height: 20px; opacity: 0.7;
	background-position: left center; background-size: 14px 14px; background-repeat: no-repeat;
	}

@media only screen and (max-width: 600px) {
	
	#cfx .cfx-input input, 
	#cfx .cfx-textarea textarea { width: 100%; }
	
}