/* Northland College Gravity Forms plugin and general HTML forms CSS */

form {
	margin: 0 !important;
	padding: 0 !important;
}

	input, select, textarea {
		background: rgb(255,255,255);
		border: 1px solid rgb(226,226,226);
		border-radius: 0;
		display: inline-block;
		font-family: 'Alright Sans', sans-serif;
		font-size: 100%;
		height: 2em;
		line-height: 2em;
		margin: 0 0.5em 0.5em 0;
		padding: 0 0.333em;
		width: 60%;
		vertical-align: top;
		-webkit-appearance: none;
	}
	
	td input, td select, td textarea { width: 100%; }
	
	input:focus, select:focus, textarea:focus {
		border-color: rgb(171,171,171);
		outline: none;
	}
	
	input[type=checkbox], input[type=radio] {
		border: none;
		height: auto;
		line-height: auto;
		margin: 0 0.8em 0 0.2em;
		padding: 0;
		vertical-align: baseline;
		width: auto;
	}
	input[type=checkbox] { -webkit-appearance: checkbox; }
	input[type=radio] { -webkit-appearance: radio; }
	
	input[type=file] {
		border: none;
		display: inline-block;
		font-size: 85%;
		line-height: 1.5em;
		vertical-align: middle;
	}
	
	input[type=submit] {
		background: rgb(120,120,120);
		border-radius: 0;
		border: 0;
		color: rgb(255,255,255);
		cursor: pointer;
		font-family: 'Alright Sans', sans-serif;
		font-weight: bold;
		height: 2em;
		line-height: 2em;
		padding: 0.1em 1em 0 1em;
		text-transform: uppercase;
		width: auto;
		-webkit-appearance: none;
	}
	
	input[type=submit]:hover {
		background: rgb(245,132,38);
	}
	
	label {
		font-family: 'Alright Sans', sans-serif;
		letter-spacing: 0.05em;
	}
	.hidden_label label { display: none !important; }
	
	select {
		background: rgb(255,255,255) url('../images/select_arrows.png') right 5px center no-repeat;
		background-size: 9px 15px;
		cursor: context-menu;
		min-width: 60%;
		padding-right: 22px;
		width: auto;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
	}
	select::-ms-expand { display: none; }
	
	.ginput_card_expiration_container select { min-width: 1px; }
	
	textarea { }

.gfield_description {
	font-family: 'Alright Sans', sans-serif !important;
	line-height: 1.5em !important;
}

.gfield_html { }

	.gfield_html ul, .gfield_html ol {
		padding-left: 2em !important;
	}

.gfield_radio, .gfield_checkbox {
	font-family: 'Alright Sans', sans-serif !important;
	line-height: 1.5em !important;
}

	/*
	Inline formatting if only two radio buttons
	Based on: http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/
	*/
	.gfield_radio li:first-child:nth-last-child(2),
	.gfield_radio li:first-child:nth-last-child(2) ~ li {
		display: inline-block;
		padding-right: 1.75em !important;
		white-space: nowrap;
		width: auto;
	}
	
.gform_wrapper { margin: 0 !important; }

/* Workaround to the stupid calc(100% + 16px) GF added to .gform_wrapper .gform_body */
.gform_wrapper .gform_body { width: 100% !important; }
.gform_wrapper .gform_body * { max-width: 100% !important; }

/* Workaround to remove extra vertical white space when description is empty */
.gform_wrapper .gform_heading, .gform_wrapper span.gform_description
{ margin-bottom: 0 !important; }

.gform_wrapper .gsection { border-bottom-color: rgb(226,226,226); }

.gsection_description {
	font-family: 'Alright Sans', sans-serif !important;
	line-height: 1.5em !important;
}

.longlist {
	border: 1px solid rgba(0,0,0,0.1);
	display: block;
	height: 12em;
	overflow: auto;
	padding: 0.5em !important;
	width: 100%;
}


/* CSS3 MEDIA QUERIES */

/* PRINT */
@media print {

}


/* LARGE SCREENS (content area over 1280 pixels) */
@media screen and (min-width: 1280px) {

}


/* INTERMEDIATE SCREENS (content area between 1000 and 1279 pixels) */
@media screen and (min-width: 1000px) and (max-width: 1279px) {

}


/* TABLETS (content area under 1000 pixels) */
@media screen and (max-width: 1000px) {

}


/* PHONES (content area under 782 pixels) */
/* Matched to size where WP mobile admin bar appears */
@media screen and (max-width: 782px) {

}


/* SMALL PHONES (content area under 600 pixels) */
@media screen and (max-width: 600px) {

}


/* HIGH RESOLUTION IMAGE REPLACEMENTS */
@media	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-devicepixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx)
{

	select { background-image: url('../images/select_arrows_x2.png'); }

}