:root {
	--grid-margin: 15px;
	--grid-gutter: 15px;
	--grid-margin-invert: -15px;
	--grid-gutter-invert: -15px;
	--grid-cards-gap: 50px;
	--grid-nav-theme-gap: 20px;
	--font-size-footer: 10px;
	--font-size-nav-footer: 10px;
	--font-size-usage: 10px;
	--font-size-button: 10px;
	--font-size-placeholder: 10px;
	--font-size-title: 1.36rem;
	--font-size-article-title: 1.36rem;
	--font-size-blockquote: 30px;
	--padding-form-button: 7px 10px;
	--padding-blockquote: 0 0 0 30px;
	--margin-top-load-more: 30px;
	--margin-bottom-title: 20px;
	--font-size-subscribe-title: 10px;
	--max-width-header-logo: 220px;
	--max-width-content: 100%;
	--column-gap-form-items: 15px;
	--height-video-poster: 250px;
	--height-video-poster-content: 250px;
	--column-gap-audio-time-controls: 13px;
	--padding-right-audio-time-after: 3px;
	--width-audio-time-controls: 30%;
	--font-size-audio-time: 18px
}

.header {
	grid-template-rows: auto;
	grid-template-columns: auto;
	padding-bottom: 77px
}

[data-nav-state="1"] .header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.header .logo {
	top: 18px
}

.menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	max-height: 0;
	overflow: hidden;
	z-index: 9;
	transition: max-height var(--transition-duration);
	background-color: var(--color-white)
}

[data-nav-state="1"] .menu {
	max-height: 99999px;
	overflow-y: scroll
}

.menu__container {
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	grid-template-areas: "nav-categories""nav-themes""nav-services";
	row-gap: 40px;
	padding: 60px var(--grid-margin) 120px var(--grid-margin)
}

.search-toggle {
	position: absolute;
	top: 20px;
	left: var(--grid-margin);
	z-index: 2
}

.nav {
	position: relative
}

.header .nav:after {
	content: '';
	position: absolute;
	left: -20px;
	right: -20px;
	bottom: -18px;
	height: 1px;
	background-color: var(--color-black)
}

.header .nav_services:after {
	content: none
}

.nav_services:after {
	content: none
}

.nav_services .search-toggle {
	display: none
}

.nav__items {
	flex-direction: column
}

.nav_themes .nav__item.nav__delimiter span {
	height: 1px;
	width: 10px
}

.nav-toggle {
	position: absolute;
	top: 20px;
	right: var(--grid-margin);
	z-index: 10;
	padding: 0 0 20px 20px
}

.nav-toggle__link {
	position: relative;
	display: block;
	height: 12px;
	width: 20px;
	overflow: hidden
}

.nav-toggle__link:after,
.nav-toggle__link:before {
	transition: all var(--transition-duration) linear;
	content: '';
	display: block;
	width: 2px;
	height: 14px;
	transform-origin: center center;
	background-color: #000
}

.nav-toggle__link:before {
	position: absolute;
	top: 0;
	left: 9px;
	transform: rotate(-45deg)
}

.nav-toggle__link:after {
	position: absolute;
	top: 0;
	right: 9px;
	transform: rotate(45deg)
}

.nav-toggle__link span {
	transition: all var(--transition-duration) linear var(--transition-duration);
	display: block;
	width: 100%;
	height: 2px;
	background-color: #000
}

.nav-toggle__link span:first-child {
	position: absolute;
	top: 0;
	left: 0
}

.nav-toggle__link span:nth-child(2) {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0
}

.nav-toggle__link span:last-child {
	position: absolute;
	bottom: 0;
	left: 0
}

[data-nav-state="1"] .nav-toggle__link span {
	transition: all var(--transition-duration) linear
}

[data-nav-state="1"] .nav-toggle__link:after,
[data-nav-state="1"] .nav-toggle__link:before {
	transition: all var(--transition-duration) linear var(--transition-duration)
}

.nav-toggle__link:before {
	transform: scale(0, 1) rotate(-45deg)
}

.nav-toggle__link:after {
	transform: scale(0, 1) rotate(45deg)
}

[data-nav-state="1"] .nav-toggle__link:before {
	transform: scale(1, 1) rotate(-45deg)
}

[data-nav-state="1"] .nav-toggle__link:after {
	transform: scale(1, 1) rotate(45deg)
}

[data-nav-state="1"] .nav-toggle__link span {
	transform: scale(.4);
	opacity: 0
}

.slide__figure {
	height: 380px
}

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

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

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

.slide__figcaption {
	position: absolute;
	top: 87%;
	left: 49px;
	width: calc(100% - 96px);
	z-index: 3;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -1px;
	color: var(--color-white)
}

.wide .slide__figcaption {
	top: 78%;
	left: 6%;
	right: 6%;
	width: auto;
	padding: 0 40px
}

.no-js .slide__figcaption {
	top: unset;
	bottom: 20px;
	left: 10px;
	right: 10px;
	width: 100%;
	padding: 0 15px
}

.no-js .wide .slide__figcaption {
	left: 0;
	right: 0
}

.no-js .article__header .slider,
.no-js .content .slider {
	grid-template-columns: 1fr;
	gap: 10px
}

[data-page-type=frontpage] .slider__dots,
[data-page-type=frontpage] .slider__navs {
	top: 330px;
	left: 20px;
	right: 20px
}

[data-page-type=post] .slider__dots,
[data-page-type=post] .slider__navs {
	bottom: 80px;
	left: 8px;
	width: calc(100% - 16px)
}

[data-page-type=post] .slider-with-thumbs.wide .slider__dots,
[data-page-type=post] .slider-with-thumbs.wide .slider__navs {
	left: 20px;
	right: 20px;
	width: auto
}

.slider__dots {
	gap: 3px;
	transform: translateY(14px);
	padding: 0 40px
}

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

.slider__thumb {
	left: 0;
	top: -80px
}

.slider__thumb figure {
	height: 64px
}

.thumbs {
	gap: 3px;
	left: 6%;
	right: 8.7%;
	bottom: 100px;
	padding: 0 40px
}

.thumbs__item {
	max-width: 20%
}

.thumbs__figure {
	height: 22px
}

.form__item_email,
.form__item_submit {
	width: 50%
}

.page-header__title {
	font-size: 1.36rem;
	margin-bottom: 20px
}

.page-header__description p {
	font-size: .91rem
}

.cards {
	grid-template-columns: 1fr
}

.article__similar-posts .cards {
	padding: 0
}

.author__posts .cards {
	padding: 0
}

.no-js body[data-page-type=frontpage] .slider .card {
	padding: 0 var(--grid-margin)
}

.card[data-template=slide] .card__container,
.card[data-template=wide] .card__container {
	height: 537px
}

.js .slider.owl-carousel .card[data-template=slide] .card__container,
.js .slider.owl-carousel .card[data-template=slide] .card__figure,
.js .slider.owl-carousel .card[data-template=wide] .card__container,
.js .slider.owl-carousel .card[data-template=wide] .card__figure {
	height: 380px
}

.card[data-template=slide] .card__details,
.card[data-template=wide] .card__details {
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 3;
	color: var(--color-white);
	display: grid;
	grid-template-areas: "card-meta""card-info";
	row-gap: 15px;
	padding: 0 var(--grid-margin)
}

.js .slider.owl-carousel .card[data-template=slide] .card__details,
.js .slider.owl-carousel .card[data-template=wide] .card__details {
	display: block;
	position: initial;
	margin-top: 20px;
	color: var(--color-black);
	opacity: 0;
	transition: opacity var(--transition-duration)
}

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

.card[data-template=slide] .card__info,
.card[data-template=wide] .card__info {
	grid-area: card-info
}

.card[data-template=slide] .card__meta,
.card[data-template=wide] .card__meta {
	grid-area: card-meta;
	font-size: .81rem;
	color: var(--color-white)
}

.card[data-template=slide] .card__label,
.card[data-template=wide] .card__label {
	display: block
}

.card[data-template=slide] .card__title,
.card[data-template=wide] .card__title {
	font-size: 1.36rem
}

.card[data-template=default] .card__figure,
.card[data-template=short] .card__figure {
	height: 194px
}

.js .slider.owl-carousel .card[data-template=default] .card__figure,
.js .slider.owl-carousel .card[data-template=short] .card__figure {
	height: 380px
}

.card[data-template=default] .card__details,
.card[data-template=short] .card__details {
	margin-top: 20px
}

.card[data-template=default] .card__title,
.card[data-template=short] .card__title {
	font-size: 20px
}

.js .slider.owl-carousel .card[data-template=default] .card__title,
.js .slider.owl-carousel .card[data-template=short] .card__title {
	font-size: 1.36rem
}

.card[data-template=default] .card__meta,
.card[data-template=short] .card__meta {
	margin-top: 20px
}

.card[data-template=default] .card__category,
.card[data-template=short] .card__category {
	position: absolute;
	top: 205px;
	left: 0
}

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

body:not([data-page-type=search]) .card[data-template=three-columns] .card__permalink {
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: "card-thumb card-details";
	padding: 40px 0
}

[data-page-type=search] .card[data-template=three-columns] .card__permalink {
	display: flex;
	flex-direction: row-reverse;
	margin: 35px 0
}

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

.card[data-template=three-columns] .card__meta {
	position: absolute;
	z-index: 2
}

body:not([data-page-type=search]) .card[data-template=three-columns] .card__meta {
	left: calc(50% + 10px);
	top: 0
}

[data-page-type=search] .card[data-template=three-columns] .card__meta {
	left: 0;
	top: -38px
}

.card[data-template=three-columns] .card__title {
	font-size: 16px
}

.card[data-template=three-columns] .card__category {
	position: absolute;
	z-index: 2
}

body:not([data-page-type=search]) .card[data-template=three-columns] .card__category {
	bottom: 0;
	left: calc(50% + 10px)
}

[data-page-type=search] .card[data-template=three-columns] .card__category {
	bottom: -38px;
	left: 0
}

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

.card[data-template=more] .card__title {
	font-size: .67rem
}

.card[data-template=more] .card__category {
	position: absolute;
	top: -6px;
	left: calc(50% + 10px);
	z-index: 2
}

.card[data-template=more] .card__meta {
	position: absolute;
	bottom: -5px;
	left: 0
}

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

.card__excerpt p {
	font-size: .68rem;
	margin-top: 12px
}

.card__author,
.card__date {
	font-size: .62rem
}

.card:not([data-template=three-columns]) .card__category+.card__permalink>.card__details {
	margin-top: 50px
}

.article__similar-posts .card:not([data-template=three-columns]) .card__category+.card__permalink>.card__details {
	margin-top: 30px
}

.js .slider.owl-carousel .card__category+.card__permalink>.card__details {
	margin-top: 20px
}

.article-author {
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	margin-top: -20px;
	margin-bottom: 40px
}

.article-author__thumb {
	margin-bottom: 0
}

.article-author__info {
	padding-top: 20px
}

.article__header {
	padding-bottom: 20px;
	border-bottom: 1px solid #000
}

.article__thumbnail {
	height: 595px;
	margin-left: -15px;
	margin-right: -15px
}

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

[data-thumb-template=alternative] .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
}

[data-thumb-template=alternative] .article__thumbnail .article__details {
	position: absolute;
	color: var(--color-white)
}

.article__thumbnail .article__details {
	left: var(--grid-margin);
	bottom: 40px;
	right: 15px;
	z-index: 3
}

.article__subtitle {
	font-size: .9rem;
	padding-top: 20px
}

.article__meta {
	grid-template-columns: repeat(2, 1fr);
	column-gap: 15px;
	padding-top: 20px
}

.article:not([data-category-id="4"]) .article__meta {
	grid-template-areas: "single-tags single-date""single-tags single-category""single-tags single-views""single-credentials single-credentials"
}

.article[data-category-id="4"] .article__meta {
	grid-template-areas: "single-tags single-date""single-tags single-category""single-tags single-views"
}

.article__author a {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: var(--grid-margin)
}

.article__credentials {
	grid-template-columns: repeat(2, 1fr);
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #000
}

.article__similar-posts h4 {
	font-size: 32px;
	padding-bottom: 40px
}

.themes {
	padding: 0 0 40px
}

.themes__list {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2
}

.authors__list {
	grid-template-columns: 1fr;
	grid-template-rows: auto
}

.authors__name {
	margin: 0 0 10px 0
}

.authors__socials {
	display: none
}

.author {
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: "author-left""author-details""author-posts";
	row-gap: 40px
}

.author__left {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: "author-thumb author-contacts";
	column-gap: var(--grid-margin)
}

.author__contacts-group {
	grid-area: author-contacts
}

.author__details {
	margin-bottom: 100px
}

.author__posts h3 {
	margin-bottom: 40px
}

.socials[data-template=footer] .socials__items {
	justify-content: space-between
}

@media (max-width:480px) {
	.socials:not([data-template=footer]) .socials__item {
		width: calc(50% - var(--grid-margin))
	}
}

.footer {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-template-areas: "logo logo""nav-footer usage""subscribe subscribe""copyright socials";
	column-gap: var(--grid-margin);
	row-gap: 35px
}

.note.info .note__container {
	grid-template-columns: min-content auto;
	grid-template-areas: "note-header note-body"
}

.note.info .note__container {
	padding: 20px 15px 20px
}

.note:not(.info) .note__container {
	padding: 18px 20px 20px 10px;
}

[data-page-type=post] .content .note:not(.info) p {
	/*font-size: 1rem*/
}

[data-page-type=post] .content .note.info p {
	font-size: .9rem
}

[data-page-type=post] .content .donation__title {
	font-size: 1.36rem
}

[data-page-type=post] .content .donation__title {
	font-size: 1.36rem
}

.persona__container {
	padding: 20px 40px 60px 20px
}

.persona__body {
	grid-template-columns: min-content auto;
	grid-template-areas: "persona-thumb persona-name""persona-description persona-description"
}

.persona__name {
	display: flex;
	align-self: flex-end
}

.wp-block-button {
	width: calc(50% - 10px)
}

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

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

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

.desktop {
	display: none
}


.mobile-show {
	display: block;
}

.mobile-hide {
	display: none;
}

/*menu*/
.menu__container {
	display: flex;
	flex-direction: column;
}

.menu__container .nav_themes {
	order: 1;
}

.menu__container .nav-burger {
	order: 2;
}

.menu__container .nav_services {
	order: 3;
}

.menu__container .socials {
	order: 4;
}

.menu__container .socials__items {
	max-width: 200px;
}

.nav-burger__btn {
	display: none;
}

/*posts*/
.hero {
	margin-bottom: 30px;
}

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

.hero .posts__card-title>* {
	font-size: 22px !important;
}

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

.container {
	padding: 0 15px;
}

.posts__cards {
	display: flex !important;
	flex-direction: column !important;
	gap: unset !important;
}

.posts__cards--flex {
	margin: unset;
}

.posts__cards--flex>* {
	margin: unset;
	width: 100%;
}

.posts__cards--flex .posts__card--big {
	width: 100%;
}

.posts__card:not(:last-child) {
	margin-bottom: 50px !important;
}

.posts__card-wrapper {
	flex-direction: column;
}

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

.posts__card-title>* {
	font-size: 20px !important;
}

.posts__card-img {
	position: relative;
}

.posts__more {
	margin: unset;
}

.article__thumbnail:has(.article__descr) .article__details{
	bottom: 65px;
}

.article__descr {
	bottom: 20px;
	right: 15px;
	left: 15px;
	width: calc(100% - 30px);
}

.posts--background .posts__background::before{
	left: -15px;
	right: -15px;
	border-radius: unset;
}

.wp-block-details p {
    width: 95%;
}

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