/*
Theme Name: Vepoclean Blocks
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vepoclean
Tags: 
*/
html {
	overflow-x: hidden;
}
div {
	box-sizing: border-box;
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
/* :where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
} */

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Old fashion styles
*/
:root {
	--main_color: #1DAFEC;
	--second_color: #047A46;
	--hover_color: #000;
	--second_hover_color: #fff;
	/*        --title_color: #2A2A2A;*/
	--text_color: #2A2A2ACC;
	--bg_color: #F7F6F4;
}
.container {
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	max-width: 1240px;
}
.container-full {
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	max-width: 1920px;
}
.title_box {
        text-align: center;
}
.button_basic,
.button_second {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 10px 25px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font: 600 18px/1.4 var(--font);
}
.button_basic {
	background-color: var(--second_color);
	border: 2px solid var(--second_color);
	color: white;
}
.button_basic:hover {
	background-color: #fff;
	color: var(--second_color);
}
.button_second {
	background-color: transparent;
	border: 2px solid var(--second_color);
	color: var(--second_color);
}
.button_second:hover {
	color: var(--main_color);
	border-color: var(--main_color);
}


/*
 * FORM, CONTACT FORM 7
 * 
*/
input:not([type="checkbox"]),
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238795AE' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 16px;
    padding-right: 25px !important;
}
.wpcf7 .hidden-fields-container {
    display: none;
}
form.wpcf7-form {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	flex-direction: row;
	align-items: center;
	max-width: 502px;
	font-size: 12px;
}
form.wpcf7-form h3 {
	font-size: 12px;
	margin: 0 0 .25rem;
	text-transform: none;
	color: #707d91 !important;
}	
/* form.wpcf7-form .form_title {
	font-weight: 600;
	font-size: 24px;
} */
.wpcf7-form .input_group {
	flex-grow: 1;
	flex-basis: calc(50% - 25px);
	position: relative;
}
.wpcf7-form .input_group input.wpcf7-not-valid {
	border-color: red;
}
.wpcf7-form .input_group > p {
	display: flex;
	position: relative;
	align-items: center;
	margin: 0 0 0 0;
}
.wpcf7-form .input_group > p + p {
	margin-top: .5rem;
}
.wpcf7-form .input_group.full_width,
.wpcf7-form .input_group.textarea {
	flex-basis: 100%;
}
.wpcf7-form .input_group.full_width > p,
.wpcf7-form .input_group.full_width > p > span,
.wpcf7-form .input_group.full_width > p > span > * {
	width: 100%;
}
.wpcf7-form label {
	position: absolute;
	top: 13px;
	left: 10px;
	background: white;
	padding: 0 10px;
	transition: all 300ms;
	z-index: 1;
	pointer-events: none;
	color: #8795AE;
}
.wpcf7-form textarea {
	resize: vertical;
}
.wpcf7-form .textarea_group.open label,
.wpcf7-form .input_group.open label {
	top: -8px;
	font-size: 11px;
	border-radius: 4px;
	border: 1px solid var(--wp--preset--color--primary);
}
/* .wpcf7-form .input_group.open > p:first-child {
	margin-bottom: 0.35rem;
} */
.wpcf7-form textarea:focus-visible,
.wpcf7-form input:focus-visible,
.wpcf7-form select:focus-visible {
	outline: 0;
}
.wpcf7-form input:focus,
.wpcf7-form select:focus {
	border-color: var(--main_color);
}
.wpcf7-form .message {
	flex-grow: 1;
	flex-basis: 100%;
}
.wpcf7-form .link_wrap,
.wpcf7-form .wpcf7-form-control-wrap input,
.wpcf7-form .wpcf7-form-control-wrap textarea {
	width: 100%;
}
.wpcf7-form textarea,
.wpcf7-form input,
.wpcf7-form select {
	padding: 13px 19px;
	border: 2px solid #8795AE;
	border-radius: 8px;
	box-sizing: border-box;
}
.wpcf7-form select {
	color: #8795AE;
}
.wpcf7-form .link_wrap {
	color: #6B6D6ECC;
	font-size: 10px;
}
/* .wpcf7-form .btn_wrap {
	position: relative;
	width: 100%;
} */
.wpcf7-form .wpcf7-not-valid-tip {
	position: absolute;
	font-size: 10px;
	padding: 0 10px;
}
.wpcf7-form .wpcf7-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	margin: 0 !important;
    border-width: 0;
	background: #ffb900;
	color: black;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0.2em 1em;
    border-width: 0;
	background: #00a0d2;
	color: white;
}


@media (max-width: 1200px) {
	form {
		margin: 0 auto;
		max-width: 100%;
	}
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.input_group {
		flex-basis: 100% !important;
	}
	form.wpcf7-form {
		padding: 10px;
		font-size: unset;
	}
	form .wpcf7-form-control-wrap {
		width: 100%;
	}
	select {
		width: 100%;
		font-size: unset;
	}
}