govuk_template 0.18.3 → 0.19.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/ie.js +0 -7
  3. data/app/assets/stylesheets/govuk-template-ie6.css.erb +37 -140
  4. data/app/assets/stylesheets/govuk-template-ie7.css.erb +37 -140
  5. data/app/assets/stylesheets/govuk-template-ie8.css.erb +37 -140
  6. data/app/assets/stylesheets/govuk-template-print.css.erb +4 -22
  7. data/app/assets/stylesheets/govuk-template.css.erb +47 -131
  8. data/lib/govuk_template/version.rb +1 -1
  9. metadata +4 -8
  10. data/app/assets/stylesheets/external-links/external-link-24x24.png +0 -0
  11. data/app/assets/stylesheets/external-links/external-link-black-12x12.png +0 -0
  12. data/app/assets/stylesheets/external-links/external-link-black-24x24.png +0 -0
  13. data/app/assets/stylesheets/external-links/external-link.png +0 -0
data/app/assets/stylesheets/govuk-template-ie8.css.erb CHANGED
@@ -1,32 +1,4 @@
1
1
  /* govuk_frontend_toolkit includes */
2
- @-ms-viewport {
3
- width: device-width; }
4
-
5
- @-o-viewport {
6
- width: device-width; }
7
-
8
- @font-face {
9
- font-family: GDS-Logo;
10
- src: local("HelveticaNeue"), local("Helvetica Neue"), local("Arial"), local("Helvetica"); }
11
-
12
- @-ms-viewport {
13
- width: device-width; }
14
-
15
- @-o-viewport {
16
- width: device-width; }
17
-
18
- @-ms-viewport {
19
- width: device-width; }
20
-
21
- @-o-viewport {
22
- width: device-width; }
23
-
24
- @-ms-viewport {
25
- width: device-width; }
26
-
27
- @-o-viewport {
28
- width: device-width; }
29
-
30
2
  #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after,
31
3
  #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after {
32
4
  content: "";
@@ -40,24 +12,12 @@
40
12
  margin: 0 30px;
41
13
  margin: 0 auto; }
42
14
 
43
- @-ms-viewport {
44
- width: device-width; }
45
-
46
- @-o-viewport {
47
- width: device-width; }
48
-
49
15
  #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after,
50
16
  #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after {
51
17
  content: "";
52
18
  display: block;
53
19
  clear: both; }
54
20
 
55
- @-ms-viewport {
56
- width: device-width; }
57
-
58
- @-o-viewport {
59
- width: device-width; }
60
-
61
21
  /* local styleguide includes */
62
22
  @-ms-viewport {
63
23
  width: device-width; }
@@ -132,41 +92,10 @@ a:visited {
132
92
  color: #4c2c92; }
133
93
 
134
94
  a:hover {
135
- color: #2e8aca; }
95
+ color: #2b8cc4; }
136
96
 
137
97
  a:active {
138
- color: #2e8aca; }
139
-
140
- a[rel="external"]:after {
141
- background-image: url(<%= asset_path 'external-links/external-link.png' %>);
142
- background-repeat: no-repeat; }
143
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
144
- a[rel="external"]:after {
145
- background-image: url(<%= asset_path 'external-links/external-link-24x24.png' %>);
146
- background-size: 12px 400px; } }
147
- a[rel="external"]:after {
148
- content: "\A0\A0\A0\A0\A0";
149
- background-position: right 3px; }
150
- a[rel="external"]:hover:after {
151
- background-position: right -385px; }
152
- a[rel="external"]:after {
153
- content: "\A0\A0\A0\A0";
154
- background-position: right 6px; }
155
- a[rel="external"]:hover:after {
156
- background-position: right -382px; }
157
-
158
- .external-link:after {
159
- content: "\A0\A0\A0\A0\A0\A0\A0\A0";
160
- background-position: right 0px; }
161
- .external-link:hover:after {
162
- background-position: right 0px; }
163
- .external-link:after {
164
- background-image: url(<%= asset_path 'external-links/external-link-black-12x12.png' %>);
165
- background-repeat: no-repeat; }
166
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
167
- .external-link:after {
168
- background-image: url(<%= asset_path 'external-links/external-link-black-24x24.png' %>);
169
- background-size: 12px 400px; } }
98
+ color: #2b8cc4; }
170
99
 
171
100
  /*
172
101
  * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
@@ -313,24 +242,12 @@ button:focus,
313
242
  #global-header a:focus {
314
243
  color: #0b0c0c; }
315
244
 
316
- @-ms-viewport {
317
- width: device-width; }
318
-
319
- @-o-viewport {
320
- width: device-width; }
321
-
322
245
  #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after,
323
246
  #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after {
324
247
  content: "";
325
248
  display: block;
326
249
  clear: both; }
327
250
 
328
- @-ms-viewport {
329
- width: device-width; }
330
-
331
- @-o-viewport {
332
- width: device-width; }
333
-
334
251
  #global-header {
335
252
  background-color: #0b0c0c;
336
253
  width: 100%; }
@@ -391,35 +308,31 @@ button:focus,
391
308
  padding-top: 0; }
392
309
  #global-header .header-proposition #proposition-name {
393
310
  font-family: "nta", Arial, sans-serif;
394
- font-size: 24px;
395
- line-height: 1.25;
396
311
  font-weight: 400;
397
312
  text-transform: none;
313
+ font-size: 18px;
314
+ line-height: 1.2;
315
+ font-size: 24px;
316
+ line-height: 1.25;
398
317
  font-weight: bold;
399
318
  color: white;
400
319
  text-decoration: none; }
401
- @media (max-width: 640px) {
402
- #global-header .header-proposition #proposition-name {
403
- font-size: 18px;
404
- line-height: 1.2; } }
405
320
  #global-header .header-proposition a#proposition-name:hover {
406
321
  text-decoration: underline; }
407
322
  #global-header .header-proposition a.menu {
408
323
  font-family: "nta", Arial, sans-serif;
409
- font-size: 16px;
410
- line-height: 1.25;
411
324
  font-weight: 400;
412
325
  text-transform: none;
326
+ font-size: 14px;
327
+ line-height: 1.14286;
328
+ font-size: 16px;
329
+ line-height: 1.25;
413
330
  color: white;
414
331
  display: block;
415
332
  float: right;
416
333
  text-decoration: none;
417
334
  padding-top: 6px;
418
335
  display: none; }
419
- @media (max-width: 640px) {
420
- #global-header .header-proposition a.menu {
421
- font-size: 14px;
422
- line-height: 1.14286; } }
423
336
  #global-header .header-proposition a.menu:hover {
424
337
  text-decoration: underline; }
425
338
  #global-header .header-proposition a.menu:after {
@@ -465,26 +378,20 @@ button:focus,
465
378
  color: white;
466
379
  text-decoration: none;
467
380
  font-family: "nta", Arial, sans-serif;
381
+ font-weight: 700;
382
+ text-transform: none;
383
+ font-size: 12px;
384
+ line-height: 1.25;
468
385
  font-size: 14px;
469
386
  line-height: 1.42857;
387
+ font-family: "nta", Arial, sans-serif;
470
388
  font-weight: 700;
471
389
  text-transform: none;
472
- font-family: "nta", Arial, sans-serif;
390
+ font-size: 14px;
391
+ line-height: 1.14286;
473
392
  font-size: 16px;
474
393
  line-height: 1.25;
475
- font-weight: 700;
476
- text-transform: none;
477
394
  line-height: 23px; }
478
- @media (max-width: 640px) {
479
- #global-header .header-proposition #proposition-link a,
480
- #global-header .header-proposition #proposition-links a {
481
- font-size: 12px;
482
- line-height: 1.25; } }
483
- @media (max-width: 640px) {
484
- #global-header .header-proposition #proposition-link a,
485
- #global-header .header-proposition #proposition-links a {
486
- font-size: 14px;
487
- line-height: 1.14286; } }
488
395
  #global-header .header-proposition #proposition-link a:hover,
489
396
  #global-header .header-proposition #proposition-links a:hover {
490
397
  text-decoration: underline; }
@@ -519,16 +426,14 @@ button:focus,
519
426
  padding-bottom: 10px; }
520
427
  #global-cookie-message p {
521
428
  font-family: "nta", Arial, sans-serif;
522
- font-size: 16px;
523
- line-height: 1.25;
524
429
  font-weight: 400;
525
430
  text-transform: none;
431
+ font-size: 14px;
432
+ line-height: 1.14286;
433
+ font-size: 16px;
434
+ line-height: 1.25;
526
435
  margin-top: 0;
527
436
  margin-bottom: 0; }
528
- @media (max-width: 640px) {
529
- #global-cookie-message p {
530
- font-size: 14px;
531
- line-height: 1.14286; } }
532
437
 
533
438
  /* Global footer */
534
439
  #footer {
@@ -544,17 +449,15 @@ button:focus,
544
449
  color: #171819; }
545
450
  #footer h2 {
546
451
  font-family: "nta", Arial, sans-serif;
547
- font-size: 24px;
548
- line-height: 1.25;
549
452
  font-weight: 400;
550
453
  text-transform: none;
454
+ font-size: 18px;
455
+ line-height: 1.2;
456
+ font-size: 24px;
457
+ line-height: 1.25;
551
458
  font-weight: bold;
552
459
  color: #0b0c0c;
553
460
  margin: 0; }
554
- @media (max-width: 640px) {
555
- #footer h2 {
556
- font-size: 18px;
557
- line-height: 1.2; } }
558
461
  #footer h2 a {
559
462
  color: inherit; }
560
463
  #footer .footer-meta {
@@ -569,19 +472,17 @@ button:focus,
569
472
  width: 75%; }
570
473
  #footer .footer-meta .footer-meta-inner ul {
571
474
  font-family: "nta", Arial, sans-serif;
572
- font-size: 16px;
573
- line-height: 1.5;
574
475
  font-weight: 400;
575
476
  text-transform: none;
477
+ font-size: 14px;
478
+ line-height: 1.5;
479
+ font-size: 16px;
480
+ line-height: 1.5;
576
481
  display: inline-block;
577
482
  list-style: none;
578
483
  margin: 0 0 1.5em 0;
579
484
  padding: 0;
580
485
  margin: 0 0 1em 0; }
581
- @media (max-width: 640px) {
582
- #footer .footer-meta .footer-meta-inner ul {
583
- font-size: 14px;
584
- line-height: 1.5; } }
585
486
  #footer .footer-meta .footer-meta-inner ul li {
586
487
  display: inline-block;
587
488
  margin: 0 15px 0 0; }
@@ -610,22 +511,22 @@ button:focus,
610
511
  background-size: 41px 17px; } }
611
512
  #footer .footer-meta .footer-meta-inner .open-government-licence p {
612
513
  font-family: "nta", Arial, sans-serif;
613
- font-size: 16px;
614
- line-height: 1.25;
615
514
  font-weight: 400;
616
515
  text-transform: none;
516
+ font-size: 14px;
517
+ line-height: 1.14286;
518
+ font-size: 16px;
519
+ line-height: 1.25;
617
520
  margin: 0;
618
521
  padding-top: 0.1em; }
619
- @media (max-width: 640px) {
620
- #footer .footer-meta .footer-meta-inner .open-government-licence p {
621
- font-size: 14px;
622
- line-height: 1.14286; } }
623
522
  #footer .footer-meta .copyright {
624
523
  font-family: "nta", Arial, sans-serif;
625
- font-size: 16px;
626
- line-height: 1.25;
627
524
  font-weight: 400;
628
525
  text-transform: none;
526
+ font-size: 14px;
527
+ line-height: 1.14286;
528
+ font-size: 16px;
529
+ line-height: 1.25;
629
530
  margin: 30px 0 0 0;
630
531
  width: 100%;
631
532
  display: block;
@@ -634,10 +535,6 @@ button:focus,
634
535
  width: 25%;
635
536
  padding-top: 15px;
636
537
  margin-top: 0; }
637
- @media (max-width: 640px) {
638
- #footer .footer-meta .copyright {
639
- font-size: 14px;
640
- line-height: 1.14286; } }
641
538
  #footer .footer-meta .copyright a {
642
539
  display: block;
643
540
  background-image: url(<%= asset_path 'images/govuk-crest.png' %>);
data/app/assets/stylesheets/govuk-template-print.css.erb CHANGED
@@ -1,13 +1,3 @@
1
- @font-face {
2
- font-family: GDS-Logo;
3
- src: local("HelveticaNeue"), local("Helvetica Neue"), local("Arial"), local("Helvetica"); }
4
-
5
- @-ms-viewport {
6
- width: device-width; }
7
-
8
- @-o-viewport {
9
- width: device-width; }
10
-
11
1
  html {
12
2
  font-size: 62.5%; }
13
3
 
@@ -22,17 +12,13 @@ html {
22
12
 
23
13
  body {
24
14
  font-family: sans-serif;
25
- font-size: 11pt;
26
- line-height: 1.42857;
27
15
  font-weight: 400;
28
16
  text-transform: none;
17
+ font-size: 11pt;
18
+ line-height: 1.42857;
29
19
  margin: 0;
30
20
  padding: 0;
31
21
  width: 100%; }
32
- @media (max-width: 640px) {
33
- body {
34
- font-size: 12px;
35
- line-height: 1.25; } }
36
22
 
37
23
  a, a:visited {
38
24
  word-wrap: break-word; }
@@ -57,18 +43,14 @@ select {
57
43
  margin: 3px 0 1em; }
58
44
  #global-header #logo {
59
45
  font-family: sans-serif;
60
- font-size: 18pt;
61
- line-height: 1.04167;
62
46
  font-weight: 700;
63
47
  text-transform: none;
48
+ font-size: 18pt;
49
+ line-height: 1.04167;
64
50
  font-size: 28pt;
65
51
  /* `bold-80` can be used instead when govuk_frontend_toolkit gem is >= 4.18.2,
66
52
  see https://github.com/alphagov/govuk_frontend_toolkit/pull/328 */
67
53
  text-rendering: optimizeLegibility; }
68
- @media (max-width: 640px) {
69
- #global-header #logo {
70
- font-size: 32px;
71
- line-height: 1.09375; } }
72
54
  #global-header #logo img {
73
55
  width: 45px;
74
56
  height: 40px;
data/app/assets/stylesheets/govuk-template.css.erb CHANGED
@@ -1,32 +1,4 @@
1
1
  /* govuk_frontend_toolkit includes */
2
- @-ms-viewport {
3
- width: device-width; }
4
-
5
- @-o-viewport {
6
- width: device-width; }
7
-
8
- @font-face {
9
- font-family: GDS-Logo;
10
- src: local("HelveticaNeue"), local("Helvetica Neue"), local("Arial"), local("Helvetica"); }
11
-
12
- @-ms-viewport {
13
- width: device-width; }
14
-
15
- @-o-viewport {
16
- width: device-width; }
17
-
18
- @-ms-viewport {
19
- width: device-width; }
20
-
21
- @-o-viewport {
22
- width: device-width; }
23
-
24
- @-ms-viewport {
25
- width: device-width; }
26
-
27
- @-o-viewport {
28
- width: device-width; }
29
-
30
2
  #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after,
31
3
  #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after {
32
4
  content: "";
@@ -43,24 +15,12 @@
43
15
  #global-header-bar, #global-cookie-message p, #footer .footer-wrapper {
44
16
  margin: 0 auto; } }
45
17
 
46
- @-ms-viewport {
47
- width: device-width; }
48
-
49
- @-o-viewport {
50
- width: device-width; }
51
-
52
18
  #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after,
53
19
  #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after {
54
20
  content: "";
55
21
  display: block;
56
22
  clear: both; }
57
23
 
58
- @-ms-viewport {
59
- width: device-width; }
60
-
61
- @-o-viewport {
62
- width: device-width; }
63
-
64
24
  /* local styleguide includes */
65
25
  @-ms-viewport {
66
26
  width: device-width; }
@@ -135,42 +95,10 @@ a:visited {
135
95
  color: #4c2c92; }
136
96
 
137
97
  a:hover {
138
- color: #2e8aca; }
98
+ color: #2b8cc4; }
139
99
 
140
100
  a:active {
141
- color: #2e8aca; }
142
-
143
- a[rel="external"]:after {
144
- background-image: url(<%= asset_path 'external-links/external-link.png' %>);
145
- background-repeat: no-repeat; }
146
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
147
- a[rel="external"]:after {
148
- background-image: url(<%= asset_path 'external-links/external-link-24x24.png' %>);
149
- background-size: 12px 400px; } }
150
- a[rel="external"]:after {
151
- content: "\A0\A0\A0\A0\A0";
152
- background-position: right 3px; }
153
- a[rel="external"]:hover:after {
154
- background-position: right -385px; }
155
- @media (min-width: 641px) {
156
- a[rel="external"]:after {
157
- content: "\A0\A0\A0\A0";
158
- background-position: right 6px; }
159
- a[rel="external"]:hover:after {
160
- background-position: right -382px; } }
161
-
162
- .external-link:after {
163
- content: "\A0\A0\A0\A0\A0\A0\A0\A0";
164
- background-position: right 0px; }
165
- .external-link:hover:after {
166
- background-position: right 0px; }
167
- .external-link:after {
168
- background-image: url(<%= asset_path 'external-links/external-link-black-12x12.png' %>);
169
- background-repeat: no-repeat; }
170
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
171
- .external-link:after {
172
- background-image: url(<%= asset_path 'external-links/external-link-black-24x24.png' %>);
173
- background-size: 12px 400px; } }
101
+ color: #2b8cc4; }
174
102
 
175
103
  /*
176
104
  * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
@@ -317,24 +245,12 @@ button:focus,
317
245
  #global-header a:focus {
318
246
  color: #0b0c0c; }
319
247
 
320
- @-ms-viewport {
321
- width: device-width; }
322
-
323
- @-o-viewport {
324
- width: device-width; }
325
-
326
248
  #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-link:after,
327
249
  #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after {
328
250
  content: "";
329
251
  display: block;
330
252
  clear: both; }
331
253
 
332
- @-ms-viewport {
333
- width: device-width; }
334
-
335
- @-o-viewport {
336
- width: device-width; }
337
-
338
254
  #global-header {
339
255
  background-color: #0b0c0c;
340
256
  width: 100%; }
@@ -401,34 +317,34 @@ button:focus,
401
317
  padding-top: 0; } }
402
318
  #global-header .header-proposition #proposition-name {
403
319
  font-family: "nta", Arial, sans-serif;
404
- font-size: 24px;
405
- line-height: 1.25;
406
320
  font-weight: 400;
407
321
  text-transform: none;
322
+ font-size: 18px;
323
+ line-height: 1.2;
408
324
  font-weight: bold;
409
325
  color: white;
410
326
  text-decoration: none; }
411
- @media (max-width: 640px) {
327
+ @media (min-width: 641px) {
412
328
  #global-header .header-proposition #proposition-name {
413
- font-size: 18px;
414
- line-height: 1.2; } }
329
+ font-size: 24px;
330
+ line-height: 1.25; } }
415
331
  #global-header .header-proposition a#proposition-name:hover {
416
332
  text-decoration: underline; }
417
333
  #global-header .header-proposition a.menu {
418
334
  font-family: "nta", Arial, sans-serif;
419
- font-size: 16px;
420
- line-height: 1.25;
421
335
  font-weight: 400;
422
336
  text-transform: none;
337
+ font-size: 14px;
338
+ line-height: 1.14286;
423
339
  color: white;
424
340
  display: block;
425
341
  float: right;
426
342
  text-decoration: none;
427
343
  padding-top: 6px; }
428
- @media (max-width: 640px) {
344
+ @media (min-width: 641px) {
429
345
  #global-header .header-proposition a.menu {
430
- font-size: 14px;
431
- line-height: 1.14286; } }
346
+ font-size: 16px;
347
+ line-height: 1.25; } }
432
348
  @media (min-width: 769px) {
433
349
  #global-header .header-proposition a.menu {
434
350
  display: none; } }
@@ -484,29 +400,29 @@ button:focus,
484
400
  color: white;
485
401
  text-decoration: none;
486
402
  font-family: "nta", Arial, sans-serif;
487
- font-size: 14px;
488
- line-height: 1.42857;
489
403
  font-weight: 700;
490
- text-transform: none; }
491
- @media (max-width: 640px) {
404
+ text-transform: none;
405
+ font-size: 12px;
406
+ line-height: 1.25; }
407
+ @media (min-width: 641px) {
492
408
  #global-header .header-proposition #proposition-link a,
493
409
  #global-header .header-proposition #proposition-links a {
494
- font-size: 12px;
495
- line-height: 1.25; } }
410
+ font-size: 14px;
411
+ line-height: 1.42857; } }
496
412
  @media (min-width: 769px) {
497
413
  #global-header .header-proposition #proposition-link a,
498
414
  #global-header .header-proposition #proposition-links a {
499
415
  font-family: "nta", Arial, sans-serif;
500
- font-size: 16px;
501
- line-height: 1.25;
502
416
  font-weight: 700;
503
417
  text-transform: none;
418
+ font-size: 14px;
419
+ line-height: 1.14286;
504
420
  line-height: 23px; } }
505
- @media (min-width: 769px) and (max-width: 640px) {
421
+ @media (min-width: 769px) and (min-width: 641px) {
506
422
  #global-header .header-proposition #proposition-link a,
507
423
  #global-header .header-proposition #proposition-links a {
508
- font-size: 14px;
509
- line-height: 1.14286; } }
424
+ font-size: 16px;
425
+ line-height: 1.25; } }
510
426
  #global-header .header-proposition #proposition-link a:hover,
511
427
  #global-header .header-proposition #proposition-links a:hover {
512
428
  text-decoration: underline; }
@@ -542,16 +458,16 @@ button:focus,
542
458
  padding-bottom: 10px; }
543
459
  #global-cookie-message p {
544
460
  font-family: "nta", Arial, sans-serif;
545
- font-size: 16px;
546
- line-height: 1.25;
547
461
  font-weight: 400;
548
462
  text-transform: none;
463
+ font-size: 14px;
464
+ line-height: 1.14286;
549
465
  margin-top: 0;
550
466
  margin-bottom: 0; }
551
- @media (max-width: 640px) {
467
+ @media (min-width: 641px) {
552
468
  #global-cookie-message p {
553
- font-size: 14px;
554
- line-height: 1.14286; } }
469
+ font-size: 16px;
470
+ line-height: 1.25; } }
555
471
 
556
472
  /* Global footer */
557
473
  #footer {
@@ -569,17 +485,17 @@ button:focus,
569
485
  color: #171819; }
570
486
  #footer h2 {
571
487
  font-family: "nta", Arial, sans-serif;
572
- font-size: 24px;
573
- line-height: 1.25;
574
488
  font-weight: 400;
575
489
  text-transform: none;
490
+ font-size: 18px;
491
+ line-height: 1.2;
576
492
  font-weight: bold;
577
493
  color: #0b0c0c;
578
494
  margin: 0; }
579
- @media (max-width: 640px) {
495
+ @media (min-width: 641px) {
580
496
  #footer h2 {
581
- font-size: 18px;
582
- line-height: 1.2; } }
497
+ font-size: 24px;
498
+ line-height: 1.25; } }
583
499
  #footer h2 a {
584
500
  color: inherit; }
585
501
  #footer .footer-meta {
@@ -596,17 +512,17 @@ button:focus,
596
512
  width: 75%; } }
597
513
  #footer .footer-meta .footer-meta-inner ul {
598
514
  font-family: "nta", Arial, sans-serif;
599
- font-size: 16px;
600
- line-height: 1.5;
601
515
  font-weight: 400;
602
516
  text-transform: none;
517
+ font-size: 14px;
518
+ line-height: 1.5;
603
519
  display: inline-block;
604
520
  list-style: none;
605
521
  margin: 0 0 1.5em 0;
606
522
  padding: 0; }
607
- @media (max-width: 640px) {
523
+ @media (min-width: 641px) {
608
524
  #footer .footer-meta .footer-meta-inner ul {
609
- font-size: 14px;
525
+ font-size: 16px;
610
526
  line-height: 1.5; } }
611
527
  @media (min-width: 641px) {
612
528
  #footer .footer-meta .footer-meta-inner ul {
@@ -643,29 +559,29 @@ button:focus,
643
559
  background-size: 41px 17px; } }
644
560
  #footer .footer-meta .footer-meta-inner .open-government-licence p {
645
561
  font-family: "nta", Arial, sans-serif;
646
- font-size: 16px;
647
- line-height: 1.25;
648
562
  font-weight: 400;
649
563
  text-transform: none;
564
+ font-size: 14px;
565
+ line-height: 1.14286;
650
566
  margin: 0;
651
567
  padding-top: 0.1em; }
652
- @media (max-width: 640px) {
568
+ @media (min-width: 641px) {
653
569
  #footer .footer-meta .footer-meta-inner .open-government-licence p {
654
- font-size: 14px;
655
- line-height: 1.14286; } }
570
+ font-size: 16px;
571
+ line-height: 1.25; } }
656
572
  #footer .footer-meta .copyright {
657
573
  font-family: "nta", Arial, sans-serif;
658
- font-size: 16px;
659
- line-height: 1.25;
660
574
  font-weight: 400;
661
575
  text-transform: none;
576
+ font-size: 14px;
577
+ line-height: 1.14286;
662
578
  margin: 30px 0 0 0;
663
579
  width: 100%;
664
580
  display: block; }
665
- @media (max-width: 640px) {
581
+ @media (min-width: 641px) {
666
582
  #footer .footer-meta .copyright {
667
- font-size: 14px;
668
- line-height: 1.14286; } }
583
+ font-size: 16px;
584
+ line-height: 1.25; } }
669
585
  @media (min-width: 641px) {
670
586
  #footer .footer-meta .copyright {
671
587
  display: inline-block;