|
25 | 25 | } |
26 | 26 | } |
27 | 27 |
|
28 | | -/* Complete footer restructure using CSS Grid */ |
29 | | -.footer { |
30 | | - position: relative !important; |
31 | | -} |
32 | | - |
| 28 | +/* Simple fix to match local version - keep contact info on left */ |
33 | 29 | .footer .section-container { |
34 | | - display: grid !important; |
35 | | - grid-template-columns: 1fr !important; |
36 | | - grid-template-rows: auto auto auto !important; |
37 | | - align-items: start !important; |
38 | | - justify-items: start !important; |
39 | | - gap: 10px !important; /* Reduced from 20px to 10px */ |
40 | | - padding: 20px 30px 10px 30px !important; /* Reduced bottom padding to 10px */ |
41 | | -} |
42 | | - |
43 | | -/* Logo section - first row */ |
44 | | -.footer .container--small:first-child { |
45 | | - grid-row: 1 !important; |
46 | | - grid-column: 1 !important; |
47 | | - width: 100% !important; |
48 | | - margin: 0 !important; |
49 | | -} |
50 | | - |
51 | | -.footer .logo { |
52 | | - text-align: left !important; |
53 | | - padding-top: 10px !important; /* Reduced from default 30px */ |
54 | | - padding-bottom: 5px !important; /* Much smaller bottom padding */ |
| 30 | + max-width: 1340px; |
| 31 | + margin: 0 auto; |
| 32 | + padding: 20px 30px; |
55 | 33 | } |
56 | 34 |
|
57 | | -/* Contact section - second row */ |
| 35 | +/* Ensure contact section stays in natural position (left side) */ |
58 | 36 | .footer .top { |
59 | | - grid-row: 2 !important; |
60 | | - grid-column: 1 !important; |
61 | | - width: 100% !important; |
62 | 37 | display: block !important; |
63 | | - text-align: left !important; |
64 | | - padding-top: 0 !important; |
65 | | - padding-bottom: 2px !important; /* Reduced spacing */ |
| 38 | + padding-top: 30px; |
| 39 | + padding-bottom: 30px; |
66 | 40 | } |
67 | 41 |
|
68 | 42 | .footer .contact { |
69 | | - text-align: left !important; |
70 | | -} |
71 | | - |
72 | | -.footer .contact p, |
73 | | -.footer .contact .highlight { |
74 | | - text-align: left !important; |
75 | | - margin-bottom: 2px !important; /* Reduced margin between paragraphs */ |
76 | | -} |
77 | | - |
78 | | -/* Make address text same size as email/phone */ |
79 | | -.footer .contact p:not(.highlight) { |
80 | | - font-size: 1.6rem !important; /* Match the email/phone font size */ |
81 | | - line-height: 1.4 !important; |
82 | | -} |
83 | | - |
84 | | -.footer .contact br + p { |
85 | | - margin-top: 2px !important; /* Reduce space after line breaks */ |
86 | | -} |
87 | | - |
88 | | -/* Copyright section - third row */ |
89 | | -.footer .container--small.footer-copy { |
90 | | - grid-row: 3 !important; |
91 | | - grid-column: 1 !important; |
92 | | - width: 100% !important; |
93 | | - margin: 0 !important; |
| 43 | + text-align: left; |
| 44 | + margin-bottom: 20px; |
94 | 45 | } |
95 | 46 |
|
| 47 | +/* Keep copyright section in natural position below contact */ |
96 | 48 | .footer .bottom { |
97 | | - text-align: left !important; |
98 | | - padding-top: 0 !important; |
99 | | - padding-bottom: 2px !important; /* Further reduced bottom padding */ |
100 | | -} |
101 | | - |
102 | | -.footer .bottom .container { |
103 | | - text-align: left !important; |
104 | | - margin: 0 !important; |
105 | | - width: 100% !important; |
106 | | -} |
107 | | - |
108 | | -.footer .bottom p.copy { |
109 | | - text-align: left !important; |
110 | | - margin: 0 !important; |
111 | | - line-height: 1.4 !important; /* Tighter line height */ |
112 | | -} |
113 | | - |
114 | | -/* Remove all padding that might interfere */ |
115 | | -.footer .top .contact, |
116 | | -.footer .top .menu { |
117 | | - padding-right: 0 !important; |
118 | | -} |
119 | | - |
120 | | -/* Alternative fallback using absolute positioning if grid doesn't work */ |
121 | | -.footer .container--small.footer-copy { |
122 | | - position: relative !important; |
123 | | - top: auto !important; |
124 | | - left: 0 !important; |
125 | | - transform: none !important; |
126 | | -} |
127 | | - |
128 | | -/* Reduce overall footer height by removing excess space */ |
129 | | -.footer { |
130 | | - padding-bottom: 0 !important; |
131 | | - margin-bottom: 0 !important; |
| 49 | + text-align: left; |
132 | 50 | } |
0 commit comments