input,
textarea,
select,
.select2-container--default .select2-selection--single {
  display: block;
  border-radius: var(--wp--custom--bradius--md);
	border: 1px solid transparent;
	font-size: var(--wp--preset--font-size--xsmall);
  font-size: 1.025rem;
  background-color: var(--wp--preset--color--gray-3);
  transition: all cubic-bezier(0.66, 0.13, 0.38, 1) 0.35s;
}

input[type="email"], input[type="number"], 
input[type="password"], input[type="url"], 
input[type="search"], input[type="tel"], 
input[type="text"], input[type="date"], 
textarea, select {
  padding: 0 1rem;
  min-height: 3rem;
  width: 100%;
  font-family: inherit;
  &:active,
  &:focus {
    background-color: var(--wp--preset--color--gray-4);
    outline: none;
  }
}

input[type="checkbox"], 
input[type="radio"] {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  appearance: none;
  outline: none;
  border: 2px solid #635d6f;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  &:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: var(--wp--preset--color--primary);
  }
  &+span,
  &+label {
    display: inline;
  }
}

textarea {
  padding-block: 0.75rem;
}

label {
  display: block;
  font-weight: 500;
}




/////////////////////  Contact Form 7 ////////////////////

.wpcf7-list-item {
  margin: 0;
}

.wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-not-valid {
  box-shadow: 0 0 0 0.3125rem rgb(233 61 61 / 30%);
}


.contact_style_1 {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(236px, 1fr) );
  grid-gap: 20px;
  
  > .span-2 {
    @include for-mobile-up { 
      grid-column: 1/3;
    }
  }

  p {
    margin: 0;
  }

  .wpcf7-form-control-wrap:not([data-name^="checkbox"]) {
    display: block;
    margin-top: 0.5rem;
  }

}