/*	
	======================================================================

	stylesheets/general.css

	======================================================================
*/


/* ----------------------------------------------------
   document
   ---------------------------------------------------- */

	html {
	
		font-size: 62.5%;
	}
	
	body {
	
		margin: 0 auto;
		padding: 0;
		border: 0;

		overscroll-behavior-x: none;
		overscroll-behavior-y: none;

		box-sizing: border-box;
	}
	
	body, td, th, p, li, input, textarea, select, file {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.8rem;
		line-height: 150% !important;
		color: #000;
	}


/* ----------------------------------------------------
   basic text formatting
   ---------------------------------------------------- */

	.body_text {
	
		margin-bottom: 10px;
	}
	
	.page_title {

		color: #0071B5;  /* EcoAdapt blue */
		font-size: 3.0rem;
		line-height: 140%;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.page_subtitle {

		color: #0071B5;  /* EcoAdapt blue */
		font-size: 2.25rem;
		line-height: 150%;
		font-weight: normal;
		font-style: italic;
		margin-bottom: 30px;
	}

	.header {

		color: #0071B5;
		font-size: 2.25rem;
		line-height: 150%;
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.subheader {

		color: #0071B5;
		font-size: 2.15rem;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	
	.citation {
	
		padding-left: 30px;
		font-style: italic;
	}
	

/* ----------------------------------------------------
   forms
   ---------------------------------------------------- */

	form {
	
		display: inline;
	}

	input, select, textarea, file {

		background-color: #EEE;
		border: 1px solid #006;
		padding: 8px;
		border-radius: 4px;
	}
	
	.super_duper_top_secret {

		display: none;
	}

	.eco_button {
	
		padding: 8px 16px;
		cursor: pointer;
	}
	
	.submit_button, .link_button, .reset_button {

		color: #FFF;
		background-color: #9DC435;
		border: 1px solid #9DC435;
	}

	.cancel_button {

		color: #888;
		background-color: #FFF;
		border: 1px solid #888;
	}

	.scary_button {

		color: #FFF;
		background-color: #C77;
		border: 1px solid #C77;
	}

/* ----------------------------------------------------
   visual editor
   ---------------------------------------------------- */

	.fr-img-caption .fr-img-wrap>span {
	
		display: block;
		font-size: 75%;
	}

/* ----------------------------------------------------
   text field sizes
   ---------------------------------------------------- */

	.text_field_small       {  width:  75px  }
	.text_field_medium      {  width: 150px  }
	.text_field_large       {  width: 250px  }
	.text_field_extra_large {  width: 400px  }

	@media only screen and (max-width: 500px) {
	
		.text_field_extra_large {  width: 300px  }
	}

/* ----------------------------------------------------
   general
   ---------------------------------------------------- */

	.clear_div {

		clear: both;
	}


/* ----------------------------------------------------
   lists
   ---------------------------------------------------- */

	li {
	
		margin-bottom: 15px;
	}
	
	li.single_spaced_bullet {
	
		margin-bottom: 0;
	}