placement of vendor website link on vendor pages
[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
d2af0057
AE
190@media screen and (max-width: 767px) {
191 #block-ryf-main-menu .navbar-nav { max-width: 130px; }
192}
1fb61412 193
31ef14eb
AE
194.region-navigation-collapsible .search-block-form {
195 float: right;
196 width: 210px;
197}
198
81342c63 199@media screen and (min-width: 768px) {
4f6bd63c
VSB
200
201 .navbar-default {
202 margin-bottom: 100px;
203 }
204 .navbar-nav {
205 margin-top: 40px;
206 }
207 .region-header .breadcrumb {
208 position: absolute;
209 top: -70px;
210 left: 200px;
211 background: none;
212 }
213 .region-navigation-collapsible .search-block-form {
0b5c01d8 214 padding-top: 50px;
4f6bd63c 215 }
81342c63
AE
216}
217
9ec7bd06
AE
218.maintenance-page #navbar {
219 margin-bottom: 120px;
220}
221
5235611e 222
cd0efca0
AE
223/* Selectors */
224
5235611e 225
cd0efca0
AE
226@media screen and (min-width: 768px) {
227 .form-inline .form-item .select-wrapper {
228 display: block;
229 }
230 .form-inline .form-actions {
231 margin-top: 21px;
232 }
233}
234
9d4869aa
VSB
235/* News */
236
237.view-news article {
238 padding: 0.5em;
239 margin: 0 10%;
240}
241
242.view-news p {
243 line-height: 1.5em;
244 font-size: 1.1em;
245}
246
247.view-news .node-readmore {
248 padding: 0.5em 1em;
249 border: 1px solid #DDD;
250 border-radius: 0.5em;
251 float: right;
252}
253
254.view-news .node-readmore:hover {
255 background: #EEE;
256 color: #000;
257}
258
259.view-news footer {
260 color: #999;
261 padding: 0.5em;
262 text-align: right;
263}
264
5235611e 265
16670121 266/* RYF List */
b4ed810a 267
5235611e 268
bd3568e1 269.ryf-list-row {
aa68642c
AE
270 padding: 0;
271 margin: 0 auto;
272 overflow: auto;
273}
274
16670121
VSB
275.ryf-list {
276 float: left;
277 margin: 0;
278 padding: 0.5em;
1fb61412 279 position: relative;
16670121
VSB
280 list-style: none;
281}
b4ed810a 282
16670121 283.ryf-list article {
9493fc8b 284 border: 1px solid #bbb;
16670121
VSB
285 border-radius: 5px;
286 padding: 1em;
287 box-shadow: 2px 2px 5px #ddd;
288 transition: 0.3s;
289}
1e7a45c4 290
16670121
VSB
291.ryf-list article:hover {
292 box-shadow: 0px 0px 5px #aaa;
b4ed810a 293}
1e7a45c4 294
16670121 295.ryf-list .field--type-image {
489d2ac8
VSB
296 border: 1px solid #ddd;
297 border-left: 0px;
298 border-right: 0px;
16670121 299 background: #fff;
489d2ac8
VSB
300 height: 150px;
301 width: 100%;
16670121 302 overflow: hidden;
489d2ac8
VSB
303 border-radius: 5px;
304 position: relative;
305 text-align: center;
16670121
VSB
306}
307
489d2ac8
VSB
308.ryf-list img {
309 width: auto;
310 height: 100%;
311 margin: auto 0;
312 display: inline-block;
ccc0e97e 313}
b4ed810a 314
ccc0e97e 315.ryf-list h2 {
b4ed810a
VSB
316 text-align: left;
317 font-size: 1.5em;
b4ed810a 318 line-height: 1.2em;
16670121
VSB
319 margin: 0;
320 padding: 0;
489d2ac8
VSB
321}
322
323.ryf-list .field--name-body {
324 display: block;
325 border-radius: 5px;
326 width: 100%;
327 height: 0px;
328 margin-top: 0px;
329 z-index: 99;
330 position: relative;
331 background: #00000088;
332 color: white;
333 padding: 0em;
334 transition: 0.2s;
335 cursor: default;
336 overflow: hidden;
337}
338
339.ryf-list:hover .field--name-body {
340 height: 100px;
341 margin-top: -100px;
342 z-index: 99;
343 position: relative;
344 padding: 0.3em;
345 transition: 0.3s;
b4ed810a
VSB
346}
347
348.ryf-list a {
092ce192 349 color: #337AB7;
b4ed810a
VSB
350}
351
352.ryf-list a:hover {
353 color: #000;
354}
1e7a45c4 355
fd931c9b 356.ryf-list .list-inline li {
b4ed810a 357 font-size: 0.9em;
fd931c9b
VSB
358 border: 1px solid #ddd;
359 width: auto;
360 border-radius: 0.5em;
361 padding: 0.3em 0.5em;
6f2e0374
VSB
362 margin-top: 5px;
363 float: right;
b4ed810a 364}
16670121 365
489d2ac8
VSB
366.ryf-list h2 a {
367 display: inline-block;
368 height: 55px;
369 overflow: hidden;
370 position: relative;
371}
372
373.ryf-list h2 a:after {
374 content: '(...)';
375 float: right;
376 display: block;
377 position: absolute;
378 bottom:5px;
379 right: 2px;
380 font-size: 0.8em;
381}
382
fd931c9b
VSB
383.ryf-list .list-inline li:hover {
384 background: #eee;
16670121
VSB
385}
386
e3fe14a1 387@media screen and (min-width: 450px) and (max-width: 659px) {
bd3568e1 388 .ryf-list-row {
aa68642c
AE
389 max-width: 600px;
390 }
e3fe14a1
AE
391 .ryf-list {
392 max-width: 300px;
393 float: none;
394 margin: 0 auto;
395 }
396}
397@media screen and (min-width: 660px) and (max-width: 767px) {
bd3568e1 398 .ryf-list-row {
aa68642c
AE
399 max-width: 600px;
400 }
e3fe14a1
AE
401 .ryf-list-row {
402 margin: 0 auto;
403 max-width: 660px;
404 }
405 .ryf-list {
406 max-width: 300px;
407 float: left;
408 }
b9bef353 409 .auto-clear .col-xs-12:nth-child(odd){clear:left;}
e3fe14a1
AE
410}
411
fd931c9b
VSB
412@media screen and (min-width: 55em) {
413
414 .ryf-list article {
489d2ac8 415 min-height: 270px
fd931c9b
VSB
416 }
417
418}
419
16670121 420
dbd9476a
AE
421/* Vendors list */
422
5235611e 423
bd3568e1 424.vendors-list-row {
df611aac 425 padding: 10px;
00227dc4
AE
426 margin: 0 auto;
427 overflow: auto;
428}
429
dbd9476a
AE
430@media screen and (max-width: 767px) {
431 .vendors-list-row {
432 margin: 0px auto;
433 }
434
435 .vendors-list {
436 margin-bottom: 40px;
437 list-style: none;
9203a4fd
AE
438
439 overflow: auto;
dbd9476a
AE
440 }
441
442 .vendors-list .views-field-field-icon {
443 width: 220px;
444
445 margin: 0px auto 20px auto;
446 }
447
448 .vendors-list .views-field-field-icon img {
449 margin: 0 auto;
450 }
451
b766958e 452 .vendors-list .views-field-name,
3ad409a4 453 .vendors-list .views-field-field-description-summary,
b766958e 454 .vendors-list .views-field-description__value {
dbd9476a
AE
455 max-width: 300px;
456 margin: 0 auto 10px auto;
457 }
458
459 .vendors-list .views-field-name {
460 font-weight: bold;
461 font-size: 18px;
462 text-align: center;
463 }
464
465}
466
467@media screen and (min-width: 768px) {
468 .vendors-list-row {
469 width: 600px;
470 margin: 0px auto;
471 }
472
473 .vendors-list {
474 list-style: none;
475 clear: left;
9203a4fd
AE
476
477 overflow: auto;
dbd9476a
AE
478 }
479
480 .vendors-list .views-field-field-icon {
481 width: 220px;
482 height: 220px;
483
484 margin-bottom: 40px;
485
486 float: left;
487 }
488
489 .vendors-list .views-field-field-icon img {
490 margin: 0 auto;
491 }
492
b766958e 493 .vendors-list .views-field-name,
3ad409a4 494 .vendors-list .views-field-field-description-summary,
b766958e 495 .vendors-list .views-field-description__value {
dbd9476a
AE
496 margin-left: 300px;
497 }
498
499 .vendors-list .views-field-name {
500 margin-bottom: 10px;
501 font-weight: bold;
502 font-size: 18px;
503 }
504}
505
506
f39cdbbc
AE
507/* Sidebars */
508
509
510@media screen and (max-width: 767px) {
511 .path-products #block-views-block-categories-categories-block { display: none; }
512}
513
514
222cefba
AE
515/* Vendor and Category taxonomy term pages */
516
517
5df3859d
AE
518.view-taxonomy-term .view-header .field--name-field-icon img {
519 margin: 0 auto;
520}
521
522.view-filters {
523 clear: left;
524}
525
728032e9
AE
526.view-taxonomy-term .view-header .field--name-field-vendor-support-link,
527.view-taxonomy-term .view-header .field--name-field-vendor-support-email {
528 margin-top: 15px;
529}
530
222cefba 531@media screen and (max-width: 559px) {
c71d4a08 532 .view-taxonomy-term.view-display-id-taxonomy_term_vendor .view-header {
222cefba 533 margin: 0 auto 40px auto;
222cefba
AE
534 overflow: auto;
535 }
536
537 .view-taxonomy-term .view-header .field--name-field-icon {
538 margin: 0 auto 20px auto;
539 width: 220px;
540 }
541
728032e9 542 .view-taxonomy-term .view-header .field--name-description,
3ad409a4 543 .view-taxonomy-term .view-header .field--name-field-description-summary,
bcb5e2c7 544 .view-taxonomy-term .view-header .field--name-field-vendor-website,
728032e9
AE
545 .view-taxonomy-term .view-header .field--name-field-vendor-support-link,
546 .view-taxonomy-term .view-header .field--name-field-vendor-support-email {
222cefba 547 max-width: 360px;
728032e9 548 margin: 15px auto 0 auto;
222cefba
AE
549 padding: 0 10px;
550 }
551
222cefba
AE
552}
553
5df3859d 554@media screen and (min-width: 560px) {
c71d4a08 555 .view-taxonomy-term.view-display-id-taxonomy_term_vendor .view-header {
222cefba 556 margin: 0 0 40px 0;
222cefba
AE
557 overflow: auto;
558 }
559
560 .view-taxonomy-term .view-header .field--name-field-icon {
561 width: 220px;
222cefba
AE
562 float: left;
563 }
564
728032e9 565 .view-taxonomy-term .view-header .field--name-description,
3ad409a4 566 .view-taxonomy-term .view-header .field--name-field-description-summary,
bcb5e2c7 567 .view-taxonomy-term .view-header .field--name-field-vendor-website,
728032e9
AE
568 .view-taxonomy-term .view-header .field--name-field-vendor-support-link,
569 .view-taxonomy-term .view-header .field--name-field-vendor-support-email {
222cefba
AE
570 margin-left: 260px;
571 }
572
222cefba
AE
573}
574
575@media screen and (min-width: 768px) {
576 .view-taxonomy-term .view-header {
300bf8f5 577 max-width: 700px;
222cefba
AE
578 }
579}
580
581
4d7da022
AE
582/* Product */
583
5235611e 584
d679ca4e
AE
585@media screen and (max-width: 767px) {
586 .page-node-type-product .product {
587 max-width: 382px;
588 margin: 0 auto;
589 }
590}
591
21d9e444
AE
592@media screen and (min-width: 768px) and (max-width: 991px) {
593 .page-node-type-product .product {
594 width: 700px;
595 margin: 0 auto;
596 }
4d7da022
AE
597}
598
21d9e444
AE
599@media screen and (min-width: 992px) {
600 .page-node-type-product .product {
601 width: 800px;
602 margin: 0 auto;
603 }
604}
4d7da022 605
d679ca4e
AE
606.page-node-type-product .product .field--name-field-image {
607 padding: 10px;
4d7da022 608
d679ca4e
AE
609 border: 1px solid #888;
610 border-radius: 10px;
611}
4d7da022 612
aa0f7f3d
AE
613.page-node-type-product .product .field--name-field-image img {
614 margin: 0 auto;
615}
616
d679ca4e 617.page-node-type-product .product .field--name-field-extra-images {
a62f2ac0 618 padding: 0 11px;
d679ca4e
AE
619 display: flex;
620 align-items: center;
d679ca4e 621}
4d7da022 622
d679ca4e
AE
623.page-node-type-product .product .field--name-field-extra-images .field--item {
624 display: inline-block;
a62f2ac0 625 margin-right: 15px;
d679ca4e
AE
626 padding: 5px;
627}
a62f2ac0
AE
628.page-node-type-product .product .field--name-field-extra-images .field--item:last-child {
629 margin-right: 0;
630}
4d7da022 631
b766958e
AE
632.page-node-type-product .product .field--name-field-categories,
633.page-node-type-product .product .field--name-field-vendor {
d679ca4e
AE
634 margin: 10px 10px 20px 0px;
635 padding: 10px;
d679ca4e
AE
636}
637
433e107d
AE
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
77fcf082
AE
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
b6875de9
VSB
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}
693
28ff698e
AE
694/* product page colors */
695.page-node-type-product .product .field--name-field-image {
eee49201 696 background-color: #fff;
28ff698e
AE
697 border-color: #aaa;
698}
28ff698e 699
d679ca4e
AE
700@media screen and (max-width: 767px) {
701 .page-node-type-product .product .field--name-field-extra-images {
702 margin: 10px auto 0px auto;
21d9e444 703 }
4d7da022 704
b766958e
AE
705 .page-node-type-product .product .field--name-body,
706 .page-node-type-product .product .field--name-field-vendor-product-link,
707 .page-node-type-product .product .field--name-field-certification-details,
708 .page-node-type-product .product .field--name-field-certification-date,
709 .page-node-type-product .product .field--name-field-source-code-links {
21d9e444
AE
710 margin-bottom: 20px;
711 }
4d7da022 712
b766958e
AE
713 .page-node-type-product .product .field--name-field-categories,
714 .page-node-type-product .product .field--name-field-vendor {
9b263139 715 margin-bottom: 0px;
21d9e444 716 float: left;
21d9e444 717 }
4d7da022 718
21d9e444 719 .page-node-type-product .product .field--name-body {
9b263139 720 padding-top: 20px;
21d9e444
AE
721 clear: both;
722 }
4d7da022
AE
723}
724
21d9e444
AE
725
726@media screen and (min-width: 768px) {
727 .page-node-type-product .product .field--name-field-image {
728 width: 382px;
21d9e444 729 float: left;
21d9e444
AE
730 }
731
732 .page-node-type-product .product .field--name-field-extra-images {
733 float: left;
734 clear: left;
21d9e444 735 width: 382px;
21d9e444 736 margin-top: 10px;
21d9e444
AE
737 }
738
b766958e
AE
739 .page-node-type-product .product .field--name-body,
740 .page-node-type-product .product .field--name-field-vendor-product-link,
741 .page-node-type-product .product .field--name-field-certification-details,
742 .page-node-type-product .product .field--name-field-certification-date,
743 .page-node-type-product .product .field--name-field-source-code-links {
21d9e444
AE
744 margin-left: 400px;
745 margin-bottom: 20px;
746 }
747
748 .page-node-type-product .product .field--name-field-categories {
749 float: left;
750 clear: left;
751 }
752
753 .page-node-type-product .product .field--name-field-vendor {
754 float: left;
755 }
756
4d7da022
AE
757}
758
759
9f8b2429
AE
760/* News and Product Announcements */
761
762
763.page-node-type-product-announcement .page-header,
fa74cee2 764.page-node-type-product-announcement .tabs--primary,
9f8b2429
AE
765.page-node-type-product-announcement .region-content,
766.page-node-type-general-news-item .page-header,
fa74cee2 767.page-node-type-general-news-item .tabs--primary,
dca6d2ea
AE
768.page-node-type-general-news-item .region-content,
769.page-node-type-page .page-header,
fa74cee2 770.page-node-type-page .tabs--primary,
dca6d2ea 771.page-node-type-page .region-content,
9f8b2429 772.path-news .page-header,
fa74cee2 773.path-news .tabs--primary,
9f8b2429
AE
774.path-news .region-content {
775 max-width: 800px;
776 margin: 0 auto;
777}
778
8499d9cd
AE
779/* don't apply above max-width rule to main page */
780.path-frontpage .page-header,
fa74cee2 781.path-frontpage .tabs--primary,
8499d9cd
AE
782.path-frontpage .region-content {
783 max-width: 2000px; /* high number beyond the max */
784}
785
dca6d2ea
AE
786.page-node-type-page .page-header {
787 margin-bottom: 20px;
788}
789
e9d294a4
AE
790.path-news h2,
791.block-views-blocknews-news-block article h2 {
9f8b2429
AE
792 font-size: 25px;
793}
794
795.page-node-type-product-announcement .author,
796.page-node-type-general-news-item .author {
797 margin: 10px 0 20px 0;
798 font-style: oblique;
799}
800
801.page-node-type-product-announcement .field--name-body,
802.page-node-type-general-news-item .field--name-body {
803 margin-bottom: 20px;
804}
805
806.page-node-type-product-announcement .field--name-field-external-news-link,
807.page-node-type-general-news-item .field--name-field-external-news-link {
808 margin-bottom: 20px;
809}
810
811.page-node-type-product-announcement .field--name-field-vendor-page,
812.page-node-type-product-announcement .field--name-field-announced-products {
813 margin-bottom: 20px;
814}
815
816
41399eb4
AE
817/* Search Results */
818
819
820@media screen and (max-width: 600px) {
f12cbe51 821 .path-search .region-content > ol {
41399eb4
AE
822 width: 300px;
823 }
824}
825@media screen and (min-width: 601px) and (max-width 1000px) {
f12cbe51 826 .path-search .region-content > ol {
41399eb4
AE
827 width: 560px;
828 }
829}
830@media screen and (min-width: 1001px) {
f12cbe51 831 .path-search .region-content > ol {
41399eb4
AE
832 width: 900px;
833 }
834}
835
f12cbe51 836.path-search .region-content > ol {
41399eb4
AE
837 margin: 0 auto;
838 padding-left: 0;
839 overflow: auto;
840}
841
f12cbe51 842.path-search .region-content > ol li {
41399eb4 843 width: 280px;
59ee2942 844 height: 320px;
41399eb4
AE
845 margin: 0px auto;
846 padding: 10px;
847
848 float: left;
849
850 list-style: none;
851 overflow: hidden;
852}
853
f12cbe51 854.path-search .region-content > ol li h3 {
41399eb4
AE
855 text-align: center;
856}
857
f12cbe51 858.path-search .region-content > ol li .search-image {
59ee2942
AE
859 width: 220px;
860 height: 220px;
41399eb4
AE
861
862 margin: 0 auto;
863
864 display: flex;
865 align-items: center;
866}
867
59ee2942
AE
868.path-search .region-content > ol li p {
869 display: block;
870 width: 220px;
871 margin: 0 auto;
872}
873
f12cbe51 874.path-search .region-content > ol li img {
41399eb4
AE
875}
876
877
16670121
VSB
878/* Footer */
879
880.footer {
881 background: #333;
882 color: #FFF;
883}
884
06b1f67a
AE
885#email-signup .email-input {
886 color: #000;
887 display: block;
888 margin-bottom: 10px;
889}
890#email-signup .action-button {
891 color: #000;
892 display: block;
893}
894
06d8ab9f 895/* full page width for footer */
fd931c9b 896
c900f9d4 897.footer {
c900f9d4
AE
898 width: 100%;
899}
900
d35bbf79 901.footer a { color: #edd400; }
16670121
VSB
902
903.footer a:hover { color: #FFF; }
904
905.footer h4 { font-weight: bold; }
906
907.footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; }
908
0bd91ac3
AE
909#fsf-logo-footer { margin-bottom: 10px; }
910
18f8d3b1
AE
911@media print { #fsf-logo-footer { filter: invert(100%) } }
912