.mg-bottom-15 {
	margin-bottom : 15px;
}

.mg-bottom-20 {
	margin-bottom : 20px;
}

.mg-bottom-30 {
	margin-bottom : 30px;
}

.super-wrp {
	display : block;
	height  : 100%;
}

.post .vertical-align-block .span-table-row-cell img {
	opacity : 0;
}

/* ховаємо кнопку підвантаження постів, бо ще поки не готово */
body.home .get-more-posts,
body.single .get-more-posts {
	display : none;
}

body.single-raskraska #content .entry-title {
	color : #333333;
}

body.single-raskraska #content .more-raskraska a {
	text-transform  : uppercase;
	text-decoration : underline;
	font-size       : 1.2em;
	font-weight     : 500;
}

body.single-raskraska #sidebar .raskraska-example-widget {
	margin-bottom : 1.5em;
}

body.single-raskraska #sidebar .raskraska-example-widget .raskraska-example {
	margin-bottom : 10px;
	border        : 1px solid #dedede;
	border-radius : 4px;
	text-align    : center;
}

body.single-raskraska #sidebar .raskraska-example-widget .raskraska-example img {
	max-width : 100%;
	height    : auto;
}

body.single-raskraska #sidebar .raskraska-example-widget a {
	text-decoration : underline;
	padding-left    : 30px;
	position        : relative;
	display         : inline-block;
	font-size       : 15px;
	font-weight     : 500;
}

body.single-raskraska #sidebar .raskraska-example-widget a::before {
	content    : '';
	width      : 15px;
	height     : 15px;
	display    : block;
	background : url("../images/icon_link.png") no-repeat;
	position   : absolute;
	left       : 5px;
	top        : 2px;
}

body.single-raskraska #sidebar .raskraska-example-widget a:hover,
body.single-raskraska #content .more-raskraska a:hover {
	text-decoration : none;
}

.vk-comments {
	margin-top : 40px;
}

.vk-comments > h3 {
	font-size     : 26px;
	font-weight   : 300;
	margin-top    : 0;
	margin-bottom : 5px;
}

/* фіксована ширина сайдбару */
@media (min-width : 768px) {
	body.single #content {
		width : calc(100% - 240px);
	}

	body.single #sidebar {
		width : 230px;
		float : right;
	}

	body.single.single-raskraska #content {
		      /*
			  300px - sidebar width
			  30px - margin-right
			  */
		width : calc(100% - 300px - 30px) !important;
	}

	body.single.single-raskraska #sidebar {
		width : 300px !important;
	}

	body.single-raskraska #content .entry-title {
		text-align : left;
	}
}

/* фіксована ширина сайдбару */
@media (min-width : 1024px) {
	body.single:not(.single-raskraska) #content {
		width : calc(100% - 335px);
	}

	body.single:not(.single-raskraska) #sidebar {
		width : 320px;
	}
}