/* 
Typography

***************************************************/



html
{
	font-size:62.5%;
	line-height: 1.5;
}


body
{
	font-size:1.7rem;
	background-color: #E0E0E0;
	font-family: 'Noto Serif', serif;
	font-style: normal;
	font-weight: 400;
	color:#333;
}


.small
{
	font-size: 0.85em;
}


.big
{
	font-size:1.15em;
}

abbr
{
	text-decoration: none;
	border-bottom:0;
}

.wp-caption-text
{
	line-height: 1.2;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	color:#000;
}

.deemphasize
{
	color:#888;
}

.deemphasize a
{
	color:#666;
}

.breadcrumbs
, .meta
,footer.main
,nav.archive
,nav.main .search-form
,.sidebar
,.collapsable_link
,#commentform label
,#commentform input.submit
{
	font-family: 'Lato', sans-serif;
}



/*
	Tables
 */
table
{
	border-collapse: collapse;
	width:100%;
}

td,th
{
	border:1px solid #ccc;
	padding:0.25rem 0.5rem;
}





/*
	Headings
 */
h1, h2, h3, h4, h5
{
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color:#000;
	margin: 3rem 0 1rem;
}

/* No margin for first heading */
header>h1
,.entry-content>h1
{
	margin-top:0;
}

h1 a
{
	color:#000;
}

h1 a:hover
{
	text-decoration: none;
}

h1
{
	font-size:3rem;
}

h2
{
	font-size:2.4rem;
}

h3
{
	font-size:2rem;
}

h4,h5
{
	font-size:1.7rem;
}



/*
	widget headings
 */
.widget h3
{
	margin: 0.5rem 0;
}



/*
	Links
 */
a
{
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

.link_all_base
{
	position:relative;
}

.link_all
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
	text-indent:-20000px;
}

.link_all:hover
{
	background-color:rgba(0, 0, 0, 0.05);
}


/*	Create space between icon and following text */
a .fa + span
{
	padding-left: 0.5em;
}



@media only screen and (max-width: 380px)
{
	html
	{
		font-size:60%;
	}
}