No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 
 

78 líneas
1.5 KiB

  1. @import '../../_global/styles/mixins';
  2. @import '../../_global/styles/vars';
  3. .election-form {
  4. --theme-color-link: #fff;
  5. --theme-color-link-hover: #fff;
  6. font-size: var(--font-size-small);
  7. background: linear-gradient(140deg, var(--theme-color-gradient-01) 30%, var(--theme-color-gradient-02) 75%, var(--theme-color-gradient-03) 108%);
  8. padding: 30px 30px 0 30px;
  9. border-radius: var(--border-radius-xs);
  10. color: #fff;
  11. margin-top: 40px;
  12. margin-bottom: 20px;
  13. @media(max-width: 567px) {
  14. padding-bottom: 14px;
  15. }
  16. h2 {
  17. margin-top: var(--section-headline-margin);
  18. margin-bottom: 0.9em;
  19. font-size: 36px;
  20. @media(max-width: 767px) {
  21. font-size: 24px;
  22. }
  23. }
  24. &--form {
  25. display: flex;
  26. justify-content: space-between;
  27. align-items: center;
  28. flex-wrap: nowrap;
  29. @media(max-width: 767px) {
  30. flex-wrap: wrap;
  31. }
  32. @media(max-width: 567px) {
  33. flex-wrap: nowrap;
  34. flex-direction: column;
  35. align-items: flex-end;
  36. }
  37. }
  38. button.search-submit {
  39. position: static;
  40. margin-bottom: 14px;
  41. @media(max-width: 567px) {
  42. margin-bottom: 0;
  43. }
  44. }
  45. .input-wrapper {
  46. flex: 1;
  47. display: flex;
  48. @media(max-width: 767px) {
  49. flex: initial;
  50. width: calc(50% - 15px);
  51. }
  52. @media(max-width: 567px) {
  53. width: 100%;
  54. }
  55. input,
  56. select {
  57. margin: 0 30px 14px 0;
  58. @media(max-width: 767px) {
  59. margin-right: 0;
  60. }
  61. }
  62. input {
  63. width: 100%;
  64. flex-grow: 1;
  65. }
  66. @media(max-width: 567px) {
  67. display: block;
  68. }
  69. }
  70. }