/*
 Theme Name:   Mindthera Child
 Theme URI:    https://themewant.com/products/wordpress/mindthera
 Description:  Mindthera Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     mindthera
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
.react-button a {
    background-color: #87bd28 !important;
}
/* APPOINTMENT CSS START */
/* Basic Form Layout */

.appointment .wpcf7-form {
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
}
.appointment p {
    margin: 0 0 0 0px;
}
.appointment textarea.wpcf7-form-control.wpcf7-textarea {
    height: 160px !important;
}
.appointment button, html input[type=button], input[type=reset], input[type=submit] {
    padding: 10px 30px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    width: auto !important;
    border-radius: 50px !important;
}
.appointment input[type="submit"]:hover {
    background-color: #87bd28 !important;
	box-shadow: rgba(29, 29, 31, 0.008) 0.033719px 0.033719px 0.33719px 0px !important;
}

.form-row {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}

.form-row label {
  font-weight: 600;
  margin-bottom: 6px;
}

.form-row input,
.form-row select,
.form-row textarea {
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 2px;
  font-size: 15px;
  transition: all 0.3s ease;
    background-color: #f6f8f9;
	border-radius: 15px;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
  border-color: #4a90e2;
  outline: none;
  box-shadow: 0 0 0 2px #561d5f85;
    background-color: #f6f8f9;
}

/* Grid Layouts */
.two-columns, .three-columns {
  display: grid;
  gap: 15px;
}

.two-columns {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.three-columns {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

/* Submit Button */
.submit-row {
  text-align: left;
}

input[type="submit"] {
  background-color: #4a90e2;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
  background-color: #357abd;
}

/* APPOINTMENT CSS END */