/**
 * @package 	WordPress Plugin
 * @subpackage 	CMSMasters Donations
 * @version 	1.0.0
 * 
 * CMSMasters Donations Submit Donation Form Styles
 * Created by CMSMasters
 * 
 */


.cmsms_donation_fields, 
.cmsms_donator_fields {
	position:relative;
	overflow:hidden;
}

.cmsms_donation_fields p:empty, 
.cmsms_donator_fields p:empty, 
.cmsms_submit_fields p:empty {
	display:none;
}

.cmsms_donation_form_title {
	margin-bottom:30px;
}

.cmsms_donation_field, 
.cmsms_donator_field {
	margin-bottom:30px;
	position:relative;
}

.cmsms_donation_field .field_inner, 
.cmsms_donator_field .field_inner {
	display:block;
	position:relative;
}

.cmsms_donation_field:after, 
.cmsms_donator_field:after, 
.cmsms_donation_field .field_inner:after, 
.cmsms_donator_field .field_inner:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	overflow:hidden;
}

.cmsms_donation_field_readonly {
	display:block;
	position:relative;
}

.cmsms_donation_field_readonly:before {
	content:'';
	background:rgba(255, 255, 255, .3);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

.cmsms_donation_field > label {
	width:25%;
	padding:0 20px 0 0;
	float:left;
}

.cmsms_donation_field .field_inner {
	width:75%;
	float:left;
}

.cmsms_donation_field .field_inner > label {
	display:block;
	float:left;
	width:33.3%;
	margin-bottom:5px;
}

.cmsms_donation_field .field_inner > label > input[type=radio] {
	margin:0 5px 0 0;
}

.cmsms_donation_field .field_inner > #donation_amount {
	margin-top:20px;
}

.cmsms_donation_field .field_inner > input[type=text], 
.cmsms_donation_field .field_inner > textarea, 
.cmsms_donation_field .field_inner > select, 
.cmsms_donation_field_readonly > input[type=text], 
.cmsms_donation_field_readonly > textarea, 
.cmsms_donation_field_readonly > select {
	width:100%;
}

.cmsms_donation_field .field_inner > input[type=text] + small.description, 
.cmsms_donation_field .field_inner > textarea + small.description, 
.cmsms_donation_field .field_inner > select + small.description, 
.cmsms_donation_field_readonly + small.description {
	display:block;
	padding:10px 0;
}

.cmsms_donation_field .field_inner > input[type=checkbox] + small.description {
	margin:0 0 0 15px;
}

.cmsms_donator_fields {
	margin:40px -20px 0;
}

.cmsms_donator_fields .cmsms_donation_form_title {
	padding-left:20px;
	padding-right:20px;
}

.cmsms_donator_field {
	width:33.3%;
	float:left;
	padding:0 20px;
}

.cmsms_donator_field label {
	display:inline-block;
	padding-bottom:10px;
}

.cmsms_donator_field input[type=text] {
	width:100%;
}

.cmsms_submit_fields {
	padding-top:10px;
}

.cmsms_donation_notice {
	margin-bottom:40px;
}


/* ---------- Contact Form Validation Error Styles ---------- */

.inputContainer {
	position:relative;
	float:left;
}

.formError {
	display:block;
	margin-left:-100px;
	position:absolute;
	top:300px;
	left:300px;
	cursor:pointer;
	z-index:15;
}

.formError .formErrorContent {
	background:#000000;
	color:#ffffff;
	font-size:11px;
	width:150px;
	padding:5px 10px;
	margin:10px 0;
	position:relative;
	z-index:16;
}

.formError .formErrorContent br:last-child {
	display:none;
}


/* ---------- Responsive Styles ---------- */
@media only screen and (max-width: 1024px) {
	.cmsms_donation_field .field_inner > label {
		width:50%;
	}
}

@media only screen and (max-width: 767px) {
	.cmsms_donation_field > label {
		width:35%;
	}
	
	.cmsms_donation_field .field_inner {
		width:65%;
	}
}

@media only screen and (max-width: 540px) {
	.cmsms_donation_field .field_inner > label, 
	.cmsms_donator_field {
		width:100%;
		float:none;
		clear:both;
	}
}