/*

Theme Name: قالب فرا

Theme Slug: sp_fg

Theme URI: http://gravitystylespro.com/themes/

Author: FG

Author URI: http://gravitystylespro.com/themes/

Description: موضوع FG با الهام از فرم های UI از استانداردهای طراحی FG ، یکی از پرطرفدارترین روندهای سبک در طراحی مدرن است.

Version: 3.0

Font: 16px/Josefin Sans/#808080/Google

Font Label: 14px/Josefin Sans/#9A2DB1

Field Margin: 1.5em

*/




/* sp_fg == Start  */


/* .sp_fg .gform_fields .gfield input::placeholder,
.sp_fg .gform_fields .gfield textarea::placeholder
{
  color: #616161 !important;
  opacity: 1 !important;
} */
.sp_fg .gform_wrapper.gravity-theme .gfield {
    padding: 5px 0px;
    align-items: baseline;
}
.sp_fg label span, .sp_fg legend span {
    color: #ff0000 !important;
}
.sp_fg .charleft {
    display: none;
}
.sp_fg .validation_message--hidden-on-empty, .sp_fg div.gform_hidden {
    display: none !important;
}
 #top .sp_fg fieldset .validation_message  {
    float: left !important;
 }
 .sp_fg .ginput_preview {
    display: flex ; 
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background-color: lightgoldenrodyellow;
    padding: 5px 10px;
    border-radius: 4px;
}
.sp_fg .gsection {
    border-bottom: none !important;
    margin-top: 15px;
    padding: 0 !important;
}
.sp_fg .gsection_title{
    border: 2px dotted #F8D9B0;
    border-radius: 8px;
    padding: 2px 10px;
    display: inline;
    color: #f76300;
    background-color: #f8d9b033;
}
.sp_fg .gform_fields .gfield input::placeholder,
.sp_fg .gform_fields .gfield textarea::placeholder
{
  color: #7e7b7b !important;
  opacity: 1 !important;
}
.sp_fg input:not([type="submit"]):not([type="button"]):not([type="reset"]),
.sp_fg textarea,
.sp_fg select,
.sp_fg label {
  color: #000!important;
}
.sp_fg input,
.sp_fg textarea,
.sp_fg select {
  border-radius: 4px !important;
}
.sp_fg .gfield_error input[type="text"],
.sp_fg .gfield_error input[type="tel"],
.sp_fg .gfield_error select {
  border-color: #f76200 !important;
  transition: all 0.3s ease !important;
}
.sp_fg .gfield_error input[type="text"]:focus,
.sp_fg .gfield_error input[type="tel"]:focus,
.sp_fg .gfield_error select:focus {
  border-color: #e1e1e1 !important;
  background-color: #fffbfb !important;
  outline: none !important;
}
.sp_fg textarea {
  resize: vertical !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.sp_fg input[type="text"],
.sp_fg input[type="tel"],
.sp_fg input[type="email"],
.sp_fg textarea,
.sp_fg select {
  border: 1px solid #60738266 !important;
  background-color: #fff !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  outline: none;
}
.sp_fg input[type="text"]:hover,
.sp_fg input[type="tel"]:hover,
.sp_fg input[type="email"]:hover,
.sp_fg textarea:hover,
.sp_fg select:hover {
  border-color: #f7620066 !important;
}
.sp_fg input[type="text"]:focus,
.sp_fg input[type="tel"]:focus,
.sp_fg input[type="email"]:focus,
.sp_fg textarea:focus,
.sp_fg select:focus {
  border: 1px solid #f7630066 !important;
  box-shadow: 0 0 0 .1rem #f7630066 !important;
  outline: none !important;
  background-color: #f7620005 !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  outline: none !important;
}
.sp_fg .gform-footer {
  /* padding: 10px 25% !important; */
      justify-content: flex-end;
}
.sp_fg input[type="submit"] {
  font-size: 18px !important;
  border-radius: 6px !important;
}
.sp_fg .cbox-description {
  padding-right: 0px !important;
  margin-bottom: 0px !important;
}
.sp_fg .cbox-description label[type=checkbox] {
    font-size:13px !important;
    color:#000 !important;
}
.sp_fg .cbox-description input[type=checkbox] {
    opacity:1 !important;
    position: relative !important;
}
.sp_fg fieldset {
    padding-right: 0% !important;
}
#top .sp_fg input[type="checkbox"] {
    vertical-align: top !important;
    margin: 7px !important;
}

/* new */
#top .sp_fg .gfield.gfield--type-multi_choice input[type=checkbox] + label {
    margin-right: 30px;
    margin-top: 1px;
}
#top .sp_fg .gfield.gfield--type-multi_choice input[type=radio] + label {
    margin-right: 30px;
    margin-top: -10px;
}
/* new */

.sp_fg input[type=submit] {
    color: #fff !important;
    /* background-color: #f76300 !important; */
}
#gform_submit_button_53{
    color: #fff !important;
    background-color: #a94400 !important;
}
form.sp_fg :is(input, textarea, select):not([type="submit"]):not([type="button"]):not([type="reset"]) {
    direction: rtl !important;
}

/* opacity has conflict with radio button */
form.sp_fg input:not([type="submit"]):not([type="button"]):not([type="reset"]),
form.sp_fg textarea,
form.sp_fg select {
    direction: rtl !important;
    /* opacity: 1; */
}
.sp_fg_wrapper .gform_required_legend {
  display: block !important;
  font-size: 13px;
}
.sp_fg .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
    align-items: center;
}
.sp_fg fieldset.rtl-box {
  padding-right: 0px !important;
  margin-bottom: 0px !important;
}
.sp_fg .employee .ginput_container_select {
  position: relative;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .sp_fg .gform_footer {
    padding: 10px 15% !important;
    justify-content: center;
  }
  .sp_fg input[type=submit] {
    font-size: 15px !important;
  }
}
@media (max-width: 767px) {
  .sp_fg .gform_footer {
    padding: 10px 10% !important;
    justify-content: center;
  }
  .sp_fg input[type=submit] {
    font-size: 15px !important;
  }
}

@media (min-width: 1024px) {
  .sp_fg .employee .ginput_container_select::before {
    content: "(برای پیشنهاد پلن مناسب)";
    position: absolute;
    top: 50%;
    left: 2.5rem;
    transform: translateY(-50%);
    font-size: 13px;
    color: #616161;
    pointer-events: none;
  }
}

/* sp_fg == End  */