/*
Theme Name: Sinatra Child
Template: sinatra
Author: Sinatra Team
Description: Sinatra is a lightweight and highly customizable multi-purpose theme that makes it easy for anyone to create their perfect website. You can use it for any type of website from blogs, businesses, online shops, creatives, hotels, restaurants, startups and more. With Sinatra you get the perfect blend of performance, modern design and powerful, yet simple to use options. Works perfectly with the new block editor (Gutenberg) and your favorite plugins such as: WooCommerce, JetPack, page builders, SEO plugins and others. It comes with microdata integration, unlimited colors, multiple layouts, pre-built demo websites and so much more. It's also translatable and built with best SEO practices. Try Sinatra theme today on https://try.sinatrawp.com
Tags: two-columns,right-sidebar,left-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,sticky-post,editor-style,threaded-comments,translation-ready,custom-colors,featured-images,full-width-template,microformats,theme-options,e-commerce
Version: 1.3.1767032363
Updated: 2025-12-29 18:19:23

*/

/* Main Wrapper */
.cf7-custom-form {
  max-width: 600px;
  margin: auto;
  margin-bottom: -20px;
}

/* Field Wrapper */
.cf7-field {
  position: relative;
  margin-bottom: 15px;
}

/* Icons */
.cf7-field i {
  position: absolute;
  top: 65%;
  left: 12px;
  transform: translateY(-50%);
  color: #4CAF50;
  font-size: 16px;
  z-index: 2;
}

/* Inputs, Select & Textarea */
.cf7-field input,
.cf7-field textarea,
.cf7-field select {
  width: 100%;
  padding: 12px 12px 12px 40px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
  background: #fff;
}

/* Textarea */
.cf7-field textarea {
  min-height: 90px;
  resize: vertical;
}

/* Two Column Row */
.cf7-row {
  display: flex;
  gap: 12px;
}

.cf7-field.half {
  width: 50%;
}

/* Submit Button */
.cf7-submit input[type="submit"] {
  width: 100%;
  background: #4CAF50;
  color: #fff;
  border: none;
  padding: 14px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
}

.cf7-submit input[type="submit"]:hover {
  background: #43a047;
}

/* Mobile Responsive */
@media (max-width: 550px) {
  .cf7-row {
    flex-direction: column;
  }

  .cf7-field.half {
    width: 100%;
  }
}


/* Radio Button Group */
.cf7-radio {
  margin-bottom: 15px;
}

.cf7-label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

/* Radio Buttons */
.cf7-radio .wpcf7-list-item {
  margin-right: 20px;
}

.cf7-radio input[type="radio"] {
  margin-right: 6px;
  accent-color: #4CAF50;
}

/* Mobile spacing */
@media (max-width: 600px) {
  .cf7-radio .wpcf7-list-item {
    display: block;
    margin-bottom: 6px;
  }
}

/* Radio Button*/
.cf7-custom-form h2 {
    text-align: center;
    color: white;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 700;
    font-family: system-ui;
}

.cf7-field.redio-button {
    color: white;
}


input[type="radio"] {
    color: white;
}

/* By Ajay */
.cf7-field.half,
.cf7-field{
    display: flex;
    width:100%;
    align-items: flex-start;
    justify-content: flex-start;
}

span.wpcf7-form-control-wrap{
    display: flex;
    width:100%;
    align-items: flex-start;
    align-content: center;
    justify-content: flex-start;
    flex-direction: column;
}

.cf7-field {
    margin-bottom:30px !important;
}


.cf7-field.redio-button span.wpcf7-form-control.wpcf7-radio.visit {
    background: #ffffff;
    width:100%;
    padding:5px 0;
    border-radius: 8px;
}

span.wpcf7-form-control.wpcf7-radio.visit * {
    color: #757575 !important;
}

label {
    display: flex !important;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

span.wpcf7-list-item-label {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    line-height: initial;
}

.cf7-field i {
  position: absolute;
  color: #4CAF50;
  margin-left: 10px;
  z-index: 99;
  width: 10px;
  height: 10px;
  top: 15px;
  left:auto;
  transform:inherit;
}