/*
Theme Name: Affiliate Blogger
Theme URI: https://superbthemes.com/child-theme/affiliate-blogger/
Description: Affiliate Blogger is a responsive WordPress theme designed for bloggers and newspapers. Its elegant and minimalist look makes it suitable for affiliate marketers and writers who wish to write about their interests in soccer, football, sports, casino, clothing, food, or lifestyle freely. This multipurpose theme is fast and optimized for search engines (SEO-friendly), and features a sidebar that can be used for widgets, monetization through AdSense or affiliate links, and more. Installing and setting up the theme is simple for any author, with a user-friendly interface that makes it easy to get started. If you are using it as a newspaper, magazine or personal writing/journalist portfolio, it's great for business purposes as your website can rank well on search engines such as Yahoo, Bing, or Google.
Author: ThemeEverest
Author URI: https://superbthemes.com/
Tested up to: 6.7
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.en.html
Template: draftly
Version: 2.1
Tags: theme-options, threaded-comments, translation-ready, sticky-post, footer-widgets, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, flexible-header, right-sidebar, one-column, two-columns, blog, news, entertainment
Text Domain: affiliate-blogger

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body,
code,
html,
kbd,
pre,
samp {
	font-family: 'Noto Sans', 'helvetica neue', helvetica, arial
}
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
hr,
img,
legend {
	border: 0
}
.footer-info-right a {
	text-decoration:none;
}
legend,
td,
th {
	padding: 0
}

pre,
textarea {
	overflow: auto
}

address,
blockquote,
p {
	margin: 0 0 1.5em
}

img,
pre,
select {
	max-width: 100%
}

body {
	color: #000
}
a {
	color:#000;
	text-decoration:underline;
}
.aligncenter,
.clear:after,
.clearfix:after,
.comment-content:after,
.entry-content:after,
.page-links,
.site-content:after,
.site-footer:after,
.site-header:after {
	clear: both
}


ins,
mark {
	text-decoration: none
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box
}

body {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.625;
	margin: 0;
	background-color: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
optgroup,
strong {
	font-weight: 700
}

cite,
dfn,
em,
i {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	height: auto
}

svg:not(:root) {
	overflow: hidden
}

hr {
	box-sizing: content-box;
	background-color: #ccc;
	height: 1px;
	margin-bottom: 1.5em
}

code,
kbd,
pre,
samp {
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5
}

code,
kbd,
pre,
tt,
var {
	font-family: 'Noto Sans', 'helvetica neue', helvetica, arial
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

textarea {
	width: 100%
}

form label {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font-weight: 400;
	margin-bottom: 15px
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	color: #000;
	line-height: 140%;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top:0;
	font-family: 'Noto Sans', 'Noto Sans', 'helvetica neue', helvetica, arial;
}


article h1 {
	font-size: 35px;
}
article h2 {
	font-size: 30px;
}
article h3 {
	font-size: 28px;
}
article h4 {
	font-size: 29px;
}
article h5 {
	font-size: 27px;
}
article h5 {
	font-size: 26px;
}
pre {
	background: #eee;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: .9375rem
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help
}

ins,
mark {
	background: #fff9c0
}

big {
	font-size: 125%
}

*,
:after,
:before {
	box-sizing: inherit
}

blockquote {
	background: rgba(0, 0, 0, 0.1);
	border-left: 6px solid rgba(0, 0, 0, 0.2);
	padding: .5em 10px
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: ""
}

ol,
ul {
	margin: 0 0 1.5em 1em
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li>ol,
li>ul {
	margin-bottom: 0;
	margin-left: 10px
}

article li>ol,
article li>ul {
	padding-left:0px;
}
article ol, article ul {
	padding-left:0;
	margin-left:25px;
}


dt {
	font-weight: 700
}

dd {
	margin: 0 1.5em 1.5em
}

figure {
	margin: 1em 0
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 20px;
	font-weight: 700;
	border: none;
	border-radius: 3px;
	background: #06C
}
.blogposts-list .page-links {
	margin: 0;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	opacity: .9;
	border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
	border-color: #aaa #bbb #bbb
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=number],
input[type=search],
textarea {
	color: #666;
	border: 1px solid #e5e6e9;
	padding: 16px
}

select {
	border: 1px solid #ccc
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
	color: #111
}

a {
	transition: all .10s linear
}

.main-navigationigation {
	display: block;
	float: left;
	width: 100%
}

.main-navigationigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0
}

.main-navigationigation ul li {
	float: left;
	position: relative
}

.main-navigationigation ul li a {
	display: block;
	text-decoration: none
}

.main-navigationigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999
}

.main-navigationigation ul ul ul {
	left: -999em;
	top: 0
}

.main-navigationigation ul ul a {
	width: 200px
}

.main-navigationigation ul li.focus>ul,
.main-navigationigation ul li:hover>ul {
	left: auto
}

.main-navigationigation ul ul li.focus>ul,
.main-navigationigation ul ul li:hover>ul {
	left: 100%
}

@media screen and (min-width:37.5em) {
	.nav-#secondary-site-navigation {
		display: none
	}
	.main-navigationigation ul {
		display: block
	}
	.primary-menu ul li ul.sub-menu {
    box-shadow: 0px 11px 9px rgba(0,0,0,.10);
}
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
	float: left;
	width: 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

#content[tabindex="-1"]:focus {
	outline: 0
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.hentry,
.page-links {
	margin: 0 0 1.5em
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
	content: "";
	display: table;
	table-layout: fixed
}

.sticky {
	display: block
}

.updated:not(.published) {
	display: none!important;
}

.comment-content a {
	word-wrap: break-word
}

.comment-form label {
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase
}

.bypostauthor {
	display: block
}

.comments-area {
	width: 100%
}

.comment-respond .comment-form {
	width: 100%;
	box-sizing: border-box
}

.comments-area .comment-meta,
.comments-area .comment-respond {
	position: relative
}

.comments-area .comments-title {
	margin-bottom: 30px;
	color: #222;
	font-size: 30px
}

.comments-area .comment-meta .comment-metadata a {
	color: #999
}

.comment-meta .vcard img {
	float: left;
	margin-right: 14px
}

.comments-area .comment-author {
	line-height: normal;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

.comments-area .comment-author .fn a {
	color: #222
}

.comments-area .comment-content {
	padding: 20px 0 0 45px;
}

.comments-area .reply .comment-reply-link i {
	font-size: 12px
}

.comments-area .comment-content p {
	margin-bottom: 5px
}

.comments-area p.form-submit {
	margin-bottom: 0;
	padding-bottom: 10px
}

.comments-area p.form-submit input {
	background: #cca352;
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	border-radius: inherit;
	margin: 0;
	transition: background .25s linear

}


.comments-area ol.comment-list>li:last-child {
	margin-bottom: 0
}

.comments-area ol.comment-list>li {
	width: 100%;
	border-bottom: 3px solid #000
}

#comments li.comment.parent article .reply,
.author-highlight li.bypostauthor article .reply {
	padding-bottom: 0
}

.comments-area ol.comment-list ol.children li  {
	padding-top: 20px;
	margin-left:0;
	margin-top:20px;
	padding-left: 10px;
	margin-bottom: 0;
	list-style:none;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom: 0px;
	padding-bottom: 0px;
}

ol.children {
	margin-left: 0;
	padding-left: 5px;
}
.comments-area ol.comment-list li li.bypostauthor {
	position: relative
}
.single .featured-thumbnail {
	width:100%;
	margin-bottom:20px;
}
.single .blog-data-wrapper *,
.page .blog-data-wrapper * {
    float: none;
    margin-bottom:-15px;
}
.comments-area p.form-submit input {
    background-color: #00a767;
    border-radius: 3px;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
    text-transform: uppercase;
    font-size: 14px;
}
.single .blog-data-wrapper,
.page .blog-data-wrapper {
	margin-bottom:0px;
}
.single h1.entry-title,
.page h1.entry-title,
.single h2.comments-title {
	color: #212121;
	text-align:left;
	font-size: 35px;
	font-weight: 700;
	line-height: 140%;

}
.single h1.entry-title,
.page h1.entry-title {
	margin-bottom:25px;
}
.single h2.comments-title {
	font-size:30px;
}
.single .post-data-text *{
	color: #afafaf;
	font-weight: 400;
	text-align: left;
	font-size: 15px;
}
.comments-area.author-highlight ol.comment-list li.bypostauthor {
	border-bottom: 3px solid #f00000;
	padding: 40px;
	background: #f5f5f5
}


#comments li.comment .comment-respond {
	margin-top: 10px;
	position: relative
}

.comment-reply-title {
	position: relative;
	color: #3498DB;
	margin: 0 0 16px;
	padding-bottom: 20px
}

p.comment-form-email, p.comment-form-author {
	max-width: 49%;
	float: left;
	display: inline-block;
}

p.comment-form-email {
	margin-left: 2%;
}

.comment-form-wrap .comment-respond,
.main-navigation ul li,
.sheader {
	position: relative
}
a#cancel-comment-reply-link {
	display: block;
	font-size: 17px;
	opacity: 0.6;
}
.comments-area .comment-respond * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comment-respond .logged-in-as a {
	color: #000;
}

.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url] {
	background: #fff;
	padding: 8px 14px;
	width: 100%;
	max-width: 430px;
	margin-bottom: 6px
}

.wp-caption,
embed,
iframe,
object {
	max-width: 100%
}

.comments-area .comment-respond textarea {
	width: 100%;
	margin-bottom: 0
}

.comments-area p {
	margin-bottom: 12px
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none
}

.infinity-end.neverending .site-footer {
	display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.custom-logo-link {
	display: inline-block
}

.wp-caption {
	margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption .wp-caption-text {
	margin: .8075em 0
}

.wp-caption-text {
	text-align: center
}

.gallery {
	margin-bottom: 1.5em
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%
}

.gallery-columns-2 .gallery-item {
	max-width: 50%
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%
}

.gallery-columns-4 .gallery-item {
	max-width: 25%
}

.gallery-columns-5 .gallery-item {
	max-width: 20%
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%
}

.gallery-caption {
	display: block
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0
}

#site-header,
#site-header img,
.clearfix,
.site-branding {
	display: inline-block
}

.clearfix {
	width: 100%
}

* html .clearfix {
	height: 1%
}
.widget li a {
	text-decoration:none;
}
.entry-header h2 a,
.site-info a:hover,
.site-title a {
	text-decoration: none
}

.fbox {
	width: 100%;
	margin-bottom: 30px;
	padding: 4%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fbox h1,
.fbox h2,
.fbox h3 {
	margin-top: 0;
	color: #222
}

.page-header h1 {
	margin-bottom: 0
}


.container {
	width: 100%
}

.single-header-img {
	margin-top: -30px!important;
}

.content-wrap {
	width: 1180px;
	max-width: 100%;
	margin: 0 auto
}

.sheader {
	width: 100%;
	margin: 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}


.header-img-activated {
	margin-top: 0;
}

/* Отступ после header-img-activated */
.header-img-activated + .site-content {
	margin-top: 0;
}

.single-header-img-activated + #primary {
	margin-top: 40px;
}
.primary-menu ul li ul.children,
.primary-menu ul li ul.sub-menu {
	background: #fff;
	color:#000;
}
.site-branding.branding-logo {
	margin: 30px 0;

}
.site-branding {
	background:#333;
	padding:70px 0;
	text-align: center;
	width: 100%
}


.branding-logo .custom-logo {
	display: block;
	width: auto
}

.site-branding .site-title {
	font-size: 48px;
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans', 'Noto Sans', 'helvetica neue', helvetica, arial;
}

.site-title a {
	color: #fff
}

.site-branding .logo-image {
	margin-top: 0
}

.site-description {
	font-size: 16px;
	color: #fff;
	padding: 0;
	margin: 0
}

.featured-sidebar #main .search-field, .header-widget #main .search-field {
	width: 100%;
	height: 46px;
	
	line-height: 46px;
	padding: 16px;
	border: 1px solid #000;
	background:rgba(0,0,0,0);
}
.header-widget .search-field {
	width:100%;
}

.header-widget .search-form label {
	width:100%;
}

.ads-top .search-submit,
.featured-sidebar .search-submit,
.header-widget .search-submit {
	display: none
}

.search-form label {
	width: auto;
	float: left;
	margin-bottom: 0
}

.featured-sidebar label {
	width: 100%;
	float: none
}

.search-form .search-submit {
	padding: 17px 24px;
	border: none;
	border-radius: 0 3px 3px 0
}

.ads-top {
	width: 70%;
	float: right;
	padding: 22px 0;
	overflow: hidden
}

.ads-top .textwidget img {
	display: block
}

.ads-top .search-field {
	width: 220px;
	padding: 15px;
	float: right;
	margin: 14px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px
}

.ads-top label {
	float: right
}

#smobile-menu {
	display: none
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.main-navigation ul li a {
	font-size: 14px;
	display: block

}

.main-navigation ul li.current-menu-ancestor>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current-menu-parent>a,
.main-navigation ul li.current_page_ancestor>a,
.main-navigation ul li:hover>a,
.main-navigation ul li>a:hover {
	text-decoration: none
}

.main-navigation ul li:hover>ul {
	display: block
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
.main-navigation ul li .sub-arrow {
	width: 50px;
	line-height: 50px;
	position: absolute;
	right: -20px;
	top: 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	cursor: pointer
}
.main-navigation ul ul li .sub-arrow {
	right:-17px;
}


.mobile-menu .fa-bars {
	float: right;
	margin-top: 3px
}

.main-navigation ul li .arrow-sub-menu::before {
	font-size: 12px
}

.primary-menu {
	margin: 0;
	position: relative;
	z-index: 2
}

.primary-menu ul li a {
	color: #fff;
	padding: 16px
}

.primary-menu ul li .fa-chevron-right {
	color: #fff
}

.primary-menu ul ul li .fa-chevron-right {
	color: #010101
}

.primary-menu ul li ul.children li,
.primary-menu ul li ul.sub-menu li {
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.secondary-menu {
	width: 100%;
	float: left;
	border-top: 1px solid #e5e6e9;
	position: relative
}

.secondary-menu .smenu ul li a,
.secondary-menu ul.smenu li a {
	color: #333;
	padding: 24px 16px
}

.secondary-menu ul.smenu li a:hover,
.secondary-menu ul.smenu li.current-menu-item a {
	color: #06C
}

.secondary-menu ul.smenu ul li {
	border-bottom: 1px solid #e5e6e9
}

.secondary-menu ul.smenu ul li a {
	padding: 16px
}

.secondary-menu ul.smenu>li:first-child {
	border: none
}

.bottom-header-wrapper .header-img-overlay img {
	border-radius: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.secondary-menu .arrow-menu {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	text-align: center;
	display: none;
	width: 42px;
	height: 42px;
	line-height: 44px;
	border-left: 1px solid rgba(0, 0, 0, .2)
}

.secondary-menu ul.smenu li.btn-right {
	float: right;
	border: none;
	margin: 16px 0
}

.secondary-menu ul.smenu li.btn-right a {
	padding: 9px 25px 11px;
	font-weight: 500;
	background: #06C;
	text-align: center;
	text-transform: capitalize;
	display: block;
	line-height: 1.25;
	box-sizing: border-box;
	color: #fff;
	border-radius: 3px
}

.secondary-menu .btn-right a:hover {
	opacity: .8;
	color: #fff
}

.search-style-one {
	width: 100%;
	position: fixed;
	overflow: hidden;
	height: 90px;
	z-index: 9;
	left: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: -webkit-transform .4s linear, visibility .1s;
	transition: transform .4s linear, visibility .1s
}

.overlay {
	background: rgba(0, 0, 0, .7);
	width: 100%
}

.search-style-one.open {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.search-row {
	position: relative;
	margin: 0 auto
}

.overlay .overlay-close {
	width: 50px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	right: 8%;
	top: 15px;
	font-size: 20px;
	overflow: hidden;
	border: none;
	padding: 0 17px;
	color: #3a5795;
	background: rgba(255, 255, 255, .9);
	z-index: 100;
	cursor: pointer;
	border-radius: 2px
}

.search-style-one .search-row input#s {
	width: 100%;
	height: 82px;
	line-height: 82px;
	padding: 20px 30px;
	color: #fff;
	font-size: 18px;
	background: 0 0;
	border: none;
	box-sizing: border-box
}

#site-header {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
	margin: 0;
	background: #fff
}

#site-header a {
	display: block
}

#site-header img {
	width: auto;
	line-height: 20px;
	margin: 0;
	vertical-align: top
}

.nav-links .dots,
.nav-links a,
.nav-links span.current,
.site-info {
	line-height: normal
}

.site-header ul ul {
	list-style: none;
	min-width: 240px;
	display: none;
	position: absolute;
	top: inherit;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 9;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.08);
}

.site-header ul ul li {
	float: none
}

.site-header ul ul ul {
	top: 0;
	left: 238px
}

.site-content {
	margin-top: 30px;
	width: 100%;
	display: block
}

.featured-content {
	margin-top: 30px;
	width: 66%;
	margin-right: 4%;
	float: left
}

.featured-thumbnail img {
	width:100%;
	max-width:100%;
	height:auto;
}
.featured-thumbnail {
	float: left;
	display: inline-block;
	min-width: 100%;
	width: 100%;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.posts-entry .entry-content p:last-child {
	margin-bottom: 0
}
.content-wrapper {
	padding: 20px 24px 24px;
	float:left;
	width:100%;
	position:relative;
}
.content-wrapper .blog-data-wrapper {
	margin:0;
}
.no-featured-img-box .content-wrapper {
	width: 100%;
}
.content-wrapper h2.entry-title {
	padding-top: 10px;
	text-align: left;
	margin: 0 0 12px;
	color: #1a1a1a;
	font-size: 22px;
	font-weight: 600;
	line-height: 130%;
}
.blogposts-list .content-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
.read-more-blogfeed {
	margin-top: 12px;
	width: 100%;
	clear: both;
}

.read-more-blogfeed a {
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	color: #00a767;
	margin-top: 0;
	display: inline-block;
	transition: color 0.2s ease;
}

.read-more-blogfeed a:hover {
	color: #008a55;
	text-decoration: underline;
}
.content-wrapper h2.entry-title a,
.content-wrapper h2.entry-title a:hover,
.content-wrapper h2.entry-title a:active,
.content-wrapper h2.entry-title a:focus {
	color: #1a1a1a;
	font-size: 22px;
	font-weight: 600;
	line-height: 130%;
	margin: 0;
	text-decoration: none;
}

.content-wrapper h2.entry-title a:hover {
	color: #00a767;
}
.content-wrapper .entry-meta {
	margin:0;
	margin-bottom:-10px;
	padding:0;
}

.content-wrapper .entry-content {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.content-wrapper p {
	color: #666;
	font-size: 15px;
	line-height: 160%;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 15px;
}

.content-wrapper .entry-content p {
	color: #666;
	font-size: 15px;
	line-height: 160%;
	margin: 0 0 12px 0;
}
.content-wrapper .post-data-text {
	padding:0;
	text-align:left;
	float:left;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.text-center {
	text-align:center;
}
#secondary .widget input.search-field {
	border: 2px solid #eee;
	border-radius: 50px;
}
.content-wrapper .post-data-text * {
	color: #666;
	margin:0;
	font-weight: 400;
	text-align:left;
	font-size: 14px;
}

/* Стили для категорий постов */
.post-categories {
	order: 1;
}

.post-category {
	background: #f8f9fa;
	color: #00a767 !important;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 12px !important;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	display: inline-block;
	border: 1px solid #e9ecef;
}

.post-date {
	order: 2;
	color: #999 !important;
	font-size: 13px !important;
	display: flex;
	align-items: center;
}

.post-date time {
	color: #999 !important;
}

.post-date::before {
	content: '•';
	margin-right: 8px;
	color: #ddd;
}
.continuereading-wrap {
	margin-top:30px;
}
a.continuereading {
	margin: auto;
	display: inline-block;
	background: #cca252;
	padding: 10px 25px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border-radius: 3px;
}

a.continuereading {
	margin: auto;
	display: inline-block;
}

.posts-entry .entry-footer {
	width: 100%;
	display: inline-block;
	margin: 1.5em 0 0;
	font-size: 12px;
	text-align: center;
	background: #f1f1f1;
	padding: 5px 20px
}

.single .posts-entry .entry-footer {
	text-align: left;
	background: 0 0;
	padding: 0
}

.entry-meta {
	margin-bottom: 14px;
	font-family: 'Noto Sans', 'helvetica neue', helvetica, arial
}

.post-item-grid-view .entry-meta {
	margin-bottom: 0
}



.entry-footer span {
	padding-right: 16px;
	position: relative
}

.entry-footer span:after {
	content: "";
	height: 12px;
	overflow: hidden;
	border-right: 1px solid #4169e1;
	position: absolute;
	right: 8px;
	top: 1px
}

.entry-footer span:last-child:after {
	content: "";
	display: none
}

.nav-links span.current,
.site-info,
.site-info a {
	color: #fff
}

.site-footer {
	width: 100%;
	float: left;
	background: #232323;
}

.site-info {
	float: left;
	font-size: 14px
}

.site-info a:hover {
	border-bottom: dotted 1px
}

.site-info p {
	padding: 0
}

.pagination:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.nav-links {
	width: 100%;
	display: inline-block
}

#load-posts a,
.nav-links .nav-next,
.nav-links .nav-previous,
.pagination a {
	background: #fff;
	display: inline-block;
	line-height: 1;
	color: #333;
	padding: 2% 4%;
	box-sizing: border-box;
	margin: 0;
	text-decoration: none
}

.nav-links .nav-next,
.nav-links .nav-previous {
	max-width: 40%;
	border-radius: 1px
}

.nav-links .nav-previous {
	float: left;
	text-align: left
}

.nav-links .nav-next {
	float: right;
	text-align: right
}

.paging-navigation .nav-links .nav-next a,
.posts-navigation .nav-next a {
	float: right
}

.nav-links span.meta-nav {
	font-size: 18px
}

#load-more-wrap {
	width: 100%;
	text-align: center
}

#load-more-wrap a {
	background: #f3f2f2;
	padding: 10px;
	display: block
}

.posts-related,
.posts-related ul {
	width: 100%;
	display: inline-block
}

.posts-related ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.posts-related ul.grid-related-posts li {
	width: 31.3%;
	float: left;
	margin: 0 3% 3% 0
}

.posts-related ul.grid-related-posts li:nth-child(3n) {
	margin-right: 0
}

.posts-related ul.grid-related-posts li:nth-child(3n+1) {
	clear: left
}

.posts-related ul.list-related-posts {
	margin-bottom: 0
}

.posts-related ul.list-related-posts li {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid #f5f5f5
}

.posts-related ul.list-related-posts li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.posts-related .list-related-posts .featured-thumbnail {
	max-width: 160px;
	max-height: 160px
}

.posts-related .list-related-posts .featured-thumbnail img {
	width: 100%;
	height: 100%;
	display: block
}

.posts-related ul.list-related-posts .related-data a {
	color: #3498DB;
	display: block;
	margin-bottom: 5px
}

.posts-related ul.nothumb-related-posts {
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
	padding: 0
}

.posts-related ul.nothumb-related-posts li {
	line-height: 34px
}

.featured-sidebar {
	margin-top: 30px;
	width: 30%;
	float: left
}

.widget {
	width: 100%;
	padding: 8.8%;
	float: left;
	clear: both
}

.swidget {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	float:left;
}

.swidget h3 {
	width: auto;
	display: inherit;
	font-size: 20px;
	color: #000;
	padding-bottom: 15px;
	margin: 0
}

.fmenu,
.fmenu ul li {
	display: inline-block
}

.widget ul {
	padding: 0;
	margin-bottom: 0;
	list-style-position: inside
}


.widget>ul {
	margin: 0
}

.widget ul li {
	display: inline-block;
	float: left;
	width: 100%;
	padding:10px 0;
}
#secondary .widget ul li {
	margin:5px 0;
	padding:0;
}
.widget ul li a {
	margin:0;
	padding: 0;
}
footer .widget ul li { 
	padding:5px 0;
}
.widget .popular-post-meta,
.widget .recent-post-meta {
	font-size: 12px;
	line-height: normal
}

.widget .post-img {
	float: left;
	margin-right: 10px
}

#wp-calendar {
	margin-bottom: 0
}

#wp-calendar thead th {
	padding: 0;
	text-align: center
}

#wp-calendar td {
	text-align: center;
	padding: 7px 0
}

#wp-calendar caption {
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: 700
}

#wp-calendar tfoot {
	margin-top: 30px
}

#wp-calendar #prev {
	text-align: left;
	padding: 0 0 0 12px
}

#wp-calendar #next {
	text-align: right;
	padding: 0 12px 0 0
}

#wp-calendar #next a,
#wp-calendar #prev a {
	text-decoration: none
}

.fmenu {
	width: 100%;
	text-align: center;
	margin-top: 10px
}

.fmenu ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal
}

.fmenu ul li {
	float: none
}

.fmenu ul li a {
	color: #fff;
	text-transform: none;
	margin: 0 8px;
	font-size: 14px;
	line-height: normal
}

.fmenu ul li a:hover {
	text-decoration: none
}


.featured-thumbnail {
	float: left;
	display: inline-block;
	min-width: 40%;
	width: 40%;
	position: relative;
	text-align: center;
}
.featured-thumbnail-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	bottom: 0;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.featured-img-box {
	display: flex;
}

@media (min-width:1024px) {
	.super-menu,
	.toggle-mobile-menu {
		display: none
	}
}

@media (min-width:992px) {
	.fmenu,
	.footer-menu ul {
		float: right
	}
	.arrow-menu,
	.footer-menu ul li .arrow-sub-menu {
		display: none
	}
	.fmenu {
		width: auto;
		margin-top: 0;
		text-align: right
	}
	.footer-menu {
		width: 100%
	}
	.footer-menu ul li {
		float: left;
		line-height: 14px
	}
	.footer-menu ul ul {
		margin-left: 0;
		list-style: none;
		border-left: 1px solid #ccc
	}
	.footer-menu ul>li:first-child {
		border: none
	}
	.footer-menu ul li.main-navigation-item-has-children a,
	.footer-menu ul li.main-navigation-item-has-children ul {
		float: left
	}
	.secondary-menu .smenu ul ul.children,
	.secondary-menu .smenu ul ul.sub-menu {
		box-shadow: 0 2px 5px -2px #9baac2
	}
	.secondary-menu .smenu ul ul.children li,
	.secondary-menu .smenu ul ul.sub-menu li {
		border-bottom: 1px solid #f5f5f5
	}
}

@media screen and (max-width:1023px) {
	.nav-#secondary-site-navigation {
		display: none
	}
	.main-navigationigation ul {
		display: block
	}
	.primary-menu ul li ul.sub-menu {
    box-shadow: 0px 11px 9px rgba(0,0,0,.10);
}
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
	float: left;
	width: 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

#content[tabindex="-1"]:focus {
	outline: 0
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.hentry,
.page-links {
	margin: 0 0 1.5em
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
	content: "";
	display: table;
	table-layout: fixed
}

.sticky {
	display: block
}

.updated:not(.published) {
	display: none!important;
}

.comment-content a {
	word-wrap: break-word
}

.comment-form label {
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase
}

.bypostauthor {
	display: block
}

.comments-area {
	width: 100%
}

.comment-respond .comment-form {
	width: 100%;
	box-sizing: border-box
}

.comments-area .comment-meta,
.comments-area .comment-respond {
	position: relative
}

.comments-area .comments-title {
	margin-bottom: 30px;
	color: #222;
	font-size: 30px
}

.comments-area .comment-meta .comment-metadata a {
	color: #999
}

.comment-meta .vcard img {
	float: left;
	margin-right: 14px
}

.comments-area .comment-author {
	line-height: normal;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

.comments-area .comment-author .fn a {
	color: #222
}

.comments-area .comment-content {
	padding: 20px 0 0 45px;
}

.comments-area .reply .comment-reply-link i {
	font-size: 12px
}

.comments-area .comment-content p {
	margin-bottom: 5px
}

.comments-area p.form-submit {
	margin-bottom: 0;
	padding-bottom: 10px
}

.comments-area p.form-submit input {
	background: #cca352;
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	border-radius: inherit;
	margin: 0;
	transition: background .25s linear

}


.comments-area ol.comment-list>li:last-child {
	margin-bottom: 0
}

.comments-area ol.comment-list>li {
	width: 100%;
	border-bottom: 3px solid #000
}

#comments li.comment.parent article .reply,
.author-highlight li.bypostauthor article .reply {
	padding-bottom: 0
}

.comments-area ol.comment-list ol.children li  {
	padding-top: 20px;
	margin-left:0;
	margin-top:20px;
	padding-left: 10px;
	margin-bottom: 0;
	list-style:none;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom: 0px;
	padding-bottom: 0px;
}

ol.children {
	margin-left: 0;
	padding-left: 5px;
}
.comments-area ol.comment-list li li.bypostauthor {
	position: relative
}
.single .featured-thumbnail {
	width:100%;
	margin-bottom:20px;
}
.single .blog-data-wrapper *,
.page .blog-data-wrapper * {
    float: none;
    margin-bottom:-15px;
}
.comments-area p.form-submit input {
    background-color: #00a767;
    border-radius: 3px;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
    text-transform: uppercase;
    font-size: 14px;
}
.single .blog-data-wrapper,
.page .blog-data-wrapper {
	margin-bottom:0px;
}
.single h1.entry-title,
.page h1.entry-title,
.single h2.comments-title {
	color: #212121;
	text-align:left;
	font-size: 35px;
	font-weight: 700;
	line-height: 140%;

}
.single h1.entry-title,
.page h1.entry-title {
	margin-bottom:25px;
}
.single h2.comments-title {
	font-size:30px;
}
.single .post-data-text *{
	color: #afafaf;
	font-weight: 400;
	text-align: left;
	font-size: 15px;
}
.comments-area.author-highlight ol.comment-list li.bypostauthor {
	border-bottom: 3px solid #f00000;
	padding: 40px;
	background: #f5f5f5
}


#comments li.comment .comment-respond {
	margin-top: 10px;
	position: relative
}

.comment-reply-title {
	position: relative;
	color: #3498DB;
	margin: 0 0 16px;
	padding-bottom: 20px
}

p.comment-form-email, p.comment-form-author {
	max-width: 49%;
	float: left;
	display: inline-block;
}

p.comment-form-email {
	margin-left: 2%;
}

.comment-form-wrap .comment-respond,
.main-navigation ul li,
.sheader {
	position: relative
}
a#cancel-comment-reply-link {
	display: block;
	font-size: 17px;
	opacity: 0.6;
}
.comments-area .comment-respond * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comment-respond .logged-in-as a {
	color: #000;
}

.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url] {
	background: #fff;
	padding: 8px 14px;
	width: 100%;
	max-width: 430px;
	margin-bottom: 6px
}

.wp-caption,
embed,
iframe,
object {
	max-width: 100%
}

.comments-area .comment-respond textarea {
	width: 100%;
	margin-bottom: 0
}

.comments-area p {
	margin-bottom: 12px
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none
}

.infinity-end.neverending .site-footer {
	display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.custom-logo-link {
	display: inline-block
}

.wp-caption {
	margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption .wp-caption-text {
	margin: .8075em 0
}

.wp-caption-text {
	text-align: center
}

.gallery {
	margin-bottom: 1.5em
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%
}

.gallery-columns-2 .gallery-item {
	max-width: 50%
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%
}

.gallery-columns-4 .gallery-item {
	max-width: 25%
}

.gallery-columns-5 .gallery-item {
	max-width: 20%
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%
}

.gallery-caption {
	display: block
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0
}

#site-header,
#site-header img,
.clearfix,
.site-branding {
	display: inline-block
}

.clearfix {
	width: 100%
}

* html .clearfix {
	height: 1%
}
.widget li a {
	text-decoration:none;
}
.entry-header h2 a,
.site-info a:hover,
.site-title a {
	text-decoration: none
}

.fbox {
	width: 100%;
	margin-bottom: 30px;
	padding: 4%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fbox h1,
.fbox h2,
.fbox h3 {
	margin-top: 0;
	color: #222
}

.page-header h1 {
	margin-bottom: 0
}


.container {
	width: 100%
}

.single-header-img {
	margin-top: -30px!important;
}

.content-wrap {
	width: 1180px;
	max-width: 100%;
	margin: 0 auto
}

.sheader {
	width: 100%;
	margin: 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}


.header-img-activated {
	margin-top: 0;
}

/* Отступ после header-img-activated */
.header-img-activated + .site-content {
	margin-top: 0;
}

.single-header-img-activated + #primary {
	margin-top: 40px;
}
.primary-menu ul li ul.children,
.primary-menu ul li ul.sub-menu {
	background: #fff;
	color:#000;
}
.site-branding.branding-logo {
	margin: 30px 0;

}
.site-branding {
	background:#333;
	padding:70px 0;
	text-align: center;
	width: 100%
}


.branding-logo .custom-logo {
	display: block;
	width: auto
}

.site-branding .site-title {
	font-size: 48px;
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans', 'Noto Sans', 'helvetica neue', helvetica, arial;
}

.site-title a {
	color: #fff
}

.site-branding .logo-image {
	margin-top: 0
}

.site-description {
	font-size: 16px;
	color: #fff;
	padding: 0;
	margin: 0
}

.featured-sidebar #main .search-field, .header-widget #main .search-field {
	width: 100%;
	height: 46px;
	
	line-height: 46px;
	padding: 16px;
	border: 1px solid #000;
	background:rgba(0,0,0,0);
}
.header-widget .search-field {
	width:100%;
}

.header-widget .search-form label {
	width:100%;
}

.ads-top .search-submit,
.featured-sidebar .search-submit,
.header-widget .search-submit {
	display: none
}

.search-form label {
	width: auto;
	float: left;
	margin-bottom: 0
}

.featured-sidebar label {
	width: 100%;
	float: none
}

.search-form .search-submit {
	padding: 17px 24px;
	border: none;
	border-radius: 0 3px 3px 0
}

.ads-top {
	width: 70%;
	float: right;
	padding: 22px 0;
	overflow: hidden
}

.ads-top .textwidget img {
	display: block
}

.ads-top .search-field {
	width: 220px;
	padding: 15px;
	float: right;
	margin: 14px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px
}

.ads-top label {
	float: right
}

#smobile-menu {
	display: none
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.main-navigation ul li a {
	font-size: 14px;
	display: block

}

.main-navigation ul li.current-menu-ancestor>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current-menu-parent>a,
.main-navigation ul li.current_page_ancestor>a,
.main-navigation ul li:hover>a,
.main-navigation ul li>a:hover {
	text-decoration: none
}

.main-navigation ul li:hover>ul {
	display: block
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
.main-navigation ul li .sub-arrow {
	width: 50px;
	line-height: 50px;
	position: absolute;
	right: -20px;
	top: 0;
	color: #000;
	font-size: 14px;
	text-align: center;
	cursor: pointer
}
.main-navigation ul ul li .sub-arrow {
	right:-17px;
}


.mobile-menu .fa-bars {
	float: right;
	margin-top: 3px
}

.main-navigation ul li .arrow-sub-menu::before {
	font-size: 12px
}

.primary-menu {
	margin: 0;
	position: relative;
	z-index: 2
}

.primary-menu ul li a {
	color: #fff;
	padding: 16px
}

.primary-menu ul li .fa-chevron-right {
	color: #fff
}

.primary-menu ul ul li .fa-chevron-right {
	color: #010101
}

.primary-menu ul li ul.children li,
.primary-menu ul li ul.sub-menu li {
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.secondary-menu {
	width: 100%;
	float: left;
	border-top: 1px solid #e5e6e9;
	position: relative
}

.secondary-menu .smenu ul li a,
.secondary-menu ul.smenu li a {
	color: #333;
	padding: 24px 16px
}

.secondary-menu ul.smenu li a:hover,
.secondary-menu ul.smenu li.current-menu-item a {
	color: #06C
}

.secondary-menu ul.smenu ul li {
	border-bottom: 1px solid #e5e6e9
}

.secondary-menu ul.smenu ul li a {
	padding: 16px
}

.secondary-menu ul.smenu>li:first-child {
	border: none
}

.bottom-header-wrapper .header-img-overlay img {
	border-radius: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.secondary-menu .arrow-menu {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	text-align: center;
	display: none;
	width: 42px;
	height: 42px;
	line-height: 44px;
	border-left: 1px solid rgba(0, 0, 0, .2)
}

.secondary-menu ul.smenu li.btn-right {
	float: right;
	border: none;
	margin: 16px 0
}

.secondary-menu ul.smenu li.btn-right a {
	padding: 9px 25px 11px;
	font-weight: 500;
	background: #06C;
	text-align: center;
	text-transform: capitalize;
	display: block;
	line-height: 1.25;
	box-sizing: border-box;
	color: #fff;
	border-radius: 3px
}

.secondary-menu .btn-right a:hover {
	opacity: .8;
	color: #fff
}

.search-style-one {
	width: 100%;
	position: fixed;
	overflow: hidden;
	height: 90px;
	z-index: 9;
	left: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: -webkit-transform .4s linear, visibility .1s;
	transition: transform .4s linear, visibility .1s
}

.overlay {
	background: rgba(0, 0, 0, .7);
	width: 100%
}

.search-style-one.open {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.search-row {
	position: relative;
	margin: 0 auto
}

.overlay .overlay-close {
	width: 50px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	right: 8%;
	top: 15px;
	font-size: 20px;
	overflow: hidden;
	border: none;
	padding: 0 17px;
	color: #3a5795;
	background: rgba(255, 255, 255, .9);
	z-index: 100;
	cursor: pointer;
	border-radius: 2px
}

.search-style-one .search-row input#s {
	width: 100%;
	height: 82px;
	line-height: 82px;
	padding: 20px 30px;
	color: #fff;
	font-size: 18px;
	background: 0 0;
	border: none;
	box-sizing: border-box
}

#site-header {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
	margin: 0;
	background: #fff
}

#site-header a {
	display: block
}

#site-header img {
	width: auto;
	line-height: 20px;
	margin: 0;
	vertical-align: top
}

.nav-links .dots,
.nav-links a,
.nav-links span.current,
.site-info {
	line-height: normal
}

.site-header ul ul {
	list-style: none;
	min-width: 240px;
	display: none;
	position: absolute;
	top: inherit;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 9;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.08);
}

.site-header ul ul li {
	float: none
}

.site-header ul ul ul {
	top: 0;
	left: 238px
}

.site-content {
	margin-top: 30px;
	width: 100%;
	display: block
}

.featured-content {
	margin-top: 30px;
	width: 66%;
	margin-right: 4%;
	float: left
}

.featured-thumbnail img {
	width:100%;
	max-width:100%;
	height:auto;
}
.featured-thumbnail {
	float: left;
	display: inline-block;
	min-width: 100%;
	width: 100%;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.posts-entry .entry-content p:last-child {
	margin-bottom: 0
}
.content-wrapper {
	padding: 20px 24px 24px;
	float:left;
	width:100%;
	position:relative;
}
.content-wrapper .blog-data-wrapper {
	margin:0;
}
.no-featured-img-box .content-wrapper {
	width: 100%;
}
.content-wrapper h2.entry-title {
	padding-top: 10px;
	text-align: left;
	margin: 0 0 12px;
	color: #1a1a1a;
	font-size: 22px;
	font-weight: 600;
	line-height: 130%;
}
.blogposts-list .content-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
.read-more-blogfeed {
	margin-top: 12px;
	width: 100%;
	clear: both;
}

.read-more-blogfeed a {
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	color: #00a767;
	margin-top: 0;
	display: inline-block;
	transition: color 0.2s ease;
}

.read-more-blogfeed a:hover {
	color: #008a55;
	text-decoration: underline;
}
.content-wrapper h2.entry-title a,
.content-wrapper h2.entry-title a:hover,
.content-wrapper h2.entry-title a:active,
.content-wrapper h2.entry-title a:focus {
	color: #1a1a1a;
	font-size: 22px;
	font-weight: 600;
	line-height: 130%;
	margin: 0;
	text-decoration: none;
}

.content-wrapper h2.entry-title a:hover {
	color: #00a767;
}
.content-wrapper .entry-meta {
	margin:0;
	margin-bottom:-10px;
	padding:0;
}

.content-wrapper .entry-content {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.content-wrapper p {
	color: #666;
	font-size: 15px;
	line-height: 160%;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 15px;
}

.content-wrapper .entry-content p {
	color: #666;
	font-size: 15px;
	line-height: 160%;
	margin: 0 0 12px 0;
}
.content-wrapper .post-data-text {
	padding:0;
	text-align:left;
	float:left;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.text-center {
	text-align:center;
}
#secondary .widget input.search-field {
	border: 2px solid #eee;
	border-radius: 50px;
}
.content-wrapper .post-data-text * {
	color: #666;
	margin:0;
	font-weight: 400;
	text-align:left;
	font-size: 14px;
}

/* Стили для категорий постов */
.post-categories {
	order: 1;
}

.post-category {
	background: #f8f9fa;
	color: #00a767 !important;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 12px !important;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	display: inline-block;
	border: 1px solid #e9ecef;
}

.post-date {
	order: 2;
	color: #999 !important;
	font-size: 13px !important;
	display: flex;
	align-items: center;
}

.post-date time {
	color: #999 !important;
}

.post-date::before {
	content: '•';
	margin-right: 8px;
	color: #ddd;
}
.continuereading-wrap {
	margin-top:30px;
}
a.continuereading {
	margin: auto;
	display: inline-block;
	background: #cca252;
	padding: 10px 25px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border-radius: 3px;
}

a.continuereading {
	margin: auto;
	display: inline-block;
}

.posts-entry .entry-footer {
	width: 100%;
	display: inline-block;
	margin: 1.5em 0 0;
	font-size: 12px;
	text-align: center;
	background: #f1f1f1;
	padding: 5px 20px
}

.single .posts-entry .entry-footer {
	text-align: left;
	background: 0 0;
	padding: 0
}

.entry-meta {
	margin-bottom: 14px;
	font-family: 'Noto Sans', 'helvetica neue', helvetica, arial
}

.post-item-grid-view .entry-meta {
	margin-bottom: 0
}



.entry-footer span {
	padding-right: 16px;
	position: relative
}

.entry-footer span:after {
	content: "";
	height: 12px;
	overflow: hidden;
	border-right: 1px solid #4169e1;
	position: absolute;
	right: 8px;
	top: 1px
}

.entry-footer span:last-child:after {
	content: "";
	display: none
}

.nav-links span.current,
.site-info,
.site-info a {
	color: #fff
}

.site-footer {
	width: 100%;
	float: left;
	background: #232323;
}

.site-info {
	float: left;
	font-size: 14px
}

.site-info a:hover {
	border-bottom: dotted 1px
}

.site-info p {
	padding: 0
}

.pagination:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.nav-links {
	width: 100%;
	display: inline-block
}

#load-posts a,
.nav-links .nav-next,
.nav-links .nav-previous,
.pagination a {
	background: #fff;
	display: inline-block;
	line-height: 1;
	color: #333;
	padding: 2% 4%;
	box-sizing: border-box;
	margin: 0;
	text-decoration: none
}

.nav-links .nav-next,
.nav-links .nav-previous {
	max-width: 40%;
	border-radius: 1px
}

.nav-links .nav-previous {
	float: left;
	text-align: left
}

.nav-links .nav-next {
	float: right;
	text-align: right
}

.paging-navigation .nav-links .nav-next a,
.posts-navigation .nav-next a {
	float: right
}

.nav-links span.meta-nav {
	font-size: 18px
}

#load-more-wrap {
	width: 100%;
	text-align: center
}

#load-more-wrap a {
	background: #f3f2f2;
	padding: 10px;
	display: block
}

.posts-related,
.posts-related ul {
	width: 100%;
	display: inline-block
}

.posts-related ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.posts-related ul.grid-related-posts li {
	width: 31.3%;
	float: left;
	margin: 0 3% 3% 0
}

.posts-related ul.grid-related-posts li:nth-child(3n) {
	margin-right: 0
}

.posts-related ul.grid-related-posts li:nth-child(3n+1) {
	clear: left
}

.posts-related ul.list-related-posts {
	margin-bottom: 0
}

.posts-related ul.list-related-posts li {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid #f5f5f5
}

.posts-related ul.list-related-posts li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.posts-related .list-related-posts .featured-thumbnail {
	max-width: 160px;
	max-height: 160px
}

.posts-related .list-related-posts .featured-thumbnail img {
	width: 100%;
	height: 100%;
	display: block
}

.posts-related ul.list-related-posts .related-data a {
	color: #3498DB;
	display: block;
	margin-bottom: 5px
}

.posts-related ul.nothumb-related-posts {
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
	padding: 0
}

.posts-related ul.nothumb-related-posts li {
	line-height: 34px
}

.featured-sidebar {
	margin-top: 30px;
	width: 30%;
	float: left
}

.widget {
	width: 100%;
	padding: 8.8%;
	float: left;
	clear: both
}

.swidget {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	float:left;
}

.swidget h3 {
	width: auto;
	display: inherit;
	font-size: 20px;
	color: #000;
	padding-bottom: 15px;
	margin: 0
}

.fmenu,
.fmenu ul li {
	display: inline-block
}

.widget ul {
	padding: 0;
	margin-bottom: 0;
	list-style-position: inside
}


.widget>ul {
	margin: 0
}

.widget ul li {
	display: inline-block;
	float: left;
	width: 100%;
	padding:10px 0;
}
#secondary .widget ul li {
	margin:5px 0;
	padding:0;
}
.widget ul li a {
	margin:0;
	padding: 0;
}
footer .widget ul li { 
	padding:5px 0;
}
.widget .popular-post-meta,
.widget .recent-post-meta {
	font-size: 12px;
	line-height: normal
}

.widget .post-img {
	float: left;
	margin-right: 10px
}

#wp-calendar {
	margin-bottom: 0
}

#wp-calendar thead th {
	padding: 0;
	text-align: center
}

#wp-calendar td {
	text-align: center;
	padding: 7px 0
}

#wp-calendar caption {
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: 700
}

#wp-calendar tfoot {
	margin-top: 30px
}

#wp-calendar #prev {
	text-align: left;
	padding: 0 0 0 12px
}

#wp-calendar #next {
	text-align: right;
	padding: 0 12px 0 0
}

#wp-calendar #next a,
#wp-calendar #prev a {
	text-decoration: none
}

.fmenu {
	width: 100%;
	text-align: center;
	margin-top: 10px
}

.fmenu ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal
}

.fmenu ul li {
	float: none
}

.fmenu ul li a {
	color: #fff;
	text-transform: none;
	margin: 0 8px;
	font-size: 14px;
	line-height: normal
}

.fmenu ul li a:hover {
	text-decoration: none
}


.featured-thumbnail {
	float: left;
	display: inline-block;
	min-width: 40%;
	width: 40%;
	position: relative;
	text-align: center;
}
.featured-thumbnail-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	bottom: 0;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.featured-img-box {
	display: flex;
}

@media (min-width:1024px) {
	.super-menu,
	.toggle-mobile-menu {
		display: none
	}
}

@media (min-width:992px) {
	.fmenu,
	.footer-menu ul {
		float: right
	}
	.arrow-menu,
	.footer-menu ul li .arrow-sub-menu {
		display: none
	}
	.fmenu {
		width: auto;
		margin-top: 0;
		text-align: right
	}
	.footer-menu {
		width: 100%
	}
	.footer-menu ul li {
		float: left;
		line-height: 14px
	}
	.footer-menu ul ul {
		margin-left: 0;
		list-style: none;
		border-left: 1px solid #ccc
	}
	.footer-menu ul>li:first-child {
		border: none
	}
	.footer-menu ul li.main-navigation-item-has-children a,
	.footer-menu ul li.main-navigation-item-has-children ul {
		float: left
	}
	.secondary-menu .smenu ul ul.children,
	.secondary-menu .smenu ul ul.sub-menu {
		box-shadow: 0 2px 5px -2px #9baac2
	}
	.secondary-menu .smenu ul ul.children li,
	.secondary-menu .smenu ul ul.sub-menu li {
		border-bottom: 1px solid #f5f5f5
	}
}

@media screen and (max-width:1023px) {
	.main-navigation ul li .sub-arrow {
		right:0px;
	}
	.ads-top,
	.site-branding {
		text-align: center;
		width: 100%
	}
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.ads-top .textwidget img {
		display: inline
	}

	.main-container-wrap {
		position: relative;
		left: 0;

	}
	#mobile-menu-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		cursor: pointer;
		display: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background: rgba(0, 0, 0, .5)
	}
	#page {
		position: relative;
		left: 0;
		top: 0;
	}
	.main-navigation,
	.smenu-hide {
		display: none
	}
	.mobile-menu-active .smenu-hide {
		display: block;
		color: #000
	}
	.mobile-menu-active #mobile-menu-overlay {
		display: block
	}
	.mobile-menu-active #page {
		width: 100%;
		max-width: 100%;
		position: fixed;
		top: 0;
		right: 300px;
		transition: left .5s ease;
		-ms-transform: translate(70%, 0);
		-webkit-transform: translate(70%, 0);
		transform: translate(70%, 0)
	}
	#smobile-menu {
		background-color: #fff;
		position: fixed;
		width: 70%;
		top: 0;
		bottom: 0;
		left: -70.1%;
		z-index: 5999998;
		overflow-x: hidden;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	#smobile-menu .content-wrap,
	#smobile-menu .primary-menu ul {
		width: 100%;
		max-width: 100%;
		margin: 0
	}
	#smobile-menu.show {
		left: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	#smobile-menu.show .main-navigation {
		width: 100%;
		float: left;
		display: block;
		margin: 0
	}
	#smobile-menu.show .main-navigation ul li {
		width: 100%;
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2)
	}
	#smobile-menu.show .main-navigation ul li a {
		padding: 12px 20px
	}
	#smobile-menu.show .main-navigation ul ul.children,
	#smobile-menu.show .main-navigation ul ul.sub-menu {
		display: none
	}
	#smobile-menu.show .main-navigation ul ul.children.active,
	#smobile-menu.show .main-navigation ul ul.sub-menu.active {
		border-top: 1px solid rgba(255, 255, 255, 0.1)
	}
	#smobile-menu.show .main-navigation ul ul.children li:last-child,
	#smobile-menu.show .main-navigation ul ul.sub-menu li:last-child {
		border: none
	}
	#smobile-menu.show .main-navigation ul li .sub-arrow {
		display: block
	}
	.toggle-mobile-menu {
		display: inline-block;
		width: 100%;
		margin: auto;
		position: relative;
		color: #fff;
		text-align: right;
		z-index: 1;
		padding: 12px 20px
	}
	.toggle-mobile-menu:hover {
		color: #fff
	}
	.toggle-mobile-menu:before {
		font-family: FontAwesome;
		content: "\f0c9";
		font-size: 18px;
		line-height: 50px;
		margin-right: 10px;
		position: absolute;
		color:#000;
		left: 0;
		top: 0
	}
	.mobile-only .toggle-mobile-menu {
		text-decoration: none
	}
	.mobile-only .toggle-mobile-menu:before {
		left: 20px
	}
	.super-menu {
		background:#fff;
	}
	.super-menu-inner {
		width: 1120px;
		max-width: 90%;
		margin: 0 auto
	}
	.super-menu .toggle-mobile-menu {
		padding: 10px 0;
		color: #000;
		text-decoration: none
	}
	.super-menu .main-navigation-toggle:before {
		left: 0
	}
}

@media (max-width:992px) {
	.featured-content,
	.featured-sidebar {
		width: 100%;
		margin: 0
	}
	.site-info {
		width: 100%;
		text-align: center
	}
}
.widget ul li {
	display:inline-block;
	float:left;
	width:100%;
}
.widget ul {
	display:inline-block;
	float:left;
	width:100%;
}
.widget ul:first-of-type li:first-of-type {
	margin-top:0px;
	padding-top:0px;
}
.widget ul:last-of-type li:last-of-type {
	margin-bottom:0px;
	border-bottom:0px;
	padding-bottom:0px;
}


.text-center {
	text-align:center;
}
.primary-menu .pmenu {
	margin: auto;
	display: inline-block; 
	float:right;
	text-align:center;
	background:#fff;
}
.main-navigation ul li {
	position: relative;
	display: inline-block;
}
.main-navigation ul li a {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	padding: 15px 1rem; 
	text-decoration: none;
}
.primary-menu {
	display: flex;
	align-items: center;
}

.primary-menu .pmenu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
}
.site-branding.branding-logo {
	width: 100%;
	text-align: center;
}

.sheader {
	background-size:cover;
	background-position:top center;
}
.site-branding .site-description {
	line-height:150%;
}
.site-header ul ul {
	text-align: left;
}
.primary-menu ul li ul.children li, .primary-menu ul li ul.sub-menu li {
	width:100%;
	max-width: 100%;
}
.site-header ul ul li a {
	font-size: 14px;
	opacity: 0.8;
}
.site-header ul ul li:first-of-type a {
	border-top:0px solid #000;
}
.swidgets-wrap {
	padding: 20px 20px;
	text-align: left;
	margin-top: 0;
}

#secondary .swidgets-wrap {
	padding:0px  0px 20px 20px;
	text-align: left;
	margin-top: 0;
	background:#fff;
}
.swidgets-wrap h3 {	
	display: inline-block;
	line-height:130%;
	font-size: 17px;
	font-weight: 500;
	color: #2b2b2b;
	margin-bottom: 5px;
	padding:0;
}	
.widget time.rpwe-time.published {
	width: 100% !important;
	display: block !important;
	font-size: 12px;
}
#secondary .widget {
	font-size: 15px;
	color: #333;
}
.widget_archive ul:last-of-type li:last-of-type {
	margin-bottom:0px;
}
.widget h3.rpwe-title {
	font-size: 14px !important;
	padding: 0px !important;
	display: block !important;
}
.widget img.rpwe-thumb {
	border: 0px #fff !important;
	box-shadow: 0px 0px 0px #fff !important;
	padding: 0px !important;
	margin-top: 0px !important;
}
.site-info {
	float: left;
	font-size: 14px;
	width: 100%;
	text-align: center;
	opacity: 0.8;
	padding:20px;
	border-top:1px solid rgba(255, 255, 255, 0.2);
}
.footer-column-three {
	display: inline-block;
	float: left;
	width: 100%;
	max-width: 33%;
	color: #fff;
	padding: 50px 0;
}
.footer-column-three .widget {
	padding:0;
	background:rgba(0,0,0,0);
	font-size:14px;
	margin:0;
}

.footer-column-three h3 {
	background: rgba(0,0,0,0);
	color: #fff;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	font-family:'Noto Sans';
	letter-spacing: 2px;
}
.top-nav-wrapper {
	background: #fff;
	display: block;
	float: left;
	width: 100%;
	padding: 15px 0;
}

.top-nav-wrapper .content-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-column-three p {
	font-size: 14px;
	color: #656565;
}
.footer-column-three a {
	color: #fff;
}
.footer-column-three h3:after {
	display: block;
	height: 2px;
	width: 40px;
	content: ' ';
	background: rgba(255, 255, 255, 0.24);
	margin-top: 7px;
}
.footer-column-left {
	padding-right:10px;
}
.footer-column-middle {
	padding-right:10px;
	padding-left:10px;
}
.footer-column-right {
	padding-left:10px;
}
.footer-column-three .widget {
	margin-bottom: 40px;
	overflow:hidden;
}

.footer-column-three .widget:last-of-type {
	margin-bottom: 0;
}
.footer-column-three input.search-submit {
	background: rgba(0,0,0,0);
	border: 1px solid #fff;
	padding: 10px 15px;
	font-size:13px;
}
.footer-column-three input.search-field {
	background: rgba(0,0,0,0);
	border: 1px solid #ffff;
	border-right: 0px;
	padding-bottom: 18px;
	color: #fff;
	font-size:13px;
	padding: 10px;
}

.footer-column-three p:last-of-type {
	margin-bottom:0px;
}
.entry-meta {
	display: inline-block;
	margin: auto;
	text-align: center;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px 20px;
	font-weight: 100;
}

h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
	font-family: 'Noto Sans';
	font-weight: 400;
	color: #000;
	font-size: 30px;
	text-align: left;
	line-height: 150%;
	margin-top: 0px;
}

.entry-meta {
	display: inline-block;
	margin: auto;
	text-align: center;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px 20px;
	width: 100%;
	font-weight: 400;
}
.entry-meta a{
	text-decoration:none;
}
article .entry-content {
	font-family: 'Noto Sans', 'Noto Sans', 'helvetica neue', helvetica, arial, sans-serif;
	line-height: 150%;
	color: rgba(0,0,0,.84);
	font-size: 16px;
}
.single article .entry-content, .page article .entry-content {
	color:#585858;
}
.blog-data-wrapper {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
	min-height: 24px;
}
.post-data-text {
	display: inline-block;
	margin: auto;
	text-align: left;
	font-size: 17px;
	color: #000;
	margin-bottom: 5px;
	padding: 0px;
	float:left;
}


article.fbox {
	background:#fff;
}

article.blogposts-list {
	padding: 0;
	margin-bottom: 30px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid #f0f0f0;
	transition: box-shadow 0.2s ease;
}

article.blogposts-list:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.blogpost-button {
	height: 46px;
	position: absolute;
	padding: 10px 15px;
	background: #cca352;
	color: #fff;
	font-weight: 700;
	font-size: 28px;
	border-radius: 50%;
	font-family: 'Noto Sans',arial;
	right: 20px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.19);
	text-decoration: none;
	bottom: -22px;
}

.page-numbers li {
	display: inline-block;
	list-style:none;
}
ul.page-numbers {
	display: inline-block;
	padding: 0;
	height: auto;
	margin: 10px auto 20px auto;
}
.page-numbers li a {
	background: #cca352;
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	float: left;
	box-shadow: 0 2px 4px rgba(0,0,0,.03);
	border-radius: 3px;
}
.no-featured-img-box .content-wrapper {
	padding-left: 0;
}
.page-numbers.current {
	padding: 10px 17px;
	transition: all 0.4s;
	font-weight: bold;
	font-size: 14px;
	color: #cca352;
	margin: 0 5px;
	text-decoration: none;
	display: inline-block;
	float: left;
	background: #fff;
	border-radius: 3px;
	opacity: 0.5;
	box-shadow: 0 2px 4px rgba(0,0,0,.03);
}
td, th {
	padding: 10px;
	text-align: left;
}

tr {
	border-bottom: 1px solid #000;
}

.error404 main#main,
.search-no-results section.fbox.no-results.not-found {
	background:#fff;
	margin-bottom:50px;
	text-align: center;
}
.search-no-results h1, .error404 h1 {
	font-size: 28px;
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans', 'Noto Sans', 'helvetica neue', helvetica, arial;
}
.search-results h1.page-title {
	text-align: center;
	font-size: 35px;
	font-weight: 400;
	line-height: 150%;
	padding: 0;
	margin:0;
	font-family: 'Noto Sans', 'Noto Sans', 'helvetica neue', helvetica, arial;
}
header.fbox.page-header {
	padding:0;
	margin:0;
	margin-bottom:30px;
}
.comments-area .comments-title {
	font-family: 'Noto Sans', 'Noto Sans', 'helvetica neue', helvetica, arial;
}
.search-no-results #main .search-form label, .error404 #main .search-form label {
	float: none;
	margin-right: -5px;
	border: 1px solid #000;
	border-right: 0px solid #fff;
	padding: 0;
}
.error404 #main .search-form label, .search-no-results #main .search-form label {
	float: none;
	margin-right: -5px;
	border: 1px solid #c1c1c1;
	border-right: 0px solid #fff;
	padding: 0;
}
.error404 input.search-submit, .search-no-results input.search-submit {
	padding: 11px;
	border: 1px solid #c1c1c1;
	background: rgba(0,0,0,0);
	color: #000;
}
.error404 input.search-field, .search-no-results input.search-field {
	color:#000;
	padding: 10px;
}
.archive .page-header h1 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	margin-top:0;
	line-height: 150%;
	padding: 0;
}

.archive header.fbox.page-header {
	padding: 0;
}

.comments-area {
	background:#fff;
}
.comments-area .comment-author .fn a {
	text-decoration:none;
}
.comment span.edit-link {
	float: right;
}
.comments-area .comment-meta .comment-metadata a {
	text-decoration: none;
	font-size: 14px;
}
#comments ol.comment-list {
	padding-left: 0;
	margin-left: 0;
	list-style:none;
}
.comments-area ol.comment-list .comment {
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 40px;
	padding-bottom:40px;
}
span.page-numbers.dots {
	padding: 10px 17px;
	transition: all 0.4s;
	font-weight: bold;
	font-size: 14px;
	color: #cca352;
	margin: 0 5px;
	text-decoration: none;
	display: inline-block;
	float: left;
	background: #fff;
	border-radius: 3px;
	opacity: 0.5;
	box-shadow: 0 2px 4px rgba(0,0,0,.03);
}
#secondary .swidgets-wrap:first-of-type {
	padding-top:0px;
}
.comments-area .reply {
	padding-left: 45px;
	font-size: 14px;
	padding-bottom: 0
}
div#respond {
	text-align: center;
}
p.comment-form-url {
	display: none;
}
#comments h3#reply-title {
	font-family: 'Noto Sans', 'Noto Sans', 'helvetica neue', helvetica, arial;
	font-size: 26px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: center;
}
.calendar_wrap tr {
	border-bottom: 0px solid #000;
}
.header-widgets-three {
	display: inline-block;
	float: left;
	width: 100%;
	max-width: 33.3%;
} 
.header-widgets-three .swidget {
	margin-bottom: 10px;
}
#secondary .swidget {
	border-bottom:1px solid #000;
}
.header-widgets-three figure.wp-caption.alignnone {
	margin:0;
}

.header-widgets-wrapper {
	display: inline-block;
	float: left;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
	box-shadow: 0 2px 4px rgba(0,0,0,.03);
	background: #fff;
	margin: 0 0 40px;
	position: relative;
	z-index: 1;
	margin-top:20px;
}

.header-img-activated .header-widgets-wrapper {
	margin-top:-40px;
}
.header-widgets-three .header-widget p:last-of-type {
	margin-bottom:0;
}



.header-widget:last-of-type {
	margin-bottom: 0px;
}

.bottom-header-wrapper {
	text-align: center;
	color: #fff;
	font-size:18px;
	width:100%;;
	display:inline-block;
	position:relative;
	margin-top: 0;
}

.header-img-overlay {
	position: relative;
	display: block;
	width: 100vw;
	height: 800px;
	overflow: hidden;
	margin-left: calc(50% - 50vw);
	margin-top: -15px; /* Компенсация padding-bottom в .top-nav-wrapper */
}

.header-img-overlay::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		135deg,
		rgba(0, 0, 0, 0.8) 0%,
		rgba(0, 0, 0, 0.6) 50%,
		rgba(0, 0, 0, 0.8) 100%
	);
	z-index: 1;
	pointer-events: none;
}

.header-img-overlay img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Single Post Header Image Styles */
.single-header-img-activated {
	position: relative;
	width: 100%;
	margin-top: 0;
}

.single-header-wrapper {
	text-align: center;
	color: #fff;
	font-size: 18px;
	width: 100%;
	display: inline-block;
	position: relative;
	margin-top: 0;
}

.single-img-overlay {
	position: relative;
	display: block;
	width: 100vw;
	height: 600px;
	overflow: hidden;
	margin-left: calc(50% - 50vw);
}

.single-img-overlay::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		135deg,
		rgba(0, 0, 0, 0.8) 0%,
		rgba(0, 0, 0, 0.6) 50%,
		rgba(0, 0, 0, 0.8) 100%
	);
	z-index: 1;
	pointer-events: none;
}

.single-img-overlay img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.single-header-text {
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	z-index: 2;
}

.single-header-title {
	font-size: 50px;
	letter-spacing: -1px;
	font-weight: 700;
	line-height: 140%;
	color: #fff;
	font-family: 'Noto Sans';
}

.single-header-meta {
	font-size: 18px;
	line-height: 140%;
	color: #fff;
	font-weight: 400;
	font-family: 'Noto Sans';
	margin-top: 10px;
}

/* Стили для даты в шапке статьи */
.single-header-meta .entry-date,
.single-header-meta .published,
.single-header-meta time,
.single-header-meta a {
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	display: inline !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.single-header-meta .entry-date:hover,
.single-header-meta .published:hover,
.single-header-meta a:hover {
	color: rgba(255, 255, 255, 0.8) !important;
	text-decoration: none !important;
}

/* Дополнительная читаемость для даты */
.single-header-meta {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.2);
	padding: 8px 16px;
	border-radius: 20px;
	display: inline-block;
}

/* Мобильная адаптивность для даты в header */
@media (max-width: 768px) {
	.single-header-meta {
		font-size: 16px;
		padding: 6px 12px;
	}
	
	.single-header-meta .entry-date,
	.single-header-meta .published,
	.single-header-meta time,
	.single-header-meta a {
		font-size: 16px !important;
	}
}

.single article.fbox, .page article.fbox {
	padding-top:10px;
}
.readmore-header a {
    font-weight: 700;
    color: #fff;
    font-family: 'Noto Sans';
    margin-top: 20px;
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    background: #00a767;
    padding: 12px 24px;
    border-radius: 5px;
}
.readmore-header svg {
	width: 11px;
	height: auto;
	margin-bottom: -1px;
	margin-left: 5px;
}
.bottom-header-text {
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	z-index: 2;
}
.header-widget .textwidget h1, .header-widget .textwidget h2, .header-widget .textwidget h3, .header-widget .textwidget h4 .header-widget .textwidget h5{
	padding:0px;
	margin-top:0;
	text-align:left;	
} 
.bottom-header-title {
	font-size:50px;
	letter-spacing:-1px;
	font-weight:700;
	line-height:140%;
	color:#fff;
	font-family:'Noto Sans';
}
.bottom-header-wrapper *{ 
	fill:#fff; 
}
.bottom-header-paragraph {
	font-size:20px;
	line-height:140%;
	color:#fff;
	font-weight:400;
	font-family:'Noto Sans';
	margin-top:10px;
}

span.bottom-header-below-title {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	float: left;
}
.header-widgets-three p {
	font-size: 15px;
	color: #333;
}
.header-widgets-three h3 {
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

.blogposts-list {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
}
.pag-wrapper {
	display:inline-block;
	float:left;
	width:100%;
}
.fullwidth-area-blog {
	width: 100%;
	margin-right: 0% !important;
}
.blogposts-list .content-wrapper h2.entry-title,
.blogposts-list .content-wrapper .post-data-text {
	text-align:left;
}
.blogposts-list .content-wrapper .post-data-text *{
	font-size: 14px;
	color: #6f6f6f;
}
@media screen and (max-width: 1023px) {
	.smenu-hide.toggle-mobile-menu.menu-toggle {
		border-bottom:1px solid rgba(255, 255, 255, 0.1)
	}
	.main-navigation ul li a {
		text-align:left;
	}
	#smobile-menu.show .main-navigation ul li a {
		text-align:left;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu li {
		padding-left: 20px;
		opacity: 0.8;
	}
	ul.page-numbers {
		margin-bottom:50px;
	}
	.bottom-header-title {
		font-size:40px;
	}
	.bottom-header-paragraph {
		font-size:18px;
	}
}
@media screen and (max-width: 900px) {
	.footer-column-three {
		max-width:100%;
	}
	.footer-column-left {
		padding-right:0;
	}
	.footer-column-middle {
		padding-right:0;
		padding-left:0;
	}
	.footer-column-right {
		padding-left:0;
	}

	.header-widgets-three {
		max-width:100%;
	}
	.header-widgets-left {
		padding-right:0;
	}
	.header-widgets-middle {
		padding-right:0;
		padding-left:0;
	}
	.header-widgets-right {
		padding-left:0;
	}

}
@media screen and (max-width: 800px) {

	.featured-thumbnail {
		height: 150px;
		width: 100%;
		max-width: 100%;
		min-width: 0;

	}
	.blogposts-list .content-wrapper {
		padding-top:20px;
		padding-left:0;
		padding-right:0;
	}
	.featured-thumbnail-inner {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 0px;
	}
	.featured-img-box {
		display:block
	}
	.content-wrapper {
		width:100%;
	}
}
@media screen and (max-width: 700px) {
	h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
		font-size:20px;
	}
	.post-data-text {
		font-size: 15px;
	}
	.archive .page-header h1  {
		font-size:25px;
	}
	article .entry-content {
		margin-top:10px;
		font-size:14px;
	}
	span.bottom-header-title {
		font-size:28px;
	}
	.site-branding .site-title {
		font-size:29px;
	}
	.site-branding .site-description {
		font-size:14px;
	}
	.site-branding {
		padding:30px 0;
	}
	.page-numbers li {
		display:inline;
	}
	.page-numbers li a, span.page-numbers.dots {
		display: none;
	}
	.page-numbers li a.prev {
		display: inline-block;
	}
	.page-numbers li a.next {
		display: inline-block;
	}
	.bottom-header-title {
		font-size:28px;
	}
	.bottom-header-paragraph {
		font-size:18px;
	}
	.blogposts-list {
		width: 100%;
		display: inline-block;
		overflow: hidden;
		max-width: 100%;
	}
}

/* Cookie / Cookies consents */
p.comment-form-cookies-consent {
	display: inline-block;
	text-transform: none !important;
	width: auto;
	max-width: 100%;
	margin: auto;
	float: none;
}

.comment-form-cookies-consent label {
	text-transform: none !important;
	color: #a2a2a2;
	width: 100%;
	float: left;
	display: inline-block;
}

input#wp-comment-cookies-consent {
	float: left;
	display: inline-block;
}
.comment-form-cookies-consent label {
	text-transform: none !important;
	color: #a2a2a2;
	width: 100%;
	float: left;
	display: inline-block;
	width: auto;
	margin-top: 0;
	margin-left: 20px;
	font-size: 12px;
}
.logo-container {
	float: left;
	width: 100%;
	max-width: 30%;
	min-height: 1px;
	display: flex;
	align-items: center;
}
.logofont {
	font-weight: 700;
	font-size: 22px;
	color:#000;
	text-decoration: none;
}
.logo-container .logofont{
	margin-top: 8px;
	color:#000;
	display: inline-block;
}
.logo-container a.custom-logo-link {
	margin-top:10px;
}

.logo-with-text {
	display: flex;
	align-items: center;
	gap: 12px;
}

.site-logo-img {
	height: 40px;
	width: 40px;
	flex-shrink: 0;
}

.site-logo-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.logo-with-text .logofont {
	margin: 0;
	line-height: 1.2;
}

/* Адаптивные отступы для мобильных устройств */
@media (max-width: 768px) {
	.top-nav-wrapper {
		padding: 10px 0;
	}
	
	.header-img-overlay {
		margin-top: -10px; /* Компенсация уменьшенного padding в .top-nav-wrapper для мобильных */
	}
	
	.site-logo-img {
		height: 35px;
		width: 35px;
	}
	
	/* Адаптация блоков статей для мобильных */
	article.blogposts-list {
		margin-bottom: 20px;
		border-radius: 6px;
	}
	
	.content-wrapper {
		padding: 16px 18px 18px;
	}
	
	.content-wrapper h2.entry-title {
		font-size: 19px;
		margin-bottom: 8px;
	}
	
	.content-wrapper .post-data-text {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		margin-bottom: 10px;
	}
	
	.post-date::before {
		display: none;
	}
	
	.content-wrapper p {
		font-size: 14px;
		margin-top: 8px;
		margin-bottom: 12px;
	}
	
	.content-wrapper .entry-content {
		width: 100%;
	}
	
	.read-more-blogfeed {
		margin-top: 10px;
	}
}


input#wp-comment-cookies-consent {
	float: left;
	display: inline-block;
	margin-bottom: -28px;
	margin-top: 3px;
}
.center-main-menu {
	float: left;
	width: 100%;
	max-width: 70%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

@media (max-width: 1023px) {
	a#pull {
		float: right;
		display: inline-block;
		width: 30px;
		height: 50px;
	}
	a.custom-logo-link {
		margin-top:6px;
	}
	.super-menu-inner a.logofont {
		float: left;
		margin-top: 6px;
	}
	.toggle-mobile-menu:before {
		font-size:32px;
	}
	.super-menu.clearfix {
		float:left;
	}
	.mobile-menu-active .logo-container {
		display: none;
	}
	.center-main-menu {
		max-width: 100%;
	}
	.primary-menu a#pull {
		float: left;
		width: 100%;
	}
}
#secondary .widget li,
#secondary input.search-field {
	margin: 5px;
	border:0px;
}
#secondary .widget li .children li,
#secondary .widget li .sub-menu li {
	background: rgba(0,0,0,0);
	box-shadow: 0px 0px 0px;
	padding: 5px;
	margin:0;
}
#secondary input.search-field {
	width:100%;
}
#secondary i.fa.fa-angle-down {
	display:none;
}
#secondary .widget-title {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin:0;
}

.main-navigation ul li a, .main-navigation ul li .sub-arrow, .super-menu .toggle-mobile-menu, .toggle-mobile-menu:before, .mobile-menu-active .smenu-hide {
	color: #000;
	font-weight: 600;
	text-transform:uppercase;
}

.comments-area, .single article.fbox, .page article.fbox {
	padding-left:0;
	padding-right:0;
}


#secondary .sidebar-headline-wrapper {
	position: relative;
	border-bottom: 2px solid #eee;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	padding-bottom:5px;
	margin-bottom:10px;
}
#secondary .sidebar-headline-wrapper h4{
	width:100%;
	max-width:100%;
}

#secondary .widget li,
#secondary .widget ul  {
	margin-left:0;
	margin-right:0px;
}
.single .post-data-text * {
	color: #6f6f6f;
	text-decoration: none;
	font-weight: 400;
	text-align: left;
	font-size: 16px;
	margin-top: 0px;
}


.main-navigation ul li:hover>ul.sub-menu,
.main-navigation ul li a:focus ~ ul.sub-menu,
.main-navigation ul li a:focus > ul.sub-menu,
.main-navigation ul li a:focus ul.sub-menu,
.primary-menu ul li ul.sub-menu:focus-within,
.primary-menu ul li ul.sub-menu:focus-within,
.pmenu a:focus ~ .sub-menu,
.main-navigation ul li a:focus ~ ul,
.main-navigation ul li:hover>ul,
.pmenu li:focus-within> .sub-menu {
	display:block;
}

#bbpress-forums fieldset.bbp-form select { 
	height:auto; 
}

#secondary .wp-block-social-links li { display: inline-block !important; width: auto !important; padding: 0px !important; margin: 5px !important; -webkit-box-shadow: 0px 0px 0px #fff !important; box-shadow: 0px 0px 0px #fff !important; font-size: 24px;}#secondary .wp-block-social-links.wp-block-social-links li a { color: #fff;    padding: 0.25em;font-size: 24px;} #secondary .wp-block-social-links.wp-block-social-links li *{ color: #fff;font-size: 24px;} #secondary .wp-block-social-links li { display: inline-block !important; width: auto !important; padding: 0px !important; margin: 5px !important; -webkit-box-shadow: 0px 0px 0px #fff !important; box-shadow: 0px 0px 0px #fff !important; font-size: 24px;} #secondary .wp-block-social-links.wp-block-social-links li a { color: #fff;    padding: 0.25em;font-size: 24px;} #secondary .wp-block-social-links.wp-block-social-links li *{ color: #fff;font-size: 24px;} .wp-block-social-links li { display: inline-block !important; width: auto !important; padding: 0px !important; margin: 5px !important; -webkit-box-shadow: 0px 0px 0px #fff !important; box-shadow: 0px 0px 0px #fff !important; font-size: 24px;} .wp-block-social-links.wp-block-social-links li a { color: #fff;    padding: 0.25em;font-size: 24px;} .wp-block-social-links.wp-block-social-links li *{ color: #fff;font-size: 24px;}
#secondary h3 { display:inline-block; border-bottom: 2px solid #eee; padding-bottom: 5px; margin: 0 0 10px 0; font-size: 18px; color: #333; font-weight: bold; width: 100%;  }.widget .widget {padding: 0px;}li.spbrposts-li:first-of-type { padding-top: 0px !important; }#secondary .spbrposts-wrapper .spbrposts-li { border-bottom: 1px solid rgba(0,0,0,0.05); }footer li.spbrposts-li { line-height: 1; }footer li.spbrposts-li h3.spbrposts-title { letter-spacing: 0px; text-transform: none; font-weight: bold; }span.page-numbers.current {    color: #775000; background: rgba(0,0,0,.1); }.wpcf7 input, textarea { border-color: #000; width: 100%; padding: 10px 15px; }.wpcf7 input.wpcf7-submit { background: #000; padding: 15px; }.single-post p.comment-form-url { display: inline-block; width: 100%; max-width: 100%; } .single-post p.comment-form-author, .single-post p.comment-form-email { max-width: 49%; float: none; display: inline-block; width: 100%; } .single-post p.comment-form-email label, .single-post p.comment-form-author label, .single-post p.comment-form-comment label, .single-post p.comment-form-url label { margin-bottom: 2px; text-align: left; margin-top: 5px; display: inline-block; width: 100%; } .single-post .comments-area .comment-respond input[type="email"], .single-post .comments-area .comment-respond input[type="text"], .single-post .comments-area .comment-respond input[type="url"] { max-width: 100% !important; } .single-post p.comment-form-email { margin-left: 1%; } .single-post p.comment-form-cookies-consent { display: inline-block;max-width: 100%; text-align: left; } @media screen and (max-width: 900px) { .single-post p.comment-form-email { margin-left: 0%; } .single-post p.comment-form-author, .single-post p.comment-form-email { max-width: 100%; float: none; display: inline-block; width: 100%; } }#comments h3#reply-title, .single h2.comments-title { font-size: 24px; font-weight: bold; }.single h2.comments-title {text-align:left;}        .archive header.fbox.page-header h1 { text-align: left; font-weight: bold; } .archive header.fbox.page-header { border-bottom:2px solid rgba(0,0,0,.2) }@media (min-width:1023px) { .primary-menu .pmenu { text-align:right; } }@media (max-width: 1023px) { .pmenu { width: 100%; } #smobile-menu .primary-menu ul+li::marker { color: rgba(0,0,0,0); } }
.wp-block-cover .wp-block-cover__inner-container p { line-height: 140%; }

/* Стили для виджета "Сайдбар последние посты" */
.recent-posts-widget {
	margin: 0;
	padding: 0;
}

.recent-post-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid #f0f0f0;
	gap: 12px;
}

.recent-post-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.recent-post-item.no-thumbnail {
	display: block;
}

.recent-post-item.no-thumbnail .recent-post-content {
	padding-left: 0;
}

.recent-post-thumb {
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	overflow: hidden;
}

.recent-post-thumb a {
	display: block;
	width: 100%;
	height: 100%;
}

.recent-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.2s ease;
}

.recent-post-thumb:hover img {
	transform: scale(1.05);
}

.recent-post-content {
	flex: 1;
	min-width: 0;
}

.recent-post-category {
	display: inline-block;
	background: #f8f9fa;
	color: #00a767;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	padding: 2px 8px;
	border-radius: 3px;
	margin-bottom: 6px;
	border: 1px solid #e9ecef;
}

.recent-post-title {
	margin: 0 0 4px 0;
	line-height: 1.3;
	font-size: 14px;
	font-weight: 600;
}

.recent-post-title a {
	color: #1a1a1a;
	text-decoration: none;
	display: block;
	transition: color 0.2s ease;
}

.recent-post-title a:hover {
	color: #00a767;
}

.recent-post-date {
	font-size: 11px;
	color: #999;
	font-weight: 400;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
	.recent-post-item {
		gap: 10px;
		margin-bottom: 16px;
		padding-bottom: 14px;
	}
	
	.recent-post-thumb {
		width: 60px;
		height: 60px;
	}
	
	.recent-post-title {
		font-size: 13px;
	}
	
	.recent-post-category {
		font-size: 9px;
		padding: 2px 6px;
	}
}

/* Стили для виджета "Сайдбар сейчас читают" (случайные посты) */
.random-posts-widget {
	margin: 0;
	padding: 0;
}

.random-post-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid #f0f0f0;
	gap: 12px;
	position: relative;
}

.random-post-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.random-post-item.no-thumbnail {
	display: block;
}

.random-post-item.no-thumbnail .random-post-content {
	padding-left: 0;
}

/* Индикатор "популярности" для случайных постов */
.random-post-item::before {
	content: '🔥';
	position: absolute;
	top: -2px;
	right: 0;
	font-size: 12px;
	opacity: 0.6;
}

.random-post-thumb {
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.random-post-thumb a {
	display: block;
	width: 100%;
	height: 100%;
}

.random-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.2s ease;
}

.random-post-thumb:hover img {
	transform: scale(1.05);
}

.random-post-content {
	flex: 1;
	min-width: 0;
}

.random-post-category {
	display: inline-block;
	background: #fff3cd;
	color: #856404;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	padding: 2px 8px;
	border-radius: 3px;
	margin-bottom: 6px;
	border: 1px solid #ffeaa7;
}

.random-post-title {
	margin: 0 0 4px 0;
	line-height: 1.3;
	font-size: 14px;
	font-weight: 600;
}

.random-post-title a {
	color: #1a1a1a;
	text-decoration: none;
	display: block;
	transition: color 0.2s ease;
}

.random-post-title a:hover {
	color: #856404;
}

.random-post-date {
	font-size: 11px;
	color: #999;
	font-weight: 400;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
	.random-post-item {
		gap: 10px;
		margin-bottom: 16px;
		padding-bottom: 14px;
	}
	
	.random-post-thumb {
		width: 60px;
		height: 60px;
	}
	
	.random-post-title {
		font-size: 13px;
	}
	
	.random-post-category {
		font-size: 9px;
		padding: 2px 6px;
	}
	
	.random-post-item::before {
		font-size: 10px;
		top: -1px;
	}
}

.read-more-blogfeed a {
	background-color:#00a767;
	border-radius:3px;
	color:#fff;
	padding:10px 20px;
	font-weight:600;
	letter-spacing:1px;
	margin-top:25px;
	text-transform:uppercase;
	font-size:14px;
}

.blogposts-list .post-data-text, .blogposts-list .post-data-text a, .blogposts-list .content-wrapper .post-data-text *, span.byline {
    color: #333;
}

/* Стили для блока "Похожие статьи" */
.related-posts-section {
	margin: 40px 0;
	padding: 30px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid #f0f0f0;
}

.related-posts-title {
	font-size: 24px;
	font-weight: 600;
	color: #1a1a1a;
	margin: 0 0 25px 0;
	text-align: center;
	position: relative;
	padding-bottom: 15px;
}

.related-posts-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background: linear-gradient(135deg, #00a767, #00c878);
	border-radius: 2px;
}

.related-posts-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 0;
}

.related-post-item {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #f5f5f5;
	transition: box-shadow 0.2s ease;
}

.related-post-item:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.related-post-thumb {
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
}

.related-post-thumb a {
	display: block;
	width: 100%;
	height: 100%;
}

.related-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.related-post-item:hover .related-post-thumb img {
	transform: scale(1.05);
}

.related-post-content {
	padding: 20px;
}

.related-post-category {
	display: inline-block;
	background: #f8f9fa;
	color: #00a767;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	padding: 4px 10px;
	border-radius: 3px;
	margin-bottom: 10px;
	border: 1px solid #e9ecef;
}

.related-post-title {
	margin: 0 0 10px 0;
	line-height: 1.3;
	font-size: 16px;
	font-weight: 600;
}

.related-post-title a {
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.2s ease;
}

.related-post-title a:hover {
	color: #00a767;
}

.related-post-excerpt {
	font-size: 14px;
	color: #666;
	line-height: 1.4;
	margin-bottom: 12px;
}

.related-post-date {
	font-size: 12px;
	color: #999;
	font-weight: 400;
}

/* Стили для изображений в статьях */
.wp-post-image,
.single .entry-content img,
.page .entry-content img {
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 15px 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.single .entry-content .wp-caption,
.page .entry-content .wp-caption {
	max-width: 100%;
	width: 100%;
}

.single .entry-content .wp-caption img,
.page .entry-content .wp-caption img {
	margin: 0;
}

/* Адаптивность для планшетов */
@media (max-width: 768px) {
	.related-posts-section {
		margin: 30px 0;
		padding: 20px;
	}
	
	.related-posts-title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.related-posts-grid {
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}
	
	.related-post-thumb {
		height: 150px;
	}
	
	.related-post-content {
		padding: 15px;
	}
	
	.related-post-title {
		font-size: 15px;
	}
}

/* Адаптивность для мобильных */
@media (max-width: 480px) {
	.related-posts-section {
		margin: 25px 0;
		padding: 15px;
	}
	
	.related-posts-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.related-post-item {
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}
	
	.related-post-thumb {
		flex-shrink: 0;
		width: 100px;
		height: 100px;
		border-radius: 6px;
	}
	
	.related-post-content {
		flex: 1;
		padding: 0;
	}
	
	.related-post-title {
		font-size: 14px;
		margin-bottom: 6px;
	}
	
	.related-post-excerpt {
		font-size: 13px;
		margin-bottom: 8px;
	}
}

/* ============================
   ПРОФЕССИОНАЛЬНАЯ МОБИЛЬНАЯ ВЕРСТКА
   ============================ */

/* ПРОСТОЕ МОБИЛЬНОЕ МЕНЮ */
@media (max-width: 1023px) {
	/* Скрываем только десктопное меню */
	.primary-menu .pmenu {
		display: none;
	}
	
	/* Показываем мобильное меню */
	.super-menu {
		display: block;
	}
	
	/* Простой мобильный header */
	.super-menu {
		background: #fff;
		padding: 15px 0;
		border-bottom: 1px solid #eee;
	}
	
	.super-menu-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 20px;
		max-width: 90%;
		margin: 0 auto;
	}
	
	/* Мобильный логотип */
	.super-menu .logofont {
		font-size: 20px;
		font-weight: 700;
		color: #000;
		text-decoration: none;
	}
	
	/* Кнопка мобильного меню */
	.super-menu .toggle-mobile-menu {
		display: block;
		width: 40px;
		height: 40px;
		background: transparent;
		border: none;
		color: #000;
		font-size: 20px;
		cursor: pointer;
	}
}

/* Базовые Mobile-First стили */
@media (max-width: 480px) {
	/* Улучшение типографики для мобильных */
	body {
		font-size: 15px;
		line-height: 1.6;
	}
	
	/* Touch-friendly навигация */
	.main-navigation ul li a {
		min-height: 44px;
		display: flex;
		align-items: center;
		padding: 12px 20px;
		font-size: 16px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	
	/* Простое мобильное меню */
	#smobile-menu {
		position: fixed;
		top: 0;
		left: -300px;
		width: 300px;
		height: 100vh;
		background: #fff;
		box-shadow: 2px 0 10px rgba(0,0,0,0.1);
		z-index: 9999;
		transition: left 0.3s ease;
	}
	
	#smobile-menu.show {
		left: 0;
	}
	
	/* Header мобильного меню */
	#smobile-menu .content-wrap {
		padding: 20px;
		background: #f8f9fa;
		border-bottom: 1px solid #eee;
	}
	
	/* Пункты меню */
	#smobile-menu .main-navigation ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#smobile-menu .main-navigation ul li {
		border-bottom: 1px solid #eee;
	}
	
	#smobile-menu .main-navigation ul li a {
		display: block;
		color: #333;
		font-size: 16px;
		text-transform: uppercase;
		padding: 15px 20px;
		text-decoration: none;
	}
	
	#smobile-menu .main-navigation ul li a:hover {
		background: #f0f0f0;
		color: #00a767;
	}
	
	/* Профессиональная кнопка мобильного меню */
	.toggle-mobile-menu {
		min-height: 44px;
		min-width: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 12px;
		background: transparent;
		border: none;
		border-radius: 8px;
		margin: 0;
		transition: all 0.2s ease;
		color: #333;
		font-size: 20px;
		cursor: pointer;
		position: relative;
	}
	
	/* Гамбургер иконка */
	.toggle-mobile-menu::before {
		content: "☰";
		font-size: 24px;
		line-height: 1;
		color: #333;
	}
	
	.toggle-mobile-menu:active {
		background: rgba(0, 0, 0, 0.1);
	}
	
	/* Оптимизация для очень маленьких экранов */
	@media (max-width: 380px) {
		.top-nav-wrapper .content-wrap {
			padding: 0 10px;
		}
		
		.logo-with-text .logofont {
			font-size: 18px;
		}
		
		.toggle-mobile-menu {
			min-height: 40px;
			min-width: 40px;
			padding: 10px;
		}
		
		.toggle-mobile-menu::before {
			font-size: 20px;
		}
		
		#smobile-menu {
			width: 280px;
			max-width: 90vw;
		}
		
		#smobile-menu .main-navigation ul li a {
			padding: 16px 20px;
			font-size: 15px;
		}
	}
	
	/* Accessibility улучшения для мобильного меню */
	.toggle-mobile-menu {
		-webkit-tap-highlight-color: rgba(0, 167, 103, 0.3);
		touch-action: manipulation;
	}
	
	.toggle-mobile-menu:focus {
		outline: 2px solid #00a767;
		outline-offset: 2px;
	}
	
	/* Клавиатурная навигация */
	#smobile-menu .main-navigation ul li a:focus {
		background: linear-gradient(135deg, #00a767, #00c878);
		color: #fff;
		outline: 2px solid #fff;
		outline-offset: -2px;
	}
	
	/* Адаптивная типографика заголовков */
	.content-wrapper h2.entry-title {
		font-size: 18px !important;
		line-height: 1.3;
		margin-bottom: 10px;
	}
	
	/* Оптимизация карточек статей */
	article.blogposts-list {
		margin-bottom: 16px;
		border-radius: 8px;
		overflow: hidden;
	}
	
	.content-wrapper {
		padding: 12px 16px 16px;
	}
	
	/* Улучшение мета-информации */
	.content-wrapper .post-data-text {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		margin-bottom: 8px;
	}
	
	.post-category {
		font-size: 11px !important;
		padding: 3px 8px;
	}
	
	.post-date::before {
		display: none;
	}
	
	/* Адаптивные изображения */
	.featured-thumbnail {
		height: 200px;
		border-radius: 8px 8px 0 0;
	}
	
	/* Улучшение сайдбара */
	.swidgets-wrap {
		padding: 15px;
		margin-bottom: 15px;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	}
	
	/* Touch-friendly формы */
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea {
		min-height: 44px;
		padding: 12px 16px;
		font-size: 16px; /* Предотвращает zoom на iOS */
		border-radius: 6px;
		border: 2px solid #e1e5e9;
		transition: border-color 0.2s ease;
	}
	
	input:focus,
	textarea:focus {
		border-color: #00a767;
		outline: none;
		box-shadow: 0 0 0 3px rgba(0, 167, 103, 0.1);
	}
	
	/* Touch-friendly кнопки */
	button,
	input[type=button],
	input[type=reset],
	input[type=submit],
	.read-more-blogfeed a {
		min-height: 44px;
		padding: 12px 20px;
		font-size: 16px;
		border-radius: 8px;
		cursor: pointer;
		transition: all 0.2s ease;
	}
	
	/* Улучшение пагинации */
	.page-numbers li a {
		min-height: 44px;
		min-width: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 4px;
		border-radius: 8px;
		font-size: 16px;
	}
	
	/* Оптимизация footer */
	.site-footer {
		padding: 20px 0;
	}
	
	.footer-column-three {
		padding: 0 15px 20px;
	}
	
	/* Улучшение header */
	.top-nav-wrapper {
		padding: 8px 0;
	}
	
	.logofont {
		font-size: 20px;
	}
	
	/* Адаптивная header overlay */
	.header-img-overlay,
	.single-img-overlay {
		height: 250px;
		margin-top: -8px;
	}
	
	.bottom-header-title,
	.single-header-title {
		font-size: 24px !important;
		padding: 0 20px;
		line-height: 1.2;
	}
	
	.bottom-header-paragraph {
		font-size: 16px !important;
		padding: 0 20px;
	}
}

/* Стили для средних мобильных устройств */
@media (min-width: 481px) and (max-width: 767px) {
	.content-wrapper h2.entry-title {
		font-size: 20px;
	}
	
	.header-img-overlay,
	.single-img-overlay {
		height: 350px;
	}
	
	.bottom-header-title,
	.single-header-title {
		font-size: 32px;
	}
	
	.related-posts-grid {
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}
}

/* Улучшения для планшетов */
@media (min-width: 768px) and (max-width: 1023px) {
	.content-wrapper {
		padding: 20px 24px;
	}
	
	.content-wrapper h2.entry-title {
		font-size: 22px;
	}
	
	.header-img-overlay,
	.single-img-overlay {
		height: 400px;
	}
	
	/* Двухколоночная сетка для статей */
	.blogposts-list {
		display: flex;
		flex-direction: column;
	}
	
	.featured-img-box {
		display: flex;
	}
	
	.featured-thumbnail {
		width: 40%;
		height: 200px;
	}
	
	.content-wrapper {
		width: 60%;
		padding-left: 20px;
	}
}

/* Простой overlay */
@media (max-width: 1023px) {
	#mobile-menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 9998;
		display: none;
	}
	
	.mobile-menu-active #mobile-menu-overlay {
		display: block;
	}
	
	.mobile-menu-active body {
		overflow: hidden;
	}
}

/* Дополнительные touch-friendly улучшения */
@media (hover: none) and (pointer: coarse) {
	/* Стили специально для touch устройств */
	a, button, .toggle-mobile-menu, .page-numbers li a {
		-webkit-tap-highlight-color: rgba(0, 167, 103, 0.2);
	}
	
	/* Увеличиваем области нажатия для мобильных */
	.main-navigation ul li a {
		padding: 16px 20px;
	}
	
	/* Убираем hover эффекты на touch устройствах */
	.content-wrapper h2.entry-title a:hover,
	.read-more-blogfeed a:hover {
		color: inherit;
		text-decoration: none;
	}
}

/* Оптимизация производительности для мобильных */
@media (max-width: 768px) {
	/* Упрощение теней для лучшей производительности */
	article.blogposts-list {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}
	
	.swidgets-wrap {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}
	
	/* Оптимизация анимаций */
	* {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	
	/* Улучшение скроллинга */
	body {
		-webkit-overflow-scrolling: touch;
	}
}

/* Accessibility улучшения для мобильных */
@media (max-width: 767px) {
	/* Увеличение контрастности для мобильных */
	.content-wrapper .post-data-text * {
		color: #555 !important;
	}
	
	/* Улучшение focus состояний */
	a:focus,
	button:focus,
	input:focus,
	textarea:focus {
		outline: 2px solid #00a767;
		outline-offset: 2px;
	}
	
	/* Лучше читаемость на малых экранах */
	.content-wrapper .entry-content,
	.content-wrapper p {
		font-size: 15px;
		line-height: 1.6;
		color: #444;
	}
	
	/* Оптимизация загрузки изображений на мобильных */
	img {
		max-width: 100%;
		height: auto;
		image-rendering: -webkit-optimize-contrast;
	}
}

/* Dark mode support для мобильных */
@media (prefers-color-scheme: dark) and (max-width: 767px) {
	#smobile-menu {
		background-color: #1a1a1a;
		color: #fff;
	}
	
	.main-navigation ul li a {
		color: #fff;
		border-bottom-color: rgba(255, 255, 255, 0.1);
	}
}

/* High DPI displays оптимизация */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.featured-thumbnail img,
	.header-img-overlay img,
	.single-img-overlay img {
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
	}
}

/* ============================
   ДОПОЛНИТЕЛЬНЫЕ МОБИЛЬНЫЕ УЛУЧШЕНИЯ
   ============================ */

/* Профессиональные формы комментариев для мобильных */
@media (max-width: 767px) {
	.comments-area {
		padding: 0 15px;
		margin-top: 30px;
	}
	
	.single h2.comments-title {
		font-size: 22px;
		margin-bottom: 20px;
		text-align: center;
	}
	
	/* Улучшение полей комментариев */
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 0 0 15px 0 !important;
	}
	
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input,
	.comment-form-comment textarea {
		width: 100% !important;
		min-height: 44px;
		padding: 12px 16px;
		font-size: 16px;
		border: 2px solid #e1e5e9;
		border-radius: 8px;
		transition: all 0.2s ease;
	}
	
	.comment-form-comment textarea {
		min-height: 120px;
		resize: vertical;
	}
	
	/* Touch-friendly submit кнопка */
	.comments-area p.form-submit input {
		width: 100%;
		min-height: 50px;
		padding: 15px 20px;
		font-size: 16px;
		font-weight: 600;
		background-color: #00a767;
		border: none;
		border-radius: 8px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-top: 20px;
		cursor: pointer;
		transition: background-color 0.2s ease;
	}
	
	.comments-area p.form-submit input:active {
		background-color: #008a55;
	}
	
	/* Улучшение списка комментариев */
	.comments-area ol.comment-list .comment {
		padding: 15px 0 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #f0f0f0;
	}
	
	.comment-meta .vcard img {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		margin-right: 12px;
	}
	
	.comments-area .comment-content {
		padding: 15px 0 0 52px;
		font-size: 15px;
		line-height: 1.6;
	}
	
	.comments-area .reply {
		padding-left: 52px;
		margin-top: 10px;
	}
	
	.comment-reply-link {
		background: #f8f9fa;
		color: #00a767;
		padding: 8px 16px;
		border-radius: 20px;
		text-decoration: none;
		font-size: 14px;
		font-weight: 500;
		transition: all 0.2s ease;
	}
	
	.comment-reply-link:active {
		background: #e9ecef;
	}
}

/* Мобильная оптимизация поиска */
@media (max-width: 767px) {
	.search-form {
		display: flex;
		margin-bottom: 20px;
	}
	
	.search-form label {
		flex: 1;
		margin: 0;
	}
	
	.search-field {
		width: 100% !important;
		min-height: 44px;
		padding: 12px 16px;
		font-size: 16px;
		border: 2px solid #e1e5e9;
		border-radius: 8px 0 0 8px;
		border-right: none;
	}
	
	.search-submit {
		min-width: 60px;
		background: #00a767;
		border: 2px solid #00a767;
		border-radius: 0 8px 8px 0;
		color: #fff;
		cursor: pointer;
		transition: background-color 0.2s ease;
	}
	
	.search-submit:active {
		background: #008a55;
	}
	
	/* Поиск в сайдбаре */
	#secondary .search-form .search-field {
		border-radius: 25px;
		border-right: 2px solid #e1e5e9;
		padding-right: 50px;
	}
	
	#secondary .search-submit {
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
		background: transparent;
		border: none;
		color: #00a767;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		min-width: 40px;
	}
	
	#secondary .search-form {
		position: relative;
	}
}

/* Мобильная оптимизация архивных страниц */
@media (max-width: 767px) {
	.archive .page-header {
		text-align: center;
		padding: 20px 15px;
		background: #fff;
		border-radius: 8px;
		margin-bottom: 20px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	}
	
	.archive .page-header h1 {
		font-size: 24px;
		margin: 0;
		color: #1a1a1a;
	}
}

/* Улучшение 404 и результатов поиска */
@media (max-width: 767px) {
	.error404 main#main,
	.search-no-results section.fbox.no-results.not-found {
		padding: 30px 20px;
		text-align: center;
		border-radius: 8px;
	}
	
	.error404 h1,
	.search-no-results h1 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.error404 .search-form,
	.search-no-results .search-form {
		max-width: 300px;
		margin: 20px auto;
	}
}

/* Загрузка и прогресс для мобильных */
@media (max-width: 767px) {
	/* Скелетон-загрузка для карточек */
	.blogposts-list.loading {
		background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
		background-size: 200% 100%;
		animation: shimmer 1.5s infinite;
	}
	
	@keyframes shimmer {
		0% { background-position: -200% 0; }
		100% { background-position: 200% 0; }
	}
	
	/* Оптимизация прокрутки */
	.content-wrap {
		scroll-behavior: smooth;
	}
	
	/* Lazy loading для изображений */
	img[loading="lazy"] {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	img[loading="lazy"].loaded {
		opacity: 1;
	}
}

/* Специальные стили для iOS Safari */
@supports (-webkit-overflow-scrolling: touch) {
	@media (max-width: 767px) {
		/* Фикс viewport для iOS */
		body {
			-webkit-text-size-adjust: 100%;
		}
		
		/* Улучшение sticky элементов */
		.top-nav-wrapper {
			position: sticky;
			top: 0;
			z-index: 100;
			background: #fff;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		}
		
		/* Фикс input zoom на iOS */
		input, textarea, select {
			font-size: 16px !important;
		}
		
		/* Улучшение анимаций на iOS */
		.toggle-mobile-menu,
		.comment-reply-link,
		.read-more-blogfeed a {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
}

/* Android specific fixes */
@media (max-width: 767px) {
	/* Фикс для Android Chrome */
	.content-wrapper h2.entry-title,
	.single h1.entry-title {
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
	}
	
	/* Улучшение перформанса на старых Android */
	.featured-thumbnail img {
		will-change: transform;
	}
	
	/* Фикс touch delay на Android */
	a, button, .toggle-mobile-menu {
		touch-action: manipulation;
	}
}

/* PWA стили для мобильных */
@media (max-width: 767px) and (display-mode: standalone) {
	/* Стили для PWA режима */
	.top-nav-wrapper {
		padding-top: env(safe-area-inset-top, 8px);
	}
	
	.site-footer {
		padding-bottom: env(safe-area-inset-bottom, 20px);
	}
	
	/* Скрытие элементов браузера в PWA */
	.browser-only {
		display: none;
	}
}

/* ============================
   КРИТИЧЕСКИ ВАЖНЫЕ МОБИЛЬНЫЕ ФИКСЫ
   ============================ */

/* Viewport и базовые mobile-first стили */
@media (max-width: 767px) {
	/* Фикс переполнения контента */
	html, body {
		overflow-x: hidden;
		max-width: 100%;
	}
	
	/* Предотвращение горизонтальной прокрутки */
	.content-wrap,
	.header-img-overlay,
	.single-img-overlay {
		max-width: 100%;
		overflow-x: hidden;
	}
	
	/* Улучшение readability */
	p, li, td, th {
		word-wrap: break-word;
		overflow-wrap: break-word;
		hyphens: auto;
	}
	
	/* Обеспечение правильного масштабирования текста */
	html {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		text-size-adjust: none;
	}
	
	/* Улучшение tap targets */
	a, button, input, textarea, select, 
	.toggle-mobile-menu, .comment-reply-link {
		min-height: 44px;
		min-width: 44px;
	}
	
	/* Оптимизация шрифтов для мобильных */
	body, p, div, span, a, li {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
}

/* Критические performance оптимизации */
@media (max-width: 767px) {
	/* GPU ускорение для анимаций */
	.toggle-mobile-menu,
	#smobile-menu,
	.featured-thumbnail img,
	.header-img-overlay img {
		will-change: transform;
		transform: translateZ(0);
	}
	
	/* Оптимизация repaint/reflow */
	.content-wrapper,
	.blogposts-list,
	.swidgets-wrap {
		contain: layout style paint;
	}
	
	/* Ленивая загрузка для неважных элементов */
	.footer-column-three,
	.related-posts-section {
		content-visibility: auto;
		contain-intrinsic-size: 200px;
	}
	
	/* Отключение анимаций для пользователей с motion sensitivity */
	@media (prefers-reduced-motion: reduce) {
		*, *::before, *::after {
			animation-duration: 0.01ms !important;
			animation-iteration-count: 1 !important;
			transition-duration: 0.01ms !important;
		}
	}
}

/* Landscape orientation оптимизации */
@media (max-width: 767px) and (orientation: landscape) {
	.header-img-overlay,
	.single-img-overlay {
		height: 200px;
	}
	
	.bottom-header-title,
	.single-header-title {
		font-size: 20px !important;
	}
	
	.bottom-header-paragraph {
		font-size: 14px !important;
	}
	
	/* Компактный header в landscape */
	.top-nav-wrapper {
		padding: 5px 0;
	}
	
	.logofont {
		font-size: 18px;
	}
}

/* Фиксы для очень маленьких экранов */
@media (max-width: 320px) {
	.content-wrapper {
		padding: 10px 12px 12px;
	}
	
	.content-wrapper h2.entry-title {
		font-size: 16px !important;
	}
	
	.post-category {
		font-size: 10px !important;
		padding: 2px 6px;
	}
	
	.featured-thumbnail {
		height: 160px;
	}
	
	.swidgets-wrap {
		padding: 12px;
	}
	
	.comments-area {
		padding: 0 10px;
	}
}

/* Фиксы для Galaxy Fold и подобных устройств */
@media (max-width: 280px) {
	.content-wrapper h2.entry-title {
		font-size: 14px !important;
		line-height: 1.2;
	}
	
	.logofont {
		font-size: 16px;
	}
	
	.toggle-mobile-menu {
		padding: 6px 12px;
		margin: 8px 15px;
	}
}

/* Оптимизация для больших мобильных экранов */
@media (min-width: 414px) and (max-width: 767px) {
	.content-wrapper h2.entry-title {
		font-size: 21px;
	}
	
	.featured-thumbnail {
		height: 220px;
	}
	
	.header-img-overlay,
	.single-img-overlay {
		height: 300px;
	}
	
	.bottom-header-title,
	.single-header-title {
		font-size: 28px !important;
	}
}

/* ВОССТАНОВЛЕНИЕ ДЕСКТОПНОЙ НАВИГАЦИИ */
@media (min-width: 1024px) {
	/* Показ десктопного меню */
	.primary-menu .pmenu,
	.main-navigation {
		display: flex !important;
		visibility: visible !important;
	}
	
	/* Полное скрытие мобильных элементов */
	.toggle-mobile-menu,
	.super-menu,
	#smobile-menu,
	#mobile-menu-overlay {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Восстановление десктопного брендинга */
	.site-branding {
		display: inline-block !important;
	}
	
	/* Восстановление правильного layout */
	.top-nav-wrapper {
		position: static;
		box-shadow: none;
		padding: 15px 0;
	}
	
	.top-nav-wrapper .content-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0;
		max-width: 90%;
		margin: 0 auto;
	}
	
	.logo-container {
		flex: 0 0 auto;
		max-width: 30%;
		justify-content: flex-start;
	}
	
	.center-main-menu {
		flex: 1;
		max-width: 70%;
		justify-content: flex-end;
	}
}

/* Интеграция с системными темами */
@media (max-width: 767px) {
	/* Light theme по умолчанию */
	:root {
		--mobile-bg-color: #ffffff;
		--mobile-text-color: #1a1a1a;
		--mobile-border-color: #e1e5e9;
		--mobile-accent-color: #00a767;
	}
	
	/* Dark theme поддержка */
	@media (prefers-color-scheme: dark) {
		:root {
			--mobile-bg-color: #1a1a1a;
			--mobile-text-color: #ffffff;
			--mobile-border-color: #333333;
			--mobile-accent-color: #00c878;
		}
		
		body {
			background-color: var(--mobile-bg-color);
			color: var(--mobile-text-color);
		}
		
		.content-wrapper,
		.swidgets-wrap,
		article.blogposts-list {
			background: #222222;
			color: var(--mobile-text-color);
		}
		
		input, textarea {
			background: #333333;
			color: var(--mobile-text-color);
			border-color: var(--mobile-border-color);
		}
		
		.post-category {
			background: #333333;
			color: var(--mobile-accent-color);
		}
	}
}

/* Accessibility enhancement для мобильных */
@media (max-width: 767px) {
	/* Увеличение размера фокуса для screen readers */
	*:focus {
		outline: 3px solid #00a767;
		outline-offset: 2px;
	}
	
	/* Skip links для клавиатурной навигации */
	.skip-link {
		position: absolute;
		top: -40px;
		left: 6px;
		background: #00a767;
		color: #fff;
		padding: 8px 16px;
		text-decoration: none;
		border-radius: 4px;
		z-index: 9999;
		transition: top 0.2s ease;
	}
	
	.skip-link:focus {
		top: 6px;
	}
	
	/* Улучшение контрастности для accessibility */
	.content-wrapper .post-data-text * {
		color: #444 !important;
	}
	
	/* Индикаторы для screen readers */
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
}

/* Последние критические фиксы */
@media (max-width: 767px) {
	/* Предотвращение FOUC */
	html {
		visibility: visible;
		opacity: 1;
	}
	
	/* Фикс для WebKit scrolling */
	body {
		-webkit-overflow-scrolling: touch;
		scroll-behavior: smooth;
	}
	
	/* Оптимизация памяти */
	.featured-thumbnail img,
	.header-img-overlay img,
	.single-img-overlay img {
		content-visibility: auto;
		contain-intrinsic-size: 200px 150px;
	}
	
	/* Фикс white space под изображениями */
	img {
		display: block;
		vertical-align: top;
	}
	
	/* Critical rendering path optimization */
	.above-fold {
		contain: layout style paint;
	}
	
	.below-fold {
		content-visibility: auto;
	}
}

/* ============================
   ФИНАЛЬНЫЕ МОБИЛЬНЫЕ НАВИГАЦИОННЫЕ ФИКСЫ
   ============================ */

/* Гарантированное скрытие проблемных элементов на мобильных */
@media (max-width: 1023px) {
	/* Полное скрытие всех десктопных меню */
	.primary-menu .pmenu li,
	.primary-menu ul,
	.pmenu,
	ul.pmenu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}
	
	/* Принудительное отображение мобильных элементов */
	.super-menu {
		display: block !important;
		visibility: visible !important;
		width: 100%;
		background: transparent;
	}
	
	.super-menu-inner {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		background: transparent;
	}
	
	/* Чистый мобильный хедер без дублирования */
	.top-nav-wrapper {
		background: #fff;
		border-bottom: 1px solid #f0f0f0;
	}
	
	/* Убираем переносы текста в логотипе */
	.logofont {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/* Улучшение мобильного меню */
	#smobile-menu .main-navigation ul li a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/* Убираем любые float элементы на мобильных */
	.logo-container,
	.center-main-menu,
	.toggle-mobile-menu {
		float: none !important;
	}
}

/* Критические фиксы для корректной работы */
@media (max-width: 1023px) {
	/* Фикс z-index для правильного наслоения */
	#smobile-menu {
		z-index: 10000;
	}
	
	#mobile-menu-overlay {
		z-index: 9999;
	}
	
	.top-nav-wrapper {
		z-index: 1000;
		position: relative;
	}
	
	/* Убираем проблемы с flexbox на старых браузерах */
	.top-nav-wrapper .content-wrap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	/* Фикс для webkit браузеров */
	.toggle-mobile-menu {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
}

/* Ультра-специфичные фиксы для проблемных случаев */
@media screen and (max-width: 1023px) {
	/* Убираем абсолютно ВСЕ десктопные меню */
	nav.main-navigation,
	.main-navigation.main-navigationigation,
	.navigationigation,
	.primary-menu ul.pmenu,
	ul.pmenu li {
		display: none !important;
		position: absolute !important;
		left: -9999px !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}
	
	/* Форсированное отображение только нужных элементов */
	.toggle-mobile-menu {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		left: auto !important;
	}
	
	/* Убираем любые конфликтующие стили */
	.logo-container {
		position: relative !important;
		left: auto !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

/* Фикс для landscape ориентации на мобильных */
@media screen and (max-width: 1023px) and (orientation: landscape) {
	.top-nav-wrapper {
		padding: 8px 0;
	}
	
	.logo-with-text .logofont {
		font-size: 18px;
	}
	
	.toggle-mobile-menu {
		min-height: 40px;
		min-width: 40px;
	}
	
	#smobile-menu {
		width: 250px;
	}
	
	#smobile-menu .content-wrap {
		padding: 15px;
	}
	
	#smobile-menu .main-navigation ul li a {
		padding: 14px 20px;
		min-height: 48px;
	}
}

/* Финальный фикс для гарантированной работы */
@media (max-width: 1023px) {
	/* Критический CSS для мобильной навигации */
	body.mobile-menu-active {
		position: fixed;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	/* Предотвращение скачков layout */
	.top-nav-wrapper .content-wrap {
		min-height: 60px;
	}
	
	/* Smooth transitions для всех интерактивных элементов */
	.toggle-mobile-menu,
	#smobile-menu,
	#mobile-menu-overlay {
		will-change: transform, opacity, visibility;
		backface-visibility: hidden;
		perspective: 1000px;
	}
}

/* Простое восстановление десктопа */
@media (min-width: 1024px) {
	.primary-menu .pmenu {
		display: flex;
	}
	
	.super-menu {
		display: none;
	}
}

/* ==============================================
   ПРОСТОЕ РАБОЧЕЕ МОБИЛЬНОЕ МЕНЮ - ФИНАЛЬНАЯ ВЕРСИЯ
   ============================================== */

/* Базовые настройки для мобильных */
@media (max-width: 1023px) {
    /* Скрываем десктопное меню */
    .primary-menu .pmenu,
    .main-navigation {
        display: none;
    }
    
    /* Показываем мобильную кнопку */
    .super-menu {
        display: block;
        background: #fff;
        padding: 15px 0;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    
    .super-menu-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        max-width: 90%;
        margin: 0 auto;
    }
    
    .super-menu .logofont {
        font-size: 20px;
        font-weight: 700;
        color: #000;
        text-decoration: none;
    }
    
    .super-menu .toggle-mobile-menu {
        display: block;
        width: 45px;
        height: 45px;
        background: #000;
        border: none;
        border-radius: 5px;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        text-align: center;
        line-height: 45px;
    }
    
    .super-menu .toggle-mobile-menu:before {
        content: "☰";
        font-size: 20px;
    }
}

/* Мобильное выдвижное меню */
@media (max-width: 1023px) {
    #smobile-menu {
        position: fixed;
        top: 0;
        left: -280px;
        width: 280px;
        height: 100vh;
        background: #fff;
        box-shadow: 3px 0 15px rgba(0,0,0,0.2);
        z-index: 9999;
        transition: left 0.3s ease;
    }
    
    #smobile-menu.show {
        left: 0;
    }
    
    #smobile-menu .content-wrap {
        padding: 20px;
        background: #f5f5f5;
        border-bottom: 2px solid #eee;
        text-align: center;
    }
    
    #smobile-menu .content-wrap .logofont {
        font-size: 22px;
        font-weight: 700;
        color: #000;
    }
    
    #smobile-menu .main-navigation {
        display: block;
        padding: 20px 0;
    }
    
    #smobile-menu .main-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    #smobile-menu .main-navigation ul li {
        border-bottom: 1px solid #eee;
    }
    
    #smobile-menu .main-navigation ul li a {
        display: block;
        padding: 18px 25px;
        color: #333;
        text-decoration: none;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        transition: all 0.2s ease;
    }
    
    #smobile-menu .main-navigation ul li a:hover {
        background: #f0f0f0;
        color: #00a767;
        padding-left: 35px;
    }
}

/* Overlay для мобильного меню */
@media (max-width: 1023px) {
    #mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9998;
        display: none;
    }
    
    .mobile-menu-active #mobile-menu-overlay {
        display: block;
    }
    
    .mobile-menu-active body {
        overflow: hidden;
    }
}

/* Показываем десктопное меню на больших экранах */
@media (min-width: 1024px) {
    .super-menu {
        display: none;
    }
    
    .primary-menu .pmenu,
    .main-navigation {
        display: flex;
    }
}

/* Стили для виджета новостей согласно скриншоту */
.news-widget-section {
	background: #fff;
	padding: 30px 0;
	border-bottom: 1px solid #e5e5e5;
}

.news-widget-container {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
}

/* Левая колонка - Популярное */
.popular-section {
	padding-right: 20px;
	border-right: 1px solid #e5e5e5;
}

.section-title {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #ddd;
}

.popular-list {
	display: flex;
	flex-direction: column;
}

.popular-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0;
}

.popular-item:last-child {
	border-bottom: none;
}

.popular-time {
	color: #666;
	font-size: 12px;
	font-weight: 500;
	min-width: 35px;
	text-align: left;
	margin-top: 2px;
}

.popular-title {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	flex: 1;
}

.popular-title a {
	color: #333;
	text-decoration: none;
	font-weight: 400;
	transition: color 0.2s ease;
}

.popular-title a:hover {
	color: #0066cc;
}

/* Правая колонка - Последние статьи */
.recent-section {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.recent-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}

.recent-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.recent-content {
	flex: 1;
}

.recent-meta {
	margin-bottom: 8px;
}

.recent-time {
	color: #666;
	font-size: 12px;
	font-weight: 500;
}

.recent-title {
	margin: 0 0 12px 0;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
}

.recent-title a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s ease;
}

.recent-title a:hover {
	color: #0066cc;
}

.recent-author {
	display: flex;
	align-items: center;
	gap: 8px;
}

.recent-author img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
}

.recent-author .author-name {
	font-size: 13px;
	color: #666;
	font-weight: 500;
}

.recent-thumbnail {
	flex-shrink: 0;
	width: 120px;
	height: 90px;
	border-radius: 4px;
	overflow: hidden;
}

.recent-thumbnail a {
	display: block;
	width: 100%;
	height: 100%;
}

.recent-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s ease;
}

.recent-thumbnail:hover img {
	transform: scale(1.02);
}

/* Адаптивный дизайн */
@media (max-width: 768px) {
	.news-widget-section {
		padding: 20px 0;
	}
	
	.news-widget-container {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.popular-section {
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
		padding-right: 0;
		padding-bottom: 20px;
	}
	
	.recent-thumbnail {
		width: 100px;
		height: 75px;
	}
	
	.recent-title {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.news-widget-container {
		gap: 20px;
	}
	
	.recent-item {
		flex-direction: column;
		gap: 10px;
	}
	
	.recent-thumbnail {
		width: 100%;
		height: 150px;
		order: -1;
	}
	
	.popular-item {
		gap: 10px;
	}
	
	.popular-time {
		min-width: 30px;
	}
}

/* Выравнивание текста по левому краю в content-wrapper */
.content-wrapper {
	text-align: left;
}

/* Выравнивание краткого описания статей по левому краю */
.content-wrapper .entry-content,
.content-wrapper .entry-content p {
	text-align: left;
}

/* Оптимизация размеров блоков статей для более профессионального вида */
article.blogposts-list {
	margin-bottom: 20px;
	min-height: auto;
}

.featured-thumbnail {
	height: 200px;
	max-height: 200px;
	overflow: hidden;
}

.featured-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.content-wrapper {
	padding: 15px 20px 18px;
}

.content-wrapper h2.entry-title {
	font-size: 18px;
	line-height: 1.3;
	margin: 0 0 8px;
	padding-top: 0;
}

.content-wrapper .entry-content p {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.content-wrapper .post-data-text {
	margin-top: 8px;
	margin-bottom: 0;
}

.content-wrapper .post-data-text * {
	font-size: 13px;
	margin-bottom: 0;
}

/* Уменьшение отступов для компактности */
.blogposts-list .content-wrapper {
	padding: 15px 20px 15px;
}

/* Более компактные мета-данные */
.post-categories,
.post-date {
	margin-bottom: 5px;
}

.post-category {
	font-size: 11px;
	padding: 2px 6px;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
	.featured-thumbnail {
		height: 160px;
	}
	
	.content-wrapper h2.entry-title {
		font-size: 16px;
	}
	
	.content-wrapper .entry-content p {
		font-size: 13px;
		-webkit-line-clamp: 2;
	}
}

/* Дополнительные стили для сетки статей */
.featured-img-box {
	display: flex;
	min-height: 200px;
	max-height: 200px;
	background: #f8f9fa;
}

.featured-img-box .featured-thumbnail {
	width: 35%;
	flex-shrink: 0;
}

.featured-img-box .content-wrapper {
	width: 65%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Оптимизация кнопки "Читать далее" */
.read-more-blogfeed {
	margin-top: auto;
	padding-top: 8px;
}

.read-more-blogfeed a {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Улучшение типографики и интервалов */
.content-wrapper h2.entry-title a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #1a1a1a;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s ease;
}

.content-wrapper h2.entry-title a:hover {
	color: #0066cc;
}

/* Оптимизация мета-информации */
.entry-meta {
	margin: 5px 0 8px 0;
}

.entry-meta span {
	font-size: 12px;
	color: #666;
}

/* Профессиональные тени и эффекты */
article.blogposts-list {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: all 0.2s ease;
}

article.blogposts-list:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	transform: translateY(-1px);
}

/* Виджет "Трансферное окно" для сайдбара */
.transfer-window-widget {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid #e5e5e5;
	transition: all 0.3s ease;
}

.transfer-window-widget:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
}

.transfer-window-item {
	position: relative;
}

.transfer-window-thumb {
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
}

.transfer-window-thumb::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		45deg,
		rgba(0, 102, 204, 0.2) 0%,
		rgba(0, 153, 255, 0.2) 100%
	);
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.transfer-window-widget:hover .transfer-window-thumb::before {
	opacity: 1;
}

.transfer-window-thumb a {
	display: block;
	width: 100%;
	height: 100%;
}

.transfer-window-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.3s ease;
}

.transfer-window-widget:hover .transfer-window-thumb img {
	transform: scale(1.05);
}

.transfer-window-content {
	padding: 15px;
	background: #fff;
}

.transfer-window-title {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
}

.transfer-window-title a {
	color: #1a1a1a;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.3s ease;
}

.transfer-window-title a:hover {
	color: #0066cc;
}

/* Убираем иконку из правого верхнего угла */
.transfer-window-widget::after {
	display: none;
}

/* Адаптивность */
@media (max-width: 768px) {
	.transfer-window-thumb {
		height: 150px;
	}
	
	.transfer-window-title {
		font-size: 15px;
	}
	
	.transfer-window-content {
		padding: 12px;
	}
}

/* Стили для заголовка виджета */
#secondary .widget.widget_transfer_window_widget h3 {
	background: linear-gradient(135deg, #0066cc 0%, #0080ff 100%);
	color: #fff;
	padding: 12px 15px;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 8px 8px 0 0;
	position: relative;
}

#secondary .widget.widget_transfer_window_widget h3::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #0066cc;
}

/* Стили для контейнера виджета */
#secondary .widget.widget_transfer_window_widget {
	background: transparent;
	border: none;
	padding: 0;
	margin-bottom: 25px;
}

/* Стилизация пагинации в цветовой гамме сайта */
ul.page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 0;
	margin: 30px auto;
	list-style: none;
}

.page-numbers li {
	display: inline-flex;
	list-style: none;
}

.page-numbers li a,
.page-numbers.current,
span.page-numbers.dots {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	margin: 0;
	float: none;
}

/* Обычные страницы */
.page-numbers li a {
	background: #f8f9fa;
	color: #333;
	border-color: #e9ecef;
}

.page-numbers li a:hover {
	background: #0066cc;
	color: #fff;
	border-color: #0066cc;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

/* Текущая страница */
.page-numbers.current {
	background: linear-gradient(135deg, #0066cc 0%, #0080ff 100%);
	color: #fff;
	border-color: #0066cc;
	opacity: 1;
	box-shadow: 0 4px 12px rgba(0, 102, 204, 0.4);
}

/* Точки (...) */
span.page-numbers.dots {
	background: transparent;
	color: #666;
	border: none;
	font-weight: 400;
	cursor: default;
}

/* Кнопки "Предыдущая" и "Следующая" */
.page-numbers li a.prev,
.page-numbers li a.next {
	background: #00a767;
	color: #fff;
	border-color: #00a767;
	font-weight: 700;
	padding: 0 16px;
}

.page-numbers li a.prev:hover,
.page-numbers li a.next:hover {
	background: #008f5a;
	border-color: #008f5a;
	box-shadow: 0 4px 12px rgba(0, 167, 103, 0.3);
}

/* Русские названия для навигации */
.page-numbers li a.prev::before {
	content: '← Предыдущая';
	margin-right: 5px;
	font-weight: bold;
}

.page-numbers li a.next::after {
	content: 'Следующая →';
	margin-left: 5px;
	font-weight: bold;
}

/* Скрываем оригинальный текст кнопок, если он есть */
.page-numbers li a.prev,
.page-numbers li a.next {
	font-size: 0;
}

.page-numbers li a.prev::before,
.page-numbers li a.next::after {
	font-size: 14px;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
	ul.page-numbers {
		gap: 4px;
		margin: 20px auto;
	}
	
	.page-numbers li a,
	.page-numbers.current,
	span.page-numbers.dots {
		min-width: 36px;
		height: 36px;
		font-size: 13px;
		padding: 0 8px;
	}
	
	.page-numbers li a.prev,
	.page-numbers li a.next {
		padding: 0 12px;
	}
	
	/* Короткие названия для мобильных */
	.page-numbers li a.prev::before {
		content: '← Пред.';
	}
	
	.page-numbers li a.next::after {
		content: 'След. →';
	}
	
	.nav-links .nav-previous a::before {
		content: '← Предыдущая';
	}
	
	.nav-links .nav-next a::after {
		content: 'Следующая →';
	}
}

/* Только стрелки для очень маленьких экранов */
@media (max-width: 480px) {
	.page-numbers li a.prev::before {
		content: '←';
		margin-right: 0;
	}
	
	.page-numbers li a.next::after {
		content: '→';
		margin-left: 0;
	}
	
	.nav-links .nav-previous a::before {
		content: '←';
		margin-right: 0;
	}
	
	.nav-links .nav-next a::after {
		content: '→';
		margin-left: 0;
	}
	
	.page-numbers li a.prev,
	.page-numbers li a.next {
		min-width: 36px;
		padding: 0;
	}
}

/* Стили для навигации постов */
.nav-links {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
	gap: 20px;
}

.nav-links .nav-previous,
.nav-links .nav-next {
	flex: 1;
	max-width: 45%;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
	display: inline-flex;
	align-items: center;
	padding: 12px 20px;
	background: #f8f9fa;
	color: #333;
	text-decoration: none;
	border-radius: 8px;
	border: 2px solid #e9ecef;
	transition: all 0.3s ease;
	font-weight: 600;
}

.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
	background: #0066cc;
	color: #fff;
	border-color: #0066cc;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

.nav-links .nav-previous a::before {
	content: '← Предыдущая запись';
	margin-right: 8px;
	font-size: 14px;
	font-weight: 600;
}

.nav-links .nav-next a::after {
	content: 'Следующая запись →';
	margin-left: 8px;
	font-size: 14px;
	font-weight: 600;
}

/* Скрываем оригинальный текст навигации постов */
.nav-links .nav-previous a,
.nav-links .nav-next a {
	font-size: 0;
}

.nav-links .nav-previous a::before,
.nav-links .nav-next a::after {
	font-size: 14px;
}

/* Дополнительные стили для пагинации блога */
.pag-wrapper {
	margin: 40px 0;
	text-align: center;
}

.pag-wrapper ul.page-numbers {
	margin: 0 auto;
	display: inline-flex;
}

/* Переопределение старых стилей пагинации */
.page-numbers li a {
	background: #f8f9fa !important;
	color: #333 !important;
	border-color: #e9ecef !important;
	box-shadow: none !important;
}

.page-numbers li a:hover {
	background: #0066cc !important;
	color: #fff !important;
	border-color: #0066cc !important;
}

.page-numbers.current {
	background: linear-gradient(135deg, #0066cc 0%, #0080ff 100%) !important;
	color: #fff !important;
	border-color: #0066cc !important;
	opacity: 1 !important;
}

/* Улучшение доступности */
.page-numbers li a:focus,
.page-numbers.current:focus {
	outline: 3px solid rgba(0, 102, 204, 0.3);
	outline-offset: 2px;
}

/* Анимация загрузки для пагинации */
.page-numbers li a.loading {
	position: relative;
	color: transparent !important;
}

.page-numbers li a.loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	border-top: 2px solid transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Стили для бесконечной прокрутки */
#load-more-wrap {
	text-align: center;
	margin: 30px 0;
}

#load-more-wrap a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	background: linear-gradient(135deg, #0066cc 0%, #0080ff 100%);
	color: #fff;
	text-decoration: none;
	border-radius: 25px;
	font-weight: 600;
	transition: all 0.3s ease;
	border: none;
	min-width: 160px;
}

#load-more-wrap a:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 102, 204, 0.4);
	background: linear-gradient(135deg, #0080ff 0%, #00a3ff 100%);
}

#load-more-wrap a:active {
	transform: translateY(0);
}

/* Русификация кнопки "Загрузить еще" */
#load-more-wrap a::before {
	content: '';
}

#load-more-wrap a::after {
	content: '';
}

/* Если используется текст по умолчанию, заменяем его */
#load-more-wrap a[href*="load"] {
	position: relative;
}

#load-more-wrap a[href*="load"]::before {
	content: 'Загрузить еще';
	font-weight: 600;
}

/* Стили для различных состояний пагинации */
.page-numbers li a.disabled {
	background: #f1f3f4 !important;
	color: #9aa0a6 !important;
	border-color: #f1f3f4 !important;
	cursor: not-allowed;
	pointer-events: none;
}

/* Специальные стили для первой и последней страниц */
.page-numbers li:first-child a,
.page-numbers li:last-child a {
	font-weight: 700;
}

/* Индикатор активной страницы убран по просьбе пользователя */

/* Стили для мини-пагинации в виджетах */
.widget .page-numbers li a,
.widget .page-numbers.current {
	min-width: 32px;
	height: 32px;
	font-size: 12px;
	padding: 0 8px;
}

/* Hover-эффекты с улучшенной производительностью */
.page-numbers li a {
	will-change: transform, box-shadow;
}

/* Темная тема для пагинации (опционально) */
@media (prefers-color-scheme: dark) {
	.page-numbers li a {
		background: #374151 !important;
		color: #f9fafb !important;
		border-color: #4b5563 !important;
	}
	
	.page-numbers li a:hover {
		background: #0066cc !important;
		color: #fff !important;
	}
	
	span.page-numbers.dots {
		color: #9ca3af !important;
	}
}

/* Стили для pagination в архивах и категориях */
.archive .pag-wrapper,
.category .pag-wrapper,
.tag .pag-wrapper {
	border-top: 1px solid #e9ecef;
	padding-top: 30px;
	margin-top: 40px;
}

/* Стили для pagination в поиске */
.search-results .pag-wrapper {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 8px;
	margin: 30px 0;
}

/* Микро-анимации для лучшего UX */
.page-numbers li {
	transform: scale(1);
	transition: transform 0.1s ease;
}

.page-numbers li:hover {
	transform: scale(1.05);
}

.page-numbers li:active {
	transform: scale(0.98);
}

/* Стили для очень длинной пагинации */
.page-numbers-wrapper {
	overflow-x: auto;
	padding: 10px 0;
}

.page-numbers-wrapper::-webkit-scrollbar {
	height: 4px;
}

.page-numbers-wrapper::-webkit-scrollbar-track {
	background: #f1f3f4;
}

.page-numbers-wrapper::-webkit-scrollbar-thumb {
	background: #0066cc;
	border-radius: 2px;
}

/* =================================================================
   НОВОЕ ПРОФЕССИОНАЛЬНОЕ МОБИЛЬНОЕ МЕНЮ
   Убираем все конфликты и создаем современное меню с нуля
   ================================================================= */

/* Сброс всех старых стилей мобильного меню */
#smobile-menu,
.toggle-mobile-menu,
#mobile-menu-overlay,
.super-menu,
.mobile-menu-active {
	all: unset;
}

/* Кнопка гамбургер-меню */
.toggle-mobile-menu {
	display: none;
	position: relative;
	width: 44px;
	height: 44px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	z-index: 1001;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.toggle-mobile-menu:hover {
	background: rgba(0, 102, 204, 0.1);
}

.toggle-mobile-menu:focus {
	outline: 2px solid #0066cc;
	outline-offset: 2px;
}

/* Иконка гамбургера */
.toggle-mobile-menu::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 2px;
	background: #333;
	border-radius: 2px;
	box-shadow: 
		0 -6px 0 #333,
		0 6px 0 #333;
	transition: all 0.3s ease;
}

/* Анимация превращения в X */
.mobile-menu-active .toggle-mobile-menu::before {
	background: transparent;
	box-shadow: 
		0 0 0 #333,
		0 0 0 #333;
	transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-menu-active .toggle-mobile-menu::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	width: 24px;
	height: 2px;
	background: #333;
	border-radius: 2px;
}

/* Overlay для затемнения фона */
#mobile-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.mobile-menu-active #mobile-menu-overlay {
	opacity: 1;
	visibility: visible;
}

/* Само мобильное меню */
#smobile-menu {
	position: fixed;
	top: 0;
	right: -100%;
	width: 320px;
	max-width: 85vw;
	height: 100vh;
	background: #fff;
	z-index: 1000;
	transition: right 0.3s ease;
	box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
	overflow-y: auto;
}

.mobile-menu-active #smobile-menu {
	right: 0;
}

/* Заголовок мобильного меню */
#smobile-menu .mobile-menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	background: linear-gradient(135deg, #0066cc 0%, #0080ff 100%);
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#smobile-menu .mobile-menu-header .logofont {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
}

#smobile-menu .mobile-menu-close {
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease;
}

#smobile-menu .mobile-menu-close:hover {
	background: rgba(255, 255, 255, 0.3);
}

#smobile-menu .mobile-menu-close::before {
	content: '×';
	font-size: 20px;
	font-weight: bold;
}

/* Навигация внутри мобильного меню */
#smobile-menu .main-navigation {
	padding: 0;
}

#smobile-menu .main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#smobile-menu .main-navigation ul li {
	border-bottom: 1px solid #f0f0f0;
}

#smobile-menu .main-navigation ul li:last-child {
	border-bottom: none;
}

#smobile-menu .main-navigation ul li a {
	display: flex;
	align-items: center;
	padding: 16px 20px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	transition: all 0.2s ease;
	position: relative;
}

#smobile-menu .main-navigation ul li a:hover {
	background: #f8f9fa;
	color: #0066cc;
	padding-left: 30px;
}

#smobile-menu .main-navigation ul li a::after {
	content: '→';
	margin-left: auto;
	opacity: 0;
	transform: translateX(-10px);
	transition: all 0.2s ease;
}

#smobile-menu .main-navigation ul li a:hover::after {
	opacity: 1;
	transform: translateX(0);
}

/* Подменю */
#smobile-menu .main-navigation ul ul {
	background: #f8f9fa;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

#smobile-menu .main-navigation ul ul.active {
	max-height: 500px;
}

#smobile-menu .main-navigation ul ul li a {
	padding: 12px 20px 12px 40px;
	font-size: 14px;
	color: #666;
}

#smobile-menu .main-navigation ul ul li a:hover {
	background: #e9ecef;
	padding-left: 50px;
}

/* Стрелка для подменю */
#smobile-menu .main-navigation ul li.menu-item-has-children > a::after {
	content: '▼';
	font-size: 12px;
	transition: transform 0.2s ease;
}

#smobile-menu .main-navigation ul li.menu-item-has-children.active > a::after {
	transform: rotate(180deg);
}

/* Адаптивность для мобильного меню */
@media (max-width: 1023px) {
	.toggle-mobile-menu {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.super-menu {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px;
		background: #fff;
		border-bottom: 1px solid #e9ecef;
		position: relative;
		z-index: 1002;
	}
	
	.primary-menu .pmenu {
		display: none;
	}
	
	/* Блокировка скролла при открытом меню */
	.mobile-menu-active body {
		overflow: hidden;
	}
}

@media (max-width: 768px) {
	#smobile-menu {
		width: 280px;
	}
	
	#smobile-menu .mobile-menu-header {
		padding: 15px;
	}
	
	#smobile-menu .main-navigation ul li a {
		padding: 14px 15px;
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	#smobile-menu {
		width: 100%;
		max-width: none;
	}
}

/* Улучшенная доступность */
@media (prefers-reduced-motion: reduce) {
	#smobile-menu,
	#mobile-menu-overlay,
	.toggle-mobile-menu::before,
	.toggle-mobile-menu::after {
		transition: none;
	}
}

/* Темная тема для мобильного меню */
@media (prefers-color-scheme: dark) {
	#smobile-menu {
		background: #1f2937;
		color: #f9fafb;
	}
	
	#smobile-menu .main-navigation ul li {
		border-bottom-color: #374151;
	}
	
	#smobile-menu .main-navigation ul li a {
		color: #f9fafb;
	}
	
	#smobile-menu .main-navigation ul li a:hover {
		background: #374151;
	}
	
	#smobile-menu .main-navigation ul ul {
		background: #374151;
	}
}

/* JavaScript не требуется! Мобильное меню работает на чистом CSS */
/* Добавляем триггеры для интерактивности */

/* Показ/скрытие меню через checkbox hack */
.mobile-menu-checkbox {
	display: none;
}

.mobile-menu-checkbox:checked ~ #mobile-menu-overlay {
	opacity: 1;
	visibility: visible;
}

.mobile-menu-checkbox:checked ~ #smobile-menu {
	right: 0;
}

.mobile-menu-checkbox:checked ~ * .toggle-mobile-menu::before {
	background: transparent;
	box-shadow: 0 0 0 #333, 0 0 0 #333;
	transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-menu-checkbox:checked ~ * .toggle-mobile-menu::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	width: 24px;
	height: 2px;
	background: #333;
	border-radius: 2px;
}

/* Связываем кнопку с checkbox */
.toggle-mobile-menu {
	cursor: pointer;
}

/* Блокировка скролла */
.mobile-menu-checkbox:checked ~ body {
	overflow: hidden;
}

/* Улучшенные стили для интерактивности */
#smobile-menu .main-navigation ul li.has-submenu > a {
	position: relative;
}

/* Стили для активных пунктов меню */
#smobile-menu .main-navigation ul li.current-menu-item > a,
#smobile-menu .main-navigation ul li.current_page_item > a {
	background: #f0f8ff;
	color: #0066cc;
	font-weight: 600;
}

#smobile-menu .main-navigation ul li.current-menu-item > a::before,
#smobile-menu .main-navigation ul li.current_page_item > a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #0066cc;
}

/* Добавляем эффект загрузки */
.mobile-menu-loading #smobile-menu::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #0066cc, transparent);
	animation: loading 1.5s infinite;
}

@keyframes loading {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(100%); }
}

/* Стили для логотипа в super-menu */
.super-menu-inner .logofont {
	color: #333;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
}

.super-menu-inner .custom-logo {
	max-height: 40px;
	width: auto;
}

.super-menu-inner .site-logo-img img {
	max-height: 40px;
	width: auto;
}

/* Убираем дублирование ссылок в super-menu */
.super-menu .toggle-mobile-menu a {
	display: none;
}

/* Правильное позиционирование элементов в super-menu */
.super-menu-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

/* Стили для индикатора загрузки страниц */
.page-loading::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #0066cc, transparent);
	z-index: 9999;
	animation: loading 1.5s infinite;
}

/* Оптимизация производительности */
.toggle-mobile-menu,
#smobile-menu,
#mobile-menu-overlay {
	will-change: transform, opacity;
}

/* Печать: скрываем мобильное меню */
@media print {
	.toggle-mobile-menu,
	#smobile-menu,
	#mobile-menu-overlay,
	.super-menu {
		display: none !important;
	}
}

/* =================================================================
   РАЗНОЦВЕТНЫЕ КНОПКИ КАТЕГОРИЙ ВНУТРИ HEADER-IMG-ACTIVATED
   ================================================================= */

/* Контейнер секции кнопок категорий */
.category-buttons-section {
	position: absolute;
	bottom: -60px;
	left: 0;
	right: 0;
	z-index: 3;
	padding: 0 20px;
}

/* Контейнер кнопок */
.category-buttons-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
	max-width: 800px;
	margin: 0 auto;
}

/* Стили для разноцветных кнопок категорий */
.category-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border: none;
	border-radius: 20px;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.3s ease;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
	min-height: 40px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Эффект hover */
.category-button:hover {
	transform: translateY(-2px) scale(1.05);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
	filter: brightness(1.1);
}

/* Анимация блика при hover */
.category-button::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transition: left 0.5s ease;
}

.category-button:hover::before {
	left: 100%;
}

/* Название категории */
.category-name {
	font-weight: 600;
	letter-spacing: 0.3px;
	white-space: nowrap;
	position: relative;
	z-index: 1;
}

/* Адаптивность для планшетов */
@media (max-width: 1023px) {
	.category-buttons-section {
		bottom: -40px;
		padding: 0 15px;
	}
	
	.category-buttons-container {
		gap: 8px;
	}
	
	.category-button {
		padding: 8px 16px;
		font-size: 13px;
		min-height: 36px;
	}
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
	.category-buttons-section {
		bottom: -30px;
		padding: 0 10px;
	}
	
	.category-buttons-container {
		gap: 6px;
		justify-content: center;
	}
	
	.category-button {
		padding: 6px 12px;
		font-size: 12px;
		min-height: 32px;
	}
	
	.category-name {
		max-width: 80px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* Очень маленькие экраны */
@media (max-width: 480px) {
	.category-buttons-container {
		gap: 4px;
		max-width: 100%;
	}
	
	.category-button {
		padding: 5px 10px;
		font-size: 11px;
		min-height: 28px;
	}
	
	.category-name {
		max-width: 60px;
	}
}

/* Стили для случая, когда нет header image */
.no-header-image .category-buttons-section {
	position: relative;
	bottom: auto;
	padding: 30px 20px;
	background: #f8f9fa;
	border-top: 1px solid #e9ecef;
}

.no-header-image .category-button {
	color: #333 !important;
	text-shadow: none;
}

.no-header-image .category-button:hover {
	color: #fff !important;
}

/* Анимация появления кнопок */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.category-button {
	animation: fadeInUp 0.6s ease forwards;
}

/* Задержка анимации для каждой кнопки */
.category-button:nth-child(1) { animation-delay: 0.1s; opacity: 0; }
.category-button:nth-child(2) { animation-delay: 0.2s; opacity: 0; }
.category-button:nth-child(3) { animation-delay: 0.3s; opacity: 0; }
.category-button:nth-child(4) { animation-delay: 0.4s; opacity: 0; }
.category-button:nth-child(5) { animation-delay: 0.5s; opacity: 0; }
.category-button:nth-child(6) { animation-delay: 0.6s; opacity: 0; }
.category-button:nth-child(7) { animation-delay: 0.7s; opacity: 0; }
.category-button:nth-child(8) { animation-delay: 0.8s; opacity: 0; }

/* Темная тема - сохраняем разноцветность */
@media (prefers-color-scheme: dark) {
	.category-button {
		filter: brightness(0.8);
	}
	
	.category-button:hover {
		filter: brightness(1.2);
	}
}

/* Высокая контрастность */
@media (prefers-contrast: high) {
	.category-button {
		border: 2px solid #000;
		box-shadow: none;
	}
	
	.category-button:hover {
		border-color: #fff;
		filter: invert(1);
	}
}

/* Отключение анимаций для пользователей с ограниченной подвижностью */
@media (prefers-reduced-motion: reduce) {
	.category-button {
		transition: none;
		animation: none;
		opacity: 1;
	}
	
	.category-button::before {
		display: none;
	}
	
	.category-button:hover {
		transform: none;
	}
}

/* Добавляем отступ для кнопок которые выходят за пределы header */
.header-img-activated + .site-content {
	margin-top: 70px !important;
}

@media (max-width: 1023px) {
	.header-img-activated + .site-content {
		margin-top: 60px !important;
	}
}

@media (max-width: 768px) {
	.header-img-activated + .site-content {
		margin-top: 50px !important;
	}
}