/*
	 Theme Name:   Filatova
	 Theme URI:    https://wellme.com.ua
	 Description:  A child theme of Twenty Twenty-One WordPress theme.
	 Author:       wellmeteam
	 Author URI:   https://wellme.com.ua
	 Template:     twentytwentyone
	 Version:      1.0.0
	 License:      GNU General Public License v2 or later
	 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

*/
@import "css/reset.css";
@import "fonts/Roboto/stylesheet.css";
@import "css/main.css";

/* Colors */
	.pati-btn-main[data-color=blue] a {
		color: #008FCC;
		border-color: #008FCC;
	}

	.pati-btn-main[data-color=green] a {
		color: #039188;
		border-color: #039188;
	}

	.pati-btn-main[data-color=violet] a {
		color: #6C2DC7;
		border-color: #6C2DC7;
	}


	.pati-btn-main[data-color=blue].active a,
	.pati-btn-main[data-color=blue]:hover a {
		background: #008FCC;
		color: #FFF!important;
	}

	.pati-btn-main[data-color=green].active a,
	.pati-btn-main[data-color=green]:hover a {
		background: #039188;
		color: #FFF!important;
	}

	.pati-btn-main[data-color=violet]:hover a,
	.pati-btn-main[data-color=violet].active a {
		background: #6C2DC7;
		color: #FFF!important;
	}


	.cust-btn-1[data-color=blue] h5 {color: #008FCC;}
	.cust-btn-1[data-color=green] h5 {color: #039188;}
	.cust-btn-1[data-color=violet] h5 {color: #6C2DC7;}

	.cust-btn-1[data-color=blue]:hover h5,
	.cust-btn-1__active[data-color=blue] h5 {color: #FFF!important;}

	.cust-btn-1[data-color=green]:hover h5,
	.cust-btn-1__active[data-color=green] h5 {color: #FFF!important;}

	.cust-btn-1[data-color=violet]:hover h5,
	.cust-btn-1__active[data-color=violet] h5 {color: #FFF!important;}


	.cust-btn-1[data-color=blue]:hover,
	.cust-btn-1__active[data-color=blue] {background: #008FCC;}

	.cust-btn-1[data-color=green]:hover,
	.cust-btn-1__active[data-color=green] {background: #039188;}

	.cust-btn-1[data-color=violet]:hover,
	.cust-btn-1__active[data-color=violet] {background: #6C2DC7;}


	.cust-btn-1[data-color=blue] {border: 2px solid #008FCC;}

	.cust-btn-1[data-color=green] {border: 2px solid #039188;}

	.cust-btn-1[data-color=violet] {border: 2px solid #6C2DC7;}


	.cust-btn-1[data-color=blue] .cust-btn-1__icon svg path {stroke: #008FCC;}

	.cust-btn-1[data-color=green] .cust-btn-1__icon svg path {stroke: #039188;}

	.cust-btn-1[data-color=violet] .cust-btn-1__icon svg path {stroke: #6C2DC7;}

	.cust-btn-1[data-color=blue]:hover .cust-btn-1__icon svg path,
	.cust-btn-1__active[data-color=blue] .cust-btn-1__icon svg path {stroke: #FFF!important;}

	.cust-btn-1[data-color=green]:hover .cust-btn-1__icon svg path,
	.cust-btn-1__active[data-color=green] .cust-btn-1__icon svg path {stroke: #FFF!important;}

	.cust-btn-1[data-color=violet]:hover .cust-btn-1__icon svg path,
	.cust-btn-1__active[data-color=violet] .cust-btn-1__icon svg path {stroke: #FFF!important;}

	.doc-item__link[data-color=blue]:hover path {
		stroke: #008FCC;
		fill: #008FCC;
	}
	.doc-item__link[data-color=green]:hover path {
		stroke: #039188;
		fill: #039188;
	}
	.doc-item__link[data-color=violet]:hover path {
		stroke: #6C2DC7;
		fill: #6C2DC7;
	}

	.title-1[data-color=blue]::before,
	.title-2[data-color=blue]::before {background-image: url(img/icons/title-icon-blue.svg);}

	.title-1[data-color=green]::before,
	.title-2[data-color=green]::before {background-image: url(img/icons/title-icon-green.svg);}

	.title-1[data-color=violet]::before,
	.title-2[data-color=violet]::before {background-image: url(img/icons/title-icon-violet.svg);}

	.title-2[data-color=blue] {color: #008FCC!important;}
	.title-2[data-color=green] {color: #039188!important;}
	.title-2[data-color=violet] {color: #6C2DC7!important;}
	

	.faq__arr[data-color=blue] svg path {stroke: #008FCC!important;}
	.faq__arr[data-color=green] svg path {stroke: #039188!important;}
	.faq__arr[data-color=violet] svg path {stroke: #6C2DC7!important;}

	.citata-1[data-color=blue],
	.citata-1-v2[data-color=blue] {border-color: #008FCC;}

	.citata-1[data-color=green],
	.citata-1-v2[data-color=green] {border-color: #039188;}

	.citata-1[data-color=violet],
	.citata-1-v2[data-color=violet] {border-color: #6C2DC7;}

	body.page-template-pacient-universal-tpl .title-4 {
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    justify-content: center;
	}

	body.page-template-pacient-universal-tpl .title-4:before {
	    content: unset;
	}

	@media only screen and (max-width: 1200px) {
		.title-btn[data-color=blue] {
			background: #008FCC;
    		border: 2px solid #008FCC;
		}

		.title-btn[data-color=green] {
			background: #039188;
    		border: 2px solid #039188;
		}

		.title-btn[data-color=violet] {
			background: #6C2DC7;
    		border: 2px solid #6C2DC7;
		}


	}

/* Other */

button.show-more-btn-3 {border: unset;}

.doc-item__type2 .doc-item__link figure {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	height: 170px;
	width: 140px;
}

.doc-item__type2 .doc-item__link img {
	display: block;
	max-width: 140px;
	max-height: 170px;
	object-fit: cover;
	border-radius: 8px;
}
.nav_mobile__search form span {display: none!important;}

.nav_mobile__search form path {stroke:#008FCC!important;}

.sub-menu-toggle {display: none!important;}

.label_131,
.label_29,
.label_19,
.label_27 {background: #039188;}


.label_129,
.label_33,
.label_17,
.label_31 {background: #6C2DC7;}

.label_133,
.label_9,
.label_21,
.label_23,
.label_25 {background: #0490C5;}

.lang__current,
.lang__list a {text-transform: uppercase;}

.h-search-section__search input {
	width: calc(100% - 30px);
	padding: 0 14px;
}

/* Popup Form */
body.active {overflow: hidden;}

body > .wrapper.active {
	position: relative;
	overflow: hidden;
}

.popup-form-wrapper {
	display: none;
	position: fixed;
	left: 0;
	top: 150px;
	width: 100%;
	height: calc(100vh - 150px);
	overflow-y: scroll;
	justify-content: center;
	align-items: center;
	background: #FFF;
}


.popup-form-wrapper.active {
	display: flex;
	z-index: 111;
}


.popup-form-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: fit-content;
	padding: 45px 150px;
	position: relative;
	height: calc(100% - 90px);
	background: #FFFFFF;
	border: 1px solid #00489D;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
	overflow-y: scroll;
}

.popup-form-container::-webkit-scrollbar {width: 0;}

.popup-form-container h3 {
	display: block;
	max-width: 300px;
	text-align: center;
	font-size: 28px;
	color: #00489D;
	margin: 0 auto 30px auto;
}

.popup-form-container > button {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: solid 2px #00489D;
	position: absolute;
	top: 45px;
	right: 45px;
	cursor: pointer;
	background-color: transparent;
	outline: none;
	cursor: pointer;
}

.popup-form-container > button:after,
.popup-form-container > button:before {
	content: '';
	position: absolute;
	display: block;
	background-color: #00489D;
	width: 20px;
	height: 2px;
}

.popup-form-container > button:after {transform: rotate(-45deg);}

.popup-form-container > button:before {transform: rotate(45deg);}

.popup-form-container form {
	max-width: 70%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.popup-form-container form .inputs-block {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
}

.popup-form-container form .inputs-block input {
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	height: 40px;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 15px;
}

.popup-form-container form .inputs-block .label p {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
}

.popup-form-container form .inputs-block .label br {display: none;}

.popup-form-container form .inputs-block .label p span {
	font-size: 16px;
	color: #1B1B1E;
	line-height: 1;
}

.popup-form-container form .checkbox-block {
	display: flex;
	flex-direction: column;
	gap: 25px;
	align-self: flex-start;
}
.popup-form-container form .wpcf7-not-valid-tip {
	margin-top: 15px;
	color: #dc3232!important;
}

.popup-form-container .checkbox-label h5,
.popup-form-container .radio-label h5 {
	margin-bottom: 12px;
	color: #1B1B1E;
	font-size: 16px;
	font-weight: 400;
}
.popup-form-container .wpcf7-acceptance p,
.popup-form-container .checkbox-label > p {
	display: block;
	width: auto;
}

.popup-form-container .wpcf7-acceptance .wpcf7-form-control,
.popup-form-container .radio-label .wpcf7-form-control,
.popup-form-container .checkbox-label .wpcf7-form-control {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.popup-form-container .wpcf7-acceptance .wpcf7-list-item-label,
.popup-form-container .radio-label .wpcf7-list-item-label,
.popup-form-container .checkbox-label .wpcf7-list-item-label {
	font-size: 16px;
	color: #1B1B1E;
	line-height: 1;
	display: block;
	order: 2;
}

.popup-form-container .wpcf7-acceptance .wpcf7-list-item label,
.popup-form-container .radio-label .wpcf7-list-item,
.popup-form-container .checkbox-label .wpcf7-list-item {
	display: block;
	position: relative;
	margin: 0;
	display: grid;
	grid-template-columns: max-content auto;
	align-items: center;
	grid-gap: 10px;
}

.popup-form-container .wpcf7-acceptance .wpcf7-list-item input,
.popup-form-container .radio-label .wpcf7-list-item input,
.popup-form-container .checkbox-label .wpcf7-list-item input {
	display: block;
	border: 1px solid #CFCFCF;
	width: 26px;
	height: 26px;
	display: block;
	order: 1;
	cursor: pointer;
	opacity: 1;
	position: relative;
}

.popup-form-container .radio-label .wpcf7-list-item input {border-radius: 50%;}


.popup-form-container .wpcf7-acceptance .wpcf7-list-item input:checked:after,
.popup-form-container .radio-label .wpcf7-list-item input:checked:after,
.popup-form-container .checkbox-label .wpcf7-list-item input:checked:after {
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.89333L4.73514 9L12 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	display: block;
	width: 12px;
	height: 8px;
	position: absolute;
	top: calc(50% - 4px);
	left: calc(50% - 6px);
}

.popup-form-container .wpcf7-acceptance .wpcf7-list-item-label:after,
.popup-form-container .wpcf7-acceptance .wpcf7-list-item-label:before,
.popup-form-container .radio-label .wpcf7-list-item-label:after,
.popup-form-container .checkbox-label .wpcf7-list-item-label:after,
.popup-form-container .radio-label .wpcf7-list-item-label:before,
.popup-form-container .checkbox-label .wpcf7-list-item-label:before {content: unset;}

.popup-form-container .comments-block p,
.popup-form-container span {
	display: block;
}

.popup-form-container .files-block {
	width: 100%;
}

.popup-form-container span[data-name="file_block"] {
	position: relative;
	display: grid;
	grid-template-columns: max-content auto;
	align-items: center;
	grid-gap: 0 10px;
	padding: 5px;
	width: 100%;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
}

.popup-form-container span[data-name="file_block"] span.wpcf7-not-valid-tip {display: none!important;}

.popup-form-container span[data-name="file_block"] > p {
	display: block;
	width: 100%;
	height: auto;
}
.popup-form-container span[data-name="file_block"] input {
	width: 140px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	opacity: 0;
	cursor: pointer;
	font-size: 0;
}


.popup-form-container span[data-name="file_block"] button {
	background: #D9D9D9;
	width: 140px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: unset;
}

.popup-form-container span[data-name="file_block"] button:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3973 16.2552C19.8519 12.8005 19.8519 7.19946 16.3973 3.74483C12.9427 0.290187 7.3416 0.290187 3.88696 3.74482C0.432322 7.19946 0.432322 12.8005 3.88696 16.2552C7.3416 19.7098 12.9427 19.7098 16.3973 16.2552ZM17.2132 17.0711C21.1184 13.1658 21.1184 6.83417 17.2132 2.92893C13.308 -0.976311 6.97631 -0.97631 3.07107 2.92893C-0.834175 6.83418 -0.834175 13.1658 3.07107 17.0711C6.97631 20.9763 13.308 20.9763 17.2132 17.0711Z' fill='%2300489D'/%3E%3Cpath d='M4.15892 10.0217C4.15892 9.58268 4.5148 9.2268 4.9538 9.2268L15.2871 9.2268C15.7261 9.2268 16.082 9.58268 16.082 10.0217C16.082 10.4607 15.7261 10.8165 15.2871 10.8165L4.9538 10.8165C4.5148 10.8165 4.15892 10.4607 4.15892 10.0217Z' fill='%2300489D'/%3E%3Cpath d='M10.1205 15.9832C9.68147 15.9832 9.32559 15.6273 9.32559 15.1883L9.32559 4.85501C9.32559 4.41601 9.68147 4.06013 10.1205 4.06014C10.5595 4.06013 10.9153 4.41601 10.9153 4.85501L10.9153 15.1883C10.9153 15.6273 10.5595 15.9832 10.1205 15.9832Z' fill='%2300489D'/%3E%3C/svg%3E%0A");
}

.popup-form-container span[data-name="file_block"] span {
	overflow-y: hidden;
	overflow-x: auto;
	display: block;
	font-size: inherit;
	color: #828282;
}

.popup-form-container span[data-name="file_block"] span::-webkit-scrollbar {width: 0;}

.popup-form-container .comments-block {margin-top: 15px;}

.popup-form-container .comments-block h5 {
	display: block;
	margin-bottom: 10px;
	color: #1B1B1E;
	font-size: 16px;
	font-weight: 400;
}

.popup-form-container .comments-block textarea {
	display: block;
	border: 1px solid #CFCFCF;
	width: 100%;
	height: 100px;
	resize: unset;
	padding-top: 10px;
	padding-left: 15px;
}


.popup-form-container .files-block h4 {
	color: #1B1B1E;
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin-bottom: 10px;
}

.popup-form-container .files-block input {
	color:  #1B1B1E;
	font-size: 16px;
	border: 1px solid #CFCFCF;
	padding: 5px;
	width: 100%;
	display: block;
}

.popup-form-container input[type=submit] {
	display: grid;
	grid-template-columns: auto max-content;
	align-items: center;
	grid-gap: 5px;
	width: fit-content;
	padding: 15px 30px;
	background: #FFFFFF;
	cursor: pointer;
	border: 2px solid #00489D;
	border-radius: 25px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.01em;
	color: #00489D;
	margin: 15px auto 0 auto;

}

.popup-form-container input[type=submit]:hover {
	background-color: #00489D;
	color: #FFFF;
}

.popup-form-container input[type=submit]:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5303 6.53033C10.8232 6.23744 10.8232 5.76256 10.5303 5.46967L5.75736 0.696699C5.46447 0.403806 4.98959 0.403806 4.6967 0.696699C4.40381 0.989593 4.40381 1.46447 4.6967 1.75736L8.93934 6L4.6967 10.2426C4.40381 10.5355 4.40381 11.0104 4.6967 11.3033C4.98959 11.5962 5.46447 11.5962 5.75736 11.3033L10.5303 6.53033ZM0 6.75H10V5.25H0V6.75Z' fill='%2300489D'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	width: 15px;
	height: 15px;
}

.popup-form-container input[type=submit]:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5303 6.53033C10.8232 6.23744 10.8232 5.76256 10.5303 5.46967L5.75736 0.696699C5.46447 0.403806 4.98959 0.403806 4.6967 0.696699C4.40381 0.989592 4.40381 1.46447 4.6967 1.75736L8.93934 6L4.6967 10.2426C4.40381 10.5355 4.40381 11.0104 4.6967 11.3033C4.98959 11.5962 5.46447 11.5962 5.75736 11.3033L10.5303 6.53033ZM0 6.75H10V5.25H0V6.75Z' fill='white'/%3E%3C/svg%3E%0A");
}

.popup-form-container .wpcf7-acceptance .wpcf7-list-item {margin: 0;}
.popup-form-container .wpcf7-acceptance .wpcf7-list-item-label {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	color: #828282;

}

.popup-form-container .wpcf7 {
	display: block;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

a.doc-item__txt,
.search-results a.doc-item_v02__info,
.doc-content-type-3 p > a {color: #00489D;}

a.doc-item__txt:hover,
.search-results a.doc-item_v02__info:hover,
.doc-content-type-3 p > a:hover {text-decoration: underline;}




@media only screen and (max-width: 1024.99px) {

	.popup-form-wrapper {
		top: 130px;
		height: calc(100% - 130px);
	}

	.popup-form-container {
		padding: 35px;
	}
}
@media only screen and (max-width: 1200.99px) {.main-menu ul li a {text-transform: unset;}}

@media only screen and (max-width: 768.99px) {
	.popup-form-container {
		padding: 35px 0;
		width: 90%;
	}

	.popup-form-container form {max-width: 90%;}
	.popup-form-container h3 {font-size: 22px;}

	.popup-form-container > button {
		padding: 0;
		width: 26px;
		height: 26px;
		right: 15px;
		top: 15px;
	}

	.popup-form-container > button:after, 
	.popup-form-container > button:before {width: 14px;}
}