/*
#181310 - тёмный
rgba(24, 19, 16, 1)
#98816A - деревянный
*/

html {overflow-x: hidden;}
body {
	width: 100%;
	font-size: 18px;
	line-height: 1.5rem;
	font-family: 'Ubuntu', 'Open Sans', 'Tahoma', sans-serif;
	color: #181310;
	background-color: #f2f2f2;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu Condensed', 'Open Sans', 'Tahoma', sans-serif;
	line-height: 1;
	margin: 1em 0;
}
p { margin-bottom: 1rem; }
*::selection { background: #98816A; color: #181310; }
h1, h2 { font-size: 2em; }
h3, h4 { font-size: 1.5em; }
a { color: #98816A; text-decoration: none; }
a:hover { text-decoration: underline; }
b, strong {font-weight: bold; }
#content article .text a { text-decoration: underline; }
blockquote {
	background: url('images/wood-transparent.png') center center repeat #716f6b;
	color:#fff;
	margin: 2em -1rem;
	padding: 2rem 2rem;
	position: relative;

}
blockquote a { color: #fff; }
blockquote p::selection, blockquote p::-moz-selection { background: #181310; }
blockquote p:last-child { margin-bottom: 0; }
h2 a,
h2 a { color: #98816A; }
*, *:before, *:after {
	transition: 		ease-out 0.25s;
}
img { max-width: 100%; }
input, textarea {
	font-size: 18px;
	line-height: 1.5rem;
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #181310;
	padding: 0.5em 1em;
	border: 2px solid;
	box-shadow: 0 0.125rem 0.5rem -0.125rem rgba(24, 19, 16, 0.33) inset;
	outline: 2px solid;
	width: 100%;
	display: block;
	margin-bottom: 1em;
}
textarea { font-family: 'Ubuntu', sans-serif; }
input[type="checkbox"] {
	border: none;
	outline: none;
	width: auto;
	margin-right: 0.5rem;
	margin-top: 0.5em;
}
form input:last-child {margin-bottom: 0;}
iframe { max-width: 100% !important; width: 100%; margin-left: auto; margin: 1em auto; }

.clr { clear:both; }
.center { display: table; margin-left: auto; margin-right: auto; }
.center-text { text-align: center; }
.grid {width: 100%; display: block; padding-right: 1rem; padding-left: 1rem; margin-left: auto;	margin-right: auto; }
.table { display: table; width: 100%; }

.hid-h1 {color: white; position: absolute; top: 0; z-index: -1; font-size: 0.1rem;}
.wood { background: url('images/wood-transparent.png') center center repeat #98816A; }
.darkwood { background: url('images/wood-dark.png') center center repeat #181310; }

/* Shadows *********************************************************************** */

#header,
.page .blog article,
#comments h3,
#comments .comment,
.comment-respond,
.page .sidebar article,
#nav-below a { box-shadow: 0 0.25rem 1rem rgba(24, 19, 16, 0.25); }
#header:hover,
.page .blog article:hover,
#comments h3:hover,
#comments .comment:hover,
.comment-respond:hover,
.page .sidebar article:hover,
#nav-below a { box-shadow: 0 0.25rem 2rem rgba(24, 19, 16, 0.25); }

/**/

#header {
	background: url('images/wood-transparent.png') top center repeat #98816A;
	padding: 1rem 0;
	margin-bottom: 1rem;
	font-family: 'Ubuntu Condensed', sans-serif;
	z-index: 100;
}
#header .header-content {
	display:  flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}
#header .logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(100vw - 12rem);
	max-width: 22rem;
}
#header .logo .logo-image {
	max-width: 79px;
	max-height: 79px;
	margin-right: 5%;
}
		#header #logobox .logoname {
			display: none;
			vertical-align: middle;
			padding: 0 1rem;
		}
	#header .menu {
		display: none;
		width: 100%;
	}
	#header .menu nav {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
		#header .menu nav a {
			white-space: nowrap;
			color: #fff;
			padding: 1em;
			text-transform: uppercase;
			background-position: center top;
		}
		#header .menu nav a.current-menu-item,
		#header .menu nav a:hover {
			text-decoration: none;
			background: url('images/wood-dark.png') center top repeat #181310;
			color: #fff;
		}
		#header .burger {
			flex-shrink: 0;
			font-size: 2em;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			border: 3px solid;
			padding: 0.125em;
			color: #181310;
			background: transparent;
			background-position: center top;
			overflow: hidden;
			cursor:  pointer;
			width: 1.25em;
		}

			#header .burger span {
				flex-shrink: 0;
				width: 100%;
				background-color: #181310;
				height: 3px;
				margin: 3px;
				opacity: 1;
			}
			#header .burger.close span:nth-child(1) {
				transform: rotate(45deg) translate(0.2em, 0.2em);
			}
			#header .burger.close span:nth-child(2) {
				transform: rotate(-225deg) translate(0.01em, -0.01em);
				/*margin-top: -0.5rem;*/
				/*margin-bottom: 0.375rem;*/
			}
			#header .burger.close span:nth-child(3) {
				transform: rotate(-225deg) translate(0.2em, 0.2em);
				/*margin-top: -0.5rem;*/
				/*margin-bottom: 0.375rem;*/
				opacity: 0;
			}

  main {
  	position: relative;
  }
	#header .menu-mobile {
		width: 100%;
		margin: 1rem 0;
		background: url('images/wood-transparent.png') top center repeat #98816A;
		position: absolute;
		pointer-events: none;
		transform: translateY(-100%);
		left:  0;
		opacity: 0;
		z-index: 999;
	}
	#header .menu-mobile.show {
		pointer-events: auto;
		transform: translateY(0);
		opacity: 1;
	}
		#header .menu-mobile .menuwrap { display: table; width: 100%; }
		#header .menu-mobile nav { display: table-cell; vertical-align: center }
			#header .menu-mobile nav a {
				list-style-type: none;
				display: block;
				display: block;
				text-align: center;
				color: #181310;
				padding: 1em;
				text-transform: uppercase;
				background-position: center top;
			}
			#header .menu-mobile nav a.current-menu-item,
			#header .menu-mobile nav a:hover {
				text-decoration: none;
				background: url('images/wood-dark.png') center top repeat #181310;
				color: #fff;
			}
.page .blog article {
	margin: 1rem 0 2rem;
	background-color: #fff;
	width: 100%;
}
	.page .blog article .thumb {
		position: relative;
		background-size: cover;
		background-position: center center;
		display: block;
		min-height: 320px;
		height: auto;
		width: 100%;
	}
	.page .blog article .thumb.no-image {
		min-height: auto;
	}
		.page .blog article .thumb .link {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		.page .blog article .thumb header {
			padding: 1rem 2rem;
			position: absolute;
			width: 100%;
			display: table;
			bottom: 0;
			background: url('images/wood-transparent.png') center center repeat rgba(24, 19, 16, 0.5);
		}
	.page .blog article .thumb.no-image header {
		position: static;
	}

			.page .blog article .thumb header h2,
			.page .blog article .thumb header h1 { margin: 0px 0px 0.5rem; text-shadow: 0 0 0.5em #000;}
			.page .blog article .thumb header,
			.page .blog article .thumb header a {color: #fff;}
			.page .blog article .thumb header .meta { font-family: 'Ubuntu Condensed', sans-serif; display: table; line-height: 1.5; }
			.page .blog article .divider { display: inline-block; width: 2px; height: 0.75em; background-color: #fff; margin: 0 0.75em; }
	.sinlgepage article .nothumb { min-height: 0 !important; height: auto !important; }
		.sinlgepage article .nothumb header { position: relative !important; }
	.page .blog article .text { padding: 1rem; overflow-x: hidden; }
		.page .blog article .text h2 { font-size: 2em; text-align: center; }
		.page .blog article .text .readmore,
.page .blog article .text .prev,
.page .blog article .text .next {
			background: url('images/wood-transparent.png') center center repeat #98816A;
			color: #fff;
			text-shadow: 0 -1px 1px rgba(24, 19, 16, 0.5);
			padding: 0.5rem 1rem;
			margin-left: -1rem;
			display: table;
			font-family: 'Ubuntu Condensed', sans-serif;
			text-decoration: none !important;
			font-size: larger;
			cursor: pointer;
		}
		.page .blog article .text .readmore:hover,
.page .blog article .text .prev,
.page .blog article .text .next {
			box-shadow: 0 0.25rem 0.5rem rgba(24, 19, 16, 0.25), 0.25rem 0 0.5rem -0.25rem rgba(255, 255, 255, 0.25) inset;
			text-decoration: none;
		}
		.page .blog article .text .prev,
		.page .blog article .text .next { margin-top: 1rem; margin-bottom: 1rem; width: 90%; padding-top: 0.5em; }
		.page .blog article .text .prev { float: left; }
		.page .blog article .text .next { float: right; margin-right: -1rem; text-align: right; }
			.page .blog article .text .prev span,
			.page .blog article .text .next span { font-size: 0.75em; color: #181310; padding: 0.5em 0; display: block;}
	.page .blog img { display: block; margin: auto; }
	.page .blog img.alignleft { width: initial; float: left; margin: 0 1rem 0.5em 0; }
	.page .blog img.alignright { width: initial; float: right; margin: 0 0 0.5em 1rem; }
	.page .blog ul,
	.page .blog ol { margin: 0 2rem 1em; }
	.page .blog ul li,
	.page .blog ol li { margin-left: 1rem; list-style-type: square; }
	.page .blog ol li { list-style-type: decimal; }
	.page .blog table { margin: 2em auto; }
	.page .blog table thead { background: url('images/wood-transparent.png') center center repeat #98816A; color: #fff; font-weight: bold; }
	.page .blog table th,
	.page .blog table td { border: 2px solid #98816A; padding: 0.5rem 1rem; }
	.page .blog table th { border: 2px solid #181310; vertical-align: middle; }
	.page .blog article .text p > img {
		display: block;
		width: auto;
		max-height: 80vh;
		margin: 0 auto;
	}
	.page .blog article .gal {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1rem;
		clear: both;
		margin: 1rem 0;
	}
		.page .blog article .gal img {
			width: auto;
			height: 133px;
			cursor: zoom-in;
			box-shadow: 0 0.25rem 1rem rgba(24, 19, 16, 0.25);
		}
		.page .blog article .gal img:hover { box-shadow: 0 0.25rem 2rem rgba(24, 19, 16, 0.5); }
	.page .blog article .text img.zoomable { cursor: zoom-in; }

#comments #comment-title,
.comment-respond { margin-bottom: 2rem !important; }
#comments .comment {
	background-color: #fff;
	margin: 0 0 2rem;
}
#comments .comment.depth-2 { margin-left: 2rem; }
#comments .comment.depth-3 { margin-left: 4rem; }
	#comments .header {
		padding: 1rem;
		background: url("images/wood-transparent.png") repeat scroll center center #f2f2f2;
	}
		.comment .header a { float: right; font-family: 'Ubuntu Condensed', sans-serif; color: #181310; }
		.comment h4 { margin: 0; display: inline-block; font-size: 1em; }
		.comment.bypostauthor h4 { color: #fff; }
	.comment.bypostauthor .header { background: url("images/wood-transparent.png") repeat scroll left bottom #98816A !important; }
		.comment.bypostauthor .header { color: #181310; }
			.comment.bypostauthor .header a { color: #fff }
	.comment .text { padding: 1rem;	}
		.comment .date {
			float: right;
			font-family: 'Ubuntu Condensed', sans-serif;
			color: #CBCBCB;
		}
	.comment-respond h3 {
		background: url("images/wood-transparent.png") repeat scroll top right #98816A !important;
		padding: 1rem !important;
		text-align: center !important;
		margin: 0 !important;
		color: #fff !important;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	}
		.comment-form-subscriptions { margin-top: 1rem; }
		.comment-form-subscriptions input {	width: auto !important; float: left;}

.page .sidebar article {
	background-color: #fff;
	margin-bottom: 2rem;
}
	.page .sidebar article h3,
	.page #comments h3 {
		padding: 1rem;
		background: url('images/wood-transparent.png') center center repeat #98816A;
		color: #fff;
		text-align: center;
		margin: 0;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	}
	.page .sidebar article .main { padding: 1rem; display: block; margin: 0 auto; }
		.page .sidebar article li {
			clear: both;
			display: table;
			padding-bottom: 1rem;
		}
		.page .sidebar article li:last-child { padding-bottom: 0; }
		.page .sidebar article .wpp-thumbnail {
			display: block;
			width: 100px;
			height: 100px;
			float: left;
			object-fit: cover;
		}
		.page .sidebar article .wpp-post-title {
			display: block;
			width: 116px;
			width: calc(100% - 105px - 1em);
			float: right;
			font-family: 'Ubuntu Condensed', sans-serif;
			margin-left: 1em;
		}

#nav-below {display: table; margin: 3rem auto;}
#nav-below a, #nav-below span:not(.dots) {
	color: #fff;
	background: url('images/wood-transparent.png') center center repeat #98816A;
	padding: 0.5rem 1rem;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-decoration: none;
	font-size: larger;
	margin: 0 0.5rem;
	line-height: 2;
}
#nav-below span:not(.dots),
#nav-below a:hover,
#nav-below a:focus { background: url('images/wood-dark.png') center center repeat #181310; }
#nav-below span:not(.dots),
#nav-below a:focus { box-shadow: none; }

#footer {
	display: table;
	width: 100%;
	background: url('images/wood-transparent.png') center center repeat #98816A;
	padding: 1rem 0;
	font-family: 'Ubuntu Condensed', sans-serif;
}
	#footer .grid { text-align: center; }
		#footer .metrics { padding: 0 1rem;}
		#footer a { color: #fff; }
		.vk {
			width: 2em;
			height: 2em;
		}
		.logo path,
		.logo polygon,
		.logo rect  { fill: #181310 !important; }
		.logo:hover path,
		.logo:hover polygon,
		.logo:hover rect  { fill: #fff !important; }

.sign{
	display: inline-table;
	font-size: 12px;
	width: 1.5em;
	height: 1em;
	padding: 0em;
	margin: 0 0.25em;
	font-weight: 600;
	background-color: #63BFD8;
	border-radius: 2em;
	text-align: center;
	box-shadow: 0 0 0 2px #000;
}

/* Archive ************************************************************************ */

.archive-notice {
	background: url('images/wood-dark.png') center center repeat #181310;
	color: #fff;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-align: center;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	box-shadow: 0 0.25rem 1rem rgba(24, 19, 16, 0.25);
}

/* Gallery lightbox ****************************************************************** */

.lightbox-open { overflow: hidden; }
.lightbox {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(24, 19, 16, 0.92);
	cursor: zoom-out;
}
.lightbox[hidden] { display: none; }
	.lightbox figure { margin: 0; max-width: calc(100vw - 8rem); text-align: center; }
	.lightbox img {
		display: block;
		max-width: 100%;
		max-height: calc(100vh - 6rem);
		margin: 0 auto;
		cursor: default;
		box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.5);
	}
	.lightbox figcaption {
		color: #fff;
		font-family: 'Ubuntu Condensed', sans-serif;
		margin-top: 0.75rem;
		min-height: 1.5rem;
	}
	.lightbox button {
		position: absolute;
		background: none;
		border: none;
		color: #fff;
		font-size: 3rem;
		line-height: 1;
		padding: 1rem;
		cursor: pointer;
		opacity: 0.7;
	}
	.lightbox button:hover,
	.lightbox button:focus { opacity: 1; }
	.lightbox .lightbox-close { top: 0; right: 0; }
	.lightbox .lightbox-prev { left: 0; top: 50%; transform: translateY(-50%); }
	.lightbox .lightbox-next { right: 0; top: 50%; transform: translateY(-50%); }
	.lightbox.single .lightbox-prev,
	.lightbox.single .lightbox-next { display: none; }

@media ( max-width: 767px ) {
	.lightbox figure { max-width: 100vw; }
	.lightbox .lightbox-prev,
	.lightbox .lightbox-next { top: auto; bottom: 0; transform: none; }
}