contact-form-7.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /**
  2. * Astra Theme compatibility with Contact Form 7
  3. */
  4. .wpcf7 {
  5. /* Button */
  6. /* Validation Fix */
  7. }
  8. .wpcf7 form {
  9. position: relative;
  10. }
  11. .wpcf7 form > p,
  12. .wpcf7 form > div {
  13. margin-bottom: 1.2em;
  14. }
  15. .wpcf7 .wpcf7-form-control-wrap {
  16. width: 100%;
  17. display: block;
  18. }
  19. .wpcf7 input:not([type="submit"]):focus,
  20. .wpcf7 textarea:focus,
  21. .wpcf7 select:focus {
  22. background: #fff;
  23. border-color: #eaeaea;
  24. outline: 0;
  25. box-shadow: none;
  26. }
  27. .wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select {
  28. width: 100%;
  29. padding: 0.75em;
  30. }
  31. .wpcf7 input[type="file"] {
  32. color: #666;
  33. height: auto;
  34. border-width: 1px;
  35. border-style: solid;
  36. border-color: #eaeaea;
  37. border-radius: 2px;
  38. background: #fafafa;
  39. box-shadow: none;
  40. box-sizing: border-box;
  41. transition: all 0.2s linear;
  42. }
  43. .wpcf7 input[type="radio"],
  44. .wpcf7 input[type="checkbox"] {
  45. display: inline-block;
  46. background: #E9EEF2;
  47. color: #555;
  48. clear: none;
  49. cursor: pointer;
  50. line-height: 0;
  51. height: 1.2em;
  52. margin: -3px 4px 0 0;
  53. outline: 0;
  54. padding: 0;
  55. border-radius: 0.2em;
  56. text-align: center;
  57. vertical-align: middle;
  58. width: 1.4em;
  59. min-width: 1.4em;
  60. transition: all 0.2s linear;
  61. }
  62. .wpcf7 .wpcf7-validation-errors {
  63. border-color: #f00;
  64. }