@import url("https://fonts.googleapis.com/css?family=Inter:regular,600,700&display=swap");

@import url("https://fonts.googleapis.com/css?family=Merriweather:700,900&display=swap");

@import url("https://fonts.googleapis.com/css?family=Play:700&display=swap");

@font-face {
	font-family: icons;
	font-display: swap;
	src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

[class^=_icon-]::before,
[class*=" _icon-"]::before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icons" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

._icon-twitter:before {
	content: "\e900";
}

._icon-sun:before {
	content: "\e901";
}

._icon-share-reddit:before {
	content: "\e902";
}

._icon-share-twitter:before {
	content: "\e903";
}

._icon-share-facebook:before {
	content: "\e904";
}

._icon-share:before {
	content: "\e905";
}

._icon-search:before {
	content: "\e906";
}

._icon-rss:before {
	content: "\e907";
}

._icon-moon:before {
	content: "\e908";
}

._icon-flame:before {
	content: "\e909";
}

._icon-facebook:before {
	content: "\e90a";
}

._icon-arrow-bottom-red:before {
	content: "\e90b";
}

html {
	box-sizing: border-box;
	position: static;
}

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

ul[class],
ol[class] {
	padding: 0;
}
 
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
	font-family: inherit;
	font-weight: inherit;
}

ul[class] {
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

input,
button,
textarea,
select {
	font: inherit;
}

button {
	cursor: pointer;
}

a {
	text-decoration: none;
	color: #4780f3;;
}

html,
body {
	height: 100%;
}

body {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	background: #F5F5F5;
}

body._lock {
	overflow: hidden;
}

.wrapper {
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.main {
	flex: 1 1 auto;
	background-color: #F5F5F5;
}
main.post-single{
	background-color: #fff;
	margin: 0 -20px;
	padding: 20px;
}
.dark main.post-single{
	background-color: transparent;
}

.container {
	max-width: 1470px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.dark .comments{ 
	background: #b2b2b2;
	margin: 0 -20px 20px;
	padding: 20px;
}

@media (min-width: 1360px) {

	main.post-single{
		padding: 60px 40px;
		overflow: hidden;
	}



	.container:not(.bottom-header_container) {
		width: 1350px;
		padding: 0;
	}
	.container--home{
		width: 1430px !important;
	}
	.block-latest .showcase{
		background: #fff;
		padding: 0;
		margin-bottom: 20px;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	.block-latest .trending-posts .post{
		margin: 0 20px;
		padding: 20px 0;
	}
	.block-latest .trending-posts .trending-posts__title{
		font-size: 33px;
		margin: 0 20px;
	}

	.trending-posts .post>*:not(:last-child){
		padding: 0;
	}
}

._title-small {
	font-family: Merriweather;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 125%;
	color: rgba(0, 0, 0, 0.9);
	transition: color 0.4s;
}

._title-small:hover {
	color: #4780f3;
}

._text-news {
	font-size: 14px;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.6);
}

.banner-link {
	display: block;
	overflow: hidden;
}

.banner-link__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: transform 0.4s;
}

._text-img {
	font-size: 11px;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.2);
}

.header {
	width: 100%;
	min-height: 50px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 50;
}

.header__wrapper {
	width: 100%;
	min-height: 10px;
	position: relative;
	z-index: 50;
}

.header__top {
	padding: 10px 0;
	position: relative;
	z-index: 55;
	background-color: #fff;
}

.header__bottom {
	background-color: rgba(0, 0, 0, 0.9);
	position: relative;
	z-index: 51;
}

.header__menu-icon {
	flex: 0 0 auto;
}
.nav_desc{
	display: none;
}

.top-header__body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	position: relative;
	padding: 0 10px;
}

.top-header__logo {
	flex: 0 0 101px;
	height: 27px;
	display: none;
	background: url(../images/logo.png);	
	background-size: contain;
	background-repeat: no-repeat;
}

.top-header__logo--dark {
	position: relative;
	z-index: 1;
	background-image: url(../images/logo.png);
}
.footer .top-header__logo{
	background-image: url(../images/logo.png);
}
/* 
.top-header__logo--dark::before {
	content: "";
	display: block;
	width: 23%;
	height: 73%;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: -1;
	background-color: #fff;
} */

.top-header__logo._active {
	display: block;
}

.top-header__search {
	width: 100%;
	flex: 0 0 auto;
	height: 40px;
	position: absolute;
	top: 140%;
	left: -200%;
	transition: all 0.4s;
}

.top-header__search._active {
	left: 0;
}

.top-header__search-btn {
	flex: 0 0 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #4780f3;
	padding-top: 2px;
	padding-left: 4px;
	border-radius: 50%;
	background-color: #F5F5F5;
}

.logo {
	position: relative;
}

.logo__img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}

.search-header__input {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 140%;
	outline: none;
	padding: 0 15px 0 41px;
	border: none;
	background-color: #F5F5F5;
}

.search-header__input::-moz-placeholder {
	font-family: Inter, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.3);
}

.search-header__input:-ms-input-placeholder {
	font-family: Inter, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.3);
}

.search-header__input::placeholder {
	font-family: Inter, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.3);
}

.search-header__btn {
	display: inline-block;
	font-size: 16px;
	color: #4780f3;
	position: absolute;
	top: 12px;
	left: 16px;
	padding: 0;
	border: none;
	background-color: transparent;
	transition: color 0.4s;
}

.menu-top-header__list {
	display: flex;
	flex-wrap: wrap;
	-moz-column-gap: 14px;
	column-gap: 14px;
	row-gap: 5px;
}

.menu-top-header__list-item {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.menu-top-header__list-link {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	font-size: 10px;
	line-height: 140%;
	text-transform: uppercase;
	color: #fff;
}

.menu-top-header__list-link._icon-flame::before {
	font-size: 12px;
	display: inline-block;
	margin-right: 4px;
	color: #4780f3;
}

.social-header__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-left: 6px;
	margin-right: 6px;
}

.social-header__list-link {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: all 0.4s;
}
.social-header__list-link._icon-youtube::before{
	background: url('../images/icons/youtube.svg') 50% no-repeat;
	background-size: 60%;
	content: '';
	background-color: red;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.social-header__list-link::before {
	color: #fff;
}

.social-header__list-link._icon-twitter {
	font-size: 14px;
	padding: 3px 0 0 2px;
	background-color: #55ACE3;
}

.social-header__list-link._icon-facebook {
	font-size: 14px;
	background-color: #4E6297;
}

.social-header__list-link._icon-rss {
	font-size: 14px;
	background-color: #333333;
}

.themes {
	flex: 0 0 62px;
	height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 2px solid transparent;
	border-radius: 100px;
	background-color: #fff;
	transition: all 0.4s;
}

.themes._dark {
	background-color: rgba(0, 0, 0, 0.9);
}

.themes__theme-btn {
	flex: 0 0 26px;
	height: 26px;
	display: inline-block;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.3);
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: transparent;
	transition: all 0.4s;
}

.themes__theme-btn--dark {
	color: rgba(255, 255, 255, 0.3);
}

.themes__theme-btn--dark._active {
	background-color: #111;
	color: #4780f3;
} 

.themes__theme-btn--light {
	color: rgba(0, 0, 0, 0.3);
}

.themes__theme-btn--light._active {
	background-color: #fff;
	color: #4780f3;
} 

.bottom-header__body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 10px;
	position: relative;
}

.bottom-header__menu {
	min-width: 296px;
	padding: 39px 48px 49px;
	position: absolute;
	top: 100%;
	right: -200%;
	background-color: rgba(0, 0, 0, 0.9);
	transition: all 0.4s;
	z-index: 54;
}

.bottom-header__menu._active {
	right: -20px;
}

.menu-bottom-header__list {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.menu-bottom-header__list-item {
	/* margin-bottom: 30px; */
	position: relative
}

.menu-bottom-header__list-item:last-child {
	margin-bottom: 0;
}

.menu-bottom-header__list-link {
	display: inline-flex;
	flex-direction: row-reverse;
	align-items: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 120%;
	color: #FFFFFF;
	padding: 0;
	position: relative;
	margin-bottom: 30px;
}

.menu-bottom-header__list-link._icon-arrow-bottom-red::before {
	display: inline-block;
	font-size: 8.34px;
	color: #4780f3;
	position: relative;
	top: 2px;
	margin-left: 7px;
	transition: all 0.4s;
}

.menu-bottom-header__list-link::after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: transparent;
	transition: all 0.4s;
}

.menu-bottom-header__list-link._active::before {
	transform: rotate(-180deg);
}

.menu-bottom-header__list-link._active::after {
	background-color: #4780f3;
}

.menu-bottom-header__link-submenu {
	display: none;
}

.menu-bottom-header__submenu {
	display: block;
	flex-direction: column;
	transition: all 0.4s;
}

.menu-bottom-header__submenu._active {
	display: flex;
}

.submenu-bottom-menu__item {
	margin-bottom: 30px;
	text-align: right;
}

.submenu-bottom-menu__item:last-child {
	margin-bottom: 0;
}

.submenu-bottom-menu__link {
	font-size: 20px;
	line-height: 120%;
	font-weight: 700;
	color: #fff;
	padding: 5px 0;
	position: relative;
}

.submenu-bottom-menu__link::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: transparent;
	transition: background-color 0.4s;
}

.menu-icon {
	flex: 0 0 26px;
	height: 18px;
	display: block;
	margin: 0 0 0 10px;
	position: relative;
	cursor: pointer;
	z-index: 56;
}

.menu-icon span {
	width: 100%;
	height: 2px;
	display: block;
	background-color: #4780f3;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	transition: all 0.4s ease 0s;
}

.menu-icon span:first-child {
	top: 0;
}

.menu-icon span:last-child {
	top: auto;
	bottom: 0;
}

.menu-icon._active span {
	transform: scale(0);
}

.menu-icon._active span:first-child {
	top: 8px;
	transform: rotate(45deg);
}

.menu-icon._active span:last-child {
	bottom: 8px;
	transform: rotate(-45deg);
}

/* footer */
.footer {
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.9);
}

.footer__top {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.footer__bottom {
	font-size: 13px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.3);
}

.top-footer__media {
	width: 222px;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 10px 25px 0;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-footer__info {
	flex: 1 1 auto;
	padding: 0 0 20px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-footer__send {
	flex: 0 0 100%;
	padding: 20px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	text-align: center;
}

.media-footer__logo {
	width: 146px;
	height: 40px;
	margin-bottom: 48px;
	position: relative;
	z-index: 1;
}

.media-footer__logo::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: -1;
	background-color: #fff;
}

.media-footer__social .social-header__list {
	gap: 13px;
}

.media-footer__social .social-header__list-link {
	width: 40px;
	height: 40px;
	font-size: 16px;
}

.info-footer__title {
	font-family: Merriweather;
	font-weight: 900;
	font-size: 19px;
	line-height: 125%;
	color: #FFFFFF;
	margin-bottom: 18px;
}

.info-footer__list-item {
	margin-bottom: 15px;
}

.info-footer__list-item:last-child {
	margin-bottom: 0;
}

.info-footer__list-link {
	font-weight: normal;
	font-size: 14px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.6);
}

.send-footer__title {
	font-family: Merriweather, sans-serif;
	font-weight: 900;
	font-size: 27px;
	line-height: 125%;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.send-footer__text {
	width: 212px;
	display: inline-block;
	font-size: 14px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.6);
	opacity: 0.6;
	margin-bottom: 20px;
}

.form-footer {
	position: relative;
	z-index: 1;
}

.form-footer__input {
	width: 100%;
	height: 45px;
	display: inline-block;
	border: none;
	outline: none;
	font-size: 14px;
	line-height: 140%;
	font-weight: 400;
	color: #fff;
	padding: 0 128px 0 20px;
	position: relative;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.1);
}

.form-footer__input::-moz-placeholder {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.3);
}

.form-footer__input:-ms-input-placeholder {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.3);
}

.form-footer__input::placeholder {
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.3);
}

.form-footer__btn {
	width: 108px;
	height: 100%;
	padding: 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: Merriweather, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 125%;
	color: #FFFFFF;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	background-color: #4780f3;
	transition: all 0.4s;
}

.bottom-footer__side {
	margin-bottom: 15px;
}

.bottom-footer__side:last-child {
	margin-bottom: 0;
}

body.dark {
	background-color: #000;
}

body.dark .header__top {
	background-color: #111;
}

body.dark .search-header__input {
	color: #fff;
	background-color: rgba(245, 245, 245, 0.1);
}

body.dark .search-header__input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.3);
}

body.dark .search-header__input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}

body.dark .search-header__input::placeholder {
	color: rgba(255, 255, 255, 0.3);
}

body.dark .bottom-header__menu {
	background-color: #4780f3;
}

body.dark .menu-top-header__list-link._icon-flame::before {
	color: #000;
}

body.dark .top-header__search-btn {
	background-color: rgba(245, 245, 245, 0.1);
}

body.dark .menu-top-header__list-link {
	color: #fff;
}

body.dark .header__bottom {
	background-color: #4780f3;
}

body.dark .menu-bottom-header__list-link:hover::after {
	background-color: rgba(0, 0, 0, 0.9);
}

body.dark .menu-bottom-header__list-link._active::after {
	background-color: rgba(0, 0, 0, 0.9);
}

body.dark .menu-bottom-header__list-link._icon-arrow-bottom-red::before {
	color: #000;
}

body.dark .submenu-bottom-menu__link:hover::after {
	background-color: rgba(0, 0, 0, 0.9);
}

body.dark .menu-icon span {
	background-color: #000;
}

body.dark .main-home__block {
	background-color: #111;
}

body.dark .main {
	background-color: #000;
}

body.dark p span {
	color: #fff;
}

@media (min-width: 350px) {
	.top-header__body {
		margin: 0;
	}

	.top-footer__info {
		padding: 0 0 20px 31px;
	}
}

@media (min-width: 425px) {
	.top-header__logo {
		flex: auto;
		height: 40px;
	}

	.menu-top-header__list {
		gap: 30px;
	}

	.menu-top-header__list-link._icon-flame::before {
		margin-right: 8px;
	}

	.media-footer__social {
		margin-bottom: 7px;
	}

	.info-footer__title {
		font-size: 22px;
		margin-bottom: 30px;
	}

	.info-footer__list-item {
		margin-bottom: 28px;
	}

	.send-footer__title {
		font-size: 33px;
		margin-bottom: 20px;
	}

	.send-footer__text {
		margin-bottom: 30px;
	}
}

@media (min-width: 540px) {
	.menu-top-header__list-link {
		font-size: 15px;
	}

	.menu-top-header__list-link._icon-flame::before {
		font-size: 17px;
	}
}

@media (min-width: 660px) {
	.top-header__search {
		width: 200px;
		position: relative;
		top: 0;
		left: 0;
	}

	.top-header__search-btn {
		display: none;
	}

	.social-header__list {
		gap: 10px;
	}

	.themes {
		flex: 0 0 80px;
		height: 40px;
		border: 3px solid transparent;
	}

	.themes__theme-btn {
		flex: 0 0 34px;
		height: 34px;
		font-size: 12px;
	}
}

@media (min-width: 765px) {
	.header__top {
		padding: 12px 20px;
	}

	.top-header__body {
		padding: 0 7px 0 0;
	}

	.top-header__search {
		width: 298px;
	}

	.social-header__list-link {
		width: 40px;
		height: 40px;
	}

	.bottom-header__body {
		padding: 22px 20px 22px 20px;
	}

	.menu-icon {
		flex: 0 0 30px;
		height: 20px;
	}

	.main-home {
		padding-bottom: 30px;
	}

	.footer {
		padding: 40px 0 10px;
	}

	.footer__top {
		flex-wrap: nowrap;
		justify-content: flex-start;
		margin-bottom: 64px;
	}

	.top-footer__media {
		width: auto;
		order: 1;
		border: none;
		padding: 7px 0 0 0;
		margin-right: 84px;
	}

	.top-footer__send {
		flex: 0 0 305px;
		order: 2;
		border: none;
		padding: 0;
		margin-right: 93px;
	}

	.send-footer__text {
		width: 230px;
	}

	.top-footer__info {
		flex: 0 0 auto;
		order: 3;
		border: none;
		padding: 7px 0 0 20px;
		margin-left: 0;
	}

	.footer__bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.bottom-footer__side {
		margin-bottom: 0;
	}

	.bottom-footer__side--left {
		order: 1;
	}

	.bottom-footer__side--center {
		order: 2;
	}

	.bottom-footer__side--right {
		order: 3;
	}
}

@media (min-width: 769px) {
	.menu-top-header__list-link {
		font-size: 16px;
	}

	.menu-top-header__list-link._icon-flame::before {
		font-size: 19px;
	}
}

@media (min-width: 992px) {
	.footer__body {
		padding: 0 60px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (min-width: 1240px) {
	.menu-top-header__list-link {
		color: rgba(0, 0, 0, 0.9);
	}

	body.dark .bottom-header__menu {
		background-color: transparent;
	}

	body.dark .menu-top-header__list-link._icon-flame::before {
		color: #4780f3;
	}

	.bottom-header__body {
		padding: 0;
	}

	.bottom-header__menu {
		width: 100%;
		padding: 0;
		background-color: transparent;
		position: relative;
		top: 0;
		left: 0;
		z-index: 55;
	}

	.menu-bottom-header__list {
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.menu-bottom-header__list-item {
		margin-bottom: 0;
	}

	.menu-bottom-header__list-link {
		position: relative;
		padding: 18.5px 0 21.5px;
		color: #fff;
		margin-bottom: 0;
	}

	.menu-bottom-header__submenu {
		min-width: 150px;
		display: flex;
		align-items: flex-end;
		position: absolute;
		top: 100%;
		right: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		background-color: rgba(0, 0, 0, 0.9);
		z-index: 100;
	}

	.menu-bottom-header__submenu._active {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.submenu-bottom-menu__item {
		padding: 10px 20px;
		margin-bottom: 0;
	}

	body.dark .menu-bottom-header__submenu {
		background-color: #4780f3;
	}

	.menu-icon {
		display: none;
	}

	.menu-bottom-header__link-submenu {
		display: flex;
	}

	.block-news__titles {
		margin-bottom: 16px;
	}

	.top-footer__media {
		flex: 0 0 146px;
		padding: 10px 0 0 0;
		margin-right: 214px;
	}

	.top-footer__info {
		margin-left: 0;
		padding: 6px 0 10px 0;
	}

	.top-footer__send {
		margin-right: 225px;
	}

	.form-footer {
		width: 419px;
	}

	.footer__bottom {
		justify-content: flex-start;
	}

	.bottom-footer__side--left {
		flex: 0 0 146px;
		margin-right: 214px;
	}

	.bottom-footer__side--center {
		flex: 0 0 425px;
		margin-right: 215px;
	}
}

@media (min-width: 1240px) and (any-hover: hover) {
	.menu-bottom-header__list-item:hover .menu-bottom-header__list-link._icon-arrow-bottom-red::before {
		transform: rotate(-180deg);
	}

	.menu-bottom-header__list-item:hover .menu-bottom-header__submenu {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}
}

@media (min-width: 1360px) {
	.top-header__search {
		width: 377px;
	}

	.links-info__list-link {
		font-size: 16px;
	}

	.links-info__list-dscr--1360 {
		display: inline-block;
	}

	.main-home {
		padding-bottom: 51px;
	}

	.banner-top__body {
		padding: 40px 0;
	}

	.banner-top__link {
		width: 970px;
		height: 250px;
	}

	.banner-middle {
		display: none;
	}

	.banner-bottom {
		display: none;
	}

	.footer__top {
		margin-bottom: 91px;
	}

	.top-footer__send {
		flex: 0 0 425px;
	}

	.send-footer__title {
		font-size: 44px;
		margin-bottom: 10px;
	}

	.send-footer__text {
		width: 100%;
		font-size: 16px;
		margin-bottom: 26px;
	}

	.form-footer__input {
		height: 66px;
		font-size: 16px;
		padding: 0 144px 0 30px;
	}

	.form-footer__input::-moz-placeholder {
		font-size: 16px;
	}

	.form-footer__input:-ms-input-placeholder {
		font-size: 16px;
	}

	.form-footer__input::placeholder {
		font-size: 16px;
	}

	.form-footer__btn {
		width: 124px;
		font-size: 20px;
		padding-bottom: 12px;
	}

	.info-footer__title {
		font-size: 27px;
		margin-bottom: 23px;
	}

	.info-footer__list-item {
		margin-bottom: 26px;
	}

	.info-footer__list-link {
		font-size: 16px;
	}
}

@media (min-width: 1470px) {
	.top-header__body {
		padding: 0 60px;
	}

	.top-header__logo,
	.top-header__search,
	.top-header__menu {
		margin-right: 33px;
	}

	.top-header__social {
		margin-right: auto;
	}

	.top-header__themes {
		margin-left: 15px;
	}

	.bottom-header__body {
		padding: 0 80px;
	}

	.media-footer__social {
		margin-bottom: 18px;
	}
}

@media (any-hover: hover) {
	.banner-link:hover .banner-link__img {
		transform: scale(1.1);
	}

	.search-header__btn:hover {
		color: #000;
	}

	.menu-top-header__list-link:hover span {
		text-decoration: underline;
	}

	.social-header__list-link:hover {
		opacity: 0.6;
	}

	.themes__theme-btn:hover {
		color: #4780f3;
	}

	.menu-bottom-header__list-link:hover::after {
		background-color: #4780f3;
	}

	.submenu-bottom-menu__link:hover::after {
		background-color: #4780f3;
	}
}

/* navigation pagination */
.navigation.pagination {
	margin-top: 2em;
	padding-bottom: 2em;
}

.navigation.pagination .screen-reader-text {
	display: none;
}

.navigation.pagination .nav-links {
	display: flex;
	justify-content: center;
}

.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
	min-width: 30px;
	height: 30px;
	font-size: 16px;
	display: block;
	padding: 4px 10px;
	border-radius: 15px;
	border: 1px solid transparent;
	margin-left: 4px;
	transition: all 0.4s;
	background-color: #F5F5F5;
}

.navigation.pagination .nav-links a:hover {
	border: 1px solid #4780f3;
}

.navigation.pagination .nav-links span {
	color: inherit;
	cursor: default;
}

.navigation.pagination .nav-links a {
	color: #4780f3;
}

body.dark .navigation.pagination .nav-links a,
body.dark .navigation.pagination .nav-links span {
	background-color: rgba(245, 245, 245, 0.1);
	color: #fff;
}

body.dark .navigation.pagination .nav-links a:hover {
	background-color: transparent;
}

.navigation.pagination .page-numbers.dots {
	background-color: transparent;
}

/* banner */

.banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

/* content */

.content {
	font-size: 1rem;
	color: #000000e6;
}

.auba{
	overflow:hidden;
	margin-bottom: 10px;
	text-align: center;
}

.content p {
	line-height: 140%;
	margin-bottom: 15px;
}

@media (min-width: 1360px) {
	.content {
		font-size: 19px;
	}
}

.content ol:not(.list-stuff-review) {
	font-size: 1rem;
	line-height: 140%;
	color: #555;
	margin-bottom: 15px;
	margin-top: 15px;
}

body.dark .content {
	color: #999;
}

h1, h2, h3, h4, h5, h6{
	font-family: Merriweather, sans-serif;
	font-weight: 900;
	font-size: 27px;
	line-height: 125%;
	color: rgba(0, 0, 0, 0.9);
	margin-bottom: 10px;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6{
	color: #fff;
}

h2{font-size: 22px;}
h3{font-size: 17px;}
h4{font-size: 16px;}
h5{font-size: 16px;}
h6{font-size: 16px;}

@media (min-width: 768px) {
	h1 {
		font-size: 33px;
	}
}


/* body.dark h1.title {

} */

@media (min-width: 1360px) {
	h1 {
		font-size: 44px;
		margin-bottom: 12px;
	}
	h3{font-size: 20px;}
	h4{font-size: 19px;}
	h5{font-size: 19px;}
	h6{font-size: 19px;}
}

/* Containers */
@media (min-width: 768px) {
	.container {
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr 360px;
	}
	.container .showcase{
		grid-area: 1 / 1 / 1 / 3;
	}
	.container .showcase.last{
		grid-area: 3 / 1 / 3 / 3;
	}
	.single .container .showcase.last{
		grid-area: 3 / 1 / 3 / 2;
	}
	main{
		grid-area: 2 / 1 / 2 / 2;
	}
	/* aside{
		grid-area: 2 / 2 / 2 /3;
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin-left: 20px;
	} */
}
@media (min-width: 1360px){
	.container {
		gap: 20px;
		grid-template-columns: 1fr 320px;
	}
	.container.container--singular,
	.container--archive{
		row-gap: 0;
	}
}


/* Post content */

.wp-block-image {
	width: 100%;
	margin-bottom: 10px;
}

.wp-block-image img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: auto;
}

.wp-block-image figcaption {
	color: #000000;
	font-size: 12px;
	opacity: 0.2;
	display: block;
	margin-top: 5px;
}

/* Post meta section */

.post_meta {
	display: flex;
	font-size: 14px;
	line-height: 140%;
	color: #555;
	justify-content: space-between;
}
.post_meta svg{
	margin-right: 4px;
	max-width: 13px;
}
.dark .post_meta svg path{
	stroke: #fff;
	opacity: 1;
}

.post_meta.post_meta--singular {
	margin-bottom: 10px;
}

.post_meta>*:not(:last-child) {
	margin-right: 1rem;
}

.post_meta.post_meta--singular> :last-child {
	margin-left: auto;
}

/* Post meta item */

.post_meta .item {
	display: flex;
	align-items: center;
	white-space: nowrap;
	font-weight: normal;
	line-height: 140%;
	color: rgba(0, 0, 0, 0.3);
}
.dark .post_meta .item{
	color: #FFFFFF;
	opacity: .3;
}
.dark .post_meta .item:first-child{
	opacity: 1
}

.post_meta .item.item--link {
	color: #4780f3;
	opacity: 1;
}

.post_meta .item img {
	margin-right: 4px;
}


/* post share buttons */

.post_meta .item.item--share {
	position: relative;
}

.share-menu--content {
	min-width: 144px;
	position: absolute;
	top: 100%;
	right: 0;
	padding-top: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.4s;

}

.share-menu--content._active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	background-color: #fff;
	font-size: 1rem;
	line-height: 140%;
	color: #555;
}

.share-menu--content ul {
	display: flex;
	flex-direction: column;
}

.share-menu--content ul button {
	display: flex;
	align-items: center;
	padding: 10px 17px;
	cursor: pointer;
	color: #4780f3;
	background-color: transparent;
	border: none;
}
.share-menu--content ul button:hover{
	color: inherit;
}

.share-menu--content ul button::before {
	display: flex;
	min-width: 2em;
	align-content: center;
	justify-content: center;
	align-items: center;
}

button.share-menu--trigger {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 50%;

	display: flex;
	align-items: center;
	white-space: nowrap;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.3);

	background-color: transparent;
	outline: none;
}

button.share-menu--trigger .share-menu--trigger-text {
	font-size: 0;
	color: #4780f3;
}

button .links-info__list-link--share::before {
	width: 30px;
	height: 30px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid transparent;
	color: #f5f5f5;
	background-color: #4780f3;
	transition: all 0.4s;
}

button._active .links-info__list-link--share::before {
	border: 1px solid #4780f3;
}

@media (min-width: 1360px) {
	button.share-menu--trigger .share-menu--trigger-text {
		font-size: 1em;
	}

	button .links-info__list-link--share::before {
		width: 40px;
		height: 40px;
		font-size: 20px;
		margin-left: 8px;
	}
}

/* widgets */
.left-box-review__stuffs {
	padding: 20px;
	margin-bottom: 15px;
	background-color: #F5F5F5;
}

.stuffs-review__title {
	font-family: Merriweather, sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 125%;
	color: rgba(0, 0, 0, 0.9);
	margin-bottom: 15px;
}

.stuffs-review__title--bad {
	margin-bottom: 10px;
}

.stuffs-review__column {
	margin-bottom: 32px;
}

.stuffs-review__column:last-child {
	margin-bottom: 0;
}

.stuffs-review__list--good .list-stuff-review__item::before {
	background-color: #000;
}

.list-stuff-review__item {
	padding-left: 15px;
	margin-bottom: 10px;
	position: relative;
}

.list-stuff-review__item::before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #4780f3;
	position: absolute;
	top: 8px;
	left: 0;
}

.list-stuff-review__item:last-child {
	margin-bottom: 0;
}

.list-stuff-review__item-text {
	font-size: 14px;
	line-height: 140%;
	color: #555;
}

@media (min-width: 765px) {
	.stuffs-review__column {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.stuffs-review__column:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
}

/* ACF block titled */

.acf-block {
	margin-bottom: 10px;
}

.acf-block.acf-block--titled {
	display: flex;
	flex-direction: column;
}

.acf-block.acf-block--titled>*:not(:last-child) {
	margin-bottom: 15px;
}

.acf-block__title {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
	line-height: 120%;
	color: #000;
}

.acf-block__title .title-link {
	color: #4780f3;
}

/* tranding now inside content */

.left-box-review__inner {
	margin-bottom: 10px;
}

/* aside */
.aside-posts {
	display: flex;
	flex-direction: column;
}

.articles-large .post:not(:last-child),
.trending-posts>.post:not(:last-child),
.aside-posts>*:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dark .articles-large .post:not(:last-child),
.dark .trending-posts>.post:not(:last-child),
.dark .aside-posts>*:not(:last-child) {
	border-color: rgba(245, 245, 245, 0.1);
}

.aside-posts .post {
	display: grid;
	grid-template-columns: 67px 1fr;
	grid-template-rows: 1fr auto;
	grid-column-gap: 10px;
	grid-row-gap: 5px;
	padding: 10px 0;
}

.post-thumbnail__wrapper {
	grid-area: 1 / 1 / 2 / 2;
	overflow: hidden;
}

.post-thumbnail__wrapper img {
	width: 100%;
	/* height: 100%; */
	-o-object-fit: cover;
	object-fit: cover;
	transition: transform 0.4s;
}

.post-link__title {
	grid-area: 1 / 2 / 2 / 3;
	font-family: Merriweather, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 125%;
	color: rgba(0, 0, 0, 0.9);
	transition: color 0.4s;
}

.post_meta {
	grid-area: 2 / 1 / 3 / 3;
}

.aside-posts .post .content {
	display: none;
}

.trending-posts {
	padding: 10px 10px 5px;
	background-color: #F5F5F5;
	margin-bottom: 10px;
}
.dark .trending-posts{
	background-color: #000;
}

.trending-posts .trending-posts__title {
	display: flex;
	align-items: center;
	font-family: Merriweather, sans-serif;
	font-weight: 900;
	font-size: 27px;
	line-height: 125%;
	color: #4780f3;
}

.trending-posts .trending-posts__title::before {
	margin-right: 10px;
}

/* banners */
.showcase {
	padding: 20px 0;
	text-align: center;
	overflow: hidden;
	max-width: 100%;
}

@media (min-width: 768px) {

	/* probably wont work */
	#amp_floatingAdDiv{
		width: 100% !important;
		left: 0 !important;
		margin-left: 0 !important;
		text-align: center !important;
		background-color: #00000042 !important;
		border-color: #00000042 !important;
		border-radius: none !important;
		display: flex;
		justify-content: center;
	}
	
	.aside-posts {
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		flex-basis: 100%;
	}

	.trending-posts .post,
	.aside-posts .post {
		display: flex;
		flex-direction: column;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.trending-posts .showcase{
		padding-bottom: 20px;
	}
	.trending-posts .showcase>div{
		border-right: 1px solid rgb(0 0 0 / 10%);
	}

	.aside-posts .post {
		padding-left: 10px;
		padding-right: 0;
	}

	.aside-posts .post:not(:first-child) .post-thumbnail__wrapper {
		display: none;
	}

	.articles-large {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.home-block.articles-large .post{
		margin: 0;
	}

	/* .articles-large .articles-large__title {
		display: none;
	} */

	.trending-posts .post>*:not(:last-child),
	.aside-posts .post>*:not(:last-child) {
		margin-bottom: 8px;
	}

	.articles-large .post {
		display: grid;
		grid-template-columns: 156px 1fr;
		grid-template-rows: repeat(3, auto);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.articles-large .post .post-thumbnail__wrapper {
		grid-area: 1 / 1 / 4 / 2;
	}

	.articles-large .post .post-link__title {
		grid-area: 1 / 2 / 2 / 3;
	}

	.articles-large .post .post_meta {
		grid-area: 2 / 2 / 3 / 3;
	}

	.articles-large .post .content {
		grid-area: 3 / 2 / 4 / 3;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

@media (min-width: 1360px) {
	.auba{
		/* display: inline; */
		/* float: right; */
		/* margin: 20px 0 20px 20px; */
		margin: 20px 0;
	}
	.container aside {
		min-width: 320px;
		margin-left: 20px;
	}

	.articles-large .post {
		display: grid;
		grid-template-columns: 480px 1fr;
		grid-template-rows: auto auto 1fr;		
		grid-column-gap: 30px;
		grid-row-gap: 15px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.articles-large .post:nth-of-type(3n){
		margin-bottom: 0;
	}
	.articles-large .post .post-thumbnail__wrapper {
		height: 232px;	
		width: 100%;
		overflow: hidden;
	}
	.articles-large .post .content{
		font-size: 16px;
	}
	.post_meta {
		font-size: 16px;
	}
}

.container--archive>.category{
	margin: 0 -20px;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.03);
}

.home-block{
	margin: 0 -20px 15px -20px;
	padding: 20px;
	background: #fff;
}


.home-block .title>a{
	font-weight: 700;
	min-width: 70px;
	font-family: Merriweather, sans-serif;
	text-decoration: underline;
	margin-left: 20px;
}
.home-block .title{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

body:not(.dark) .post_meta .item a{
	color: rgba(0, 0, 0, 0.3);
	text-decoration: underline;
}


.dark .container--archive>.category,
.dark .home-block{
	background-color: #111111;
}

@media (min-width: 768px) {
	.container--home{
		padding: 0;
	}
	.home-block{
		padding: 20px;
		margin: 0
	}
	.home-block .showcase{
		padding-top: 0;
	}
}

@media (min-width: 1360px) {
	.container--home{
		display: block;
		width: 1430px;
	}
	.home-block{
		background: #fff;
		padding: 35px 60px 60px 60px;
		margin-bottom: 40px;
	}
	.home-block + .showcase{
		margin-top: -40px;
	}
	.home-block>.content{
		display: grid;
		grid-template-columns: 340px 1fr 320px;	
		/* gap: 20px; */
	}
	/* .container--home>.showcase:last-child{
		margin-top: -40px;
	} */

	.home-block .title h1, 
	.home-block .title h2{
		font-size: 44px;
		margin-bottom: 20px;
	}
	.home-block .title>a{
		font-size: 22px;
	}
	.banner-big{
		margin-bottom: 40px;
	}
	.container--archive>h2{
		display: none
	}
	.home-block .post{
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 20px;
	}
	.home-block.three-right-ad .first .post,
	.home-block.three-left-ad .first .post{
		padding-left: 0;
	}
	.home-block .col .content{
		font-size: 16px;
	}
	.home-block .col{
		display: flex;
		flex-direction: column;
	}
	.home-block .col:first-child:not(.trending-posts){
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}
	.home-block .col:last-child{
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}
	.home-block.two-huge-ad .col:nth-child(2){
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}
	.home-block.two-huge-ad .col:nth-child(4){
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}
	.home-block .post:not(:last-child){
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	/* 3 cols ad left */

	.home-block .col:nth-child(1) .post{
		padding-right: 20px;
	}
	.home-block .col:nth-child(1) .post-thumbnail__wrapper,
	.home-block .col:nth-child(1) .content,
	.home-block .col:nth-child(3) .content{
		display: none;
	}
	.home-block .col:nth-child(1) .post-thumbnail__wrapper,
	.home-block .col:nth-child(3) .post-thumbnail__wrapper{
		height: 160px;
	}
	.home-block .col:nth-child(2) .post-thumbnail__wrapper{
		height: 320px;
	}
	.home-block .col:nth-child(2) .post{
		gap: 20px
	}

	.home-block .col:nth-child(2) .post{
		padding: 0 20px 20px 20px;
	}
	.home-block.two-huge-ad .col:nth-child(2) .post{
		padding: 0 20px 20px 0;
	}
	.home-block .col:nth-child(3) .post{
		padding-left: 20px;
	}
	.home-block .col.last .post{
		padding-right: 0;
	}
	.home-block .col.last .showcase{
		padding-right: 0;
	}
	.home-block .col:nth-child(2){
		/* padding: 0 20px; */
		gap: 20px
	}
	.home-block .col:nth-child(3){
		/* padding: 0 20px; */
		gap: 10px
	}
	.home-block .col:nth-child(3) .post:not(:first-child) .post-thumbnail__wrapper{
		display: none;
	}
	.home-block .col .post:first-child{
		padding-top: 0;
	}

	/* 3 cols ad right */
	.home-block.three-right-ad>.content{
		grid-template-columns: 320px 1fr 300px;	
	}
	.home-block.three-right-ad>.content .col:nth-child(1) .post:nth-child(1) .post-thumbnail__wrapper{
		display: flex;
	}

	/* 2 cols huge ad */
	.home-block.two-huge-ad .showcase{
		grid-area: 1 / 1 / 1 / 3;
	}
	.home-block.two-huge-ad .col:nth-child(2){
		grid-area: 2 / 1 / 3 / 2;
		gap: 10px;
	}
	.home-block.two-huge-ad .col:nth-child(2) .post-thumbnail__wrapper,
	.home-block.two-huge-ad .post .content,
	.home-block.two-huge-ad .col:nth-child(4) .post:not(:first-child) .post-thumbnail__wrapper{
		display: none;	
	}
	.home-block.two-huge-ad .col:nth-child(3){
		grid-area: 2 / 2 / 3 / 3;
	}
	.home-block.two-huge-ad .col:nth-child(3) .post,
	.home-block.block-latest .col:nth-child(2) .post{
		display: grid;
		grid-template-columns: 84px 1fr;
		column-gap: 20px;	
		row-gap: 10px;	
	}
	.home-block.two-huge-ad .col:nth-child(3) .post-thumbnail__wrapper,
	.home-block.block-latest .col:nth-child(2) .post-thumbnail__wrapper{
		grid-area: 1 / 1 / 3 / 2;
		display: flex !important;
		width: 84px;
		height: 84px;
	}
	.home-block.two-huge-ad .col:nth-child(3) .post_meta,
	.home-block.block-latest .col:nth-child(2) .post_meta{
		grid-area: 2 / 2 / 3 / 3;
	}
	.home-block.two-huge-ad .col:nth-child(4){
		grid-area: 1 / 3 / 3 / 4;
	}

	.home-block.two-huge-ad .col:nth-child(4) .post{
		padding-left: 20px;
	}
	.home-block.two-huge-ad>.content{
		gap: 0
	}
	.home-block.two-huge-ad .col:nth-child(2) .post{
		gap: 10px;
		padding-bottom: 10px;
	}

	/* 2 cols small ad */
	.home-block.two-huge-ad.two-small-ad .col:nth-child(4) .post-thumbnail__wrapper{
		display: none !important;
	}
	.home-block.two-huge-ad.two-small-ad .col:nth-child(2) .post:first-child .post-thumbnail__wrapper{
		display: flex;
		height: 160px;
	}

	/* latest */
	.home-block.block-latest .post .content{
		display: none;
	}
	.home-block.block-latest .col:nth-child(2) .post:first-child .content,
	.home-block.block-latest .col:nth-child(2) .post:first-child{
		display: flex;
		justify-content: column;
		gap: 14px;
	}
	.home-block.block-latest .col:nth-child(2) .post:first-child .post-thumbnail__wrapper{
		height: 320px;
		width: auto;
	}

	.block-latest .col.first{
		padding: 0
	}
}


@media (min-width: 1360px){
	.acf-block.acf-block--titled{
		margin-top: 40px;
		display: grid;
		grid-template-columns: 1fr 320px;
		gap: 40px
	}
	.acf-block__title{
		order: 1;
		font-size: 33px;
	}
	.left-box-review__inner-second{		
		margin-top: 40px;
		display: grid;
		grid-template-columns: 320px 1fr;
		gap: 40px
	}
	
	.left-box-review__stuffs{
		display: grid;
		grid-template-columns: 1fr 1fr;
		background-color: #F5F5F5;
		padding: 40px;
		gap: 40px;
	}
	.left-box-review__stuffs>*:first-child{
		border-bottom: 0;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}
	.stuffs-review__column{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.container--archive>.category{
		padding: 60px;
	}
	.container--archive{
		width: 1430px;
		max-width: 100%;
	}

	/* fix for featured block migration */
	.block-latest .trending-posts{
		padding: 0;
	}
	.block-latest .col.last.trending-posts .post{
		padding-right: 20px;
		margin: 0;
	}
}


@media (max-width: 1359px) {

	.container--archive .post,
	.related-posts .post{
		display: grid;
		grid-template-columns: 67px 1fr;
		grid-template-rows: 1fr auto;
		grid-column-gap: 10px;
		grid-row-gap: 5px;
		padding: 10px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	} 
	.container--archive .post .content,
	.related-posts .post .content{
		display: none;
	}
	.container--archive .post-thumbnail__wrapper,
	.related-posts .post-thumbnail__wrapper{
		height: 67px;
	}
	
	.container--archive:not(.container--home) .post:nth-child(5n) .content,
	.container--archive .col.first .post:first-of-type .content{
		display: block;
	}
	.container--archive:not(.container--home) .post:nth-child(5n) .post-thumbnail__wrapper,
	.container--archive .col.first .post:first-of-type .post-thumbnail__wrapper{
		height: auto;
		max-height: 300px;
	}
	.container--archive:not(.container--home) .post:nth-child(5n),
	.container--archive .col.first .post:first-of-type{
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.container--archive .col.last .post:last-of-type{
		border-bottom: none
	}

	.block-latest .content{
		display: flex;
		flex-direction: column;
	}
	/* .block-latest .first{
		order: 3
	} */
	.block-latest .first .showcase{
		display: none;
	}


}


/* https://codepen.io/cbracco/pen/kNMqmJ */

[data-tooltip] {
	position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:    
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
[data-tooltip]:before {
  z-index: 100;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
[data-tooltip]:after {
  z-index: 100;
  padding: 8px;
  min-width: 50px;
	max-width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  font-size: .9em;
	border-radius: .5em;
  color: #fff;
  content: attr(data-tooltip);
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before {
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
	-webkit-transform: translate(-50%, 12px);
  -moz-transform:    translate(-50%, 12px);
  transform:         translate(-50%, 12px);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after{
  -webkit-transform: translate(-50%, 0);
  -moz-transform:    translate(-50%, 0);
  transform:         translate(-50%, 0);
}

[data-tooltip]:hover:before,
[data-tooltip]:focus:before {
  -webkit-transform: translate(-50%, 0);
  -moz-transform:    translate(-50%, 0);
  transform:         translate(-50%, 0); 
}

[data-tooltip]:hover:after,
[data-tooltip]:focus:after {
  -webkit-transform: translate(-50%, -12px);
  -moz-transform:    translate(-50%, -12px);
  transform:         translate(-50%, -12px); 
}

/* sidebar ad padding fix */
.sidebar .showcase{
	padding-top:5px;
	padding-bottom:5px
}

/* image alignment fix */
.aligncenter{
	margin-left: auto;
	margin-right: auto;
}