/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/*   
*/
/* 
---------------------------------------------------------------- 
 
                        Таблицы
						
*/
/* горизонтальная прокрутка с плагином Advanced Editor Tools (ранее TinyMCE Advanced) */
/* table {
    width: 100%;
	overflow-x: auto !important;
    display: block;
}*/
/*@media screen and (max-width: 767px) {
    table {
        width: 100%;
        overflow-x: auto !important;
        display: block;
    }
}*/
/* 

*/
/* 
---------------------------------------------------------------- 
             
			 
			 RuTube

*/
/* Стиль для RuTube (Вариант 2) — через aspect-ratio */
/* Стили для контейнера видео Rutube */
.rutube_1 {
  max-width: 580px;     /* Максимальная ширина контейнера */
  aspect-ratio: 16 / 9;    /* Соотношение сторон 16:9 */
  width: 100%;    /* Ширина на всю доступную область */
  margin: 0 auto;    /* Центрирование по горизонтали */
  position: relative;    /* Относительное позиционирование для дочерних элементов */
}
/* Стили для iframe внутри контейнера */
.rutube_1 iframe {
  width: 100%;    /* Ширина на всю ширину контейнера */
  height: 100%;    /* Высота на всю высоту контейнера */
  border: none;    /* Удаление границы */
}
/*   

*/
/*
---------------------------------------------------------------- 

                  убираем добавить комментарий вверху

*/
header.entry-header.ast-no-title {
    display: none !important;
}
div.entry-meta {
    display: none !important;
}
/*   



*/
/* ВАЖНО (видимо временная проблема) исправление мало понятное. без этого телефон уходит влево. интересно, но в elementor всё нормально, а на сайте нет. */
@media (max-width: 767px) {
.elementor-16 .elementor-element.elementor-element-d53e15d {
   width: 84% !important; 
/*	width: 84%; */
}
}
/*   





*/
.text_center, .text-center {
    text-align:center;
}
/*  Значение center выравнивает гибкие элементы по центру контейнера: */
.flex_center {
  display: flex;
  justify-content: center;
}
.elementor-text-editor b, .textwidget b, .entry-content p b,
.elementor-text-editor strong, .textwidget strong, .entry-content p strong { 
    font-weight: 700;
	color: #54595F;
}
.elementor-text-editor em, .textwidget em, .entry-content p em, 
.elementor-text-editor dfn, .textwidget dfn, .entry-content p dfn { 
    font-style: normal;
    font-weight: 300;
}
/* ссылки a*/
.color_a, .color_a a, .elementor-text-editor a, .textwidget a, .entry-content p a, .entry-content ul:not([class]) li a, .entry-content ol:not([class]) li a, .elementor-icon-box-description a,
.color_a a:active, .elementor-text-editor a:active, .textwidget a:active, .entry-content p a:active, .entry-content ul:not([class]) li a:active, .entry-content ol:not([class]) li a:active, .elementor-icon-box-description a:active,
.color_a a:focus, .elementor-text-editor a:focus, .textwidget a:focus, .entry-content p a:focus, .entry-content ul:not([class]) li a:focus, .entry-content ol:not([class]) li a:focus,  .elementor-icon-box-description a:focus, .elementor-widget-container p a
{ 
    font-weight: 800;
	color: #008b48; 
}
.color_a a:hover, .elementor-text-editor a:hover, .textwidget a:hover, .entry-content p a:hover, .entry-content ul:not([class]) li a:hover, .entry-content ol:not([class]) li a:hover,  .elementor-icon-box-description a:hover, .elementor-widget-container p a:hover 
{ 
    font-weight: 800;
    color: #008b48; 
	border-bottom: 3px solid #008b48;
}
/*  





*/
.color_y, .color_y:active, .color_y:focus {
    font-weight: 800;
    color: #ffe800;
}
.color_y:hover {
    font-weight: 800;
    color: #ffe800;
	border-bottom: 3px solid #ffe800;
}
/*   



*/
/*------ Серый у ссылок с малым количеством постов ------- */
.color_grey {
color: #3a3a3a;
}
.color_green {
    color: #008b48;
}
.color_blue a, .color_blue a:hover, .color_blue a:focus, .color_blue a:visited, .color_blue a:link {
    color: #1B9D00;
    background-image: none;
}
.color_blue {
    color: #a00055;
}
.entry-title a, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
    /*color: #008b48;
	font-weight: 600;*/
    color: #3a3a3a;
	font-weight: 400;
	text-align: center;
}
.entry-title, .entry-title a {
/*    font-weight: 600; */
	font-weight: 400;
}
/*   



*/
h1 {
    text-align:center;
}
/*  Отступ снизу у заголовков в тексте статьи  */
h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
    margin-bottom: 1.0em;
}
/*   


*/
.i-lh-footer {
display: none;
}
/*   


*/
/*---- цитата ---- */
blockquote {
    font-style: italic;
    font-size: 1em;
    font-weight: 600;
    color: #55595c;
    border-left: 6px solid #008b49d1;
    margin: 0em 0em 1.5em 1.5em;
    padding: .75em 1.5em 1.5em 1.5em;
/*	background:#f9f9f9; */
}
/*---- /цитата ---- */
/*


*/
/*------ Масштабирование изображений при наведении в Elementor ------ */
.scale-parent {
overflow: hidden;
}
.scale-parent:hover img, .scale-parent:focus img {
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.scale-parent img {
-webkit-transition: all .8s;
-moz-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}
/*


*/
/* Содержание */
.sdr-nav-1 {
	margin: 0 auto 1.5em auto;
  max-width: 31em;
  border: 0.1875em solid #008b48;
  border-radius: 1.5em 1.5em 1.5em 1.5em;
  padding: 1.5em 1.5em 1.5em 1.5em;
}
.sdr-div-1 {
  margin: 0 0 1.5em 0;
}
.sdr-span-1 {
  color: #5B5B5B;
  font: normal normal 400 normal 27px / 27px "Open Sans", Verdana;
}
.sdr-div-2 {
  padding: 0 1.5em 0 1.5em;
}
.sdr-ul-1 {
  margin: 0;
  padding: 0;
}
.sdr-li-1 {
  list-style: none outside none;
  padding: 0 0 .375em 0;
}
.sdr-a-1 {
  display: flex;
/*  height: 3em;*/
}
.sdr-i-1 {
  display: inline-block;
  width: 1em;
  	color: #5B5B5B;
}
.sdr-i-1:before {
  overflow-wrap: break-word;
}
.sdr-span-2 {
  color: #008b48;
  font: normal normal 600 normal 1em / 1.5em "Open Sans", Verdana;
  padding: 0 0 0 .375em;
}
/*




*/
/*  Кнопка скачать */	
.kn-div-1-130719 {
    text-align: center;
	margin: 0 0 1.5em 0;
	z-index: 1;
	position: relative;
}
.kn-a-1-130719, .kn-div-1-130719 a {
 background-image: linear-gradient(to left,transparent,transparent 50%,#008b48 50%,#008b48);
 background-position: 100% 0;
 background-size: 200% 100%;
 transition: all .1s ease-in;
    box-sizing: border-box;
    color: #008b48;
    display: inline-block;
    text-decoration: none;
    border: 3px solid #008b48;
    border-radius: 1.875em;
    font: normal normal 600 normal 16px / 24px "Open Sans", Verdana;
    padding: .75em 1.5em .75em 1.5em;
}
.kn-a-1-130719:hover, .kn-div-1-130719 a:hover {
background-position: 0 0;
color:#e8e8e8;
	border: 3px solid #008b48;
	text-decoration: none;
}
/* 




*/
/* Всплывающая подсказка у ссылки, тип линия https://sitehere.ru/originalnoe-oformlenie-vsplyvayushhix-podskazok 
<a class="tooltip" href="#" target="_blank">Конкурсы<span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner">Перейти на страницу:<br /> 11111</span></span></span></a>
rgba(0, 139, 72, 0.95) голубой
rgba(0, 139, 72, 0.95) серый
*/
.tooltip {
	display: inline;
	position: relative;
	font-weight: 700;
	color: #008b48;
	z-index: 1;
}
.tooltip_a {
	font-weight: 700;
}
.tooltip:hover {
	display: inline;
	position: relative;
	font-weight: 700;
	color: #008b48;
	z-index: 1;
}
.tooltip::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.tooltip:hover::after {
	pointer-events: auto;
}
.tooltip-content {
	position: absolute;
	z-index: 1;
	width: 300px;
	left: 50%;
	bottom: 100%;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	font-weight: 600;
	color: #fff; /* цвет текста*/
	background: transparent;
	opacity: 0;
	margin: 0 0 20px -150px;
	cursor: default;
	pointer-events: none;
	/* font-family: 'Satisfy', cursive; */
	-webkit-font-smoothing: antialiased;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}
.tooltip:hover .tooltip-content {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.tooltip-content span {
	display: block;
}
.tooltip-text {
	border-bottom: 10px solid rgba(0, 139, 72, 0.95); /* Дополнительный фон */
	overflow: hidden;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.tooltip:hover .tooltip-text {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.tooltip-inner {
	background: rgba(0, 139, 72, 0.95); /* Основной фон */
	padding: 40px;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.tooltip:hover .tooltip-inner {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.tooltip-content::after {
	content: '';
	bottom: -20px;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: rgba(0, 139, 72, 0.95); /* Дополнительный фон */
	/* border-top-color: #fffaf0; */
	border-width: 10px;
	margin-left: -10px;
}
/* 



*/
/* ***************************************** смещение влево вправо изображения в текстовом редакторе******************* */
.float_mobil {
    display: inline;
    float: left;
    margin-right: 1.5em;
	margin-bottom: 1.5em;
}
.float_mobil_right {
    display: inline;
    float: right;
    margin-left: 1.5em;
	margin-bottom: 1.5em;
}
@media (max-width: 768px) {
	.float_mobil {
	clear: both;
    text-align: center;
	float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
	.float_mobil_right {
	clear: both;
    text-align: center;
	float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
}
/* 




*/
/*---- Пост padding 4*16=64 со всех сторон в Elementor ---- */
.ast-separate-container .ast-article-single {
  background-color: #fff;
  border-bottom: 1px solid #eeeeee;
  margin: 0;
    padding: 72px 72px;
}
.ast-separate-container .ast-article-post {
  background-color: #fff;
  border-bottom: 1px solid #eeeeee;
  margin: 0;
    padding: 48px 72px 48px 72px; 
}
.ast-separate-container .blog-layout-1 {
  padding: 0;
  border-bottom: 0;
}
.ast-separate-container .ast-article-single {
  border-bottom: 0;
}
@media (max-width: 1200px) {
  .ast-separate-container .ast-article-post,
  .ast-separate-container .ast-article-single {
    margin: 0;
    padding: 48px 24px;
  }
}
@media (min-width: 993px) { /* заглушка , что не срабатывали значения с шаблона */
.ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary {
    margin: 0 0;
    padding: 0 0;
	}
}
@media (max-width: 992px) {
.ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary {
    margin: 0 0;
    padding: 24px 24px;
	}
}
@media (max-width: 768px) {
	.ast-container {
    padding-left: 24px;
    padding-right: 24px;
}
  .ast-separate-container .ast-article-post,
  .ast-separate-container .ast-article-single {
    padding: 24px 12px;
  }
  .ast-separate-container #primary,
  .ast-separate-container #secondary {
    padding: 24px 0;
  }
  .ast-separate-container.ast-right-sidebar #secondary {
    padding-left: 12px;
  }
  .ast-separate-container.ast-right-sidebar #secondary {
    padding-right: 12px;
  }
  .ast-separate-container.ast-two-container #secondary {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 544px) {
  .ast-separate-container .ast-article-post,
  .ast-separate-container .ast-article-single {
    padding: 24px 6px;
  }
  .ast-separate-container #content .ast-container {
    padding-left: 6px;
    padding-right: 6px;
  }
  .ast-separate-container #secondary {
    padding-top: 0;
  }
}
/*




*/
.theme-0_color-5 .wrap-calc #viewing_panel.fields .field.field-select select {
/* .theme-0_color-5 .wrap-calc #viewing_panel.fields .field.field-select select { */
/* .theme-0_color-5 .wrap-calc #viewing_panel.fields .field.field-select select { */
    font-size: 24px;
}
/* 





*/
/* текстовый редактор, убираем отступ внизу  https://wpjunction.net/elementor-remove-paragraph-spacing/ */
.elementor-text-editor p:last-child, .textwidget p:last-child { margin-bottom:0px;}
/* 




*/
/* Таблица Цвет жирного цвета в заголовке и текст по центру */ 
/* удаляем код
.wprt-container .table-responsive .table:not(.not-head-style) > *:first-child > tr:first-child,
.wprt-container .table-responsive .table:not(.not-head-style) > *:first-child > tr:first-child b,
.wprt-container .table-responsive .table:not(.not-head-style) > *:first-child > tr:first-child strong,
.wprt-container .table-responsive .table:not(.not-head-style) > *:first-child > tr:first-child td,
.wprt-container .table-responsive .table:not(.not-head-style) > *:first-child > tr:first-child th {
    color: #e5e5e5!important;
	text-align: center;
}
*/
/* 





*/
/* Подпись к изображению */
.wp-caption-text {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3em;
}
@media (max-width: 1200px) {
.wp-caption-text  {
    font-size: 13px;
    line-height: 1.3em;
}
}
@media (max-width: 767px) {
.wp-caption-text  {
    font-size: 13px;
    line-height: 1.3em;
}
}
/* 




*/
/* шрифт во вкладках woocomerce*/
.elementor-jet-single-tabs .wprt-container p {
	font-weight: 400;
}
/*   





*/
/*  Даты мелким шрифтом */
.osn_data {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3em;
	text-align: right;
}
/*   





*/
/*  без этого изображение во вкладках товара в WooCommerce всегда слева, отцентровать невозможно*/
.woocommerce-Tabs-panel figure {
    margin: auto !important;
}
/*   




*/
/* Изменил цвет звезд, звездочек ОТЗЫВОВ в карточке товара  */
.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before {
    color: #FFA300;
}
/* подчеркивание при наведении зеленый - желтый */
.comment-form-rating p a:hover {
    border-bottom: 3px solid #FFA300;
}
/*   




*/
/*   */
/*   */