

label {
  font-size: $label-font-size;
}

@import 'input-fields';
@import 'radio-buttons';
@import 'checkboxes';
@import 'select';


// General Form styles

// Gravity forms styles
.hide-label .gfield_label {
	display:none;
}

//hide validation fields
body .gform_wrapper .gform_validation_container {
    display: none;
}
.gform_wrapper {
	ul li {
		list-style-type: none;
	}
	margin: 2em auto;
}
.gform_body {
	margin: 2em auto;
}
.gform_fields {
	margin: 0px;
}
.focused label {
	//use this class to move labels up if required by design. 
}

.validation_message {

}



.gfield {
	margin-bottom: .5em;
}

.page-section .gform_wrapper {
	margin: 1em auto;ƒ
	.gfield_radio, .gfield_checkbox {
		
		margin: 0px;
		
	}
	.gfield_checkbox li, .gfield_radio li {
		label {
			padding-left: .5em;
			font-size: $label-font-size;
		}
	}	
}
	



.gform_heading {
	.gform_description {
		display:block;
	}
}


.gfield_checkbox, .gfield_radio {
	li {
		display:block;
	}
}

@media screen and (min-width:$small-screen-up){
	// Gravity form layout
	.ginput_container_checkbox, .ginput_container_radio {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;

		-moz-column-gap: 1em;
		-webkit-column-gap: 1em;
		column-gap: 1em;
		margin: 0px;
		text-align: left;
	}

	.gf_left_half, .gf_right_half, .gform_wrapper .col-sm-6 {
		width:50%;
		float:left; 
		box-sizing: border-box; 
		clear:none !important; 
		input.medium, input.large, input.small {
			width: 100% !important;
		}
	}
	.gform_wrapper .col-sm-6 {
		float:left;
	}
	.gf_left_half {
		padding-right: $gutter-width/2;
	}
	.gf_right_half {
		padding-left: $gutter-width/2;
	}


	.gf_left_third, .gf_right_third, .gf_middle_third {
		width:33.33%;
		float:left; 
		clear:none; 
	}
	
	.gf_left_third {
		padding-right: $gutter-width/2;
	}
	.gf_middle_third {
		padding:0px $gutter-width/2;
	
	}
	.gf_right_third {
		padding-left: $gutter-width/2;
	}



	.ui-datepicker {
		background-color: #fff;
		border: 1px solid $primary-color;
		>div {
			padding: 8px;
		}
		select {
			width: 50%;
			height: $input-height*.75;
		}
		td {
			padding: 5px;
		}
		.ui-datepicker-next {
			float:right;
		}
		a {
			&:hover {
				color: $primary-color;
			}
		}
	}
}
