Skip to content

Commit 1d6e749

Browse files
committed
Update overrides.scss
1 parent 3940758 commit 1d6e749

1 file changed

Lines changed: 11 additions & 93 deletions

File tree

_sass/overrides.scss

Lines changed: 11 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -25,108 +25,26 @@
2525
}
2626
}
2727

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 */
3329
.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;
5533
}
5634

57-
/* Contact section - second row */
35+
/* Ensure contact section stays in natural position (left side) */
5836
.footer .top {
59-
grid-row: 2 !important;
60-
grid-column: 1 !important;
61-
width: 100% !important;
6237
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;
6640
}
6741

6842
.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;
9445
}
9546

47+
/* Keep copyright section in natural position below contact */
9648
.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;
13250
}

0 commit comments

Comments
 (0)