/*
Theme Name: 	Compassion & Choices
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";
@import "css/containers.css";
@import "css/MyFontsWebfontsKit/MyFontsWebfontsKit.css";
@import "css/featureboxes.css";
@import "css/typography.css";
@import "css/icons.css";
@import "css/ui-and-forms.css";
@import "css/dropit.css";
@import "css/threeStep.css";
@import "css/lightbox.css";
@import "css/responsive.css";
@import "css/print.css";


div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#0797b9; color:white; }
::selection 		{ background:#0797b9; color:white; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body *{
	box-sizing:border-box;
}

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

body{
	transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	padding-bottom: 40px;
}

body.shown{
	opacity: 1;
}


/* IMAGE ALIGN */
.alignleft{
	float:left;
	margin: 0 20px 20px 0;
}
.alignright{
	float:right;
	margin: 0 0 20px 20px;
}

map area, a{
	outline: none;
}