/*
Theme Name: Yelly
Theme URI: https://wpshop.ru/themes/yelly
Author: WPShop.biz
Author URI: https://wpshop.ru/
Description: New premium, adaptive, seo-optimized social theme
Version: 3.0.7
Text Domain: yelly
Tags: premium, adaptive, seo
Ver: 80736
*/

/*--------------------------------------------------------------
 *   DON'T EDIT THIS FILE
 *   After update you will lose all changes. Use child theme
 *
 *   НЕ РЕДАКТИРУЙТЕ ЭТОТ ФАЙЛ
 *   После обновления Вы потереяете все изменения. Используйте дочернюю тему
 *
 *   https://support.wpshop.ru/docs/general/child-themes/
--------------------------------------------------------------*/
.box_about_Kate {
	display: flex;
	align-items: flex-start;
	background-color: #f9f9f9;
	/* Светлый фон для блока */
	border: 1px solid #ddd;
	/* Легкая рамка */
	border-radius: 8px;
	/* Закругленные углы */
	padding: 20px;
	max-width: 800px;
	margin: 30px auto;
	/* Отступы сверху и снизу */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	/* Тень для глубины */
}

.box_about_Kate:hover {
	transition: all .3s ease-in;
	/*transform: scale(1.01);*/
}

.box_about_Kate img {
	max-width: 150px;
	/* Ограничение ширины изображения */
	border-radius: 50%;
	/* Круглая форма изображения */
	margin-right: 20px;
	/* Отступ между изображением и текстом */
}

.box_about_Kate_text {
	flex: 1;
	/* Позволяет текстовому блоку занимать оставшееся пространство */
}

.box_about_Kate_text h4 {
	margin: 0 0 10px;
	/* Отступы для заголовка */
	font-size: 1.5em;
	/* Размер шрифта заголовка */
	color: #333;
	/* Цвет заголовка */
}

.box_about_Kate_text p {
	margin: 0 0 10px;
	/* Отступы для параграфов */
	line-height: 1.6;
	/* Межстрочный интервал для удобочитаемости */
	color: #555;
	/* Цвет текста */
}

.box_about_Kate_text a {
	color: #007acc;
	/* Цвет ссылки */
	text-decoration: none;
	/* Убираем подчеркивание */
}

 

/* Стили для социальных ссылок */
.social_links {
	margin-top: 15px;
	/* Отступ сверху для блока с ссылками */
}

.social_links p {
	margin: 0 0 10px;
	/* Отступы для текста */
	font-size: 1em;
	/* Размер шрифта */
	color: #333;
	/* Цвет текста */
}



.social_link img {
	width: 30px;
	/* Ширина иконок */
	height: 30px;
	/* Высота иконок */
}

.social_link img:hover {
	transition: all .4s ease-in-out;
	transform: rotate(180deg);
}



.kont_block .box_about_Kate {
	flex-direction: column;
	align-items: center;
		justify-content: center;
		margin: 0 auto;
}

.kont_block .box_about_Kate img {
	margin-right: 0;
}

.kont_block h4 {
	text-align: center;
		font-size: 18px;
		margin: 25px 0;
}





.podpiska_widget #static-form-container {
	/*border: 1px dotted #343C55;*/
}


.entru_single_block {
	width: 100%;
	max-width: 500px;
	display: flex;
	flex-direction: column;
	background-color: #E6F7FF;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	margin: 20px auto;
	padding: 30px;
}


.entru_single_block img {
	max-height: 120px;
	max-width: 120px;
	width: 120px !important;
		height: 120px !important;
	border-radius: 150px;
}

.entru_single_block h3 {color: #173A58;}
 
.entru_line_1 {
	display: flex;
	align-items: center;
}


.entru_block_text {color: #849AA8; margin-bottom: 0px !important; margin-top: 20px;}


.entru_block_button {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	margin: 20px auto 0px;
	width: 100%; max-width: 250px; 
	transform: scale(.9);
	color: #FFF;
	background-color: #343C55;
	text-align: center;
	border-radius: 25px;}
.link_to_soc {margin-right: 10px;}


.entru_block_button p {margin-bottom: 0px !important; font-size: 20px;}

@keyframes bounce {

	0%,
	20%,
	60%,
	100% {
		transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

.entru_single_block a i:hover {animation: bounce 1s;}

.entru_single_block a i {font-size: 30px !important;}
/* Стили для мобильных устройств */
@media (max-width: 768px) {
	.box_about_Kate {
		flex-direction: column;
		/* Изменяем направление на колонку для мобильных устройств */
		align-items: center;
		/* Центрируем содержимое */
		text-align: center;
		/* Центрируем текст */
	}


	#secondary {display: block;
		order: 0;
		margin: 0 auto;
		margin-bottom: 0px;
		margin-bottom: 20px;}


		#custom_html-10, #recent-posts-2, #pages-3, #custom_html-9 {display: none !important;}


				.widget-area {max-width: 100%;}

	.box_about_Kate img {
		max-width: 100px;
		/* Уменьшаем максимальную ширину изображения */
		margin-right: 0;
		/* Убираем правый отступ */
		margin-bottom: 15px;
		/* Добавляем отступ снизу для изображения */
	}

	.box_about_Kate_text h4 {
		font-size: 1.2em;
		/* Уменьшаем размер шрифта заголовка */
	}

	.box_about_Kate_text p {
		font-size: 0.9em;
		/* Уменьшаем размер шрифта для параграфов */
	}

	.social_link img {
		width: 45px;
		/* Уменьшаем размер иконок на мобильных устройствах */
		height: 45px;
		/* Уменьшаем размер иконок на мобильных устройствах */
	}

#unisender-subscribe-form {
padding: 0 !important;
	overflow: hidden;
}


#unisender-subscribe-form table img {
	max-height: 180px !important;
}


#unisender-subscribe-form table td {
	padding: 3px !important;
}





.podpiska_widget button {
	padding: 10px 27px !important;
}

.popup_main_tbl p,
.popup_main_tbl label {
	margin-bottom: 0 !important;
	font-weight: bold;
}

}



.podpiska_widget label span {display: block;
float: left;
margin-right: 0px;}


.pum-theme-1873 .pum-container,
.pum-theme-enterprise-blue .pum-container {
	padding: 0 !important;
}


.podpiska_widget table td {
	padding: 2px !important;
}

.podpiska_widget table p {margin-bottom: 0px !important; position: relative;}


.podpiska_widget .error-block {position: absolute; margin-top: 18px;}



.popup_main_tbl {
	
}

.popup_main_tbl p, .popup_main_tbl label  {
margin-bottom: 0 !important;

}

.llkjhfg {text-align: center;}
.sajkkoier {text-align: center;}

.sajkkoier img {max-height: 150px;}


.day_sogl {display: flex !important; justify-content: center; text-align: center;}
.day_sogl input {margin-right: 10px;}
.day_sogl_ul {width: 100%; margin: 0 auto;}


.error-block {position: absolute;}

.erhwerikjkkj {margin-top: -20px;}

.some_som, .some_two {margin-top: -10px;}

.popup_main_tbl {max-height: 90vh; overflow: hidden;}

.hiden_inputs {display: block; max-height: 2px !important;}



.podpiska_widget .day_sogl_ul {padding-top: 10px;}
.podpiska_widget .popup_main_tbl {max-height: fit-content !important;}



.podpiska_widget table {
	border-collapse: collapse;
	/* Убирает промежутки между границами ячеек */
	border: none;
	/* Убирает границу таблицы */
}

.podpiska_widget td,
.podpiska_widget th {
	border: none;
	/* Убирает границы у ячеек и заголовков */

	/* Добавьте отступы, если нужно */
}

.box_about_Kate .social_links + .my-contact-phone__link-wrapper {
	margin-top: 10px;
}

.site-header .my-contact-phone__link-wrapper {
	padding: 0 10px;
}

.site-header .my-contact-phone__link,
.site-footer .my-contact-phone__link {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
}

.site-header .social-links {
	flex-shrink: 0;
}

.humburger {
	position: absolute;
	top: calc(50% - 5px);
	left: auto;
	right: 20px;
	z-index: 700;
}

.entru_single_block .my-contact-phone__link-wrapper {
	text-align: center;
	margin-top: 10px;
}

.entru_single_block .my-contact-phone__link {
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 992px) {
	.container, .fixed.block-after-site, .fixed.main-navigation-inner, .fixed.related-posts, .fixed.section-block, .fixed.section-html, .fixed.site-content, .fixed.site-footer-inner, .fixed.site-header-inner, .footer-navigation.fixed, .main-navigation.fixed, .site-footer.fixed, .site-header.fixed, .top-line-inner.fixed {
		max-width: 100% !important;
	}

	.site-branding {
		padding-left: 0px;
	}

	.site-header-inner {
		padding-right: 60px !important;
	}
}

@media (max-width: 768px) {
	.humburger {
		top: 10px;
	}

	.site-header-inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-right: 20px !important;
	}

	.site-branding .site-title {
		font-size: 24px;
		text-align: left;
	}

	.site-branding .site-description {
		text-align: left;
	}

	.site-header-inner .social-links, 
	.site-header-inner .my-contact-phone__link-wrapper {
		flex-shrink: 0;
		width: 50%;
	}

	.site-header-inner .social-buttons {
		text-align: left;
	}

	.site-header-inner .my-contact-phone__link-wrapper {
		text-align: right;
	}
}