:root {
  --cf7-main-color: #666;
  --cf7-grid-margin: 10px !important;
  --cf7-spinner-display: none !important;
  --cf7-form-padding-blog: 30px;
  --cf7-form-bg-blog: rgba(255, 255, 255, 0.7);
  --cf7-form-border-blog: 1px dashed #888;
  --cf7-label-font-size: 13px;
  --cf7-label-font-weight: bold;
  --cf7-label-text-transform: uppercase;
  --cf7-input-padding-base: 6px;
  --cf7-input-bg: none;
  --cf7-input-bg-focus: rgba(255, 255, 255, 1);
  --cf7-input-bg-focus-blog: rgba(255, 255, 255, 1);
  --cf7-input-border-width: 2px;
  --cf7-input-border-style: solid;
  --cf7-input-border-color: var(--cf7-main-color);
  --cf7-input-border-color-blog: var(--cf7-main-color);
  --cf7-input-font-size: 14px;
  --cf7-input-line-height: 20px;
  --cf7-input-color: var(--cf7-main-color);
  --cf7-input-color-blog: var(--cf7-main-color);
  --cf7-input-border-radius: 3px;
  --cf7-floating-tip-bg: #0f0;
  --cf7-floating-tip-color: #000;
  --cf7-floating-tip-border-color: #f00;
}

/**********************/
/*** Contact form 7 ***/
/**********************/
.wpcf7-form { position: relative; overflow: hidden; }
.wpcf7-form > .hidden-fields-container { display: none; }
.wpcf7-form br { display: none; }
.wpcf7-form p { margin: 0; }

.wpcf7-form .grecaptcha-badge {
	position: absolute !important;
	box-shadow: none !important;
	opacity: 0.3;
	bottom: 4px !important;
	transition: all 0.3s ease !important;
}
.wpcf7-form .grecaptcha-badge:hover { opacity: 1; }

span.wpcf7-form-control-wrap.g-recaptcha-response,
span.wpcf7-form-control-wrap.g-recaptcha-response + p { display: none; }

span.wpcf7-form-control-wrap { position: relative; display: block; }
span.wpcf7-form-control-wrap.accept-pers { display: inline-block; }

.screen-reader-response,
.wpcf7-response-output { display: none !important; }


.wpcf7 .uk-grid-margin {
  margin-top: var(--cf7-grid-margin);
}

.wpcf7-spinner {
  display: var(--cf7-spinner-display);
}

.wpcf7-form label {
  text-transform: var(--cf7-label-text-transform);
  font-size: var(--cf7-label-font-size);
  font-weight: var(--cf7-label-font-weight);
}

.wp-single .tm-content .wpcf7 {
	padding: var(--cf7-form-padding-blog);
	border: var(--cf7-form-border-blog);
	background: var(--cf7-form-bg-blog);
}
.wp-single .tm-content .wpcf7 .uk-grid-margin {
  margin-top: var(--cf7-grid-margin);
}

.uk-form-row input,
.uk-form-row textarea,
.uk-form-row select {
	padding: var(--cf7-input-padding-base) calc(var(--cf7-input-padding-base) * 2);
	background: var(--cf7-input-bg);
	border-width: var(--cf7-input-border-width);
  border-style: var(--cf7-input-border-style);
  border-color: var(--cf7-input-border-color);
	color: var(--cf7-input-color);
	font-size: var(--cf7-input-font-size);
	line-height: var(--cf7-input-line-height);
	border-radius: var(--cf7-input-border-radius);
}
.uk-form-row select {
	height: calc(var(--cf7-input-line-height) + var(--cf7-input-padding-base) * 2);
}
.uk-form-row input:focus,
.uk-form-row textarea:focus,
.uk-form-row select:focus {
  background: var(--cf7-input-bg-focus);
}

.wp-single .uk-form-row input:focus,
.wp-single .uk-form-row textarea:focus {
  background: var(--cf7-input-bg-focus-blog);
}

.wp-single .uk-form-row input,
.wp-single .uk-form-row textarea,
.wp-single .uk-form-row select,
.wp-single .wpcf7-submit.uk-button-secondary {
	border-color: var(--cf7-input-border-color-blog);
	color: var(--cf7-input-color-blog);
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	left: auto;
	right: calc(var(--cf7-input-padding-base) * 0.7);
	top: 50%;
  transform: translate(0, -50%);
  z-index: 100;
	max-width: 60%;
	margin-left: 3px;
	padding: calc(var(--cf7-input-padding-base) / 2) var(--cf7-input-padding-base);
	border: 2px solid var(--cf7-floating-tip-border-color);
	border-radius: var(--cf7-input-border-radius);
	background: var(--cf7-floating-tip-bg);
	color: var(--cf7-floating-tip-color);
	font-weight: bold;
	font-size: calc(var(--cf7-input-font-size) * 0.9);
	line-height: 1.3;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip:before {
	content: "";
	position: absolute;
	left: -7px;
	top: 50%;
	margin-top: -5px;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid red;
	border-bottom: 5px solid transparent;
}

div.wpcf7 .ajax-loader {
  position: absolute;
  margin-top: 23px;
  margin-left: -25px;
}