/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
## Bootstrap Sameheight
## Miscellaneous
## Font Fix Screen
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
}
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;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp,
tt,
var {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
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 {
	line-height: normal;
}
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 #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
p {
	margin-bottom: 1.5em;
}
dfn,
cite,
em {
	font-style: italic;
}
cite {
	font-weight: 600;
}
blockquote {
	margin: 0 1.5em 20px;
	border-color: #000000;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #fff;
	font-family: Menlo, Consolas, monaco, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
}
blockquote,
q {
	quotes: '' '';
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1em 1em;
	padding-left: 20px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
	margin-bottom: 10px;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}
figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 0;
	width: 100%;
}
table th,
table td {
	border: 1px solid #e5e5e5;
	padding: 5px;
	text-align: center;
	transition: all ease 0.31s;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	background-color: #000000;
	border: medium none;
	color: #fff;
	padding: 2px 15px;
}
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
	background-color: #000;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
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'],
textarea {
	color: #666;
	border: 1px solid #e5e5e5;
	transition: all ease 0.31s;
}
select {
	border: 1px solid #e5e5e5;
	transition: all ease 0.31s;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']: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,
textarea:focus {
	color: #111;
}
textarea {
	width: 100%;
}
form.post-password-form label > input {
	background: #f8f8f8;
	border: 1px solid #dcdcdc;
	padding: 10px 8px;
}
form.post-password-form input {
	padding: 11px 15px;
	font-weight: 700;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:link,
a:visited {
	transition: all ease 0.31s;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#content[tabindex='-1']:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
.widget select {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*='wp-image-'] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.byline,
.updated:not(.published) {
	display: none;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Bootstrap Sameheight
--------------------------------------------------------------*/
@media (min-width: 1200px) {
	.auto-clear > .col-lg-1:nth-child(12n + 1) {
		clear: left;
	}
	.auto-clear > .col-lg-2:nth-child(6n + 1) {
		clear: left;
	}
	.auto-clear > .col-lg-3:nth-child(4n + 1) {
		clear: left;
	}
	.auto-clear > .col-lg-4:nth-child(3n + 1) {
		clear: left;
	}
	.auto-clear > .col-lg-6:nth-child(odd) {
		clear: left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.auto-clear > .col-md-1:nth-child(12n + 1) {
		clear: left;
	}
	.auto-clear > .col-md-2:nth-child(6n + 1) {
		clear: left;
	}
	.auto-clear > .col-md-3:nth-child(4n + 1) {
		clear: left;
	}
	.auto-clear > .col-md-4:nth-child(3n + 1) {
		clear: left;
	}
	.auto-clear > .col-md-6:nth-child(odd) {
		clear: left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.auto-clear > .col-sm-1:nth-child(12n + 1) {
		clear: left;
	}
	.auto-clear > .col-sm-2:nth-child(6n + 1) {
		clear: left;
	}
	.auto-clear > .col-sm-3:nth-child(4n + 1) {
		clear: left;
	}
	.auto-clear > .col-sm-4:nth-child(3n + 1) {
		clear: left;
	}
	.auto-clear > .col-sm-6:nth-child(odd) {
		clear: left;
	}
}
@media (max-width: 767px) {
	.auto-clear > .col-1:nth-child(12n + 1) {
		clear: left;
	}
	.auto-clear > .col-2:nth-child(6n + 1) {
		clear: left;
	}
	.auto-clear > .col-3:nth-child(4n + 1) {
		clear: left;
	}
	.auto-clear > .col-4:nth-child(3n + 1) {
		clear: left;
	}
	.auto-clear > .col-6:nth-child(odd) {
		clear: left;
	}
}
/*--------------------------------------------------------------
## Miscellaneous
--------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
	.ipad-fix {
		width: 100%;
	}
	.ipad-fix-pad {
		width: 100%;
		padding-bottom: 30px;
	}
	.ipad-width-50,
	.width-50 {
		width: 50%;
	}
	.center-background {
		background: none;
	}
}
@media (max-width: 767px) {
	.ipad-fix-pad {
		width: 100%;
		padding-bottom: 30px;
	}
}
.padding-right-fix {
	padding-right: 50px;
}
@media (max-width: 767px) {
	.padding-right-fix {
		padding-right: 0px;
	}
}
/*column */
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}


.archive-compact-header {
    background: #f7f8fa;
    border-bottom: 2px solid #e53e3e;
    margin-bottom: 30px;
    position: relative;
}

.archive-compact-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #e53e3e 50%, transparent 100%);
}

.archive-header-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.archive-header-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
    position: relative;
}

.archive-left-section {
    flex: 0 0 auto;
    margin-right: 20px;
}

.archive-stats-mini {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    border: 1px solid #fed7d7;
    border-radius: 8px;
    padding: 8px 12px;
    box-shadow: 0 2px 4px rgba(229, 62, 62, 0.08);
    min-width: 70px;
}

.mini-stat-number {
    font-size: 18px;
    font-weight: 700;
    color: #e53e3e;
    line-height: 1;
}

.mini-stat-text {
    font-size: 10px;
    color: #718096;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 2px;
}

.archive-center-section {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.archive-icon-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
    border-radius: 50%;
    color: white;
    font-size: 16px;
    margin-bottom: 8px;
    box-shadow: 0 2px 8px rgba(229, 62, 62, 0.25);
}

.archive-compact-title {
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 4px 0;
    color: #2d3748;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.archive-compact-subtitle {
    font-size: 14px;
    color: #718096;
    margin: 0;
    font-weight: 400;
    line-height: 1.3;
}

.archive-right-section {
    flex: 0 0 auto;
    margin-left: 20px;
}

.archive-year-mini {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
    color: white;
    border-radius: 6px;
    padding: 8px 12px;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(229, 62, 62, 0.25);
    min-width: 50px;
    text-align: center;
}

/* Адаптивность */
@media (max-width: 768px) {
    .archive-header-content {
        padding: 0 20px;
    }
    
    .archive-header-layout {
        padding: 20px 0;
        flex-direction: column;
        gap: 15px;
    }
    
    .archive-left-section,
    .archive-right-section {
        margin: 0;
    }
    
    .archive-center-section {
        order: -1;
    }
    
    .archive-compact-title {
        font-size: 24px;
    }
    
    .archive-compact-subtitle {
        font-size: 13px;
    }
    
    .archive-stats-mini {
        padding: 6px 10px;
        min-width: 60px;
    }
    
    .mini-stat-number {
        font-size: 16px;
    }
    
    .mini-stat-text {
        font-size: 9px;
    }
}

@media (max-width: 480px) {
    .archive-header-content {
        padding: 0 15px;
    }
    
    .archive-header-layout {
        padding: 18px 0;
        gap: 12px;
    }
    
    .archive-icon-mini {
        width: 35px;
        height: 35px;
        font-size: 14px;
        margin-bottom: 6px;
    }
    
    .archive-compact-title {
        font-size: 22px;
    }
    
    .archive-compact-subtitle {
        font-size: 12px;
    }
    
    .archive-year-mini {
        padding: 6px 10px;
        font-size: 13px;
    }
}