/*
:root {
	--color-black: #000b0c;
	--color-white: #ffffff;
	--color-red: #cd2e25;
	--color-placeholder: #858585;
	--color-1: #FFD7D7;
	--color-2: #FFEDD7;
	--color-3: #FCFFD7;
	--color-4: #DFFFD7;
	--color-5: #D7FAFF;
	--color-6: #D7D9FF;
	--font-family-base: 'Mabry Pro';
	--font-family-text: 'Garamond Premiere Pro';
	--font-size-base: 22px;
	--font-size-heading: 1rem;
	--font-size-title-404: 176px;
	--grid-nav-header-gap: 20px;
	--transition-duration: 0.4s
}

@font-face {
	font-family: 'Garamond Premiere Pro';
	src: url(../fonts/GaramondPremrPro.woff2) format('woff2'), url(../fonts/GaramondPremrPro.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Garamond Premiere Pro';
	src: url(../fonts/GaramondPremrPro-It.woff2) format('woff2'), url(../fonts/GaramondPremrPro-It.woff) format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Mabry Pro';
	src: url(../fonts/MabryPro-Regular.woff2) format('woff2'), url(../fonts/MabryPro-Regular.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Mabry Pro';
	src: url(../fonts/MabryPro-Italic.woff2) format('woff2'), url(../fonts/MabryPro-Italic.woff) format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Mabry Pro';
	src: url(../fonts/MabryPro-Light.woff2) format('woff2'), url(../fonts/MabryPro-Light.woff) format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Mabry Pro';
	src: url(../fonts/MabryPro-LightItalic.woff2) format('woff2'), url(../fonts/MabryPro-LightItalic.woff) format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap
}
*/

:root {
	--color-black: #000b0c;
	--color-white: #ffffff;
	--color-red: #1E40AF; /*#cd2e25;*/
	--color-placeholder: #858585;
	--color-1: #FFD7D7;
	--color-2: #FFEDD7;
	--color-3: #FCFFD7;
	--color-4: #DFFFD7;
	--color-5: #D7FAFF;
	--color-6: #D7D9FF;
	--font-family-base: 'Raleway';
	--font-family-text: 'Roboto';
	--font-size-base: 22px;
	--font-size-heading: 1rem;
	--font-size-title-404: 176px;
	--grid-nav-header-gap: 20px;
	--transition-duration: 0.4s
}

@font-face {
	font-family: icomoon;
	src: url(../fonts/icomoon.eot?kz3i7h1);
	src: url(../fonts/icomoon.eot?kz3i7h1#iefix) format('embedded-opentype'), url(../fonts/icomoon.ttf?kz3i7h1) format('truetype'), url(../fonts/icomoon.woff?kz3i7h1) format('woff'), url(../fonts/icomoon.svg?kz3i7h1#icomoon) format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: block
}

h1, h2, h3, h4, h5 {
	font-weight: 600 !important;
}

.hero .posts__card--big .posts__card-title > * {
	font-size: 32px !important;
	line-height: 1.1 !important;
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-audio:before {
	content: "\e90b"
}

.icon-youtube:before {
	content: "\e90a"
}

.icon-views:before {
	content: "\e900"
}

.icon-linkedin:before {
	content: "\e901"
}

.icon-arrow-prev:before {
	content: "\e902"
}

.icon-arrow-next:before {
	content: "\e903"
}

.icon-search:before {
	content: "\e904"
}

.icon-email:before {
	content: "\e905"
}

.icon-telegram:before {
	content: "\e906"
}

.icon-twitter:before {
	content: "\e907"
}

.icon-facebook:before {
	content: "\e908"
}

.icon-instagram:before {
	content: "\e909"
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

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

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

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

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

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

body,
html {
	width: 100%;
	height: 100%
}

html {
	font-size: var(--font-size-base)
}

body {
	font-family: var(--font-family-text);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-black);
	background-color: var(--color-white);
	min-width: 320px;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body[data-bg-color=color-1] {
	background-color: var(--color-1)
}

body[data-bg-color=color-2] {
	background-color: var(--color-2)
}

body[data-bg-color=color-3] {
	background-color: var(--color-3)
}

body[data-bg-color=color-4] {
	background-color: var(--color-4)
}

body[data-bg-color=color-5] {
	background-color: var(--color-5)
}

body[data-bg-color=color-6] {
	background-color: var(--color-6)
}

body[data-page-type="404"] {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

p {
	margin-top: 0;
	margin-bottom: 20px;
	letter-spacing: .3px
}

p:last-child {
	margin-bottom: 0
}

a {
	color: inherit;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all var(--transition-duration);
	-moz-transition: all var(--transition-duration);
	-ms-transition: all var(--transition-duration);
	-o-transition: all var(--transition-duration);
	transition: all var(--transition-duration)
}

a:not(.invert-on-hover):active,
a:not(.invert-on-hover):focus,
a:not(.invert-on-hover):hover {
	color: var(--color-red);
	border-color: var(--color-red) !important
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
	padding: 0;
	font-family: var(--font-family-base);
	line-height: 1.2;
	font-weight: 300
}

h1,
h2,
h3 {
	font-size: var(--font-size-heading);
	font-weight: 400;
	/*letter-spacing: -1px*/
}

blockquote {
	position: relative;
	padding: var(--padding-blockquote);
	margin-bottom: 40px;
	margin-left: 0;
	margin-right: 0
}

blockquote:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	bottom: 5px;
	width: 1px;
	background-color: #000
}

blockquote.wp-block-quote:before {
	background-color: #fff;
}

blockquote p {
	font-size: var(--font-size-blockquote);
	/* line-height: 1.14 !important */
}

blockquote.wp-block-quote p {
	font-size: 22px !important;
	font-style: italic;
}

blockquote p:last-of-type {
	margin-bottom: 20px
}

cite {
	font-size: 1rem;
	font-style: normal;
	font-weight: 300
}

ol,
ul {
	padding: 0;
	margin: 0
}

ul {
	list-style: none
}

menu {
	margin: 0;
	padding: 0
}

figure {
	margin: 0;
	padding: 0
}

picture {
	display: block
}

video {
	width: 100%
}

iframe {
	width: 100% !important
}

iframe[src*=youtube] {
	height: auto;
	aspect-ratio: 1.77777778
}

form {
	margin: 0
}

fieldset {
	border: none;
	margin: 0;
	padding: 0
}

i+span {
	display: inline-block;
	vertical-align: middle
}

input {
	border: none;
	outline: 0;
	width: 100%;
	padding: 0
}

input[type=email],
input[type=search] {
	border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	background: 0 0
}

input[type=search]::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}

button {
	border: none;
	background: 0 0;
	color: inherit;
	padding: 0;
	cursor: pointer;
	-webkit-appearance: none
}

input[type=email],
input[type=text] {
	background-color: transparent;
	color: inherit
}

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

input[type=email]:-webkit-autofill,
input[type=email]:-webkit-autofill:active,
input[type=email]:-webkit-autofill:focus,
input[type=email]:-webkit-autofill:hover {
	transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill {
	-webkit-text-fill-color: var(--color-black)
}

.footer input:-webkit-autofill {
	-webkit-text-fill-color: var(--color-white)
}

input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--color-black)
}

.footer input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--color-white)
}

input[type=range] {
	position: relative;
	-webkit-appearance: none;
	outline: 0
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: linear-gradient(to right, rgba(0, 0, 0, .6) var(--buffered-width), #d6d6d6 var(--buffered-width))
}

input[type=range]::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: var(--seek-before-width);
	height: 3px;
	background-color: #000;
	cursor: pointer
}

input[type=range]::-webkit-slider-thumb {
	position: relative;
	-webkit-appearance: none;
	box-sizing: content-box;
	border: 1px solid #000;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	margin: -7px 0 0 0
}

input[type=range]:active::-webkit-slider-thumb {
	transform: scale(1.2)
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: linear-gradient(to right, rgba(0, 0, 0, .6) var(--buffered-width), #d6d6d6 var(--buffered-width))
}

input[type=range]::-moz-range-progress {
	background-color: #000
}

input[type=range]::-moz-focus-outer {
	border: 0
}

input[type=range]::-moz-range-thumb {
	box-sizing: content-box;
	border: 1px solid #000;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer
}

input[type=range]:active::-moz-range-thumb {
	transform: scale(1.2)
}

input[type=range]::-ms-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: 0 0;
	border: solid transparent;
	color: transparent
}

input[type=range]::-ms-fill-lower {
	background-color: #000
}

input[type=range]::-ms-fill-upper {
	background: linear-gradient(to right, rgba(0, 0, 0, .6) var(--buffered-width), #d6d6d6 var(--buffered-width))
}

input[type=range]::-ms-thumb {
	box-sizing: content-box;
	border: 1px solid #000;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer
}

input[type=range]:active::-ms-thumb {
	transform: scale(1.2)
}

.hidden {
	display: none !important
}

.grid {
	display: grid;
	grid-template-areas: "header""main""footer";
	grid-template-rows: min-content auto min-content
}

.button {
	display: inline-block
}

.button span {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-family: var(--font-family-base);
	font-size: var(--font-size-button);
	font-weight: 300;
	line-height: 1;
	letter-spacing: .33px;
	text-align: center;
	transition: all var(--transition-duration);
	padding: 7px 30px
}

.button[data-theme=dark] span {
	border: 1px solid var(--color-black)
}

[data-page-type="404"] .button[data-theme=dark] span {
	border-color: var(--color-white)
}

.button[data-theme=light] span {
	font-size: 15px;
	border: 1px solid var(--color-white);
	color: var(--color-white)
}

.button:not(.invert-on-hover):active span,
.button:not(.invert-on-hover):focus span,
.button:not(.invert-on-hover):hover span {
	border-color: var(--color-red);
	color: var(--color-red)
}

.button[data-theme=dark].invert-on-hover:active span,
.button[data-theme=dark].invert-on-hover:focus span,
.button[data-theme=dark].invert-on-hover:hover span {
	background: var(--color-black);
	color: var(--color-white)
}

[data-page-type="404"] .button[data-theme=dark].invert-on-hover:active span,
[data-page-type="404"] .button[data-theme=dark].invert-on-hover:focus span,
[data-page-type="404"] .button[data-theme=dark].invert-on-hover:hover span {
	background: var(--color-white);
	color: var(--color-black)
}

.button[data-theme=light].invert-on-hover:active span,
.button[data-theme=light].invert-on-hover:focus span,
.button[data-theme=light].invert-on-hover:hover span {
	background: var(--color-white);
	color: var(--color-red);
	border-color: var(--color-white)
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes sticky {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes sticky {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes sticky {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.header {
	grid-area: header;
	display: grid;
	grid-template-areas: "menu";
	background-color: var(--color-white);
	padding: var(--padding-top-header) var(--grid-margin) var(--padding-bottom-header);
	border-bottom: 1px solid #000
}

[data-page-type="frontpage"] .header, [data-page-type=post] .header {
	border-bottom: none
}

[data-page-type="404"] .header {
	background-color: transparent;
	color: var(--color-white);
	border-bottom-color: var(--color-white)
}

[data-bg-color=color-1] .header {
	background-color: var(--color-1)
}

[data-bg-color=color-2] .header {
	background-color: var(--color-2)
}

[data-bg-color=color-3] .header {
	background-color: var(--color-3)
}

[data-bg-color=color-4] .header {
	background-color: var(--color-4)
}

[data-bg-color=color-5] .header {
	background-color: var(--color-5)
}

[data-bg-color=color-6] .header {
	background-color: var(--color-6)
}

.header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	border-bottom: none
}

.menu {
	grid-area: menu
}

.menu__container {
	display: grid
}

.nav_categories {
	grid-area: nav-categories
}

.nav_services {
	grid-area: nav-services
}

.nav_themes {
	grid-area: nav-themes
}

.nav_footer {
	grid-area: nav-footer
}

.nav_footer .nav__items {
	display: flex;
	flex-direction: column;
	font-size: var(--font-size-nav-footer)
}

.nav__items {
	display: flex;
	font-weight: 400;
	line-height: 1.1
}

.nav_categories .nav__items,
.nav_services .nav__items,
.nav_themes .nav__items {
	font-size: .9rem
}

.nav_categories .nav__items {
	gap: 20px 25px;
	letter-spacing: -.063rem
}

.nav_services .nav__items {
	gap: 20px 17px;
	justify-content: flex-end
}

.nav_themes .nav__items {
	margin: 0 -3px;
	letter-spacing: -.01rem;
	row-gap: 20px
}

.nav_themes .nav__item.nav__delimiter span {
	display: block;
	background: var(--color-black)
}

.logo {
	grid-area: logo
}

.logo__link {
	display: block;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}

.header .logo__link {
	max-width: var(--max-width-header-logo);
	margin: 0 auto
}

.header .logo {
	position: absolute;
	left: 50%;
	width: var(--max-width-header-logo);
	transform: translateX(-50%)
}

.header.sticky .logo {
	position: fixed
}

.footer .logo__link {
	max-width: 130px
}

[data-page-type="404"] .logo__link svg path:first-child,
[data-page-type="404"] .logo__link svg path:last-child {
	fill: var(--color-white)
}

.main {
	display: grid;
	row-gap: 40px;
	padding-top: 40px;
	padding-bottom: 100px
}

[data-page-type=frontpage] .main,
[data-page-type=post] .main {
	padding-top: 0
}

[data-page-type=page][data-page-name=find] .main {
	padding-top: 26px
}

[data-page-type=category] .main {
	grid-template-areas: "page-header""cards"
}

[data-page-type=page] .content p:not([class]) {
	font-family: var(--font-family-text);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3
}

[data-page-type=page] .content h2 {
	font-size: 1.3rem;
	margin-top: 30px;
	margin-bottom: 20px
}

[data-page-type=page] .content h3 {
	font-size: 1.3rem;
	margin-top: 30px;
	margin-bottom: 20px
}

[data-page-type=page] .content a {
  color: var(--color-red);
}

[data-page-type=post] .content .wp-block-heading.audio {
	position: relative;
	padding-left: 44px;
	margin-bottom: 36px
}

[data-page-type=post] .content .wp-block-heading.audio:before {
	content: "\e90b";
	font-family: icomoon !important;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid #000;
	font-size: .9rem;
	padding-right: 1px;
	color: #000
}

[data-page-type=page] .content .feedback {
	font-size: .9rem;
	line-height: 1.5;
	letter-spacing: -.2px
}

[data-page-type=post] .content a {
	color: var(--color-red)
}

[data-page-type=post] .content h2,
[data-page-type=post] .content h3 {
	font-size: 1.3rem;
	margin-top: 30px;
	margin-bottom: 20px
}

[data-page-type=post] .content p:not([class]) {
	font-family: var(--font-family-text);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3
}

.content ol,
.content ul {
	font-family: var(--font-family-text);
	font-size: 18px;
	list-style-position: inside;
	margin-bottom: 20px;
	padding-left: 20px;
}

.content ol li,
.content ul li {
	margin-bottom: 10px
}

.content ol li:last-child,
.content ul li:last-child {
	margin-bottom: 0
}

.content ul {
	list-style-type: disc
}

.title {
	font-size: var(--font-size-title);
	margin-bottom: 20px
}

.no-js .slider {
	display: grid;
	gap: 60px
}

.no-js .article__header .slider .slider__item:not(:first-child) {
	display: none
}

[data-page-type=post] .content .slider {
	margin-bottom: 40px
}

.slider-with-thumbs {
	position: relative
}

.slider__dots,
.slider__navs {
	position: absolute;
	display: flex;
	color: var(--color-white);
	z-index: 3
}

.slider__navs {
	justify-content: space-between;
	z-index: 3
}

.slider__dots {
	justify-content: center;
	z-index: 2
}

[data-page-type=post] .slider__dots {
	transform: translateY(-12px)
}

.slider__nav {
	position: relative;
	display: block;
	width: 28px;
	height: 28px;
	border: 1px solid var(--color-white);
	border-radius: 50%;
	-webkit-transition: all var(--transition-duration);
	-moz-transition: all var(--transition-duration);
	-ms-transition: all var(--transition-duration);
	-o-transition: all var(--transition-duration);
	transition: all var(--transition-duration)
}

.slider__nav i {
	font-size: .4rem;
	position: absolute;
	top: 53%;
	transform: translate(-50%, -50%);
	left: 50%
}

.slider__nav:not(.disabled):hover {
	background: var(--color-white);
	color: var(--color-black)
}

.slider__nav.disabled {
	color: #525252;
	border-color: #525252
}

.slider__dot {
	position: relative;
	width: 20%;
	height: 1px;
	background-color: var(--color-white);
	transition: background-color var(--transition-duration)
}

.slider__dot.active {
	background-color: #525252
}

.slider__thumb {
	position: absolute;
	width: 100%
}

.slider__thumb figure {
	position: relative
}

.slider__thumb figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.slide__figure {
	position: relative;
	height: 548px;
	overflow: hidden
}

.slide__figure:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg, rgba(0, 11, 12, 0) 0, #000b0c 73.66%, #000b0c 99.7%, #000b0c 99.71%);
	z-index: 2
}

.slide__figure img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center
}

.slider-with-thumbs.wide>.slider .slide__figure {
	height: 820px
}

.slider-with-thumbs.wide>.thumbs .slide__figure {
	height: 64px
}

.slider-with-thumbs.wide>.thumbs .slide__figure:after {
	content: none
}

.slide__figcaption {
	position: absolute;
	z-index: 3;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -1px;
	color: var(--color-white)
}

.wide .slide__figcaption {
	width: auto
}

.thumbs {
	display: flex;
	flex-direction: row;
	position: absolute;
	z-index: 3
}

.thumbs__item {
	width: 100%;
	cursor: pointer
}

.thumbs__figure {
	position: relative
}

.thumbs__figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover
}

.no-js .thumbs {
	display: none
}

.themes {
	margin: 0 var(--grid-margin);
	border-bottom: 1px solid #000
}

.themes__label p {
	font-size: .9rem;
	line-height: 1;
	letter-spacing: -1px
}

.themes__list {
	padding-top: 20px
}

.themes__list-item {
	font-size: 15px;
	line-height: 1.3;
	letter-spacing: -1px
}

.themes__list-item.active {
	color: var(--color-red)
}

.form__items {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: end;
	column-gap: var(--column-gap-form-items)
}

.form__item {
	position: relative
}

.form__item_search {
	width: 100%
}

.form__input {
	position: relative;
	font-family: var(--font-family-title);
	width: 100%
}

.form__input_email::placeholder {
	font-family: var(--font-family-base);
	font-weight: 300;
	color: var(--color-placeholder);
	font-size: 12px;
	padding-left: 2px
}

.form__input_search::placeholder {
	font-family: var(--font-family-base);
	font-weight: 300;
	color: var(--color-placeholder);
	font-size: 20px;
	padding-left: 2px
}

.form__input::placeholder:after {
	content: ''
}

.form__input_search {
	width: 100%;
	padding: 15px 30px 15px 50px
}

.form__input_email,
.form__input_search {
	border-left: none;
	border-right: none;
	border-top: none
}

.form__input_email {
	border-bottom: 1px solid var(--color-black)
}

[data-page-type="404"] .form__input_email {
	border-color: var(--color-white)
}

.form__input_search {
	border-bottom: 1px solid #000
}

.form__button {
	width: 100%
}

.form__button span {
	padding: var(--padding-form-button)
}

.article {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	gap: 40px;
	padding: 0 var(--grid-margin)
}

.article__thumbnail {
	position: relative;
	overflow: hidden
}

.article[data-thumb-template=default] .article__thumbnail img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center
}

.article[data-thumb-template=default] .article__thumbnail:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg, rgba(0, 11, 12, 0) 0, #000b0c 73.66%, #000b0c 99.7%, #000b0c 99.71%);
	z-index: 2
}

.article__no-thumbnail {
	border-top: 1px solid #000;
	padding-top: 40px
}

.article__slider,
.article__video {
	grid-area: single-thumb;
	display: grid;
	gap: 40px;
	border-top: 1px solid #000;
	padding-top: 40px
}

.article__meta {
	grid-area: single-meta
}

.article[data-thumb-template=default] .article__thumbnail .article__details {
	position: absolute;
	z-index: 3;
	color: var(--color-white)
}

.article__title {
	font-size: var(--font-size-article-title);
	line-height: 1
}

.article__meta {
	display: grid;
	grid-template-rows: auto;
	font-size: 14px
}

.article__tags {
	grid-area: single-tags;
	line-height: 1.1
}

.article__credentials {
	grid-area: single-credentials;
	display: grid;
	align-items: start;
	grid-template-rows: auto;
	gap: 7px
}

.article__body {
	position: relative
}

.article__post-date {
	grid-area: single-date
}

.article__views {
	grid-area: single-views;
	display: flex;
	column-gap: 7px
}

.article__views i {
	padding-top: 1px
}

.article__views[data-visible-status="0"] {
	visibility: hidden
}

.article__category {
	grid-area: single-category
}

.article__footer {
	margin-top: 20px
}

.article__similar-posts {
	padding-top: 60px
}

.article__similar-posts h4 {
	font-weight: 400
}

.article .wide.size-full {
	margin-left: var(--grid-margin-invert);
	margin-right: var(--grid-margin-invert)
}

.article-author__thumb {
	position: relative;
	width: 160px;
	height: 160px;
	margin-bottom: 20px
}

.article-author__thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%
}

.article-author__info {
	font-size: 14px;
	line-height: 1;
	color: #000
}

.article-author__name {
	font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
}

.credentials__item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px
}

.credentials__figure {
	position: relative;
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 50%
}

.credentials__figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.credentials__info {
	display: flex;
	flex-direction: column;
	line-height: 1.1
}

.authors {
	display: grid;
	gap: 100px
}

.authors__list {
	display: grid;
	gap: 40px;
	padding: 0 10px
}

.authors__item {
	position: relative;
	grid-column-end: span 2
}

.authors__thumb {
	grid-area: authors-thumb;
	position: relative;
	width: 84px;
	height: 84px
}

[data-role=editor] .authors__thumb {
	width: 190px;
	height: 190px
}

.authors__thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%
}

.authors__permalink {
	display: grid;
	grid-template-columns: min-content auto;
	grid-template-areas: "authors-thumb authors-details";
	gap: 20px
}

.authors__details {
	grid-area: authors-details
}

.authors__details {
	font-size: .9rem;
	line-height: 1
}

.authors__name {
	font-weight: 400
}

.author {
	display: grid;
	column-gap: var(--grid-margin);
	margin-left: var(--grid-margin);
	margin-right: var(--grid-margin)
}

.author__left {
	grid-area: author-left
}

.author__details {
	grid-area: author-details
}

.author__posts {
	grid-area: author-posts
}

.author__thumb {
	grid-area: author-thumb;
	position: relative;
	width: 160px;
	height: 160px;
	margin-bottom: 20px
}

.author__thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%
}

.author__info {
	font-size: 14px;
	line-height: 1
}

.author__name {
	font-size: var(--font-size-title);
	font-weight: 400;
	margin-bottom: 10px
}

.author__position {
	margin-bottom: var(--margin-bottom-title)
}

.author__permalink {
	display: inline-block;
	font-size: .9rem;
	margin-top: 40px
}

.author__permalink span {
	display: inline-block;
	vertical-align: middle;
	padding: 1px 0 0 5px
}

.author__contacts:not(:last-child) {
	margin-bottom: 20px
}

.author__contacts-title {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -.1px;
	margin-bottom: 10px
}

.author__contacts-list {
	display: flex;
	flex-direction: row;
	column-gap: 17px
}

.author__contacts-list a {
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #000;
	border-radius: 50%;
	position: relative
}

.author__contacts-list a i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px
}

.author__contacts-list a[href*=linkedin] i {
	font-size: 15px
}

.author__posts-title {
	margin-bottom: 40px
}

.subscribe {
	grid-area: subscribe
}

.subscribe__title {
	font-size: var(--font-size-subscribe-title);
	font-weight: 300;
	line-height: 1.1
}

.socials {
	grid-area: socials
}

.socials__items {
	display: flex;
	gap: var(--grid-margin);
	padding: 0;
	list-style: none !important
}

.socials:not([data-template=footer]) .socials__link {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: var(--grid-margin);
	padding: 0 30px;
	height: 54px
}

.socials:not([data-template=footer]) .socials__link span {
	font-size: 14px;
	text-transform: uppercase
}

.socials:not([data-template=footer]) .socials__link[href*="facebook.com"] i {
	font-size: 1.2rem
}

.socials:not([data-template=footer]) .socials__link[href*="youtube.com"] i {
	font-size: .8rem
}

.socials:not([data-template=footer]) .socials__link[href*="twitter.com"] i {
	font-size: 1rem
}

.socials:not([data-template=footer]) .socials__link[href*="t.me"] i {
	font-size: 1.1rem
}

.socials:not([data-template=footer]) .socials__items {
	flex-wrap: wrap
}

.socials[data-template=about_us] .socials__link {
	border: 1px solid #000
}

.socials[data-template=follow_us] .socials__link {
	color: var(--color-white);
	border: 1px solid #fff
}

.socials[data-template=follow_us] .socials__link:active,
.socials[data-template=follow_us] .socials__link:focus,
.socials[data-template=follow_us] .socials__link:hover {
	background-color: var(--color-white);
	color: var(--color-black)
}

.socials[data-template=about_us] .socials__items {
	column-gap: var(--grid-margin)
}

.socials[data-template=footer] .socials__link span {
	display: none
}

.page {
	margin: 0 var(--grid-margin)
}

.page-header {
	padding: 0 var(--grid-margin)
}

.page-header__title {
	letter-spacing: -.3px
}

.page-header__description p {
	letter-spacing: -.01em;
	line-height: 1.21
}

.load-more {
	display: flex;
	justify-content: center;
	margin-top: var(--margin-top-load-more)
}

.load-more__link {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid var(--color-black);
	border-radius: 50%
}

[data-ajax-run="1"] .load-more__link {
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite
}

.load-more__link span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--color-black)
}

.load-more__link span:first-child {
	width: 37px;
	height: 1px
}

.load-more__link span:last-child {
	width: 1px;
	height: 37px
}

.load-more__link:active,
.load-more__link:focus,
.load-more__link:hover {
	border-color: var(--color-red)
}

.cards {
	display: grid;
	gap: var(--grid-cards-gap);
	padding: 0 var(--grid-margin)
}

.js .slider.owl-carousel .card {
	display: block
}

.card[data-template=wide] .card__figure:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg, rgba(0, 11, 12, 0) 0, #000b0c 73.66%, #000b0c 99.7%, #000b0c 99.71%);
	z-index: 2
}

.js .slider.owl-carousel .card[data-template=wide] .card__figure:after {
	content: none
}

.card[data-template=wide] .card__title {
	line-height: 1
}

.card[data-template=wide] .card__excerpt {
	display: none
}
.card[data-template=wide] .card__author{
	color: var(--color-white);
}

.js .slider.owl-carousel .card[data-template=wide] .card__meta {
	margin-top: 15px;
	color: var(--color-red)
}

.slider.owl-carousel .card[data-template=wide] .card__label {
	display: none
}

.js .slider.owl-carousel .card[data-template=default] .card__permalink,
.js .slider.owl-carousel .card[data-template=short] .card__permalink {
	display: block
}

.card[data-template=default] .card__figure,
.card[data-template=short] .card__figure {
	width: 100%
}

.card[data-template=default] .card__details,
.card[data-template=short] .card__details {
	position: relative
}

.js .slider.owl-carousel .card[data-template=default] .card__details,
.js .slider.owl-carousel .card[data-template=short] .card__details {
	opacity: 0;
	transition: opacity var(--transition-duration)
}

.js .slider.owl-carousel .active .card[data-template=default] .card__details,
.js .slider.owl-carousel .active .card[data-template=short] .card__details {
	opacity: 1
}

.card[data-template=default] .card__title,
.card[data-template=short] .card__title {
	/* letter-spacing: -.3px */
}

.js .slider.owl-carousel .card[data-template=default] .card__title,
.js .slider.owl-carousel .card[data-template=short] .card__title {
	line-height: 1
}

.card[data-template=default] .card__category,
.card[data-template=short] .card__category {
	z-index: 2
}

.card[data-template=three-columns] .card__permalink {
	display: grid;
	gap: var(--grid-margin)
}

.card[data-template=three-columns] .card__thumb {
	width: 100%
}

.card[data-template=more] .card__permalink {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: "card-thumb card-details";
	gap: var(--grid-margin)
}

.card[data-template=more] .card__thumb {
	width: 100%
}

.card[data-template=more] .card__details {
	position: relative
}

.card__container {
	position: relative
}

.card__permalink {
	display: block;
	height: 100%
}

.card__thumb {
	height: 100%
}

.card__figure {
	position: relative;
	height: 100%
}

.card__figure img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center
}

.card__excerpt p {
	font-weight: 400;
	letter-spacing: -.1px
}

.card__meta {
	display: flex;
	column-gap: 30px;
	font-family: var(--font-family-text);
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1.27;
	color: var(--color-red)
}

[data-page-type=post] .card__meta {
	font-size: .6363rem
}

.card__label {
	display: none
}

.card__category span {
	border: 1px solid #000;
	border-radius: 50px;
	padding: 2px 30px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -.1px
}

.card__category.invert-on-hover:active span,
.card__category.invert-on-hover:focus span,
.card__category.invert-on-hover:hover span {
	color: var(--color-white);
	background: var(--color-black)
}

.card__container {
	grid-area: card
}

.card__thumb {
	grid-area: card-thumb
}

.card__info {
	grid-area: card-info
}

.card__details {
	grid-area: card-details
}

.search-form {
	padding: 0 var(--grid-margin)
}

.search-form .form__item_submit {
	position: absolute;
	left: 12px;
	top: 55%;
	transform: translateY(-50%);
	z-index: 2;
	font-size: .9rem;
	color: var(--color-placeholder)
}

.share {
	grid-area: share
}

.share__title {
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 20px
}

.share__buttons {
	display: flex;
	gap: 20px;
	align-items: center
}

.share__button {
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
	border: 1px solid #000;
	border-radius: 50%
}

.share__button i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.share__button:last-child i {
	transform: translate(-55%, -50%)
}

.video {
	position: relative;
	cursor: pointer
}

.video__controls {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 130px;
	height: 130px;
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.video__controls span {
	display: block;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 40px solid #fff;
	border-bottom: 25px solid transparent;
	margin-left: 10px
}

.video video[poster] {
	width: 100%;
	object-fit: cover
}

.article__header .video video[poster] {
	height: var(--height-video-poster)
}

.wp-block-video .video video[poster] {
	height: var(--height-video-poster-content)
}

.audio {
	position: relative;
	display: grid;
	column-gap: 20px;
	grid-template-columns: min-content auto var(--width-audio-time-controls);
	align-items: center;
	height: 77px;
	border: 1px solid #000;
	padding: 0 20px;
	margin-bottom: 40px
}

.audio__play-button {
	position: relative;
	cursor: pointer;
	width: 38px;
	height: 38px;
	border: 1px solid #000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.audio:not(.playing) .audio__play-button span {
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 14px solid #000;
	border-bottom: 10px solid transparent;
	margin-left: 3px
}

.audio.playing .audio__play-button span {
	display: flex;
	flex-direction: row;
	column-gap: 3px
}

.audio.playing .audio__play-button span:after,
.audio.playing .audio__play-button span:before {
	content: '';
	width: 3px;
	height: 17px;
	background: #000
}

.audio__time-controls {
	display: flex;
	column-gap: var(--column-gap-audio-time-controls);
	justify-content: flex-end
}

.audio__time {
	font-size: var(--font-size-audio-time);
	color: #d6d6d6
}

.audio__time:last-child {
	margin-left: -10px
}

.audio__time:last-child:before {
	content: '/';
	padding-right: var(--padding-right-audio-time-after)
}

.footer {
	display: grid;
	grid-area: footer;
	gap: var(--grid-gutter);
	background-color: transparent;
	padding: var(--padding-top-footer) 0 var(--padding-bottom-footer);
	margin: 0 var(--grid-margin)
}

[data-page-type="404"] .footer {
	background-color: transparent;
	color: var(--color-white)
}

.usage {
	grid-area: usage;
	display: flex;
	align-items: end;
	max-width: 240px;
	margin: 0 auto 0;
	font-size: var(--font-size-usage);
	line-height: 1.1
}

.usage a {
	border-bottom: 1px solid
}

.copyright {
	grid-area: copyright;
	display: flex;
	align-items: end;
	font-size: var(--font-size-usage)
}

.note {
	margin-bottom: 40px
}

.note__container {
	display: grid;
	column-gap: var(--grid-margin);
	border: 1px solid #000;
	border-radius: 10px
}

.note__header {
	grid-area: note-header
}

.note__header i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-family-text);
	font-style: italic;
	width: 33px;
	height: 33px;
	border: 1px solid var(--color-black);
	border-radius: 50%;
	margin-top: 5px
}

.note:not(.info) .note__header {
	display: none
}

.note__body {
	grid-area: note-body
}

[data-page-type=post] .content .note p {
	font-family: var(--font-family-text);
	font-weight: 400;
	/* letter-spacing: -.3px */
}

.note:last-child {
	margin-bottom: 0
}

.donation {
	padding: 60px calc(var(--grid-margin) + 6px);
	margin-bottom: 40px
}

.donation[data-bg-color=red] {
	background-color: var(--color-red);
	color: var(--color-white)
}

.donation[data-bg-color=black] {
	background-color: var(--color-black);
	color: var(--color-white)
}

.donation[data-bg-color=white] {
	background-color: var(--color-white);
	color: var(--color-black)
}

.donation:last-child {
	margin-bottom: 0
}

[data-page-type=post] .content .donation__title {
	margin: 0 0 20px
}

[data-page-type=post] .content .donation__description p {
	font-family: var(--font-family-base);
	font-size: .9rem;
	font-weight: 300
}

[data-page-type=post] .content .donation__description {
	margin-bottom: 30px
}

.follow-us {
	background-color: var(--color-black);
	color: var(--color-white);
	padding: 60px calc(var(--grid-margin) + 6px);
	margin-bottom: 40px
}

.follow-us:last-child {
	margin-bottom: 0
}

[data-page-type=post] .content .follow-us__title {
	margin: 0 0 20px
}

[data-page-type=post] .content .follow-us__description {
	font-family: var(--font-family-base);
	font-size: .9rem;
	font-weight: 300
}

[data-page-type=post] .content .follow-us__description {
	margin-bottom: 30px
}

.persona {
	margin-bottom: 40px
}

.persona__container {
	display: grid;
	row-gap: 20px;
	border: 1px solid #000;
	border-radius: 10px
}

.persona__header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 10px
}

.persona__header i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-family-text);
	font-style: italic;
	width: 33px;
	height: 33px;
	border: 1px solid var(--color-black);
	border-radius: 50%
}

.persona__header span {
	font-family: var(--font-family-text)
}

.persona__body {
	display: grid;
	gap: 20px 15px
}

.persona__thumb {
	grid-area: persona-thumb;
	position: relative;
	width: 90px;
	height: 90px
}

.persona__thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center
}

.persona__name {
	grid-area: persona-name;
	font-weight: 400 !important
}

.persona__description {
	grid-area: persona-description
}

.persona__description p,
.persona__name {
	font-family: var(--font-family-base) !important;
	font-size: .9rem;
	line-height: 1 !important
}

.persona__description p {
	font-weight: 300 !important
}

.page-404__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	height: 100%;
	color: var(--color-white);
	font-size: .9rem;
	text-align: center
}

.page-404__title {
	font-size: var(--font-size-title-404)
}

.page-404 a {
	color: var(--color-red)
}

[data-page-type=post] .content .wp-block-image {
	text-align: center;
	margin-bottom: 20px
}

.wp-block-image+* {
	clear: both;
	margin-top: 20px
}

figure .wp-element-caption {
	font-size: 14px;
	margin-top: 10px;
	text-align: left
}

.wp-block-heading {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	column-gap: 17px
}

.wp-block-heading img {
	display: block;
	width: 33px !important;
	border: 1px solid #000;
	padding: 3px
}

.wp-block-columns+.has-small-font-size {
	font-size: 14px !important;
	margin-top: -20px;
	padding-right: 15%
}

.content>[class^=wp-block] {
	margin-bottom: 20px
}

.has-medium-font-size {
	font-size: 24px !important
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 20px !important
}

.header {
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
}

.header .logo {
	z-index: 8;
}

/*hero*/
.container {
	width: 100%;
	max-width: 1280px;
	padding: 0 20px;
	margin: 0 auto;
}

.hero {
	margin-bottom: 30px;
}

.hero .posts__card--big .posts__card-title>* {
	font-size: 30px;
}

.hero .posts__card--big .posts__card-wrapper {
	display: flex;
	flex-grow: 1;
}

.hero .posts__card--big .posts__card-img::before {
	content: unset;
}


/*posts*/
.posts:not(:last-child) {
	margin-bottom: 30px;
}

.posts__title {
	display: flex;
	align-items: center;
	margin-bottom: 35px;
}

.posts__title>* {
	font-size: 30px;
	line-height: 36px;
	font-weight: 500;
	color: var(--color-red);
}

.posts__title>span {
	display: block;
	height: 1px;
	background-color: #000000;
	flex-grow: 1;
	margin-left: 25px;
}

.posts__cards:has(.posts__card--big):not(.posts__cards--flex) {
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-template-rows: repeat(2, auto);
	gap: 35px;
	margin: unset;
}

.posts__cards:has(.posts__card--big):not(.posts__cards--flex)>* {
	margin: unset;
	width: unset;
}

.posts__cards,
.posts__cards--flex {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -25px -25px;
}

.posts__cards>*,
.posts__cards--flex>* {
	margin: 0 25px 25px;
	width: calc(100% / 4 - 50px);
}

.posts__cards--flex .posts__card--big {
	width: calc(100% / 2 - 50px);
}

.posts__cards--flex .posts__card-row {
	margin-top: unset;
}

.posts__cards--reverse {
	flex-direction: row-reverse;
}

.posts__card {
	position: relative;
	display: flex;
	flex-direction: column;
}

.posts__card:hover .posts__card-title {
	color: var(--color-red);
}

.posts__card-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}

.posts__card-wrapper {
	position: relative;
	z-index: 2;
}

.posts__card-wrapper:not(:last-child) {
	margin-bottom: 15px;
}

.posts__card-img {
	position: relative;
	width: 100%;
	line-height: 0;
}

.posts__card-img:not(:last-child) {
	margin-bottom: 15px;
}

.posts__card-img::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 66.5%;
}

.posts__card-img>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.posts__card-title {
	transition: color 0.3s ease-in-out;
}

.posts__card-title>* {
	font-size: 18px;
	line-height: 1.2;
}

.posts__card-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}
.posts__card-row:has(.credentials__figure){
	flex-wrap: wrap;
	row-gap: 10px;
}
.posts__card-row:has(.credentials__figure) .posts__card-date{
	margin-left: unset;
}

.posts__card-category {
	color: var(--color-red);
}

.posts__card-author,
.posts__card-date{
	line-height: 1.1;
}
.posts__card-date{
	font-size: 13px;
}
.posts__card-author{
	font-size: 14px;
	display: flex;
	align-items: center;
	margin-right: 15px;
}
.posts__card-author .credentials__figure{
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
.posts__card-date {
	margin-left: auto;
}

.posts__more {
	margin: 50px 0;
	display: flex;
	align-items: center;
}

.posts__more>a {
	display: block;
	text-align: center;
	margin: 0 20px;
	max-width: 350px;
	width: 100%;
	padding: 10px 25px;
	border: 1px solid var(--color-black);
	transition: color var(--transition-duration), background-color var(--transition-duration);
}

.posts__more>a:hover {
	background: var(--color-black);
	color: var(--color-white);
}

.posts__more>span {
	display: block;
	height: 1px;
	flex-grow: 1;
	flex-basis: 0;
	background-color: var(--color-black);
}

.posts__card--big {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.posts__card--big .posts__card-title>* {
	font-size: 24px;
}

.posts__card--big:hover .posts__card-title {
	color: RGB(194, 207, 251) !important;
}

.nav__delimiter{
	display: none;
}

.article__thumbnail:has(.article__descr) .article__details{
	bottom: 70px;
}
.article__descr {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	z-index: 3;
	color: #fff;
	width: calc(100% - 40px);
	font-size: 14px;
	line-height: 120%;
	font-style: italic;
	text-align: end;
}


.posts{
	overflow: hidden;
}
.posts--background .posts__background{
	padding: 20px 0;
	position: relative;
}
.posts--background .posts__background::before{
	content: '';
	position: absolute;
	top: 0;
	left: -30px;
	right: -30px;
	bottom: 0;
	z-index: -1;
	background-color: #f1f1fa;
	border-radius: 10px;
}
@media (max-width: 1300px) {
	.posts--background .posts__background::before{
		left: -20px;
		right: -20px;
	}
}

.cc-window {
    border: 2px #1e40af solid;
}
.cc-window .cc-message a {
    color: #1e40af !important;
}

.wp-block-details summary {
    margin-bottom: 10px;
}
.wp-block-details p {
    display: grid;
    column-gap: var(--grid-margin);
    border: 1px solid #000;
    border-radius: 10px;
    width: 75%;
    padding: 20px 20px 20px 25px;
    font-style: italic;
}

body[data-bg-color="color-3"]:has(.reset-bg),
body[data-page-name="opinions"]{
	background-color: unset;
}
body[data-bg-color="color-3"]:has(.reset-bg) .header,
body[data-page-name="opinions"] .header{
	background-color: #ffffff;
}

[data-page-name="opinions"] .card__meta{
	flex-direction: column-reverse;
	position: static!important;
	margin-top: auto;
}
[data-page-name="opinions"] .card__row{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
[data-page-name="opinions"] .card__row .credentials__figure{
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
[data-page-name="opinions"] .card__details{
	display: flex;
	flex-direction: column;
}
.card__author{
	color: #000000;
	transition: 0.3s ease-in-out;
}
.card__author:hover{
	color: var(--color-red);
}
.card[data-template=wide] .card__info{
	margin-bottom: 20px;
}
.card[data-template=wide] .card__details{
	grid-template-areas: ". card-info card-info card-info card-info ."". card-meta card-meta card-meta card-meta ."!important;
}
.card[data-template=wide] .card__meta{
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
}
.card[data-template=wide] .card__row{
	margin-bottom: unset;
}
.card[data-template=wide] .card__meta{
	font-size: 18px!important;
}

.article__body .wp-block-details p {
    display: block;
}