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