/* ===================================================================================

Theme Name: Solvior Child
Theme URI: http://solvior.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Solvior is a Business Consulting  WordPress Theme.
Version: 1.0.0
Template: solvior
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

We encourage you to create Child theme for any modifications you will want to do.

Why use Child theme?

Because of future updates we may provide for this theme that will overwrite your
modifications and all your custom work.

If you are not familiar with Child Themes, you can read about it here:
http://codex.wordpress.org/Child_Themes
http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */


/* Default form control styles - keep simple */
.wpcf7-form-control {
  border: 1px solid #ddd !important;
  background-color: #fff !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

/* Hover states - highlight on hover */
.wpcf7-form-control:hover {
  border-color: #007cba !important;
  box-shadow: 0 0 0 1px rgba(0, 124, 186, 0.1) !important;
}

/* Focus states */
.wpcf7-form-control:focus {
  outline: none !important;
  border-color: #007cba !important;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2) !important;
}

/* Invalid field styles - only show when validation fails */
.wpcf7-form-control.wpcf7-not-valid {
  border-color: #e74c3c !important;
  background-color: #fdf2f2 !important;
  box-shadow: 0 0 0 1px rgba(231, 76, 60, 0.2) !important;
  animation: shake 0.5s ease-in-out;
}

.wpcf7-form-control.wpcf7-not-valid:hover {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.3) !important;
}

.wpcf7-form-control.wpcf7-not-valid:focus {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.3) !important;
}

/* Valid field styles - subtle success indication */
.wpcf7-form-control.valid:not(.wpcf7-not-valid) {
  border-color: #27ae60 !important;
}

.wpcf7-form-control.valid:not(.wpcf7-not-valid):hover {
  border-color: #27ae60 !important;
  box-shadow: 0 0 0 1px rgba(39, 174, 96, 0.2) !important;
}

/* Validation message styling */
.wpcf7-not-valid-tip {
  color: #e74c3c !important;
  font-size: 0.875rem !important;
  margin-top: 5px !important;
  display: block !important;
  font-weight: 500 !important;
  animation: fadeIn 0.3s ease-in-out;
}

.wpcf7-response-output {
  margin-top: 20px !important;
  padding: 15px !important;
  border-radius: 5px !important;
  font-weight: 500 !important;
}

.wpcf7-mail-sent-ok {
  background-color: #d4edda !important;
  color: #155724 !important;
  border: 1px solid #c3e6cb !important;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
  background-color: #f8d7da !important;
  color: #721c24 !important;
  border: 1px solid #f5c6cb !important;
}

/* Shake animation for invalid fields */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); }
  20%, 40%, 60%, 80% { transform: translateX(3px); }
}

/* Fade in animation for messages */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Loading state for submit button */
.wpcf7-form .ajax-loader {
  display: inline-block !important;
  margin-left: 10px !important;
}

.wpcf7-form.submitting .tj-primary-btn {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
}

.wpcf7-form.submitting .btn_text span::after {
  content: " - Sending..." !important;
}