updated extra images div
[ryf-theme.git] / css / style.css
CommitLineData
1e7a45c4
VSB
1/**
2 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
3 * your custom CSS modifications here.
4 */
5
5b916836
VSB
6/* Lato font */
7
8@font-face {
9 font-family: "Lato";
90484a67 10 src: url("../fonts/Lato-Regular.ttf") format('truetype');
5b916836
VSB
11 font-weight: 400;
12 font-style: normal;
13}
14
15@font-face {
16 font-family: "Lato";
90484a67 17 src: url('../fonts/Lato-RegularItalic.ttf') format('truetype');
5b916836
VSB
18 font-weight: 400;
19 font-style: italic;
20}
21
22@font-face {
23 font-family: "Lato";
90484a67 24 src: url('../fonts/Lato-Bold.ttf') format('truetype');
5b916836
VSB
25 font-weight: 700;
26 font-style: normal;
27}
28
29
30/* Universal */
31
359dfa19 32body {
5b916836 33 font-family: "Lato", Helvetica, Arial, sans-serif;
359dfa19
VSB
34 margin: 0;
35 min-width: 320px;
36}
1e7a45c4 37
b4ed810a
VSB
38a { transition: 0.3s; }
39
1fb61412 40section { position: relative; }
bbb30910
AE
41
42/* etcetera */
43
26f9e62d
VSB
44.visually-hidden.focusable:focus {
45 position: absolute !important;
46 background: #000;
47 color: #FFF;
48 padding: 0.5em;
49 z-index: 9999;
50}
51
9d4869aa 52.main-container { min-height: 50vh; }
092ce192
VSB
53
54h2.block-title {
aca4887b 55 background: #337AB7;
092ce192 56 color: #FFF;
3cc6e9f4 57 padding: 0.5em;
092ce192 58}
bbb30910 59
aca4887b
AE
60
61
9493fc8b
VSB
62h2.block-title a:visited,
63h2.block-title a:focus,
64h2.block-title a:active,
65h2.block-title a {
aca4887b 66 color: #FFF;
9493fc8b
VSB
67}
68
69h2.block-title a:hover {
70 color: #FFF;
71}
72
3cc6e9f4
VSB
73.feed-icons a {
74 background: url('../images/rss.svg') top left no-repeat;
75 background-size: contain;
3cc6e9f4
VSB
76 height: 20px;
77 overflow: hidden;
1fb61412
VSB
78 display: block;
79 text-indent: 25px;
80 font-size: 1em;
81 width: fit-content;
1fb61412 82 margin-top: 1em;
30d080b7 83 float: right;
3cc6e9f4
VSB
84}
85
86.view-display-id-news_page .feed-icons a {
87 margin-top: -30px;
bbb30910 88}
3cc6e9f4 89
bbb30910 90.more-link {
3cc6e9f4
VSB
91 border: 1px solid #ddd;
92 border-radius: .5em;
93 padding: .5em;
94 text-align: center;
95 width: 50%;
96 margin: 0 auto;
bbb30910 97 font-weight: bold;
b6875de9 98 margin-top: 2em;
bbb30910
AE
99}
100
b6875de9
VSB
101.more-link:hover {
102 background: #EEE;
103 color: #000;
104}
3cc6e9f4 105
bbb30910
AE
106.block-views {
107 margin-top: 20px;
108}
109
110/* Navbar */
111
1e7a45c4
VSB
112.navbar-default {
113 background: #000;
114 color: #FFF;
115 border: none;
116 border-radius: 0px;
117 box-sizing: content-box;
1e7a45c4 118 align-items: center;
1e7a45c4
VSB
119 min-height: 100px;
120}
121
b766958e
AE
122.navbar-header,
123#navbar-collapse {
1e7a45c4
VSB
124 max-width: 1150px;
125 padding: 0;
126 margin: 0 auto;
bfc9c2d3
VSB
127 border: none;
128 overflow: hidden;
1e7a45c4
VSB
129}
130
67263bd5 131.navbar-default .navbar-toggle { display: none; }
bfc9c2d3 132
1e7a45c4
VSB
133.navbar-header {
134 position: absolute;
135 top: 5px;
136}
137
67263bd5 138.navbar-brand { display: none; }
ccc0e97e 139
26f9e62d 140#block-ryf-main-menu .navbar-nav { margin-left: 195px; }
ccc0e97e 141
ee748803
AE
142.navbar-default .navbar-nav > li > a:focus {
143 outline: none;
144}
145
1fb61412
VSB
146.navbar-default .navbar-nav > li > a,
147.navbar-default .navbar-nav > li > a:link,
148.navbar-default .navbar-nav > li > a:visited {
b4ed810a 149 color: #FFF;
0af85f8e 150 background: #000;
b4ed810a 151 border-bottom: 2px solid transparent;
0af85f8e
AE
152 padding-bottom: 10px;
153 margin-bottom: 5px;
b4ed810a
VSB
154}
155
26f9e62d 156.navbar-default .navbar-nav > li > a:focus,
1fb61412
VSB
157.navbar-default .navbar-nav > li.active > a:hover,
158.navbar-default .navbar-nav > li > a:hover {
d35bbf79 159 color: #edd400;
ee748803 160 background: #000;
d35bbf79 161 border-bottom: 2px solid #edd400;
b4ed810a 162 padding-bottom: 5px;
0af85f8e 163 margin-bottom: 10px;
b4ed810a
VSB
164}
165
1fb61412
VSB
166.navbar-default .navbar-nav > li > a.is-active {
167 border-bottom: 2px solid #FFF;
168 background: #000;
169 padding-bottom: 5px;
170 margin-bottom: 10px;
171}
172
cafdcde8 173.page-header {
357e6db1 174 border-bottom: 2px solid #000;
cafdcde8
VSB
175 font-size: 2em;
176}
177
2cbded31
VSB
178.region-header .search-block-form {
179 width: 300px;
180 float: right;
181}
182
1fb61412
VSB
183nav .search-block-form {
184 position: absolute;
185 width: 300px;
186 right: 10%;
187 top: 30px;
188}
189
190/*
191 * @media screen and (min-width: 520px) and (max-width: 599px) {
192 * .logo img { margin-left: 50px; }
193 * #block-ryf-main-menu .navbar-nav { margin-left: 230px; }
194 * }
195 *
196 * @media screen and (min-width: 600px) and (max-width: 767px) {
197 * .logo img { margin-left: 100px; }
198 * #block-ryf-main-menu .navbar-nav { margin-left: 280px; }
199 * }
200 *
201 * @media screen and (max-width: 767px) {
202 * .logo img { height: 150px; margin-top: 25px; }
203 * .navbar-default { min-height: 230px; margin-bottom: 30px; }
204 * #block-ryf-main-menu .navbar-nav { max-width: 130px; }
205 * }
206 *
207 */
208
31ef14eb
AE
209.region-navigation-collapsible .search-block-form {
210 float: right;
211 width: 210px;
212}
213
81342c63 214@media screen and (min-width: 768px) {
4f6bd63c
VSB
215
216 .navbar-default {
217 margin-bottom: 100px;
218 }
219 .navbar-nav {
220 margin-top: 40px;
221 }
222 .region-header .breadcrumb {
223 position: absolute;
224 top: -70px;
225 left: 200px;
226 background: none;
227 }
228 .region-navigation-collapsible .search-block-form {
0b5c01d8 229 padding-top: 50px;
4f6bd63c 230 }
81342c63
AE
231}
232
5235611e 233
cd0efca0
AE
234/* Selectors */
235
5235611e 236
cd0efca0
AE
237@media screen and (min-width: 768px) {
238 .form-inline .form-item .select-wrapper {
239 display: block;
240 }
241 .form-inline .form-actions {
242 margin-top: 21px;
243 }
244}
245
9d4869aa
VSB
246/* News */
247
248.view-news article {
249 padding: 0.5em;
250 margin: 0 10%;
251}
252
253.view-news p {
254 line-height: 1.5em;
255 font-size: 1.1em;
256}
257
258.view-news .node-readmore {
259 padding: 0.5em 1em;
260 border: 1px solid #DDD;
261 border-radius: 0.5em;
262 float: right;
263}
264
265.view-news .node-readmore:hover {
266 background: #EEE;
267 color: #000;
268}
269
270.view-news footer {
271 color: #999;
272 padding: 0.5em;
273 text-align: right;
274}
275
5235611e 276
16670121 277/* RYF List */
b4ed810a 278
5235611e 279
bd3568e1 280.ryf-list-row {
aa68642c
AE
281 padding: 0;
282 margin: 0 auto;
283 overflow: auto;
284}
285
16670121
VSB
286.ryf-list {
287 float: left;
288 margin: 0;
289 padding: 0.5em;
1fb61412 290 position: relative;
16670121
VSB
291 list-style: none;
292}
b4ed810a 293
16670121 294.ryf-list article {
9493fc8b 295 border: 1px solid #bbb;
16670121
VSB
296 border-radius: 5px;
297 padding: 1em;
298 box-shadow: 2px 2px 5px #ddd;
299 transition: 0.3s;
300}
1e7a45c4 301
16670121
VSB
302.ryf-list article:hover {
303 box-shadow: 0px 0px 5px #aaa;
b4ed810a 304}
1e7a45c4 305
16670121 306.ryf-list .field--type-image {
489d2ac8
VSB
307 border: 1px solid #ddd;
308 border-left: 0px;
309 border-right: 0px;
16670121 310 background: #fff;
489d2ac8
VSB
311 height: 150px;
312 width: 100%;
16670121 313 overflow: hidden;
489d2ac8
VSB
314 border-radius: 5px;
315 position: relative;
316 text-align: center;
16670121
VSB
317}
318
489d2ac8
VSB
319.ryf-list img {
320 width: auto;
321 height: 100%;
322 margin: auto 0;
323 display: inline-block;
ccc0e97e 324}
b4ed810a 325
ccc0e97e 326.ryf-list h2 {
b4ed810a
VSB
327 text-align: left;
328 font-size: 1.5em;
b4ed810a 329 line-height: 1.2em;
16670121
VSB
330 margin: 0;
331 padding: 0;
489d2ac8
VSB
332}
333
334.ryf-list .field--name-body {
335 display: block;
336 border-radius: 5px;
337 width: 100%;
338 height: 0px;
339 margin-top: 0px;
340 z-index: 99;
341 position: relative;
342 background: #00000088;
343 color: white;
344 padding: 0em;
345 transition: 0.2s;
346 cursor: default;
347 overflow: hidden;
348}
349
350.ryf-list:hover .field--name-body {
351 height: 100px;
352 margin-top: -100px;
353 z-index: 99;
354 position: relative;
355 padding: 0.3em;
356 transition: 0.3s;
b4ed810a
VSB
357}
358
359.ryf-list a {
092ce192 360 color: #337AB7;
b4ed810a
VSB
361}
362
363.ryf-list a:hover {
364 color: #000;
365}
1e7a45c4 366
fd931c9b 367.ryf-list .list-inline li {
b4ed810a 368 font-size: 0.9em;
fd931c9b
VSB
369 border: 1px solid #ddd;
370 width: auto;
371 border-radius: 0.5em;
372 padding: 0.3em 0.5em;
6f2e0374
VSB
373 margin-top: 5px;
374 float: right;
b4ed810a 375}
16670121 376
489d2ac8
VSB
377.ryf-list h2 a {
378 display: inline-block;
379 height: 55px;
380 overflow: hidden;
381 position: relative;
382}
383
384.ryf-list h2 a:after {
385 content: '(...)';
386 float: right;
387 display: block;
388 position: absolute;
389 bottom:5px;
390 right: 2px;
391 font-size: 0.8em;
392}
393
fd931c9b
VSB
394.ryf-list .list-inline li:hover {
395 background: #eee;
16670121
VSB
396}
397
e3fe14a1 398@media screen and (min-width: 450px) and (max-width: 659px) {
bd3568e1 399 .ryf-list-row {
aa68642c
AE
400 max-width: 600px;
401 }
e3fe14a1
AE
402 .ryf-list {
403 max-width: 300px;
404 float: none;
405 margin: 0 auto;
406 }
407}
408@media screen and (min-width: 660px) and (max-width: 767px) {
bd3568e1 409 .ryf-list-row {
aa68642c
AE
410 max-width: 600px;
411 }
e3fe14a1
AE
412 .ryf-list-row {
413 margin: 0 auto;
414 max-width: 660px;
415 }
416 .ryf-list {
417 max-width: 300px;
418 float: left;
419 }
b9bef353 420 .auto-clear .col-xs-12:nth-child(odd){clear:left;}
e3fe14a1
AE
421}
422
fd931c9b
VSB
423@media screen and (min-width: 55em) {
424
425 .ryf-list article {
489d2ac8 426 min-height: 270px
fd931c9b
VSB
427 }
428
429}
430
16670121 431
dbd9476a
AE
432/* Vendors list */
433
5235611e 434
bd3568e1 435.vendors-list-row {
df611aac 436 padding: 10px;
00227dc4
AE
437 margin: 0 auto;
438 overflow: auto;
439}
440
dbd9476a
AE
441@media screen and (max-width: 767px) {
442 .vendors-list-row {
443 margin: 0px auto;
444 }
445
446 .vendors-list {
447 margin-bottom: 40px;
448 list-style: none;
9203a4fd
AE
449
450 overflow: auto;
dbd9476a
AE
451 }
452
453 .vendors-list .views-field-field-icon {
454 width: 220px;
455
456 margin: 0px auto 20px auto;
457 }
458
459 .vendors-list .views-field-field-icon img {
460 margin: 0 auto;
461 }
462
b766958e 463 .vendors-list .views-field-name,
3ad409a4 464 .vendors-list .views-field-field-description-summary,
b766958e 465 .vendors-list .views-field-description__value {
dbd9476a
AE
466 max-width: 300px;
467 margin: 0 auto 10px auto;
468 }
469
470 .vendors-list .views-field-name {
471 font-weight: bold;
472 font-size: 18px;
473 text-align: center;
474 }
475
476}
477
478@media screen and (min-width: 768px) {
479 .vendors-list-row {
480 width: 600px;
481 margin: 0px auto;
482 }
483
484 .vendors-list {
485 list-style: none;
486 clear: left;
9203a4fd
AE
487
488 overflow: auto;
dbd9476a
AE
489 }
490
491 .vendors-list .views-field-field-icon {
492 width: 220px;
493 height: 220px;
494
495 margin-bottom: 40px;
496
497 float: left;
498 }
499
500 .vendors-list .views-field-field-icon img {
501 margin: 0 auto;
502 }
503
b766958e 504 .vendors-list .views-field-name,
3ad409a4 505 .vendors-list .views-field-field-description-summary,
b766958e 506 .vendors-list .views-field-description__value {
dbd9476a
AE
507 margin-left: 300px;
508 }
509
510 .vendors-list .views-field-name {
511 margin-bottom: 10px;
512 font-weight: bold;
513 font-size: 18px;
514 }
515}
516
517
f39cdbbc
AE
518/* Sidebars */
519
520
521@media screen and (max-width: 767px) {
522 .path-products #block-views-block-categories-categories-block { display: none; }
523}
524
525
222cefba
AE
526/* Vendor and Category taxonomy term pages */
527
528
5df3859d
AE
529.view-taxonomy-term .view-header .field--name-field-icon img {
530 margin: 0 auto;
531}
532
533.view-filters {
534 clear: left;
535}
536
728032e9
AE
537.view-taxonomy-term .view-header .field--name-field-vendor-support-link,
538.view-taxonomy-term .view-header .field--name-field-vendor-support-email {
539 margin-top: 15px;
540}
541
222cefba 542@media screen and (max-width: 559px) {
c71d4a08 543 .view-taxonomy-term.view-display-id-taxonomy_term_vendor .view-header {
222cefba 544 margin: 0 auto 40px auto;
222cefba
AE
545 overflow: auto;
546 }
547
548 .view-taxonomy-term .view-header .field--name-field-icon {
549 margin: 0 auto 20px auto;
550 width: 220px;
551 }
552
728032e9 553 .view-taxonomy-term .view-header .field--name-description,
3ad409a4 554 .view-taxonomy-term .view-header .field--name-field-description-summary,
728032e9
AE
555 .view-taxonomy-term .view-header .field--name-field-vendor-support-link,
556 .view-taxonomy-term .view-header .field--name-field-vendor-support-email {
222cefba 557 max-width: 360px;
728032e9 558 margin: 15px auto 0 auto;
222cefba
AE
559 padding: 0 10px;
560 }
561
222cefba
AE
562}
563
5df3859d 564@media screen and (min-width: 560px) {
c71d4a08 565 .view-taxonomy-term.view-display-id-taxonomy_term_vendor .view-header {
222cefba 566 margin: 0 0 40px 0;
222cefba
AE
567 overflow: auto;
568 }
569
570 .view-taxonomy-term .view-header .field--name-field-icon {
571 width: 220px;
222cefba
AE
572 float: left;
573 }
574
728032e9 575 .view-taxonomy-term .view-header .field--name-description,
3ad409a4 576 .view-taxonomy-term .view-header .field--name-field-description-summary,
728032e9
AE
577 .view-taxonomy-term .view-header .field--name-field-vendor-support-link,
578 .view-taxonomy-term .view-header .field--name-field-vendor-support-email {
222cefba
AE
579 margin-left: 260px;
580 }
581
222cefba
AE
582}
583
584@media screen and (min-width: 768px) {
585 .view-taxonomy-term .view-header {
300bf8f5 586 max-width: 700px;
222cefba
AE
587 }
588}
589
590
4d7da022
AE
591/* Product */
592
5235611e 593
d679ca4e
AE
594@media screen and (max-width: 767px) {
595 .page-node-type-product .product {
596 max-width: 382px;
597 margin: 0 auto;
598 }
599}
600
21d9e444
AE
601@media screen and (min-width: 768px) and (max-width: 991px) {
602 .page-node-type-product .product {
603 width: 700px;
604 margin: 0 auto;
605 }
4d7da022
AE
606}
607
21d9e444
AE
608@media screen and (min-width: 992px) {
609 .page-node-type-product .product {
610 width: 800px;
611 margin: 0 auto;
612 }
613}
4d7da022 614
d679ca4e
AE
615.page-node-type-product .product .field--name-field-image {
616 padding: 10px;
4d7da022 617
d679ca4e
AE
618 border: 1px solid #888;
619 border-radius: 10px;
620}
4d7da022 621
aa0f7f3d
AE
622.page-node-type-product .product .field--name-field-image img {
623 margin: 0 auto;
624}
625
d679ca4e 626.page-node-type-product .product .field--name-field-extra-images {
a62f2ac0 627 padding: 0 11px;
d679ca4e
AE
628 display: flex;
629 align-items: center;
d679ca4e 630}
4d7da022 631
d679ca4e
AE
632.page-node-type-product .product .field--name-field-extra-images .field--item {
633 display: inline-block;
a62f2ac0 634 margin-right: 15px;
d679ca4e
AE
635 padding: 5px;
636}
a62f2ac0
AE
637.page-node-type-product .product .field--name-field-extra-images .field--item:last-child {
638 margin-right: 0;
639}
4d7da022 640
b766958e
AE
641.page-node-type-product .product .field--name-field-categories,
642.page-node-type-product .product .field--name-field-vendor {
d679ca4e
AE
643 margin: 10px 10px 20px 0px;
644 padding: 10px;
d679ca4e
AE
645}
646
433e107d
AE
647.page-node-type-product .product .field--name-field-categories .field--item {
648 display: list-item;
649 list-style: circle;
650 margin-left: 15px;
651}
652
b6875de9
VSB
653#block-views-block-categories-categories-block ul {
654 margin: 0; padding: 0 10px;
655 list-style: none;
656}
657
658#block-views-block-categories-categories-block li {
659 padding: 5px 10px;
660 border: 1px solid #DDD;
661 border-radius: 5px;
662 list-style: none;
663 margin: 5px 0;
664}
665
666#block-views-block-categories-categories-block li:hover {
667 background: #EEE;
668 color: #000;
669}
670
671#block-views-block-categories-categories-block a {
672 width: 100%;
673 display: block;
674}
675
28ff698e
AE
676/* product page colors */
677.page-node-type-product .product .field--name-field-image {
eee49201 678 background-color: #fff;
28ff698e
AE
679 border-color: #aaa;
680}
28ff698e 681
d679ca4e
AE
682@media screen and (max-width: 767px) {
683 .page-node-type-product .product .field--name-field-extra-images {
684 margin: 10px auto 0px auto;
21d9e444 685 }
4d7da022 686
b766958e
AE
687 .page-node-type-product .product .field--name-body,
688 .page-node-type-product .product .field--name-field-vendor-product-link,
689 .page-node-type-product .product .field--name-field-certification-details,
690 .page-node-type-product .product .field--name-field-certification-date,
691 .page-node-type-product .product .field--name-field-source-code-links {
21d9e444
AE
692 margin-bottom: 20px;
693 }
4d7da022 694
b766958e
AE
695 .page-node-type-product .product .field--name-field-categories,
696 .page-node-type-product .product .field--name-field-vendor {
9b263139 697 margin-bottom: 0px;
21d9e444 698 float: left;
21d9e444 699 }
4d7da022 700
21d9e444 701 .page-node-type-product .product .field--name-body {
9b263139 702 padding-top: 20px;
21d9e444
AE
703 clear: both;
704 }
4d7da022
AE
705}
706
21d9e444
AE
707
708@media screen and (min-width: 768px) {
709 .page-node-type-product .product .field--name-field-image {
710 width: 382px;
21d9e444 711 float: left;
21d9e444
AE
712 }
713
714 .page-node-type-product .product .field--name-field-extra-images {
715 float: left;
716 clear: left;
21d9e444 717 width: 382px;
21d9e444 718 margin-top: 10px;
21d9e444
AE
719 }
720
b766958e
AE
721 .page-node-type-product .product .field--name-body,
722 .page-node-type-product .product .field--name-field-vendor-product-link,
723 .page-node-type-product .product .field--name-field-certification-details,
724 .page-node-type-product .product .field--name-field-certification-date,
725 .page-node-type-product .product .field--name-field-source-code-links {
21d9e444
AE
726 margin-left: 400px;
727 margin-bottom: 20px;
728 }
729
730 .page-node-type-product .product .field--name-field-categories {
731 float: left;
732 clear: left;
733 }
734
735 .page-node-type-product .product .field--name-field-vendor {
736 float: left;
737 }
738
4d7da022
AE
739}
740
741
9f8b2429
AE
742/* News and Product Announcements */
743
744
745.page-node-type-product-announcement .page-header,
fa74cee2 746.page-node-type-product-announcement .tabs--primary,
9f8b2429
AE
747.page-node-type-product-announcement .region-content,
748.page-node-type-general-news-item .page-header,
fa74cee2 749.page-node-type-general-news-item .tabs--primary,
dca6d2ea
AE
750.page-node-type-general-news-item .region-content,
751.page-node-type-page .page-header,
fa74cee2 752.page-node-type-page .tabs--primary,
dca6d2ea 753.page-node-type-page .region-content,
9f8b2429 754.path-news .page-header,
fa74cee2 755.path-news .tabs--primary,
9f8b2429
AE
756.path-news .region-content {
757 max-width: 800px;
758 margin: 0 auto;
759}
760
8499d9cd
AE
761/* don't apply above max-width rule to main page */
762.path-frontpage .page-header,
fa74cee2 763.path-frontpage .tabs--primary,
8499d9cd
AE
764.path-frontpage .region-content {
765 max-width: 2000px; /* high number beyond the max */
766}
767
dca6d2ea
AE
768.page-node-type-page .page-header {
769 margin-bottom: 20px;
770}
771
e9d294a4
AE
772.path-news h2,
773.block-views-blocknews-news-block article h2 {
9f8b2429
AE
774 font-size: 25px;
775}
776
777.page-node-type-product-announcement .author,
778.page-node-type-general-news-item .author {
779 margin: 10px 0 20px 0;
780 font-style: oblique;
781}
782
783.page-node-type-product-announcement .field--name-body,
784.page-node-type-general-news-item .field--name-body {
785 margin-bottom: 20px;
786}
787
788.page-node-type-product-announcement .field--name-field-external-news-link,
789.page-node-type-general-news-item .field--name-field-external-news-link {
790 margin-bottom: 20px;
791}
792
793.page-node-type-product-announcement .field--name-field-vendor-page,
794.page-node-type-product-announcement .field--name-field-announced-products {
795 margin-bottom: 20px;
796}
797
798
41399eb4
AE
799/* Search Results */
800
801
802@media screen and (max-width: 600px) {
f12cbe51 803 .path-search .region-content > ol {
41399eb4
AE
804 width: 300px;
805 }
806}
807@media screen and (min-width: 601px) and (max-width 1000px) {
f12cbe51 808 .path-search .region-content > ol {
41399eb4
AE
809 width: 560px;
810 }
811}
812@media screen and (min-width: 1001px) {
f12cbe51 813 .path-search .region-content > ol {
41399eb4
AE
814 width: 900px;
815 }
816}
817
f12cbe51 818.path-search .region-content > ol {
41399eb4
AE
819 margin: 0 auto;
820 padding-left: 0;
821 overflow: auto;
822}
823
f12cbe51 824.path-search .region-content > ol li {
41399eb4
AE
825 width: 280px;
826 height: 280px;
827 margin: 0px auto;
828 padding: 10px;
829
830 float: left;
831
832 list-style: none;
833 overflow: hidden;
834}
835
f12cbe51 836.path-search .region-content > ol li h3 {
41399eb4
AE
837 text-align: center;
838}
839
f12cbe51 840.path-search .region-content > ol li .search-image {
41399eb4
AE
841 width: 100px;
842 height: 100px;
843
844 margin: 0 auto;
845
846 display: flex;
847 align-items: center;
848}
849
f12cbe51 850.path-search .region-content > ol li img {
41399eb4
AE
851}
852
853
16670121
VSB
854/* Footer */
855
856.footer {
857 background: #333;
858 color: #FFF;
859}
860
06b1f67a
AE
861#email-signup .email-input {
862 color: #000;
863 display: block;
864 margin-bottom: 10px;
865}
866#email-signup .action-button {
867 color: #000;
868 display: block;
869}
870
06d8ab9f 871/* full page width for footer */
fd931c9b 872
c900f9d4 873.footer {
c900f9d4
AE
874 width: 100%;
875}
876
d35bbf79 877.footer a { color: #edd400; }
16670121
VSB
878
879.footer a:hover { color: #FFF; }
880
881.footer h4 { font-weight: bold; }
882
883.footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; }
884
0bd91ac3
AE
885#fsf-logo-footer { margin-bottom: 10px; }
886
18f8d3b1
AE
887@media print { #fsf-logo-footer { filter: invert(100%) } }
888