@charset "UTF-8";
/*
Theme Name: Aesthetica
Theme URI: https://aesthetica.cmsmasters.net/
Author: cmsmasters
Author URI: https://cmsmasters.net/
Description: Aesthetica – Plastic Surgery, Medical Spa and Beauty Clinic Wordpress Theme for Elementor is a all-in-one aesthetical care clinic theme – it has all the needed dedicated medical functionality and clean style, so that lets you set up a beauty clinic, as well as a aesthetic medical clinic website. It comes with custom post types to showcase the Medical Services and Doctors Profiles.
Version: 1.2.1
Tested up to: 6.6
Requires PHP: 7.4
License:
License URI:
Text Domain: aesthetica
Domain Path: /theme-config/languages
Copyright: cmsmasters 2024 / All Rights Reserved
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}

/* ==========================================================================
   Gravity Forms – Forminator-style (site-wide)
   ========================================================================== */

.gform_wrapper {
  --gf-form-gap-y: 12px;
  --gf-form-gap-x: 6px;
  --gf-field-gap-x: 6px;
  --gf-field-gap-y: 12px;
}

.gform_wrapper .gform_required_legend {
  display: none !important;
}
.gform_wrapper .gform_fields {
  row-gap: 12px !important;
}

/* Even column distribution in multi-column rows */
.gform_wrapper .gform_fields .gfield {
  min-width: 0 !important;
}

@media (min-width: 783px) {
  .gform_wrapper .gform_fields {
    column-gap: 6px !important;
  }
}

/* Labels – uppercase with letter spacing (match top form) */
.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #6B6668 !important;
  margin-bottom: 6px !important;
  margin-top: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Required indicator (asterisk) – match label grey */
.gform_wrapper .gfield_required,
.gform_wrapper .gfield_required_asterisk {
  color: #6B6668 !important;
}

/* Text inputs, email, tel, number, textarea */
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield input[type="url"],
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield input[type="date"],
.gform_wrapper .gfield input[type="time"] {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 15px !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  padding: 0 16px !important;
  block-size: 52px !important;
  min-block-size: 0 !important;
  line-height: 52px !important;
  border: 1px solid #cccccc !important;
  border-radius: 2px !important;
  background-color: #FFFFFF !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder {
  color: #888888 !important;
}

.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield textarea:focus {
  outline: none !important;
}

.gform_wrapper .gfield.gfield_error input[type="text"],
.gform_wrapper .gfield.gfield_error input[type="email"],
.gform_wrapper .gfield.gfield_error input[type="tel"],
.gform_wrapper .gfield.gfield_error input[type="number"],
.gform_wrapper .gfield.gfield_error input[type="url"],
.gform_wrapper .gfield.gfield_error textarea {
  border-color: #E51919 !important;
}

/* Native select */
.gform_wrapper .gfield select {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 15px !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  padding: 0 16px !important;
  block-size: 52px !important;
  min-block-size: 0 !important;
  line-height: 52px !important;
  border: 1px solid #cccccc !important;
  border-radius: 2px !important;
  background-color: #FFFFFF !important;
  color: #000000 !important;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.gform_wrapper .gfield select option {
  display: block !important;
  visibility: visible !important;
}

.gform_wrapper .gfield select:hover,
.gform_wrapper .gfield select:focus {
  border-color: #097BAA !important;
  background-color: #F5F5F5 !important;
  outline: none !important;
}

.gform_wrapper .gfield.gfield_error select {
  border-color: #E51919 !important;
}

/* Select2 (if used by Gravity Forms) */
.gform_wrapper .select2-container .select2-selection--single {
  border: 1px solid #cccccc !important;
  border-radius: 2px !important;
  background-color: #FFFFFF !important;
  min-height: 48px !important;
}

.gform_wrapper .select2-container .select2-selection--single .select2-selection__rendered {
  color: #000000 !important;
  line-height: 1.4 !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
}

.gform_wrapper .select2-container .select2-selection--single .select2-selection__arrow {
  color: #777771 !important;
}

.gform_wrapper .select2-container--open .select2-selection--single,
.gform_wrapper .select2-container .select2-selection--single:focus {
  border-color: #097BAA !important;
  background-color: #F5F5F5 !important;
}

.gform_wrapper .select2-container--open .select2-selection--single .select2-selection__arrow {
  color: #097BAA !important;
}

/* Chosen (if used by Gravity Forms) */
.gform_wrapper .chosen-container-single .chosen-single {
  border: 1px solid #cccccc !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  color: #000000 !important;
  padding: 14px 16px !important;
}

.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #097BAA !important;
  background: #F5F5F5 !important;
}

/* Submit button – match top BOOK APPOINTMENT: tan #C9A886, dark text, no radius */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper input[id*="gform_submit_button_"] {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  padding: 16px 32px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #c9a886 !important;
  color: #333333 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

body.page-id-40192 .gform_wrapper .gform_footer input[type="submit"],
body.page-id-40192 .gform_wrapper input[id*="gform_submit_button_"] {
  border-color: #d0a881 !important;
  background-color: #d0a881 !important;
  color: #FFFFFF !important;
}
body.page-id-40192 .gform_wrapper .gform_footer input[type="submit"]:hover,
body.page-id-40192 .gform_wrapper input[id*="gform_submit_button_"]:hover,
body.page-id-40192 .gform_wrapper .gform_footer input[type="submit"]:active,
body.page-id-40192 .gform_wrapper input[id*="gform_submit_button_"]:active {
  border-color: #d0a881 !important;
  background-color: #FFFFFF !important;
  color: #d0a881 !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer input[type="submit"]:focus,
.gform_wrapper .gform_footer input[type="submit"]:active {
  background-color: #b8966e !important;
  color: #333333 !important;
  box-shadow: none !important;
  opacity: 0.95;
}

/* Glaucoma page (elementor-page-40192): Gravity Forms button matches Forminator – rounded corners + subtle shadow */
/* body.elementor-page-40192 .gform_wrapper .gform_footer input[type="submit"],
body.elementor-page-40192 .gform_wrapper input[id*="gform_submit_button_"] {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: #d0a881 !important;
  color: #FFFFFF !important;
  flood-color: none !important;
}

body.elementor-page-40192 .gform_wrapper .gform_footer input[type="submit"]:hover,
body.elementor-page-40192 .gform_wrapper input[id*="gform_submit_button_"]:hover {
  background-color: rgb(35, 38, 100) !important;
}
body.elementor-page-40192 .gform_wrapper .gform_footer input[type="submit"]:hover,
body.elementor-page-40192 .gform_wrapper .gform_footer input[type="submit"]:focus,
body.elementor-page-40192 .gform_wrapper .gform_footer input[type="submit"]:active,
body.elementor-page-40192 .gform_wrapper input[id*="gform_submit_button_"]:hover,
body.elementor-page-40192 .gform_wrapper input[id*="gform_submit_button_"]:focus,
body.elementor-page-40192 .gform_wrapper input[id*="gform_submit_button_"]:active {
  box-shadow: none  !important;
} */

/* Validation / error message */
.gform_wrapper .gfield_validation_message,
.gform_wrapper .gfield_description.gfield_validation_message {
  font-size: 12px !important;
  color: #333333 !important;
  background-color: #F9E4E8 !important;
  box-shadow: inset 2px 0 0 0 #E51919 !important;
  -webkit-box-shadow: inset 2px 0 0 0 #E51919 !important;
  padding: 6px 10px !important;
  margin-top: 4px !important;
}

/* Description (excluding validation message) */
.gform_wrapper .gfield_description:not(.gfield_validation_message) {
  font-size: 12px !important;
  color: #777771 !important;
  margin-top: 4px !important;
  letter-spacing: 0.04em !important;
}

/* Character counter (e.g. "0 of 400 max characters") */
.gform_wrapper .ginput_counter {
  font-size: 12px !important;
  color: #777771 !important;
}

/* Form-level description (e.g. "* indicates required fields") */
.gform_wrapper .gform_description,
.gform_wrapper .gform_required_legend {
  font-size: 12px !important;
  color: #777771 !important;
  letter-spacing: 0.04em !important;
}

/* Datepicker / date input */
.gform_wrapper .gfield input[type="date"],
.gform_wrapper .gfield input.hasDatepicker {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
  border: 1px solid #cccccc !important;
  border-radius: 2px !important;
  background-color: #FFFFFF !important;
  color: #6B6668 !important;
}

.gform_wrapper .gfield input[type="date"]:hover,
.gform_wrapper .gfield input[type="date"]:focus,
.gform_wrapper .gfield input.hasDatepicker:hover,
.gform_wrapper .gfield input.hasDatepicker:focus {
  border-color: #097BAA !important;
  background-color: #F5F5F5 !important;
  outline: none !important;
}

/* Time input */
.gform_wrapper .gfield .ginput_container_time input {
  font-size: 15px !important;
  padding: 14px 16px !important;
  border: 1px solid #cccccc !important;
  border-radius: 2px !important;
  background-color: #FFFFFF !important;
  color: #6B6668 !important;
}

.gform_wrapper .gfield .ginput_container_time input:hover,
.gform_wrapper .gfield .ginput_container_time input:focus {
  border-color: #097BAA !important;
  background-color: #F5F5F5 !important;
  outline: none !important;
}

/* Checkbox & radio (Forminator-style) */
.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label {
  font-size: 14px !important;
  color: #6B6668 !important;
  letter-spacing: 0.04em !important;
}

.gform_wrapper .gfield input[type="checkbox"],
.gform_wrapper .gfield input[type="radio"] {
  accent-color: #097BAA !important;
}

/* ==========================================================================
   Forminator select dropdown – highlighted option (light gray)
   ========================================================================== */

#cmsmasters_body .select2-container.forminator-select .forminator-select-dropdown.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted,
#cmsmasters_body .select2-container.forminator-select .forminator-select-dropdown.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted,
#cmsmasters_body .select2-container.forminator-select .forminator-select-dropdown.forminator-dropdown--material .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted,
#cmsmasters_body .select2-container.forminator-select .forminator-select-dropdown.forminator-dropdown--none .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  color: #000;
  background-color: #f0f0f0 !important;
}