/*

	Africa Check columns
	
	@package: AfricaCheck2013

	Full width:
	944px
	59em
	100%
	
	4 cols (Third width):
	304px
	19em
	32.203395
	
	Half width (6 cols):
	464px
	29em
	49.152542%
	
	8 cols (2 thirds):
	624px
	39em
	66.101695%
	
	1 col:
	64px
	4em
	6.779661%
	
	
	1 gutter: 
	16px
	1em
	1.6949153%
	
	
	Responsive typography:
	
	H1: 30px / 1.875
	H2: 24px / 1.5em;
	H3: 13px / .8125em
	Bold li: 14px / .875em
	Paragraph: 13px / .8125em
	Tag li's: 16px / 1em
	Small: 11px / .6875em
	
*/


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before, .group:after, .clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.group:after, .clearfix:after {
    clear:both;
}
.group, .clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */


.group {margin-bottom: 1em;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

body {
	background-color: #F2EEEA;
	margin: 0;
}
#wrapper {
	max-width: 65em; /*1040px*/
	background-color: #fff;
	margin: 0 auto;
}

header, #content, footer {
	
	max-width: 59em; /* 944px */
	margin: 0 auto;
}
header {position: relative;}
.donate-services-afp {position: absolute; top: 1.2em; right:0;}

/*  12  COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0 0 0 1.6949153%; /* */
	
}

.group .col {float: left;}

.span_2_of_12 {
	max-width: 7.5em;
	float: left;
	width: 12%;
}

.span_4_of_12 {
	max-width: 19em;
	width: 32.203395%;
}

.span_6_of_12 {
	max-width: 29em;
	width: 49.152542%;
	
}
#sidebar .span_6_of_12 {max-width: none; width: 100%;}
.span_8_of_12 {
	max-width: 39m;
	width: 66.101695%; 
}

.span_5_of_12 {
	max-width: 24em;
	width: 40.677966101%;
}

.span_7_of_12 {
	max-width: 34em;
	width: 57.627118644068%;
}
/* so far on Africa Check, 5-span and 7-spans are only on the Latest Reports block on the homepage, and need slightly different treatment: */
.span_5_of_12, .span_7_of_12 {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 	
	padding-left: 1rem;
	padding-left: 1rem;
	margin-left: 0;

}

.span_12_of_12 {
	max-width: 59em;
	width: 100%;
}

.last {
	margin-right: 0;
}

.group .panel {	background: #F2EEEA;}

.group .panel h1, .group .panel h2, .group .panel h3, .group .panel p, .group .panel ul, .group div.hasphoto {
	/*margin: 1rem;*/
}


.group.expanded #popular-topics {
	max-width: 59em;
	width: 100%;
	margin-bottom: 1em;
}

.group.expanded #tweet-feed.span_4_of_12, .group.expanded #get-in-touch.span_4_of_12 {
	max-width: 29em;
	width: 49.152542%;
	float: right;
}
.group.expanded #tweet-feed.span_4_of_12 {float: left; margin-left: 0;}

 .primary img.alignright:after {
	content: '.';
	width: 100%;;
	height: 1px;
	clear: both;
}	


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	
	.span_2_of_12, .span_4_of_12, .span_3_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, header nav ul li , .span_12_of_12 {
		width: 100%; 
		float: none;
		max-width: none;
		
	}
	.col {margin: 0 0 1rem 0;}
	#content .group, header .group, footer.group   {
		margin: 0 .5em;
	}
	#content .group .group {margin: 0;}

	.title_and_strap {max-width: none; width: 100%; height: 8em; background-size: 100%;}
	
	#search_wrapper {position: static; margin-top: 1em;}
	/*#search_wrapper div, .search-form .search-field {background-color: #D5D0CB;}*/
	.search-form .search-field { font-size: 15px; height: 40px; padding:0;width: 100%;  background-image: url(../_images/glass-grey.png); background-repeat: no-repeat; background-position:  95% center;}
	.search-form .search-submit {display:none;}
	header nav ul li a {border: 0 none; border-bottom: 3px solid #fff; text-align: left; padding: 0 1em; line-height: 40px;}
	.about-navigation ul li ul {margin-left: 0}
	.about-navigation ul li {font-size: 1.2em; }
	.about-navigation ul li ul {margin-top: .5rem}
	.about-navigation ul li ul li {font-size: .9rem; margin-bottom: 0;}
	/* home */
	body.home .lead img, .hasphoto img {
		position: static;
		width: 100%;
		height: auto;		
	}
	body.home .panel article h2, .panel p, .panel ul, .panel div.hasphoto {margin-left: 0; margin-right: 0;}
	body.home .panel article, body.home .panel ul, body.home .panel h2, .panel.got-a-claim-mini p {margin-left: .5rem; margin-right: .5rem;}
	body.home .lead p.excerpt {display: none;}
	body.home .hasphoto {padding-left: 0;}
	.from-the-blog .hasphoto img {float: right;}
	body.home div.spot-check {display: none;}
	
	body.home .span_5_of_12, .span_7_of_12 {padding-right: .5rem; padding-left: .5rem}
	body.home .read_all {display: none;}
	body.home #reports .span_5_of_12 {padding-bottom: 2em;}
	#popular-topics {padding-bottom: 3em;}
	#popular-topics .more {left: .5em;}
	.primary img {width: 100%; height: auto; float: none; margin: 0 0 1em 0;}
	
	.donate-page .tabs li {max-width: 30%; padding-top: .5rem; padding-bottom: .5rem; }
	.donate-page ul.tabs li a {line-height: 1.2;}
	
	textarea {max-width: 100%;}
	
	/*reports*/
	#time_subscribe_wrapper {margin: 1em .5em;}
	#time_subscribe_wrapper a.rss {display: none;}
	div.wp-caption.alignright, main img.alignright {float: none; margin: 1em 0; width: 100%; }
	.our-partners-page main img.alignright {width: auto; display: block; }
	body.latest-reports-page article.report.lead .hasphoto, .factsheets-and-guides-page .hasphoto {padding: 0;}
	body.latest-reports-page article.report.lead .hasphoto img, .factsheets-and-guides-page .hasphoto img {width:100%; position: static;}
	
	.comments-area .comment-count {position: static; display: block; margin: 1em;}
	
	.site-content .text-wrap.label-above input[type="text"], .site-content  .spam-wrap  input, .site-content .textarea-wrap.label-above textarea  {width: 100%;}
	.site-content .textarea-wrap.label-above textarea {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
	div.site-content .ninja-forms-form {background-size: 30%; background-position: top right;}
	
	.ninja-forms-required-items {padding-right: 6em;}
	footer#get-in-touch {margin: .5em;}
	footer#get-in-touch li {display: block; width: 100%; margin-bottom: 1em;}
	
	/* styling in view of new ratings feature - added Feb 2016 */
	.rating-definitions div p {font-size: .8em; margin-left:130px; }
	body.latest-reports-page article.report div.hasphoto, body.archive article.report .hasphoto {padding-left: 0; padding-right: 0; }
	body.latest-reports-page article.report div.hasphoto img {position: static;}
	
	/* styling in view of new Health Check and Develompent feature - added Mar 2016 */
	
	.healthcheck-intro-wrapper {position: relative; padding-bottom: 100px;}
	.healthcheck-intro-wrapper p {margin-right: 0;}
	.healthcheck .article-content {margin: 0; padding-top: .5rem; clear: left}
	.healthcheck-intro-wrapper img {width: 140px!important; height: auto; position: absolute; bottom: 0;	}
	.report-source-and-photo-wrapper, .verdict-stamp-wrapper {width: 48%; margin-bottom: 0;}	
}
@media only screen and (max-width: 768px) {
	#popular-topics, #tweet-feed, #get-in-touch {
		width: 100%;
		max-width: none;
		margin: 0 0 1rem 0;
}
	.group.topics_tweets_container {
		margin: 0 1rem;
	}
}