|
36 | 36 |
|
37 | 37 | /* Backgrounds */ |
38 | 38 | /* -------------------------------------------------------- */ |
39 | | -.internship-bg { |
40 | | - background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../../wp-content/images/internship_collaboration.jpeg); |
41 | | - background-repeat: no-repeat; |
42 | | - background-size: cover; |
43 | | - background-position: center; |
44 | | - color: var(--white); |
45 | | -} |
46 | | - |
47 | | -.blur-bg { |
48 | | - backdrop-filter: blur(6px); |
49 | | -} |
50 | | - |
51 | | -.engage-bg { |
52 | | - background-image: url(../../wp-content/backgrounds/Engage_HomepageBG.png); |
53 | | - background-repeat: no-repeat; |
54 | | - background-size: cover; |
55 | | - color: var(--white); |
56 | | -} |
57 | | - |
58 | | -.learn-bg { |
59 | | - background-image: url(../../wp-content/backgrounds/Learn_HomepageBG.png); |
60 | | - background-repeat: no-repeat; |
61 | | - background-size: cover; |
62 | | - background-position: right; |
63 | | - color: var(--black); |
64 | | -} |
65 | | - |
66 | 39 | .white-bg { |
67 | 40 | background-color: var(--white); |
| 41 | + color: var(--black); |
68 | 42 | } |
69 | 43 |
|
70 | | - .white-bg h3, .white-bg h4 { |
71 | | - color: var(--black); |
72 | | - } |
73 | | - |
74 | 44 | .gray-bg { |
75 | 45 | background-color: var(--bg-gray); |
| 46 | + color: var(--black); |
76 | 47 | } |
77 | 48 |
|
78 | 49 | .light-gray-bg { |
79 | 50 | background-color: var(--bg-light-gray); |
| 51 | + color: var(--black); |
80 | 52 | } |
81 | 53 |
|
82 | 54 | .gray-bg a, .light-gray-bg a { |
|
87 | 59 | color: var(--black); |
88 | 60 | } |
89 | 61 |
|
90 | | - .gray-bg a { |
91 | | - color: var(--blue) |
92 | | - } |
93 | | - |
94 | | -.blue-bg { |
95 | | - background-color: var(--bg-dark-blue); |
96 | | - color: var(--white); |
97 | | -} |
98 | | - |
99 | | - .blue-bg a { |
100 | | - color: var(--font-light-blue); |
101 | | - } |
102 | | - |
103 | 62 | .dark-gray-bg { |
104 | 63 | background-color: var(--bg-dark-gray-02); |
105 | 64 | color: var(--white); |
|
113 | 72 | .dark-gray-bg h4 { |
114 | 73 | font-size: var(--plex-24) !important; |
115 | 74 | } |
| 75 | + |
| 76 | +.blue-bg { |
| 77 | + background-color: var(--bg-dark-blue); |
| 78 | + color: var(--white); |
| 79 | +} |
| 80 | + |
| 81 | + .blue-bg a { |
| 82 | + color: var(--font-light-blue); |
| 83 | + } |
116 | 84 | /* -------------------------------------------------------- */ |
117 | 85 |
|
118 | 86 | /* Icons */ |
|
127 | 95 | height: var(--plex-28); |
128 | 96 | } |
129 | 97 |
|
130 | | -.icon-xl { |
131 | | - height: var(--plex-36); |
132 | | -} |
133 | | - |
134 | 98 | .icon { |
135 | 99 | margin-bottom: 0.5em; |
136 | 100 | } |
|
213 | 177 | } |
214 | 178 | /* -------------------------------------------------------- */ |
215 | 179 |
|
216 | | -/* Hero section */ |
217 | | -/* -------------------------------------------------------- */ |
218 | | -.hero { |
219 | | - padding: 3em; |
220 | | -} |
221 | | - |
222 | | -.hero div:nth-child(2) { |
223 | | - padding-left: 1em; |
224 | | -} |
225 | | - |
226 | | -.main-content section:first-child { |
227 | | - width: 100%; |
228 | | - background-color:var(--bg-dark-gray-01); |
229 | | -} |
230 | | - |
231 | | -.main-content section:first-child p { |
232 | | - font-size: var(--plex-20); |
233 | | -} |
234 | | - |
235 | | -.main-content section:first-child b { |
236 | | - font-weight: var(--bold); |
237 | | -} |
238 | | - |
239 | | -.main-content section:first-child img { |
240 | | - margin-top: 4em; |
241 | | -} |
242 | | - |
243 | | -.main-content section:first-child h6 { |
244 | | - padding: 0; |
245 | | -} |
246 | 180 | /* -------------------------------------------------------- */ |
247 | 181 |
|
248 | 182 | /* Content containers */ |
|
353 | 287 | .spacer { |
354 | 288 | height: 0.3125em; |
355 | 289 | } |
356 | | - |
357 | | -/* Hero section subtext */ |
358 | | -.subtext { |
359 | | - font-weight: 300; |
360 | | -} |
361 | 290 | /* -------------------------------------------------------- */ |
362 | 291 |
|
363 | 292 | /* Media queries */ |
|
393 | 322 | .dark-gray-bg h4 { |
394 | 323 | font-size: var(--plex-20) !important; |
395 | 324 | } |
396 | | - |
397 | | - /* Remove padding from hero content for smaller screens */ |
398 | | - .hero div:nth-child(2) { |
399 | | - padding-left: 0em; |
400 | | - } |
401 | 325 | } |
402 | 326 |
|
403 | 327 | /* 1024px and above screen sizes */ |
|
0 commit comments