/*!
Theme Name: Krakatets PRO Landing
Theme URI: http://krakatets.pro/en/
Author: Krakatets.pro
Author URI: http://krakatets.pro/en/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: krakatets-pro-landing
Tags: is a blank, lightweight theme for building websites.

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Krakatets PRO Landing is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
	background-color: #F0F4F7 !important;
}

.form-in-footer-right {
	margin-bottom: 16px;
}

.form-in-footer-right {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.form-in-footer-right label{
    width: 48%;
    display: inline-block;
}

.form-in-footer-right input, .footer-form textarea, .footer-form select {
	background: var(--e-global-color-7bb8af1);
    border: 1px solid var(--e-global-color-accent);
    border-radius: 14px;
    padding: 14px 16px;
    font-size: 1em !important;
    width: 100%;	
}
.footer-form textarea::-webkit-input-placeholder {
  font-size: 1em;
}

.footer-form .button-form, .uacf7-prev, .uacf7-next {
    line-height: 1;
    padding: 12px 24px;
    text-align: center;
    transition: all .3s;
	background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
	border: 0;
	border-radius: 25px 25px 25px 25px;
	margin-top: 16px;
	cursor:pointer;
}

.phone-in-footer {
	margin-top: -44px;
}

.button-hero {
	margin-top: -28px;	
}

.button-hero .button-form {
	padding: 17px 24px;
	margin-top: 32px;
}

.hero-rom .form-in-footer-right {
	display: flex;
    gap: 16px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
	
}

.hero-rom .button-hero {
	margin-top: 0px;
}

.seo-block-page p, 
.seo-block-page ul, 
.seo-block-page ol,
.seo-block-page h1,
.seo-block-page h2,
.seo-block-page h3,
.seo-block-page h4 {
	margin-bottom: 16px;
	line-height: 1.3em;
}

.seo-block-page ul, .seo-block-page ol {
	margin-left: 26px;
}
.seo-block-page li {
	line-height: 1.3em;
}

.quiz-h1 {
	margin: 32px auto 16px;
    text-align: center;
	font-family: "Inter", Sans-serif;
    font-size: 1.7em;
    font-weight: 700;
}

.quiz-h2 {
	margin: 32px auto 16px;
    text-align: center;
	font-family: "Inter", Sans-serif;
    font-size: 1.3em;
    font-weight: 700;
}


.quiz-h3 {
	margin: 32px auto 16px;
    text-align: center;
	font-family: "Inter", Sans-serif;
    font-size: 1em;
    font-weight: 700;
}

.quiz-test-item .wpcf7-radio {
	display: grid;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
    justify-items: stretch;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 16px;
	grid-row-gap: 16px;
}

.quiz-test-item .wpcf7-radio .wpcf7-list-item label {
    cursor: pointer;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
	width: 100%;
}

.quiz-test-item .wpcf7-radio .wpcf7-list-item {
	display: flex;
    gap: 10px;
    align-items: center;
    background: var(--e-global-color-7bb8af1);
    border: 1px solid var(--e-global-color-accent);
    padding: 12px;
    border-radius: 12px;
    cursor: pointer;
}

.quiz-test-item .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label, .uacf7-steps {
	font-family: "Inter", Sans-serif;
    font-size: 1em;
}

.uacf7-buttons {
	margin-top: 16px;
}

.dialog-lightbox-widget-content {
	border-radius: 20px !important;
}

.bubble-kolo ul {
	list-style-type: none;
    display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.bubble-kolo ul li {
	padding: 20px;
    background-color: white;
    border-radius: 20px;
    width: 100%;
    text-align: center;
}

details {
	margin-left: 16px;
    margin-bottom: 16px;
}

details summary {
	cursor: pointer;
	transition: transform 0.25s ease, margin-left 0.25s ease;
	
	font-family: "Inter", Sans-serif;
    font-size: 1.2em;
    font-weight: 700;
	
	color: var(--e-global-color-accent);
}

details summary:hover {
	transform: scale(1.05);
	margin-left: 10px;
	color: var(--e-global-color-417e4e2);
}

details p {
	padding: 20px;
	background-color: var(--e-global-color-7bb8af1);
    border-radius: 16px;
    margin-top: 10px;
}

.img-rish-block {
	display: grid;
    align-content: stretch;
    justify-content: stretch;
    align-items: stretch;
    justify-items: stretch;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
}

.doc-img-block img {
	width: 100% !important;
}

.post-block--texts h2, 
.post-block--texts h3,
.post-block--texts h4,
.post-block--texts h5,
.post-block--texts h6 {
	margin-top: 26px;
	margin-bottom:12px;
}

.post-block--texts p {
	margin-bottom: 16px;
}

.post-block--texts p img {
	width: 100% !important;
}

.post-block--texts ul, .post-block--texts ol {
	margin-left: 24px;
	margin-top: -16px;
	margin-bottom: 16px;
}

@media screen and (max-width: 1024px) {
	.form-in-footer-right p label{
    width: 100%;
	}
	.phone--header .elementor-button-wrapper a .elementor-button-text {
		display: none;
	}
	.button-hero {
	margin-top: 0px;	
	}
}

@media screen and (max-width: 767px) {
	.phone-in-footer {
	margin-top: 0px;
	}
	
	.form-in-footer-right label {
    	width: 100%;
	}
	
	.quiz-test-item .wpcf7-radio {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, 1fr);
	}
	
	.bubble-kolo ul {
    	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    	grid-template-columns: 1fr;
	}
	
	
	details {
		margin-left: 0px;
	}
	
	.img-rish-block {
    	grid-template-rows: 1fr 1fr;
    	grid-template-columns: 1fr;
	}
}