/*
Theme Name: hello-biz-child
Template: hello-biz
Theme URI: https://egeclever.ru
Description: дочерняя тема для темы hello-biz
Author:
Author URI:
Version: 1.0
*/
 
@import url("../hello-biz/style.css");

/* ХЕДЕР */

body header {
	z-index: 12 !important;
}
/* делаем ховер для пунктов меню, т.к. не раб. из настроек Элементора */
ul.ehp-header__menu li a:hover {
	color: #2d2823 !important;
}
/* приопускаем пункты меню, чтобы поместилось название сайта, кроме суженного экрана */
@media screen and (min-width: 1025px) {
	header.ehp-header:not(.scroll-down) ul.ehp-header__menu {
	margin-bottom: -32px;
	}
}
/* привязываем к пункту меню "Главная" название сайта "EGECLEVER.RU", кроме суженного экрана */
@media screen and (min-width: 1025px) {
	nav.ehp-header__navigation > ul > li:nth-child(1) a::before {
	content: "EGECLEVER.RU" !important;
    position: absolute;
    left: -1px;
    top: -30px;
    color: white;
    font-weight: 400;
    font-size: 34px;
    font-family: 'Wendy One'!important;
	letter-spacing: 5px;
    pointer-events: none;
	}
}
/* скрываем название сайта "EGECLEVER.RU" при прокрутке страницы вниз */
header.ehp-header.scroll-down nav.ehp-header__navigation > ul > li:nth-child(1) a::before {
	top: -100px;
}
/* при узком экране привязываем к иконке клевера ещё одно название сайта "EGECLEVER.RU" */
@media screen and (max-width: 1024px) {
	div.ehp-header__site-link-container::before {
		content: "EGECLEVER.RU" !important;
		position: relative;
		left: -9px;
		top: -1px;
		color: white;
		font-weight: 400;
		font-size: 18px;
		font-family: 'Wendy One' !important;
		letter-spacing: 2px;
		pointer-events: none;
	}
}
/* при узком экране уводим иконку клевера к правому краю */
@media screen and (max-width: 1024px) {
	div.ehp-header__site-link-container {
		position: absolute;
		right: 7px;
		top: 4px;
	}
}
/* при узком экране устанавливаем ширину полосы хедера */
@media screen and (max-width: 1024px) {
	header {
		height: 55px;
	}
}
/* при узком экране настраиваем иконку мобильного меню */
@media screen and (max-width: 1024px) {
	span.ehp-header__toggle-icon {
		position: relative;
		left: 10px;
	}
}
/* при узком экране настраиваем выпадающее поле с пунктами меню */
@media screen and (max-width: 1024px) {
	nav.ehp-header__navigation {
		padding: 10px 17px;
		background-color: #abf1a5 !important;
	}
}
@media screen and (max-width: 1024px) {
	div.ehp-header__ctas-container {
		position: absolute;
		right: 10px;
		top: 10px;	
	}
}
@media screen and (max-width: 1024px) {
	header ul.ehp-header__menu {
		margin-bottom: -10px !important;	
	}
}
/* при узком экране настраиваем область реагирования стрелки для пункта подменю */
@media screen and (max-width: 1024px) {
	button.ehp-header__dropdown-toggle {
		width: 123px;
		height: 25px;
		position: relative;
		top: -22px;
		right: 4px;	
	}
}
/* при узком экране настраиваем положение подменю */
@media screen and (max-width: 1024px) {
	header ul.ehp-header__dropdown {
		top: -24px!important;	
	}
}
/* настраиваем иконку элемента "Contact Button" (иконку телефона) */
div.ehp-header__contact-buttons > a:nth-of-type(1) {
	position: relative;
    top: 4px;
	pointer-events: none;
}
/* привязываем номер телефона к элементу "Contact Button" (к иконке телефона) */
div.ehp-header__contact-buttons > a:nth-of-type(1)::before {
	content: "+7 910-782-51-21" !important;
    position: relative;
    left: -5px;
    top: -3px;
    color: white;
    font-weight: bold;
    font-size: 27px;
    font-family: 'Baloo 2';
}
/* при суженном экране меняем размер и положение номера телефона */
@media screen and (max-width: 1024px) {
	div.ehp-header__contact-buttons > a:nth-of-type(1)::before {
		font-size: 21px;
        left: -54px;
        top: 8px;
	}
}

/* УДАЛЯЕМ ПОЯВЛЕНИЕ ГОРИЗОНТ. ПРОКРУТКИ ПРИ ВЫЛЕТАНИИ (АНИМАЦИИ) ЭЛЕМЕНТОВ СО СТОРОН */

div.elementor.elementor-167 > div:not(#slider-container) {
	overflow: hidden !important;
}

/* КАРУСЕЛЬ ВВЕРХУ САЙТА */

/* стилизуем надписи и поднимаем все надписи выше, над головами учеников*/
div.carousel-on-top div.bdt-panel-slide-desc h3 {
	display: inline;
    padding: 10px 20px;
	 /* position: relative;
    top: -148px; */
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #00CE25;
    text-shadow: -3px -3px 2px white, 3px -3px 2px white, -3px 3px 2px white, 3px 3px 2px white;
}
div.carousel-on-top div.bdt-panel-slide-desc p {
	/* background-color: #fffffff2; */
    display: inline;
    padding: 10px 20px;
    color: #fa65e7;
	/* position: relative;
    top: -148px; */
	/* text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white; */
	text-shadow: -2px -2px 1px white, 2px -2px 1px white, -2px 2px 1px white, 2px 2px 1px white;
}
/* div.carousel-on-top div.bdt-panel-slide-desc a {
	position: relative;
    top: -148px;
} */
/* вторую фотографию смещаем вверх, чтобы лучше смотрелись студенты */
div.carousel-on-top div.swiper-wrapper div:nth-of-type(3) > div > div {
	background-position: bottom !important;
}

/* БЛОК "О ЦЕНТРЕ" */
/* вводим поворот для фоток, т.к. из настроек Elementor св-во не работает в браузере Firefox */
#o-centre-pic-1 {
	rotate: 5deg;
}
#o-centre-pic-2 {
	rotate: -6deg;
}
#o-centre-pic-3 {
	rotate: -5deg;
}

/* СТРАНИЦА С ОТЗЫВАМИ (СДЕЛАННАЯ ИЗ КОММЕНТАРИЕВ WP) */

/* удаляем поле ввода адреса своего сайта */
body.single-post section.comments-area p.comment-form-url {
	display: none !important;
}
/* накладываем слово "отзывов" на "комментариев" в начале списка отзывов */
body.single-post section.comments-area h2.title-comments {
	display: inline-block;
}
body.single-post section.comments-area h2.title-comments::after {
	content: "отзывов"!important;
    margin-top: -38px;
    background-color: #ceffbf;
    position: relative;
    left: -126px;
    padding-right: 50px;
}
/* накладываем слова "Оставить отзыв" на "Оставить комментарий" над полем формы */
body.single-post section.comments-area h2.comment-reply-title {
	color: transparent;
}
body.single-post section.comments-area h2.comment-reply-title::after {
	content: "В форме ниже Вы можете оставить свой отзыв. Имейл здесь нужен исключительно для автоматической генерации уникального аватара. Мы не используем Ваш имейл! Вместо своего можете указать любой вымышленный имейл - что-то вроде lkjdibnsl@mail.ru (но отличный от этого)."!important;
    margin-top: -38px;
    background-color: #ceffbf;
    position: relative;
    padding-right: 50px;
    color: #484544;
    display: block;
	text-align: center;
}
/* накладываем слово "Отзыв *" на слово "Комментарий" над полем формы */
body.single-post section.comments-area p.comment-form-comment label {
	color: transparent;
}
body.single-post section.comments-area p.comment-form-comment label::before {
	content: "Отзыв *"!important;
    background-color: #ceffbf;
	color: #484544;
    position: absolute;
    padding: 0px 100px 2px 5px;
}
/* накладываем слова "Оставить отзыв" на кнопку под полем формы */
body.single-post section.comments-area p.form-submit input {
	border-radius: 20px 0px 20px 20px;
}
body.single-post section.comments-area p.form-submit::after{
	content: "ОСТАВИТЬ ОТЗЫВ" !important;
    background-color: #30d421;
    color: white;
    position: absolute;
    padding: 9px 46px;
    border-radius: 20px 0px 20px 20px;
    pointer-events: none;
    left: 184px;
}
/* редактируем поля для каждого отзыва */
body.single-post section.comments-area ol.comment-list img.avatar {
	left: 19px!important;
}
body.single-post section.comments-area ol.comment-list div.comment-author {
	color: gray!important;
}
body.single-post section.comments-area ol.comment-list article {
	border: none!important;
}
body.single-post section.comments-area ol.comment-list li {
	border: 2px solid;
	border-radius: 20px 20px 20px 80px;
	background: white;
    padding: 0px 20px !important;
    font-size: 20px !important;
    margin: 30px 0px;
}
body.single-post section.comments-area ol.comment-list li:nth-of-type(1n) {
	/* background: #749dff; */
    color: #749dff;
}
body.single-post section.comments-area ol.comment-list li:nth-of-type(2n) {
	/* background: #fffb47d6; */
    color: #ff7842;
}
body.single-post section.comments-area ol.comment-list li:nth-of-type(3n) {
	/* background: #30d421; */
    color: #30d421;
}
body.single-post section.comments-area ol.comment-list li:nth-of-type(4n) {
	/* background: #ed47ffd6; */
    color: #ed47ffd6;
}

/* ВСПЛЫВАЮЩАЯ ФОРМА ДЛЯ ОСТАВЛЕНИЯ ЗАЯВКИ */

/* цвет фона формы, чтобы соответствовал глобальному на сайте */
div.bdt-dropbar-wrapper > div > div > div > div {
	background-color: #68db5e !important;
}
/* плавающая в углу кнопка "Отправить нам заявку" */
a.bdt-dropbar-button.elementor-button {
	background-image: url(https://egeclever.ru/wp-content/uploads/2025/08/clever-flower-1-500x513-1-150x150.png) !important;
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
    text-shadow: 9px 4px 6px black;
	/* background-color: #FA75FFC9; */
}

/* ФУТЕР ДАВАЛ ВНИЗУ ЗАЗОР ЛИШНИЙ */

#site-footer {
	display: none;
}