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