/*
Theme Name: Childrens-day Theme
Theme URI: 
Author: Nabozhev
Author URI: http://
Description: Это моя кастомная тема для WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-childrens-day-theme
*/

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}

main {clear: both; min-height: 400px;}
footer {clear: both; border-top: 1px solid #F5D6D6;}

body {
	width: 100%;
	overflow-x: hidden;
	font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 16px;
}
/*Шапка */
.container {
	width: 1290px;
	position: relative;
	margin: 0 auto;

}
.fixed-header-btn {display: none;}
/* Header styles */
.children-header {
position: relative;
	display: flex; 
	width: 100%;
	height: 670px;
	background-color: rgba(250, 235, 235, 1);
	background-image: url('/wp-content/themes/childrens-day/img/big_white_text.svg');
	background-repeat: no-repeat;
	background-position: top left;
}

.front-logo {
	margin-top: 40px;
	display: block;
	position: relative;
	z-index: 10;
}

.main-navigation {
	margin-top: 160px;
}

.main-navigation  li {
	margin-bottom: 15px;
}
.main-navigation  li a {
	font-size: 14px;
	font-weight: 700;
	color: rgba(198, 118, 118, 1);
	text-decoration: none;
	border-bottom: 2px dotted rgba(198, 118, 118, 1);
}

.main-navigation li a:hover {
	border-bottom: none;
}


.children-header .container::after {
	content: '';
	position: absolute;
	top: -140px;
	right: 0px;
	background-repeat: no-repeat;
	display: flex;
	width: 849px;
	height: 566px;
	background-position: 0 0;
	z-index: 9;
	background-image: url('/wp-content/themes/childrens-day/img/bals.svg');
}



.child_main_img {
	position: absolute;
	display: block;
	right: -455px;
	top: -100px;
	z-index: 11;
}


/*rounds css */
.front_header_bottom_row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
	padding-top: 73px;
}

.logobox img {
	max-height: 123px;
	width: auto;
}

.round_buttons_wrap {
	display: flex;
	gap: 0;
}

.round_button {
	width: 283px;
	height: 283px;
	border-radius: 50%;
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	background: var(--bg-color);
	transition: transform 0.6s ease, background 0.6s ease;
	perspective: 1000px;
}



.round_button_inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;

}

.round_button.is-hovered .round_button_inner {
	transform: scaleX(-1);
}

.round_button.is-hovered .round_button_inner h3  {
	opacity: 0;
}

.round_button_front,
.round_button_back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
}

.round_button_front {
	color: white;
}

.round_button.is-hovered .round_button_back {
	background: var(--hover-bg-color);

	color: white;
}

/*эксперементально */

/*эксперементально */

.round_button:hover {
	background-color: #BD0F0F;
}
.round_button:nth-child(2):hover {
	background-color: #1561B7;
}
.round_button:nth-child(3):hover {
	background-color: #CD188B;
}


.round_button:nth-child(2) h3 .letter-space {
	display: block;
}

.round_button:nth-child(3) h3 .letter-space {
	display: block;
}


.round_button:hover {
	animation: bounce 0.58s ease;
}

@keyframes bounce {

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

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

/*при загрузке */

/*при загрузке */



.nomination {
	font-size: 14px;
	/*margin-top: 20px;*/
	position: absolute;
	top: 20px;

}

.nomination  img {width: 80px;}

.round_button h3 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0 8px;
	max-width: 190px;
}

.round_button p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 130%;
	font-weight: 400;
}

.round_button_icon {
	width: 70px;
	height: 70px;
	object-fit: contain;
	position: absolute;
	bottom: 15px;
}
/*rounds css */


.front_header_bottom_row {
	position: relative;
	z-index: 19;
}

.take_part {
	position: fixed;
	left: 30px;
	bottom: 50%;
	z-index: 999;
	transition: all 0.3s ease;
	/* Центрируем контейнер для псевдоэлемента */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 167px;
	/* Ширина фонового изображения */
	height: 167px;
	/* Высота фонового изображения */
}

/* Анимация вращения фонового изображения */
.take_part img.outer_btn {
	width: 100%;
	height: 100%;
	animation: rotate 15s linear infinite;
	/* Бесконечное вращение */
}

/* Псевдоэлемент (внутренняя часть) */
.take_part::after {
	content: '';
	position: absolute;
	/* Позиционируем абсолютно внутри .take_part */
	background-image: url('/wp-content/themes/childrens-day/img/btn_inner.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 117px;
	height: 69px;
	/* Центрируем */
	margin: auto;
}

/* Эффект при наведении */
.take_part:hover {
	transform: translateY(-10px);
}

/* Анимация вращения */
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}















.mobile_only_take {display: none;}
/*footer */

.footer_wrap {display: flex;
	height: 180px;
	justify-content: space-between;
	align-items: center;
width: 100%;}

.footer_wrap .main-navigation {
	margin-top: 0;
}
.footer_wrap .main-navigation a {
	font-weight: 400;
}

.bottom_line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 75px;
	color: rgba(188, 128, 128, 1);
	font-size: 14px;
	border-top: 1px dashed rgba(217, 99, 99, 1);
}

.bottom_line a  {
	text-decoration: underline;
	transition: all  .3s ease;
}

.bottom_line a:hover {
	display: block;
	transform: translateY(-3px);
	text-decoration: none;
}

.footer_logo img  {
	display: block;
	transition: all  .3s ease;
}

.footer_logo img:hover {
	transform: translateY(-3px);
}
.front-logo img  {
	display: block;
	transition: all  .3s ease;
}

.front-logo img:hover {
	transform: translateY(-3px);
}


/*inner header */

.inner-header {
	display: flex;
	justify-content: space-between;
	height: 143px;
	align-items: center;
	background-color: rgba(251, 240, 240, 1);
}


/*del  */

.matrang {display: flex;
justify-content: center;
align-items: center;
width: 512px;
background-color: #1D192C;
height: 512px;
position: relative;
border-radius: 1000px;
margin: 100px auto;}

.matrang  img {object-fit: contain; margin-top: -48px;}

/*.dots_box {display: flex;  gap: 44px;
width: 300px;
position: absolute;
bottom: 20px;
justify-content: center;
margin: 0 auto;}

.dots_box span {width: 25px;
height: 25px;
border-radius: 100%;
box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.21);
background-color: #FFF;}

.dots_box span:nth-child(1) {
	margin-top: -10px;
	background-color: #FE5E56;
}
.dots_box span:nth-child(2) {
	background-color: #FEBC2E;
}
.dots_box span:nth-child(3) {
	margin-top: -10px;
	background-color: #27C63F;
}*/


/*статья */

.main_article_wrapper {
	display: flex;
	gap: 75px;
	align-items: center;
	position: relative;
}

.main_article_wrapper::after {
	content: '';
	width: 520px;
	height: 520px;
	position: absolute;
	left: 0;
	background-image: url('/wp-content/themes/childrens-day/img/rose_bals.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: -1;
}

.main_section {min-height: 650px;
display: flex;
align-items: center;
padding-top: 130px;
justify-content: center;}

.main_section h3 {
	font-size: 24px;
	font-weight: 700;
	color: rgba(185, 70, 70, 1);
	margin-bottom: 15px;
}

.main_section p {
	font-size: 16px;
	margin-bottom: 30px;
	color: rgba(29, 29, 27, 1);
}

.art_text {position: relative;}

.decoration {position: absolute;
	display: flex;
	gap: 10px;
top: -35px;}

.decoration span {
	width: 18px;
	height: 18px;
	border-radius: 100%;
	display: block;
	background-color: rgba(247, 222, 222, 1);
}

h2  {
	color: rgba(111, 42, 42, 1);
	font-weight: 700;
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 60px;
}


.rules  {
	margin-top: 129px;
	padding: 80px 0;
	height: 710px;
	background-color: #FBEFEF;
	position: relative;
}

.rules_overley  {
	background-image: url('/wp-content/themes/childrens-day/img/rules group.svg');
		background-repeat: no-repeat;
		content: '';
		width: 528px;
		height: 845px;
		right: 0px;
		position: absolute;
		top: -209px;
		z-index: 10;
}

.rules::before   {
	content: '';
	width: 100%;
	height: 129px;
	display: flex;
	background-image: url('/wp-content/themes/childrens-day/img/wave_rules_top.svg');
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		top: -128px;
}





.rules_steps {
	position: relative;
	z-index: 30;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 50px;
	min-height: 366px;
}

.rules_step {
	flex: 1;

}

.rules_step img {

	height: auto;
margin-bottom: -38px;
}

.rules_step p {
	color: rgba(29, 29, 27, 1);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 10px;
}

.rules_date {
position: absolute;
left: 0;
bottom: -20px;
display: flex;
align-items: center;
font-weight: 700;
font-size: 24px;
color: rgba(185, 70, 70, 1);
}



.rules_date p {
margin-left: -171px;
margin-top: -18px;
	font-size: 18px;
	z-index: 33;
	position: relative;

}

@media (max-width: 768px) {
	.rules_steps {
		flex-direction: column;
		gap: 40px;
	}

	.rules_step {
		margin-bottom: 30px;
	}
}

.rules_step {
	transition: transform 0.3s ease; 
}

.rules_step:hover {
	transform: translateY(-5px);
}


/*требования */

.requirements {
	padding: 120px 0;
	background-color: #fff;
}

.requirements .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}



.requirements_steps {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
}

.requirements_step {
	flex: 1;


	padding: 0px;
	background: white;

}

.requirements_step:hover {
	transition: transform 0.3s ease;
		transform: translateY(-5px);
}
.requirements_step img {
	margin-bottom: -38px;
	height: auto;

}

.requirements_step_content {
	color: rgba(29, 29, 27, 1);
	font-size: 16px;
	line-height: 1.2;
}

.requirements_step_content p {
	margin-bottom: 15px;
}

.requirements_step_content p:last-child {
	margin-bottom: 0;
}

/* Адаптивность */
@media (max-width: 992px) {
	.requirements_step {
		min-width: calc(50% - 30px);
	}
}

@media (max-width: 576px) {
	.requirements_steps {
		flex-direction: column;
		gap: 20px;
	}

	.requirements_step {
		min-width: 100%;
	}
}



/*анимация */
.rules_step,
.requirements_step {
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.rules_step.animated,
.requirements_step.animated {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.rules_step.animated,
.requirements_step.animated {
	animation: fadeInUp 0.5s ease forwards;
}
/*анимация */

.back-to-top {
	position: fixed;
	right: 120px;
	bottom: 225px;
	width: 60px;
	height: 60px;
	background: white;
	border: 1px solid rgba(245, 214, 214, 1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 999;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.back-to-top.visible {
	opacity: 1;
	visibility: visible;
}

.back-to-top:hover {
	background: #f5f5f5;
	border-color: rgba(219, 87, 87, 0.8);
	transform: translateY(-3px);
}

.back-to-top svg {
	transition: transform 0.3s ease;
}

.back-to-top:hover svg {
	transform: translateY(-2px);
}

/*работы */

.works_of_competition {
	padding-top: 20px;
	margin-top: 120px;
position: relative;
display: flex;
min-height: 1000px;
background-color: #FBEFEF;
background-image: url('/wp-content/themes/childrens-day/img/big_white_text.svg');
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 80px;
}
.page-id-3 h2  {
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 25px;
}
.inner_section {padding-bottom: 80px;}


.works_of_competition::after {
	height: 129px;
	width: 100%;
	position: absolute;
	content: '';
	background-image: url('/wp-content/themes/childrens-day/img/works_waves.svg');
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		top: -128px;
}

.form-row {
	display: flex;
	margin-bottom: 25px;
	gap: 20px;
}

.form-group {
	flex: 1;
}

.form-group.full-width {
	flex: 100%;
}

.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.form-footer {
	display: flex;
	justify-content: flex-start;
	align-items: center;

}

.form-footer p:first-child {height: 52px;}

.file-hint {
	font-size: 0.8em;
	color: #666;
	margin-top: 5px;
}



/*для формы подачи */
/* Основные стили попапа */
.white-konkurs-popup {
	background: #fff;
	padding: 40px;
	position: relative;
	margin: 0 auto;
	border-radius: 30px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	width: 1290px;
	max-width: 100%;
	max-height: 823px;
	background-image: url('/wp-content/themes/childrens-day/img/rose_2_bals.svg');
	background-repeat: no-repeat;
	background-position:  116px 0px;
}

.popup-container {
	max-width: 1290px;
	max-height: 823px;
	/*overflow-y: auto;*/
	padding: 20px;
}


.popup-title {
	color: rgba(198, 118, 118, 1);
	font-size: 28px;
	font-weight: 700;
	margin: 0;
}

.mfp-close {
	color: rgba(198, 118, 118, 1);
	font-size: 40px;
	right: 10px;
	top: 5px;
}

/* Стили формы CF7 */
.wpcf7-form {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.wpcf7-form-control-wrap {
	flex: 1 1 calc(33.333% - 20px);
	min-width: 250px;
	margin-bottom: 15px;
}

.white-konkurs-popup .form-fields-wrapper .form-row  input {
	max-width: 390px;
	border: 1px solid rgba(241, 198, 198, 1);
		border-radius: 50px;
		color: rgba(204, 178, 178, 1);
}
.white-konkurs-popup .form-fields-wrapper .form-row  select {
	max-width: 390px;
	color: rgba(204, 178, 178, 1);
}

.wpcf7-form-control {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid rgba(241, 198, 198, 1);
	border-radius: 50px;
	font-size: 14px;
	color: rgba(204, 178, 178, 1);
}

textarea.wpcf7-form-control {
	border-radius: 30px;
	background-color: #FFF;
}

.no_display {display: none;}

.form-agreement .wpcf7-form-control {
	border: none;
}
.form-agreement  br {display: none;}
.wpcf7-text,
.wpcf7-number,
.wpcf7-email,
.wpcf7-select {
	height: 50px;
}

.wpcf7-textarea {
	min-height: 120px;
}

.wpcf7-file {
	width: 100%;
	padding: 15px 0;
}

.wpcf7-form-control::placeholder {
	color: rgba(204, 178, 178, 1);
}

/* Стили для файлового поля */
.wpcf7-form-control-wrap.full-width {
	flex: 1 1 100%;
}

.file-hint {
	font-size: 14px;
	color: rgba(204, 178, 178, 1);
	margin-top: 5px;
	display: block;
}



/* Стили для кнопки отправки */
.wpcf7-submit {
	background: linear-gradient(to bottom, rgba(219, 87, 87, 1), rgba(191, 10, 20, 1));
	color: white;
	border: none;
	width: 300px;
	height: 68px;
	padding: 15px 40px;
	font-size: 16px;
	border-radius: 100px;
	cursor: pointer;
padding-left: 60px;
	font-weight: 700;
position: relative;
text-transform: uppercase;
}

.submit-btn-wrapper {position: relative; display: block;
height: 68px; width: 300px;}
.submit-btn-wrapper::after {
	content: '';
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-image: url('/wp-content/themes/childrens-day/img/btn_ci.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.submit-btn-wrapper:hover {
	transition: all 0.3s;
	opacity: 0.9;
	transform: translateY(-2px);
}

/* Стили для чекбокса согласия */
.wpcf7-acceptance {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.wpcf7-acceptance-label {
	color: rgba(198, 118, 118, 1);
	font-size: 14px;
	margin-left: 10px;
}

.wpcf7-acceptance-label a {
	color: rgba(191, 10, 20, 1);
	text-decoration: underline;
}

/* Стили для контейнера */
.form-agreement {
	display: block;
	align-items: center;
padding-left: 30px;
color: rgba(198, 118, 118, 1);
height: 10px;
}

/* Скрываем нативный чекбокс */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* Кастомный чекбокс */
.custom-checkbox {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding-left: 30px;
	min-height: 24px;
}

.checkbox-icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 27px;
	height: 27px;
	border: 1px solid #C67676;
	border-radius: 3px;
	transition: all 0.2s ease;
}

/* SVG галочка (изначально скрыта) */
.checkbox-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 13px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9544 1.74683C15.9441 1.69853 15.9226 1.6519 15.8729 1.61232C15.4197 1.24903 14.3484 -0.215847 13.6448 0.0270139C12.6632 0.366147 7.26717 7.5547 6.07095 9.139C5.65322 8.53453 2.17389 3.7018 1.99931 3.81014C1.40137 4.18014 0.784218 4.49646 0.213109 4.91409C0.149174 4.96105 0.116378 5.02176 0.106771 5.08382C0.0285914 5.14554 -0.0214303 5.24785 0.00904646 5.37297C0.499326 7.38899 2.16627 8.97664 3.35686 10.5646C4.04822 11.4868 5.01221 13.808 6.31178 12.7121C6.33398 12.6934 6.34723 12.6719 6.36181 12.6501C6.61688 12.5448 6.83519 12.3398 7.06377 12.0902C8.05426 11.0101 8.92616 9.8233 9.84511 8.67877C10.8273 7.45507 11.9169 6.30953 12.9958 5.17976C13.9379 4.19322 14.7747 2.887 15.8851 2.11548C16.0236 2.01854 16.0239 1.85853 15.9544 1.74683ZM3.12861 5.30421C2.81722 5.02545 2.49456 4.75442 2.15766 4.49344C2.52073 4.72121 2.84107 4.99526 3.12861 5.30421ZM1.63558 5.53566C1.569 5.47193 1.49446 5.45885 1.42655 5.47461C1.38382 5.35385 1.34837 5.23242 1.32916 5.112C1.31657 5.03418 1.2788 4.97682 1.22978 4.93824C1.24965 4.92314 1.2682 4.90805 1.28874 4.89329C1.29239 4.94931 1.31226 5.00533 1.35433 5.05632C2.10665 5.95765 2.95437 6.76204 3.71927 7.65131C3.80705 7.75362 3.89285 7.85693 3.97898 7.95958C3.16638 7.18001 2.44984 6.31087 1.63558 5.53566ZM4.68392 11.5535C4.75978 11.6421 4.83531 11.731 4.91283 11.8178C5.00261 11.942 5.09337 12.0661 5.18712 12.1885C5.18745 12.1899 5.18779 12.1915 5.18812 12.1925C5.00426 12.0248 4.83531 11.788 4.68392 11.5535ZM4.92741 9.58815C5.15035 9.78741 5.38357 9.97727 5.62871 10.1296C5.62274 10.1691 5.62572 10.2077 5.63533 10.245C5.63831 10.2614 5.64494 10.2778 5.65123 10.2939C5.41702 10.0524 5.17288 9.81995 4.92741 9.58815ZM6.01165 12.1781C6.01099 12.1758 6.01132 12.1734 6.01033 12.1717C6.00238 12.1533 5.9931 12.1369 5.98515 12.1187C6.2124 12.1161 6.50988 11.9453 6.83651 11.6793C6.54798 11.955 6.26276 12.1493 6.01165 12.1781ZM13.7518 0.671065C13.5398 0.764654 13.3632 0.908894 13.2052 1.07829C13.3615 0.852204 13.5272 0.678445 13.7518 0.671065ZM8.50611 7.62749C8.37957 7.762 8.15298 7.96562 7.87968 8.21519C8.12118 7.97065 8.37162 7.73818 8.59655 7.50606C9.33031 6.75064 9.89844 5.82415 10.4908 4.93858C11.1626 4.27104 11.8586 3.63571 12.5006 2.93397C12.9229 2.47172 13.183 1.73073 13.6769 1.33591C13.3476 1.68746 13.0876 2.19532 12.8656 2.68339C12.5135 3.05909 12.2021 3.48376 11.8755 3.89501C10.8383 5.20257 9.64535 6.41687 8.50611 7.62749ZM12.8448 4.50116C12.3223 5.14219 11.736 5.72586 11.1785 6.33503C11.5992 5.801 12.0169 5.26429 12.4005 4.69873C12.4307 4.65412 12.4671 4.59139 12.5072 4.51457C12.642 4.37805 12.7768 4.24186 12.909 4.10299C13.292 3.69911 13.7471 3.25532 14.0264 2.73874C14.2493 2.43516 14.4935 2.13393 14.7694 1.95279C14.3696 2.87157 13.4 3.82054 12.8448 4.50116Z' fill='%23C67676'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transition: opacity 0.2s ease;
}

/* Состояние checked */
input[type="checkbox"]:checked+.checkbox-icon {
	background-color: #fff;
	border-color: #C67676;
}

label.checked>.checkbox-icon::after {
	opacity: 1  !important;
}
.agreement-text {
	font-size: 14px;
	color: rgba(198, 118, 118, 1);
}
.agreement-text a  {
	text-decoration: underline;
}

.custom-checkbox span.wpcf7-form-control-wrap {display: none;}
/* Текст соглашения */
.agreement-text {
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	margin-left: 10px;
}

p.hint {position: relative;
padding-left: 20px;
font-size: 14px;
margin-top: -7px;
color: rgba(198, 118, 118, 1);
}

p.hint::after {
position: absolute;
content: '';
width: 6px;
height: 21px;
left: 0;
top: 0;
background-image: url('/wp-content/themes/childrens-day/img/exclamation.svg');
}

/* Ховер эффекты */
.custom-checkbox:hover .checkbox-icon {
	border-color: #A55C5C;
}

.custom-checkbox .agreement-text {
	color: rgba(198, 118, 118, 1);
}

/* Адаптивные стили */
@media (max-width: 768px) {
	.wpcf7-form-control-wrap {
		flex: 1 1 100%;
	}

	.popup-container {
		width: 95%;
		padding: 15px;
	}
}


.age-input {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	color: rgba(198, 118, 118, 1);
	margin-bottom: 15px;
}

.age-input::placeholder {
	color: rgba(198, 118, 118, 0.7);
}

.age-input.wpcf7-not-valid {
	border-color: #d9534f;
}

.wpcf7-not-valid-tip {
	color: #d9534f;
		font-size: 0.8em;
		margin-top: -75px;
		margin-bottom: 15px;
		display: block;
		position: absolute;
		background: #EAEAEA;
		border: 1px solid #0000;
		border-radius: 4px;
		margin-left: 15px;
		padding: 2px 10px;
}

/* Стили попапа */

.popup-container {
	position: relative;
}

.popup-header {
	margin-bottom: 50px;

}

.mfp-bg {
	opacity: .1;
}

.popup-title {
	color: rgba(111, 42, 42, 1);
	font-size: 32px;
	text-transform: uppercase;
}

/* Отключаем оверлей */
.no-overlay.mfp-bg {
	display: none !important;
}

/* Опционально: стили для попапа без оверлея */
.no-overlay .mfp-container {
	padding: 0;
	background: transparent;
}

.work-media img {
	max-width: 100%;
	width: 530px;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 10px;
}


.work-description {
	margin-top: 15px;
	padding: 10px;
	background: #f5f5f5;
	border-radius: 5px;
}

.mfp-close {
	color: #bf0a14;
	font-size: 30px;
	top: 10px;
	right: 10px;
}
/* Общие стили попапа */
.white-popup {
	position: relative;
	background: #FFF;
	padding: 10px;
	max-width: 100%;
	margin: 20px auto;
	border-radius: 10px;
	display: flex;
	width: 1140px;
	height: auto;
	box-shadow: 0px 4px 30px 0px rgba(111, 42, 42, 0.25);
}

.mfp-close {
	color: #bf0a14;
	font-size: 30px;
	top: 10px;
	right: 10px;
}

.white-popup  .work-image  {box-shadow: none;}

.work-meta {
	display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: center;
		font-size: 20px;
		color: rgba(185, 70, 70, 1);
		padding-left: 40px;
		padding-right: 30px;
		width: 100%;
		max-width: 590px;
}
.work-meta h2 {
	font-size: 36px;
	color: rgba(185, 70, 70, 1);
	font-weight: 400;
	text-transform: none;
	margin-bottom: 20px;
}

.work-media {width: 530px;}

.work-meta strong {font-weight: 400;}
.child_name_option {padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
width: 100%;
border-top: 1px  solid rgba(241, 198, 198, 1);
border-bottom: 1px  solid rgba(241, 198, 198, 1);
}
/* Прелоадер */
#work-popup-loading {
	text-align: center;
	padding: 40px;
}

/*для  видео файлорв правки */
.video_popup .white-popup {flex-direction: column;}
/*для  видео файлорв правки */


.video_popup .white-popup {width: 1000px; max-width: 1000px;}

.video_popup .work-media {width: 100%;}
.video_popup .wp-video {width: 100%  !important;}
.video_popup .wp-video video {width: 100%  !important; height: 558px;}

.video_popup .work-meta {max-width: 100%; padding-top: 10px;
padding-left: 10px;  padding-right: 10px; padding-bottom: 30px;}

.white-popup video {
	controls: none;
	/* Можно добавить стили для кастомных контролов */
}

.video_popup .mfp-close {
	top: 30px !important;
	right: 10px;
}
.photo_popup .mfp-close {
	top: 30px !important;
	right: 10px;
}

.loading-spinner .spinner {
	width: 40px;
	height: 40px;
	margin: 0 auto 20px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #bf0a14;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

.codedropz-upload-inner  {
	color: rgba(184, 148, 148, 1);
}
.codedropz-upload-inner h3  {
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	margin-top: 6px;
}
.codedropz-upload-inner span {margin: -3px; display: block;}

.codedropz-upload-inner .cd-upload-btn {
	background-color: rgba(198, 118, 118, 1);
	border-radius: 100px;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	width: 204px;
	height: 34px;
	display: block;
	margin: 15px  auto;
	font-size: 14px;
	padding: 9px 20px;

}



.dnd-upload-counter {
	position: absolute;
	right: 18px;
	bottom: 3px;
	font-size: 12px;
	color: gray;
	opacity: .5;
}


.file-size-hint {margin-top: -10px;}

.codedropz-upload-inner .cd-upload-btn:hover {
	opacity: .77 !important;
	transition: all  .3s ease;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28) !important;
}

.mfp-close-btn-in .mfp-close {
	top: 10px;
	right: 10px;
}
.codedropz-upload-wrapper {
background-color: #FFFFFF;	


}
.white-konkurs-popup  .mfp-close  {
top: 10px;
right: 10px;
}

.codedropz-upload-handler {
	border-radius: 30px;
	border: 1px solid rgba(241, 198, 198, 1);
	border-color: rgba(241, 198, 198, 1);
	height: 138px;
}


.codedropz-upload-container {padding: 0;}

.codedropz-dragover {
	border: 1px solid rgba(241, 198, 198, 1);
	border-color: #C9262C;
	box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.09);
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}




/*для попап окна о принятии*/
/* Стили для попапа подтверждения */
#submission-success-popup {
	background-color: #FBEFEF;
	background-image: url('/wp-content/themes/childrens-day/img/success_bals.svg');;
	background-repeat: no-repeat;
	background-position: 85px 0px;
	border-radius: 30px;
	padding: 40px;
	text-align: center;
	max-width: 946px;
	width: 100%;
	position: fixed;
	/* Фиксированное позиционирование */
	top: 40%;
	/* Центрирование по вертикали */
	left: 50%;
	/* Центрирование по горизонтали */
	transform: translate(-50%, -50%);
	/* Точное центрирование */
	z-index: 9999;
	/* Поверх всех элементов */
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
	/* Тень для выделения */
	margin: 0;
	/* Убираем auto-margin, т.к. позиционирование fixed */
	overflow: hidden;
	/* Если контент длинный — добавляем скролл */
	max-height: 420px;
	height: 100%;
	color: rgba(111, 42, 42, 1);
	/* Чтобы не вылезало за пределы экрана */
}

#submission-success-popup h2 {
	font-size:50px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 22px;
	margin-top: 44px;
}

#submission-success-popup p {
	font-size: 40px;
text-align: center;
}

#submission-success-popup .mfp-close-btn-in .mfp-close  {
	right: 10px;
	top: 10px;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: auto;
}

.hidden-popup {
	display: none !important;
}

.mfp-close-btn-in .mfp-close {
	width: 40px !important;
		height: 40px !important;
		font-size: 0 !important;
		opacity: 1 !important;
		background-image: url('/wp-content/themes/childrens-day/img/close.svg');;
		
	}

		.mfp-close-btn-in .mfp-close:active {
			margin-top: 9px;
		}
		.mfp-close-btn-in .mfp-close:hover {
			opacity: .77 !important;
			transition: all .3s ease;
		}

.play-icon {width: 76px; transition: all .3s ease;}
.play-icon:hover  {opacity: .7;}

.video-icon {height: 240px; border-radius: 100%;}
.video-preview {position: relative;}
.play-button {
	position: absolute;
	top: 50%;
	margin-top: -26px;
	left: 50%;
	margin-left: -38px;
}
/*Страница архива категории*/

		    /* Стили для заголовка номинации */
		    .container h1 {
					margin-top: 47px;
		    	font-weight: 700;
		    	font-size: 32px;
		    	line-height: 100%;
		    	letter-spacing: 0%;
		    	text-transform: uppercase;
		    	color: rgba(111, 42, 42, 1);
		    	margin-bottom: 15px;
		    }
		
		    /* Стили для описания категории */
		    .archive_desc {
		    	font-weight: 400;
		    	font-size: 24px;
		    	line-height: 100%;
					display: flex;
					flex-direction: column;
		    	color: rgba(29, 29, 27, 1);
		    	margin-bottom: 47px;
		    }
		
		    /* Сетка работ */
		    .works-grid {
		    	display: grid;
		    	grid-template-columns: repeat(5, 258px);
		    	gap: 0;
		    	row-gap: 30px;
		    }
		
		    /* Стили для каждого элемента работы */
		    .work-item {
		    	display: flex;
		    	flex-direction: column;
		    	align-items: center;
		    }
		
		    /* Круглое изображение работы */
		    .work-image {
		    	width: 258px;
		    	height: 258px;
		    	border-radius: 50%;
		    	object-fit: cover;
		    	display: block;
		    }
		
		    /* Название работы */
		    .work-item h3 {
		    	margin-top: 15px;
		    	font-size: 16px;
		    	color: rgba(185, 70, 70, 1);
		    	text-align: center;
		    	font-weight: normal;
		    }
		
		    /* Пагинация */
		    .pagination {
		    	margin-top: 50px;
		    }
		
		    /* Сообщение, если нет работ */
.archive_tmpl {
	background-image: url('/wp-content/themes/childrens-day/img/archive_rose.svg');
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 100px;
}

.archive_tmpl .take_part {
bottom: 100px;
}

/* Анимация появления работ */
.work-item {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Стили для hover-эффекта */
.work-item:hover {
	transform: scale(1.05) translateY(-5px);
}

.work-item:hover .work-image {
	box-shadow: 0px 4px 30px 0px rgba(140, 115, 115, 0.25);
	padding: 5px;
}

.work-item:hover h3 {
	color: rgba(111, 42, 42, 1);
	font-weight: 500;
}

/* Базовые стили для карточек (дополнение к предыдущим) */
.work-image {
	transition: all 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.work-item h3 {
	transition: all 0.3s ease;
	max-width: 200px;
	margin-top: 20px;
}

.works-grid {
	perspective: 1000px;
}

.work-item {
	transform-style: preserve-3d;
	will-change: transform, opacity;
}
.dnd-upload-status  {
	position: absolute;
	right: 20px;
}

/*список  */

/* Стили для кастомного селекта */
.custom-select .wpcf7-select {
	width: 100%;

	background-color: white;
	color: rgba(198, 118, 118, 1);

	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3205 0.494407C11.9142 -0.144239 12.8988 -0.166916 13.5196 0.443876C14.1404 1.05475 14.1624 2.06759 13.5687 2.70629C13.5687 2.70629 7.00004 9.86855 6.78896 9.99831C6.57787 10.1281 0.479094 2.75578 0.479094 2.75578L0.422887 2.69743C-0.141755 2.08145 -0.143362 1.11103 0.432508 0.492844C1.00843 -0.12529 1.95073 -0.164567 2.57293 0.389699L2.63217 0.444918L6.78896 5.60107L11.3205 0.494407Z' fill='%23C67676'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 14px 10px;
}

/* Стили для плейсхолдера (первого пустого варианта) */
.custom-select .wpcf7-select option[value=""] {
	color: #999;
	display: none;
	/* Скрываем в списке, но оставляем для выбора */
}

/* Стили для выпадающего списка */
.custom-select .wpcf7-select option:not([value=""]) {
	color: rgba(198, 118, 118, 1);


}
html {
	scroll-behavior: smooth;
}
/* Фокус и ховер эффекты */
.custom-select .wpcf7-select:focus {
	outline: none;
	border-color: rgba(198, 118, 118, 1);
	box-shadow: 0 0 0 2px rgba(198, 118, 118, 0.2);
}

.custom-select .wpcf7-select:hover {
	border-color: rgba(198, 118, 118, 1);
}
.white-konkurs-popup .form-fields-wrapper .form-row input:hover {
	border-color: rgba(198, 118, 118, 1);
}

/* Стили для подсказки */
.wpcf7 form .wpcf7-response-output {
	position: absolute;
	bottom: 62px;
	font-size: 12px;
}

/*анимация формы  */

/* Основные стили для попапа */
.mfp-slide-down .mfp-content {
	transition: all 0.4s ease;
	transform: translateY(-1000px);

}

/* Анимация открытия */
.mfp-slide-down.animate-in .mfp-content {
	transform: translateY(10%);

}

/* Анимация закрытия */
.mfp-slide-down.animate-out .mfp-content {
	transform: translateY(-100%);

}


/* Фиксируем позицию контента */
.mfp-slide-down .mfp-container {
	padding: 0;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 20px;
}

/*категории на главной  */

.work_category_list {
	display: flex;
}

.work_category_list .work_item {margin-left: -55px;}

.work_category_list .work_item img {
	padding: 5px;
	background-color: #ffffff;
	width: 240px;
	height: 240px;
position: relative;
}


/* Стили для контейнера работы */
.work_category_list .work_item {
	position: relative;
	overflow: hidden;

	/* или flex, в зависимости от вашей сетки */
}



.work_category_list .work_item::after {
content: '';
position: absolute;
width: 230px;
height: 230px;
top: 5px;
left: 5px;
transition: all 0.3s ease;
border-radius: 50%;
padding: 5px;
display: block;
pointer-events: none;
background: rgba(247, 222, 222, 0.6);
}

.work_category_list .work_item:hover::after {
	background: none;
}


/*внутр*/

.inhead_wrap {display: flex;
	width: 100%;
justify-content: space-between;}


header.inner-header {
	background-image: url('/wp-content/themes/childrens-day/img/inhead_bals.svg');
		background-repeat: no-repeat;
		background-position: right;
}




.menu.inhead-menu  {
display: flex;
height: 100%;

	align-items: center;
}

.menu.inhead-menu li a {
	width: 275px;
	height: 68px;
	border-radius: 100px;
	background-color: #D22D2D;
	background-image: url('/wp-content/themes/childrens-day/img/veka.svg');
		background-repeat: no-repeat;
		display: flex;
		justify-content: center;
		align-items: center;
		background-position: 32px 15px;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
		margin-right: 20px;
}

.menu.inhead-menu li:nth-child(2) a {
	background-color: #5394DF;
			background-position: 20px 15px;
		background-image: url('/wp-content/themes/childrens-day/img/art.svg');
		text-indent: 45px;
}
.menu.inhead-menu li:nth-child(3) a {
	background-color: #E368B6;
			background-position: 30px 15px;
			text-indent: 55px;
			background-image: url('/wp-content/themes/childrens-day/img/energy.svg');
}


.menu.inhead-menu li a:hover {
	transition: all .3s ease;
	transform: translateY(-2px);
}

.menu.inhead-menu li.current-menu-item a  {
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25) inset;
}






.footer-menu li {margin-bottom: 12px;}

.footer-menu li a {font-size: 14px;
text-transform: uppercase;
font-weight: 700;
position: relative;
color: rgba(219, 87, 87, 1);}


.footer-menu li a::after {
	content: '';
	position: absolute;
	right: -22px;
	transition: all .3s ease-in;
	top: 2px;
	display: block;
	width: 13px;
	height: 13px;
	background-image: url('/wp-content/themes/childrens-day/img/arrow_1.svg');
	background-position: center;
}

.footer-menu li:hover a::after {
	right: -28px;
}

.footer-menu li:nth-child(2) a::after {
	background-image: url('/wp-content/themes/childrens-day/img/arrow_2.svg');
}
.footer-menu li:nth-child(3) a::after {
	background-image: url('/wp-content/themes/childrens-day/img/arrow_3.svg');
}

.footer-menu li:nth-child(2) a {
	color: rgba(83, 148, 223, 1);
}

.footer-menu li:nth-child(3) a {
	color: rgba(227, 104, 182, 1);
}


.footer-menu li.current-menu-item a {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.162);
	/*text-decoration: underline;*/
}

.footer-menu li:hover a {
		text-decoration: underline;
}

/*секция работ  на главной */

.work_row  {display: flex; margin-bottom: 10px;}

.category_name {
	width: 283px;
	height: 283px;
	background-color: #DB5757;
	border-radius: 100%;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	background-image: url('/wp-content/themes/childrens-day/img/veka_icon.svg');
	background-repeat: no-repeat;
	background-position: 50% 94%;
	position: relative;
	transition: all .3s ease-in;
}

.category_name::after {
	background-image: url('/wp-content/themes/childrens-day/img/nomin.svg');
	width: 77px;
	height: 16px;
	content: '';
	position: absolute;
	top: 20px;
}



.category_name h3 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 8px;
	max-width: 200px;
}
.category_name p {
	font-size: 14px;
	max-width: 240px;
}


.works_wrapper .work_row:nth-child(2) .category_name {
	background-color: #5394DF;
	background-image: url('/wp-content/themes/childrens-day/img/art_icon.svg');
}


.works_wrapper .work_row:nth-child(3) .category_name {
	background-color: #E368B6;
	background-image: url('/wp-content/themes/childrens-day/img/craft_icon.svg');
}

.link_to_category {
	width: 150px;
	height: 45px;
	background-color: #DB5757;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	bottom: 20px;
	right: 0;
	transition: all .3s ease-in;
}


.link_to_category img {
	width: 13px;
	height: 13px;
	margin-left: 10px;
	transition: all .3s ease-in;
	display: block;
	margin-top: 2px;
}

.link_to_category:hover img {
	margin-left: 15px;
}
.link_to_category:hover {opacity: .8;}
.work_category_list {
	position: relative;
	padding-left: 70px;
}


.works_wrapper .work_row:nth-child(2) .link_to_category {
	background-color: #5394DF;
}
.works_wrapper .work_row:nth-child(3) .link_to_category {
	background-color: #E368B6;
}

.category_name:hover {
	cursor: pointer;
	transition: all .3s  ease-in;
	background-color: #BD0F0F;
}

.category_name:hover>h3  {
	/*height: 0px;*/
	transition: all .3s ease-in;
	overflow: hidden;
}

.works_wrapper .work_row:nth-child(2) .category_name:hover {
	background-color: #1561B7;
}
.works_wrapper .work_row:nth-child(3) .category_name:hover {
	background-color: #CD188B;
}

.work_item  a {
	position: relative;
}
.play-button_front  {
	position: absolute;
	width: 76px;
	height: 52px;
	top: 92px;
	left: 82px;
	z-index: 111;
}

.work_category_list .play-button_front img {
	object-fit: cover;
	background-color: transparent;
	width: 76px;
	height: 52px;
}


.work_item a:hover .play-button_front  {
	transform: scale(1.07);
	transition: all .3s ease-in;
}



/* Базовые стили */
.round_button_back {
	cursor: pointer;
	transition: all 0.3s ease;
}

h3 {
	display: inline-block;
	overflow: hidden;
}

h3 .letter,
h3 .letter-space {
	display: inline-block;
	transform: translateY(0);
	transition: transform 0.4s ease;
}


.round_button_back h3  {overflow: visible;}

/* Базовая анимация (в 2 раза быстрее) */
.round_button_back:hover h3 .letter {
	animation: wave-animation 0.6s ease;

}

/* Индивидуальные задержки для букв (шаг 0.05s) */
.round_button_back:hover h3 .letter[data-index="0"] {
	animation-delay: 0.00s;

}

.round_button_back:hover h3 .letter[data-index="1"] {
	animation-delay: 0.05s;

}

.round_button_back:hover h3 .letter[data-index="2"] {
	animation-delay: 0.10s;

}

.round_button_back:hover h3 .letter[data-index="3"] {
	animation-delay: 0.15s;
	
}

.round_button_back:hover h3 .letter[data-index="4"] {
	animation-delay: 0.20s;
	
}

.round_button_back:hover h3 .letter[data-index="5"] {
	animation-delay: 0.25s;
	
}

.round_button_back:hover h3 .letter[data-index="6"] {
	animation-delay: 0.30s;
	
}

.round_button_back:hover h3 .letter[data-index="7"] {
	animation-delay: 0.35s;
	
}

.round_button_back:hover h3 .letter[data-index="8"] {
	animation-delay: 0.40s;
	
}

.round_button_back:hover h3 .letter[data-index="9"] {
	animation-delay: 0.45s;
	
}

.round_button_back:hover h3 .letter[data-index="10"] {
	animation-delay: 0.50s;
}

.round_button_back:hover h3 .letter[data-index="11"] {
	animation-delay: 0.55s;
}

.round_button_back:hover h3 .letter[data-index="12"] {
	animation-delay: 0.60s;
}

.round_button_back:hover h3 .letter[data-index="13"] {
	animation-delay: 0.65s;
}

.round_button_back:hover h3 .letter[data-index="14"] {
	animation-delay: 0.70s;
}

.round_button_back:hover h3 .letter[data-index="15"] {
	animation-delay: 0.75s;
}

.round_button_back:hover h3 .letter[data-index="16"] {
	animation-delay: 0.80s;
}

.round_button_back:hover h3 .letter[data-index="17"] {
	animation-delay: 0.85s;
}

@keyframes wave-animation {

	0%,
	100% {
		transform: translateY(0);

	}

	50% {
		transform: translateY(-12px);

	}
}


.round_button_back h3 .letter-space {
	display: inline-block;
	width: 0.3em;
	/* Фиксированная ширина пробела */
}