@charset "UTF-8";

/*
	Theme Name: Waterlava
	Description: WaterLava is a modern, responsive, and elegant style theme template for WordPress fullsite editing and fully compatible with Gutenverse plugin. WaterLava’s created especially for Spa and Wellness Center, Meditation, Fashion and Beauty Salon, and all similar businesses website for companies or individuals that need a beautiful landing page for their business. The templates includes both core version and Gutenverse plugin version, also has core and Gutenverse block patterns ready so you can start mix and match your template parts as you desire. The templates is built ready so you don't need to build it from scratch. We want to make your experience using WordPress fullsite editor more convenient.
	Author: Jegstudio
	Author URI: https://gutenverse.com
  Theme URI: https://gutenverse.com/waterlava-theme
	Version: 1.1.1
	Stable tag: 1.1.1
	Requires at least: 5.9
	Tested up to: 6.1
	Requires PHP: 7.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: waterlava
  Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, full-site-editing, translation-ready, block-patterns, featured-images
*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Sections ========================================================================== */
body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Header Fonts ======================================================================= */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	font-weight: 700;
	line-height: 1.2;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

p {
	margin-top: 0;
	margin-bottom: 0;
}

/* Grouping content ========================================================================== */
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace;
	font-size: 1em;
	white-space: pre-wrap;
}

/* Text-level semantics ========================================================================== */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	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: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content ========================================================================== */
img {
	border-style: none;
	height: auto;
	max-width: 100%;
}

figure {
	margin-inline-start: 0;
	margin-inline-end: 0;
}

/* Interactive ========================================================================== */
details {
	display: block;
}

summary {
	display: list-item;
}

figcaption {
	font-size: 16px;
	line-height: 1.4;
	font-style: italic;
	font-weight: 400;
}

.wp-site-blocks>* {
	margin-top: 0 !important;
}

.logged-in.admin-bar .wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
	margin-top: 32px;
}

.wp-block-image img {
	display: block;
}

@media (max-width: 782px) {
	.logged-in.admin-bar .wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
		margin-top: 46px;
	}
}

.comment-form-comment {
	margin-bottom: 0.9rem;
}

.wp-block-post-comments input[type=submit] {
	background-color: var(--wp--preset--color--waterlava-primary);
	color: var(--wp--preset--color--white);
	border-radius: 0px;
}

/* ploot */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--wp--preset--font-family--a-la-russ) !important;
}

.wp-block-query-pagination {}

.wp-block-query-pagination a:not(.wp-block-query-pagination-previous, .wp-block-query-pagination-next),
.wp-block-query-pagination span:not(.is-arrow-chevron) {
	border: 1px solid var(--wp--preset--color--vivid-cyan-blue);
	padding: 0px 10px;
	border-radius: 10px;
	display: inline-block;
	margin-bottom: 10px;
}

.wp-block-query-pagination span:not(.is-arrow-chevron) {
	border: 1px solid var(--wp--preset--color--waterlava-primary);

}

#catalog_el_list {
	margin: 40px auto;
}

#catalog_el_list .item {
	display: inline-block;
	margin: 0 10px 10px 0;
}

.guten-post-content p {
	margin-bottom: 15px !important;
}

.dochstr {}

.dochstrul {
	list-style: none;
}

.dochstrul li {
	margin: 0 0 10px 0;
}

#vestnik {
	border-bottom: 1px solid #aaa;
	margin: 15px 0 0 0;

}

#vestnik .item {
	display: inline-block;
	margin: 0 15px 30px 0;
}

#vestnik .item .item_text {
	text-align: center;
	margin: -10px 0 0 0;
}

.news_item_text .news_date {
	margin-right: 15px;
}

.wp-block-tag-cloud {
	margin: 15px 0 0 0;
}

.wp-block-tag-cloud a {
	border: 1px solid rgb(32, 0, 192);
	padding: 5px 15px;
	margin: 0 15px 15px 0;
	border-radius: 20px;
}

.guten-5VvyMH section {
	width: 150px;
	display: inline-block;
	margin: 0 15px 15px 0;
}

.guten-5VvyMH section img {
	width: 100%;
	height: auto;
}

.wp-block-tag-cloud {
	/* margin: 15px 0 0 0; */
}

.wp-block-tag-cloud a {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background: var(--wp--preset--color--waterlava-fifth);
	border-top-left-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 0px;

	color: rgba(255, 255, 255, 1);
	/* font-family: "Helvetica"; */
	/* font-size: 13px; */
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.wp-block-tag-cloud a:hover {
	background: var(--wp--preset--color--waterlava-ninth);

}

.guten-8H7FRm p {
	padding-right: 15px;
	/* margin:  0 15px 0 0 !important; */
}

.section-wrapper-vopros {
	margin-bottom: 45px !important;
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	/* Расстояние между элементами */
	padding: 20px 0;
}

.pagination a,
.pagination span {
	display: inline-block;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	transition: background-color 0.3s, color 0.3s;
}

.pagination a:hover {
	background-color: #f5f5f5;
	color: #007bff;
}

.pagination .current {
	background-color: #007bff;
	color: #fff;
	border-color: #007bff;
}

.pagination .dots {
	border: none;
	pointer-events: none;
	color: #aaa;
}

.pagination .prev,
.pagination .next {
	font-weight: bold;
	padding: 8px 10px;
}

.pagination .prev:hover,
.pagination .next:hover {
	background-color: #e9ecef;
}

.get_the_date {
	text-align: left;
	width: 100%;
}

/* Основные стили для десктопа */
.flex-section {
	display: flex;
	/* Используем Flexbox */
	justify-content: space-between;
	/* Равномерное распределение пространства между колонками */
	gap: 20px;
	/* Расстояние между колонками */
	/* padding: 20px; */
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 45px;
	border-bottom: 1px solid #ccc;
}

.column {
	flex: 1;
	text-align: left;
}

/* Адаптация для мобильных устройств */
@media (max-width: 575px) {
	.flex-section {
		flex-direction: column;
		/* Колонки располагаются одна под другой */
	}

	.column {
		flex: none;
		/* Отключаем гибкость, чтобы колонки занимали всю ширину */
		width: 100%;
		/* Каждая колонка занимает 100% ширины */
	}
}