_newsletter.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .newsletter{
  2. width: calc(100% / 3);
  3. min-width: 400px;
  4. height: auto;
  5. padding: 0 20px 20px 20px;
  6. .mc-field-group{
  7. margin-top: 10px;
  8. label{
  9. width: 100%;
  10. font-family: "Roboto-Light";
  11. font-size: 0.8rem;
  12. }
  13. input{
  14. width: 100%;
  15. margin: 10px auto;
  16. }
  17. }
  18. .indicates-required{
  19. float: right;
  20. font-family: "Roboto-Light";
  21. font-size: 0.8rem;
  22. }
  23. .asterisk{
  24. color: lime;
  25. }
  26. h2{
  27. margin-bottom: 30px;
  28. }
  29. #mc_embed_signup div.mce_inline_error{
  30. background-color: lime;
  31. }
  32. #mc_embed_signup input.mce_inline_error{
  33. border-color: lime;
  34. border-width: 1px;
  35. padding: 5px;
  36. border-radius: 2px;
  37. }
  38. .mce_inline_error{
  39. font-family: "Roboto-Light";
  40. font-size: 0.8rem;
  41. }
  42. .clear{
  43. input{
  44. font-family: "Roboto-Light";
  45. clear: both;
  46. background-color: #aaa;
  47. border: 0 none;
  48. border-radius: 2px;
  49. color: #FFFFFF;
  50. cursor: pointer;
  51. display: inline-block;
  52. font-size: 0.8rem;
  53. font-weight: bold;
  54. height: 32px;
  55. line-height: 32px;
  56. margin: 0 10px 10px 0;
  57. padding: 0 22px;
  58. text-align: center;
  59. text-decoration: none;
  60. vertical-align: top;
  61. white-space: nowrap;
  62. width: auto;
  63. }
  64. .response{
  65. font-family: "Roboto-Light";
  66. font-size: 0.8rem;
  67. margin-bottom: 10px;
  68. }
  69. }
  70. }