/*
  This css file is for individual users to restyle items for their personal site,
  or for the implementation of features specifically for their site. Anything that
  is an official part of the theme (ex. Pull Requests) should be included in main.css
  and follow the formatting and style given.
*/

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.05em;
}
.button{
	margin: 1em 0;
}
blockquote p {
	margin-top: 0;
}
.pagination {
	justify-content: center;
}
.pagination .previous, .pagination .next {
	margin: 1em 0.5em;
}
#mini-bio footer{
	text-align: left;
}
.posts{
	max-width: 90%;
}
#socnet-share a{
	border-radius: 0;
}
table>tbody>tr>td[data-header]:before{
	padding-right: 0.5em;
}
.img--center{
	text-align: center;
	margin: 2em;
}
.img--center figcaption {
	color: #999;
}

.img--center.cover img{
	object-fit: cover;
}

#adv{
	padding-top: 85%;
	position: relative;
}
#adv img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	border: solid 1px rgba(51,51,51,0.05);
}
#site-main h1{
	text-align: center;
	padding: 0 0.5em;
}
#promo-top, #promo-bottom{
	text-align: center;
}

/* browser-mockup */
.browser-mockup {
    border-top: 2em solid rgba(230, 230, 230, 0.7);
    box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
    position: relative;
    border-radius: 3px 3px 0 0
}

.browser-mockup:before {
    display: block;
    position: absolute;
    content: '';
    top: -1.25em;
    left: 1em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #f44;
    box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}

@media (min-width: 768px){
	.post>header .meta {
		width: 28em;
	}
	#adv {
		padding-top: 50%;
	}
	#adv img{
		width: 50%;
		margin-top: 2em;
	}
}
.share-btn.vk{
	background: #4a76a8;
}
.hljs{
	margin: 0;
}
@media (min-width: 1024px) {
	#adv {
		padding-top: 85%;
	}
	#adv img{
		width: 100%;
		margin-top: 0;
	}
	#site-main h1{
		text-align: left;
		padding: 0;
	}
}