/**

Europeana overrides of foundation for SEO:

	- current h2s have to become h1s  

	DONE:
		- summary page
		- story intro
		- story
		


**/


h1 {
  font-size: 3.5rem;
}

h1 {
	font-size: 35px;
	font-size: 3.5rem;
	margin-bottom: 9px;
}

@media print {
	h1 { orphans: 3; widows: 3; }
	h1 { page-break-after: avoid; }
}


@media handheld, only screen and (max-width: 767px) {
	h1 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; }
}




/* Force h1 and h2 to be small (h6) on show / item pages and on the themes page (subheadings) */

.meta h1, .meta h2 {
	font-size:		13px;
	font-weight:	normal;
	line-height:	16.25px;
	
}

@media handheld, only screen and (max-width: 767px) {
	.meta h1, .meta h2 {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 20px;
	}

}


.summary-text p{
    font-family:	Arial, 'Trebuchet MS', Helvetica, sans-serif;
    line-height:	19px;
    font-size:		13.333px;	
}

@media handheld, screen and (max-width: 767px) {
	.summary-text p{
	    line-height:	21px;
	    font-size:		15px;	
	}
}


.title-table h2{	
	font-size:		18px;
	font-weight:	normal;
} 


/* SEO compatibility: make this paragraph class behave like an h1 */

p.h1simulate{
	line-height:	1.25;
	font-size:		46px;
	font-size:		4.6rem;
	margin-bottom:	12px;
}

@media handheld, only screen and (max-width: 767px) {
	p.h1simulate{
		font-size:		32px;
		font-size:		3.2rem;
		line-height:	1.3;
	}
}