/*
Theme Name: Susty with oEmbeds
Template: susty
Theme URI:
Author: Simon Dickson
Author URI: https://twitter.com/simond
Description: I want my tweets as tweets.
Version: 2018.11
*/

@import url('../susty/style.css');

body {
	border-top: none;
}

.archive article.category-articles
	{
		padding: 2em 1em 1em 1em;
		border: 1px solid #cdd6dd;
		border-radius: 10px;
		max-width: 549px;
	}
.archive article > header > h2
	{
		font-size:2.2em;
	}
article.category-articles .entry-meta
	{
		padding: 0 0 1em 0;
	}

.excerpt {
	font-family:"Merriweather","PT Serif","Noto Serif","Droid Serif",Georgia,serif;
	font-size:1.3em;
	font-style: italic;
	padding: 0.8em 0;
/*
	border-bottom: 0.1em dotted rgb(105, 120, 130);
*/
}
.archive .excerpt {
	font-size:1.16em;
}

.so-shortlink a {
	color:#ccc;
	border:none;
	font-weight: normal;
	font-size: 0.77em;
	background: none;
}

.wp-block-image,
.wp-block-embed {
	margin: 0 -1em;
	width:inherit;
	max-width: none;
}

.wp-block-image figcaption {
	margin-top: -3em;
	line-height: 3em;
	background:rgba(255,255,255,0.7);
	position:relative;
	padding:0 1.2em;
	font-size:0.77em;
	border-top:1px solid #fff;
}

.wp-block-embed.wp-block-embed-twitter {
	margin:0 0 0.5em 0;
}

.entry-meta,
.entry-meta a {
	color: #697882;
}

body.single .post-thumbnail {
	margin-top: 1.3em;
}

a.custom-logo-link img {
	border-radius:50px;
}

article a, nav a,
article > header h1, article > header > h2 {
	line-height: 1.3em;
}

article li {
	margin-bottom:0.5em;
}
article li:last-child {
	margin-bottom:0;
}


header#masthead {
	padding:0.5em 1em;
	margin:0 auto;
}

header#masthead,
footer#colophon {
	background: none;
	border-color: transparent;
	border-style: none;
	max-width: 33em;
}

footer#colophon {
	padding: 6em 1em;
	margin: 2em auto 0;
	border-width:0px;
}
footer#colophon div {
	line-height: 2em;
}

.nav-links {
	display:table;
	width:100%;
}
.nav-links div {
	display:table-cell;
}
.nav-links .nav-next {
	text-align:right;
}
.nav-links .nav-previous {
	padding-right:1em;
}
.nav-links .nav-previous a:before {
	content: " « ";
}
.nav-links .nav-next {
	padding-left:1em;
}
.nav-links .nav-next a:after {
	content: " » ";
}

h1 {
	margin:0;
}
header h1 {
	margin:0 0 0.67em 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: inherit;
}

@media only screen and (min-width: 600px) {
	#colourblock {
		position:absolute;
		left:0;
		z-index:-1;
		width:100%;
		height:200px;
		background:#ccc;
	}
	#primary, #site-navigation {
		display:block;
		position:relative;
		top:75px;
		margin:0 -1em;
		padding:1em;
		background:#fff;
		min-height: 200px;
	}
}

@media only screen and (max-width: 599px) {
	#colourblock {
		display:none;
	}
	#primary, #site-navigation {
		padding-top:30px;
	}
}