/* 
Theme Name: Hello Elementor Child 
Template: hello-elementor
Version: 1.0.1
Text Domain: ws
*/
.btns-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 30px;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.quiz-step {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.quiz-step button {
	display: block;
	margin: 0;
	font-family: "Nunito Sans", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: #3B7ED2;
	border-radius: 5px 5px 5px 5px;
	padding: 13px 30px 13px 30px;
	border: none;
}

.quiz-step {
	margin-bottom: 20px;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}

.quiz-popup {
	display: none;
  position: fixed;
  flex-direction: column;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  min-width: 600px;
  border-radius: 10px;
}

.quiz-popup .close-popup {
	margin-top: 20px;
}

.wp-block-media-text.is-stacked-on-mobile {
	display: flex;
    align-items: center;
	gap: 10px;
}
figure.wp-block-media-text__media {
	flex: 50% 1 0;
	margin: 0;
}
.quiz-step h2,
.quiz-popup h2 {
	margin: 0 0 30px;
	font-size: 32px;
	line-height: 140%;
  }
  a.country {
	display: block;
	margin: 0;
	font-family: "Nunito Sans", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: #3B7ED2;
	border-radius: 5px 5px 5px 5px;
	padding: 13px 30px 13px 30px;
	border: none;
  }
  .country-group {
	display: flex;
	align-items: center;
	gap: 20px;
	line-height: normal;
  }
  .country-group p {
	margin: 0;
  }
figure.aligncenter.size-full {
	text-align: center;
}
blockquote{
	margin-inline-start: 0;
    margin-inline-end: 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: black;
    padding: 16px 0;
}
cite {
    font-size: clamp(24px, 2.5vw, 36px);
    font-style: normal;
}
@media (min-width: 768px) {
	img.attachment-medium.size-medium.wp-image-33456 {
		left: calc(62% + 1px);
	}
	img.attachment-medium.size-medium.wp-image-33693 {
		left: 33%;
	}
	
}

div#cookie-banner {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	max-width: 30%;
  }
  button#accept-cookies {
	background-color: #3B7ED2;
	color: #fff;
	border: 1px solid #3B7ED2;
  }
  button#decline-cookies {
	color: #3B7ED2;
	border-color: #3B7ED2;
  }
@media (max-width: 767px) {
	
	div#cookie-banner {
		max-width: 100%;
		left: 20px;
	  }
	button.slick-next.slick-arrow,
	button.slick-prev.slick-arrow {
		display: none !important;
	  }
	.country-group {
		flex-direction: column;
		width: 100%;
	  }
	.btns-group {
		grid-template-columns: repeat(1, 1fr);
	}
	.quiz-step h2 {
		margin: 0 0 24px;
		font-size: 28px;
		line-height: 130%;
		text-align: center;
	  }
	.quiz-popup {
		min-width: 95%;
	}
	.wp-block-media-text.is-stacked-on-mobile {
		flex-direction: column;
	}
}


/* Бордер станет красным, если поле пустое при отправке */
.elementor-error .elementor-field:invalid
{
    border-color: red!important;
	border-width: 1px!important;
}
.elementor-form-fields-wrapper.elementor-labels-above .elementor-message.elementor-message-danger {
	position: absolute;
    bottom: -15px;
    left: 0;
    margin: 0;
    font-size: 12px;
}
.elementor-message.elementor-message-danger:before {
	content: "";
	margin-right: 10px;
}
.elementor-field-type-tel .elementor-message.elementor-message-danger:before {
	margin-right: 0;
}
.elementor-message {
	margin: 20px 0 0 0;
}
span.elementor-field-option.elementor-error .elementor-message.elementor-message-danger {
	bottom: -10px;
}
.elementor-error .elementor-field:valid
{
    border-color: green!important;
	border-width: 1px!important;
}
.elementor-field:valid
{
    border-color: green!important;
	border-width: 1px!important;
}
.elementor-field:focus {
	border-color: #3B7ED2!important;
	border-width: 1px!important;
}



.dialog-message img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
/* ////// */
.language-switcher {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.language-switcher__current {
	padding: 5px 10px 0;
	font-weight: 500;
	line-height: 20px;
}

.language-switcher:hover {
	background-color: #3B7ED2;
	border-radius: 5px 5px 0 0;
}

.language-switcher:hover .language-switcher__current {
	color: #fff;
}

.language-switcher__hover {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

.language-switcher__hover a {
	color: #000;
	font-weight: 500;
	line-height: 20px;
	position: relative;
	z-index: 999;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

.language-switcher:hover .language-switcher__hover {
	display: block;
}

.language-switcher__item {
	display: block;
	color: #000;
	padding: 0 10px 5px;
	text-decoration: none;
}