/* استایل کلی برای فرم تماس در فوتر */
.footer-contact-form {
  padding: var(--wp--preset--spacing--20);
  color: #fff;
  direction: rtl;
  display: flex;
  flex-flow: column;
}

/* استایل عنوان فرم */
.footer-contact-form h3 {
  margin: 0;
  font-size: var(--wp--preset--font-size--medium);
}

.contact-head {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.wpcf7-spinner {
  position: absolute;
  margin: 0;
  left: 7rem;
}

.contact-head p {
  text-align: left;
  margin: 0;
}

.contact-body span {
  display: flex;
  flex-flow: column;
}

/* استایل ورودی ایمیل و textarea */
.footer-contact-form input,
.footer-contact-form textarea {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid var(--wp--preset--color--black);
  background-color: var(--wp--preset--color--custom-secondary);
  color: var(--wp--preset--color--custom-primary);
  border-radius: 0.5rem;
  resize: none;
}

/* رنگ placeholder برای ورودی‌ها */
.footer-contact-form input::placeholder,
.footer-contact-form textarea::placeholder {
  color: var(--wp--preset--color--custom-primary);
}

/* دکمه ارسال پیام */
.footer-contact-form input[type="submit"] {
  background-color: transparent;
  color: var(--wp--preset--color--custom-accent);
  padding: 10px 15px;
  margin: 0;
  border: 1px solid var(--wp--preset--color--custom-accent);
  border-radius: 0.5rem;
  cursor: pointer;
}

/* تغییر رنگ دکمه هنگام هاور */
.footer-contact-form button:hover {
  background-color: #e57d10;
}


@media only  screen and (max-width:781px){
  .text-sm-center {
    text-align: center;
  }
  
}