/*!
Theme Name: smi
Theme URI: https://sergey-kamlyukov.ru/
Description: 
Version: 0.1.0
Author: sergey-kamlyukov.ru
Author URI: https://sergey-kamlyukov.ru/
*/

.page-news img {
	height: auto;
}
.load-more-container {
	grid-column: 2 span;
	position: relative;
}
.latest-news .preview-news__title {
	width: fit-content;
}

.pagination {
	grid-column: 2 span;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #202020;
	font-weight: 700;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none;
    color: #202020;
}
.pagination .page-numbers:not(.current):hover {
	background: #202020;
	color: #ffffff;
}
.pagination span.page-numbers {
	background: #FF9000;
	border-color: #FF9000;
	color: #202020;
}

.footer_yur-dannye {
	padding-bottom: 48px;
	color: #7F7F7F;
	font-size: 14px;
}
.footer_yur-dannye a {
	color: ;
}

@media (max-width: 1024px) {
	.load-more-container {
		grid-column: 1;
        grid-row: 2;
	}
}

.banner {
	position: relative;
}
.header__banner {
	margin-top: 30px;
}
.footer__banner {
	margin-bottom: 30px;
}
.banner a {
	display: block;
	width: fit-content;
	margin: 0 auto;
	text-decoration: none;
}
.banner-warning {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 5px 10px;
	display: flex;
    	align-items: center;
    	gap: 10px;
}
.banner-badge {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
	padding: 5px 10px;
	width: fit-content;
	border-radius: 30px;
	font-size: 9px;
	line-height: 1.1;
	color: #000;
}
.banner-reklamodatel {
	background: rgba(255, 255, 255, 1);
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 11px;
	line-height: 1.1;
	color: #000;
}
.banner-reklamodatel span {
	display: block;
}
.banner-reklamodatel-mobile {
	display: none;
}
@media (max-width: 767px) {
	.banner-warning {
		top: 100%;
		padding: 2px;
		gap: 5px;
	}
	.banner-badge {
		padding: 2.5px 5px;
		font-size: 8px;
		line-height: 1.1;
	}
	.banner-reklamodatel {
		display: flex;
		align-items: center;
		gap: 2px;
		padding: 2.5px 5px;
		font-size: 8px;
		line-height: 1.1;
	}
}
@media (max-width: 525px) {
	.banner-reklamodatel-desktop {
		display: none;
	}
	.banner-reklamodatel-mobile {
		display: flex;
	}
}