/*
Theme Name: Tree Tech Pros.
Description: Clean
Author: TTP
Author URI: ../../../
Version: 1.0
*/


.inner h1{}
.inner p{color: #111111;font-family: 'Kumbh Sans', sans-serif;font-size: 1.7rem;line-height: 1.5;font-style: normal;font-weight: 400;}
.inner ul,.inner ol{color: #111111;font-family: 'Kumbh Sans', sans-serif;font-size: 1.7rem;line-height: 1.5;font-style: normal;font-weight: 400;}


#vfb-form-2{border:solid 1px #dddddd;padding:15px;}
.vfb-desc{width:120px;}

/* Container styling */
#quote-page-form-1 {
  max-width: 600px;
  margin: 40px auto;
  padding: 30px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Fieldset and legends */
#quote-page-form-1 fieldset {
  border: none;
  margin: 0 0 20px;
  padding: 0;
}

#quote-page-form-1 .vfb-legend h3 {
  margin-bottom: 20px;
  font-size: 1.4rem;
  border-bottom: 2px solid #ddd;
  padding-bottom: 5px;
  color: #333;
}

/* Form list items */
#quote-page-form-1 ul.vfb-section {
  list-style: none;
  padding: 0;
  margin: 0;
}

#quote-page-form-1 li.vfb-item {
  margin-bottom: 20px;
}

/* Labels */
#quote-page-form-1 label.vfb-desc {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

/* Inputs & Textareas */
#quote-page-form-1 input[type="text"],
#quote-page-form-1 input[type="email"],
#quote-page-form-1 textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}

#quote-page-form-1 textarea {
  resize: vertical;
  min-height: 100px;
}

#quote-page-form-1 input:focus,
#quote-page-form-1 textarea:focus {
  border-color: #0066cc;
  outline: none;
}

/* Submit Button */
#quote-page-form-1 input[type="submit"] {
  background-color: #0066cc;
  color: #fff;
  border: none;
  padding: 12px 25px;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#quote-page-form-1 input[type="submit"]:hover {
  background-color: #004d99;
}

/* Required asterisk */
#quote-page-form-1 .vfb-required-asterisk {
  color: red;
  margin-left: 4px;
}

/* Hide unused elements cleanly */
#quote-page-form-1 .vfb-item-secret,
#quote-page-form-1 li[style*="display: none"],
#quote-page-form-1 input[name="vfb-spam"] {
  display: none !important;
}

/* Container & Field Spacing */
.wpcf7-form p {
  margin-bottom: 1.5rem;
}

/* Labels */
.wpcf7-form p label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #333;
}

/* Text Inputs, Email, Tel, Selects, Textareas */
.wpcf7-form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fafafa;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}

.wpcf7-form-control:focus {
  border-color: #0066cc;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.2);
  outline: none;
}

/* Placeholder Text */
.wpcf7-form-control::placeholder {
  color: #999;
}

/* Submit Button */
.wpcf7-submit {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  background-color: #0066cc;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
}

.wpcf7-submit:hover {
  background-color: #005bb5;
}

.wpcf7-submit:active {
  transform: scale(0.98);
}

/* Spinner (you can reposition or hide if unused) */
.wpcf7-spinner {
  margin-left: 0.5rem;
  vertical-align: middle;
  display: inline-block;
  width: 1em;
  height: 1em;
}

/* Success & Error Messages */
.wpcf7-response-output,
.screen-reader-response p {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 4px;
  font-size: 0.95rem;
  line-height: 1.4;
}

.wpcf7-mail-sent-ok .wpcf7-response-output,
.screen-reader-response p[role="status"] {
  background-color: #e6ffed;
  border: 1px solid #34d058;
  color: #22863a;
}

.wpcf7-validation-errors .wpcf7-response-output {
  background-color: #ffeef0;
  border: 1px solid #d73a49;
  color: #86181d;
}

/* Hide empty list in screen-reader-response */
.screen-reader-response ul {
  display: none;
}


#contact_map{width:100%;height:300px;margin-top:23px;}
.alignright{float:right;margin:10px;}

@media screen and (max-width:40em){


	
}