/*--------------------------------------------------------------
Стили шаблона
--------------------------------------------------------------*/
@media (min-width: 768px) { .hentry.card .card-body { padding: 2.5rem 4rem; }
	.wb-hide-mobile-sidebar .wp-bp-sidebar-width { display: block; } }
.screen-reader-text {
	display: none;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; text-align: left; width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }
.post-navigation .nav-next, .post-navigation .nav-previous{
	margin-bottom: 2rem;
}
.noselect, img, label {user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;-webkit-user-select: none;-o-user-select: none;-khtml-user-select: none;cursor: default;}
.pln { color: #000 }  /* plain text */
/*--------------------------------------------------------------
Prettify
--------------------------------------------------------------*/
@media screen {
  .str { color: #080 }  /* string content */
  .kwd { color: #008 }  /* a keyword */
  .com { color: #800 }  /* a comment */
  .typ { color: #606 }  /* a type name */
  .lit { color: #066 }  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .pun, .opn, .clo { color: #660 }
  .tag { color: #008 }  /* a markup tag name */
  .atn { color: #606 }  /* a markup attribute name */
  .atv { color: #080 }  /* a markup attribute value */
  .dec, .var { color: #606 }  /* a declaration; a variable name */
  .fun { color: red }  /* a function name */
}

/* Use higher contrast and text-weight for printable form. */
@media print, projection {
  .str { color: #060 }
  .kwd { color: #006; font-weight: bold }
  .com { color: #600; font-style: italic }
  .typ { color: #404; font-weight: bold }
  .lit { color: #044 }
  .pun, .opn, .clo { color: #440 }
  .tag { color: #006; font-weight: bold }
  .atn { color: #404 }
  .atv { color: #060 }
}

/* Put a border around prettyprinted code snippets. */
pre.prettyprint {
	padding: 0.5rem;
	border: 1px solid #EEE;
	border-radius: 6px;
	tab-size: 1.25rem;
	background-color: #fbfbfb;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }
/*--------------------------------------------------------------
Стили сайта
--------------------------------------------------------------*/
:root {
	--dark: #000000;
	--border: #DDD;
	--link: #1098F7;
	--link_hover: #0676C6;
	--link_group: #31940a;
	--link_group_hover: #1e5b06;
	--headers: #888;
	--post_heders: #3B8BD6;
}
body {
	background-color: #FEFEFE;
	background-image: url('assets/images/bg.png');
	background-attachment: fixed;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
a {
	color: var(--link);
}
a:hover {
	color: var(--link_hover);
}
.site-header {
	background-color: var(--dark); 
	margin-bottom: 1rem;
}
.logo {
	background-image: url('assets/images/logo.svg');
	content: '';
	width: 100px;
	height: 40px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
}
.site-title.h3 {
	font-family: Arial, Helvetica, sans-serif;
}
.card {
	-webkit-box-shadow: 0px 7px 19px -10px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 7px 19px -10px rgba(0,0,0,0.26);
	box-shadow: 0px 7px 19px -10px rgba(0,0,0,0.26);
	overflow: hidden;
}
.card, .card-footer, .border-bottom {
	border-color: var(--border) !important;
}
.card .border-bottom:last-child {
	border-bottom: none !important;
}
.sidebar-1-area .widget {
	padding: 1rem;
}
.sidebar-1-area .h6 {
	text-transform: uppercase;
	color: var(--headers);
	padding-bottom: 0.5rem;
}
.category_list {
	padding-left: 0;
}
.category_list ul, .widget_recent_entries ul {
	padding-left: 1rem;
}
.category_list li, .widget_recent_entries li {
	list-style: none;
	line-height: 1rem;
	margin: 1rem 0;
}
.category_list li p {
	color: var(--link);
}
.category_list li p:hover {
	color: var(--link_hover);
	text-decoration: underline;
}
.category_list li p.header {
	color: var(--link_group);
	position: relative;
	padding-left: 2rem;
}
.category_list li p.header:before {
	content: '🗀';
	position: absolute;
	left: 0;
}
.category_list li p.header.open:before {
	content: '🗁';
}
.category_list li p.header:hover {
	color: var(--link_group_hover);
}
.spoiler .header {
	cursor: pointer;
}
.copy_btn {
	width: 20px;
	height: 20px;
	background-image: url('assets/images/copy.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 0;
	transition: 0.25s;
	cursor: pointer;
}
.pre_wrapper {
	position: relative;
	animation-duration: 1s;
}
.pre_wrapper:hover .copy_btn {
	opacity: 0.3;
}
.pre_wrapper:hover .copy_btn:active {
	opacity: 1;
	transition: 0;
}
.copy_btn:hover + pre {
	border-color: #96baf1;
}
.copy_btn:active + pre {
	border-color: #fb92fb;
}
.entry-meta {
	margin-bottom: 3rem;
}
/* text */
.post h1,.post h2,.post h3,.post h4 {
	margin-top: 3rem;
	margin-bottom: 1rem;
	font-family: Arial;
}
.post h1 {
	color: var(--headers);
	font-weight: bold;
	font-size: 2.5rem;
}
.post h2 {
	font-weight: bold;
	color: var(--post_heders);
}
.post h3 {
	text-transform: uppercase;
	color: var(--post_heders);
}
.post h5 {
	text-transform: uppercase;
	color: var(--post_heders);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	border-left: solid 5px;
	padding: 0.5rem 0 0.5rem 1rem;
	margin: 1.5rem 0 0.5rem 0;
}
.post code {
	color: #934BBC;
	font-family: Ubuntu Mono, PT Mono, Courier New, monospace;
}
/* comments */
.comments-area {
	margin-top: 1rem;
	padding: 2rem 4rem;
	width: 100%;
}
.comments-area .logged-in-as {
	display: none;
}
.reply-title, .comments-title {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1rem;
	color: var(--headers);
}
.comment .comment_text {
	border: solid 1px #DDD;
	border-radius: 0.25rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #fbfbfb;
}
.comment-list {
	padding: 0;
}
.comment-list li {
	list-style: none;
	padding: 0;
	margin: 2rem 0;
}
.comment-img {
	margin-bottom: 1rem;
}
.comment-author .url {
	color: var(--link_group);
	font-weight: bold;
	font-size: 0.85em;
	display: block;
}

.spoiler .body {
	display: none;
}
#loginform {
	margin: auto;
	padding: 1rem;
	background-color: #fbfbfb;
	text-align: center;
	border: #DDD solid 1px;
	margin-top: 4rem;
	padding-top: 2rem;
}
#loginform label {
	min-width: 150px;
	display: inline-block;
}