/* Contact Form 7 imputs width fix */
/* https://themeskills.com/contact-form-7-full-width-responsive/ */
.wpcf7-form input[type="text"], input[type="email"], input[type="number"], input[type="tel"], select, textarea {width:100% !important;}

.wpcf7 fieldset {
  display: grid;
  column-gap: 14px;
  row-gap: 14px;
  padding: 10px 0;
  margin: 0;
  border: none;
}

.wpcf7 fieldset.one-col {
  grid-template-columns: 1fr;
}

.wpcf7 fieldset.two-col {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1023px) {
  .wpcf7 fieldset.two-col {
    grid-template-columns: 1fr;
  }
}

.wpcf7 input[type="text"], input[type="email"], input[type="tel"] {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 16px 21px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #807F83;
}

.wpcf7 textarea {
  width: 100%;
  height: 160px;
  border: none;
  border-radius: 0;
  resize: none;
  margin: 0;
  padding: 16px 21px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #807F83;
}

.wpcf7 input[type="submit"] {
  position: relative;
  padding: 16px 48px;
  margin: 0;
  margin-top: 30px;
  background-color: #232224;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  z-index: 5;
}

.wpcf7 .wpcf7-radio {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1023px) {
  .wpcf7 .wpcf7-radio {
    grid-template-columns: 1fr;
    margin: 10px 0;
  }
}

.wpcf7 .wpcf7-radio input {
  margin-top: 5px;
  margin-right: 9px;
}
@media (max-width: 1023px) {
  .wpcf7 .wpcf7-radio input {
    margin-top: 0;
    margin-right: 7px;
  }
}

.wpcf7 .wpcf7-radio span {
  margin: 0;
  font-weight: 500;
}

.wpcf7 .wpcf7-radio label {
  display: flex;
  margin: 23px 0;
}
@media (max-width: 1023px) {
  .wpcf7 .wpcf7-radio label {
    align-items: center;
    margin: 10px 0;
  }
}

/* Errors and popups CSS */
.wpcf7 form.invalid .wpcf7-response-output {
  position: relative;
	background-color: rgba(255,0,0,0.4);
	text-align: center;
	padding: 5px 10px;
	color: #fff;
	font-weight: 500;
  border: none;
  margin: 30px 0 0 0;
}

.wpcf7 form.sent .wpcf7-response-output {
  position: relative;
	background-color: rgba(0,255,0,0.4);
	text-align: center;
	padding: 5px 10px;
	color: #fff;
	font-weight: 500;
  border: none;
  margin: 30px 0 0 0;
}

.wpcf7 .wpcf7-not-valid-tip {
	background-color: rgba(255,0,0,0.4);
	text-align: center;
	padding: 5px 10px;
	margin-top: -2px;
	color: #fff;
	font-weight: 500;
}
