Instagram Feed - Version 2.1.3

Version Description

  • New: Added filter "sbi_settings_pages_capability" to change what permission is needed to access settings pages.
  • Tweak: Updated language files for version 2.0+.
  • Tweak: Better error messages for no posts being found and API request delays.
  • Tweak: If "Favor Local Images" setting is in use, a 640px resolution image will be created for images coming from a personal account.
  • Tweak: Better error recovery when image file not found when viewing the feed.
  • Tweak: Button and input field styling updated to look better with WordPress 5.3.
  • Fix: Accounts that were connected prior to version 1.12 would not show the follow button if the header was not also displayed. Visit the "Configure" tab to have the account automatically updated.
  • Fix: MySQL error when retrieving resized images. Thanks the-louie!
  • Fix: When using the new Twenty Twenty theme, Instagram icon in "follow" button displaying as block and causing the button text to appear on a new line.
Download this release

Release Info

Developer smashballoon
Plugin Icon 128x128 Instagram Feed
Version 2.1.3
Comparing to
See all releases

Code changes from version 2.1.2 to 2.1.3

README.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: smashballoon, craig-at-smash-balloon
3
Tags: Instagram, Instagram feed, Instagram photos, Instagram widget, Instagram gallery
4
Requires at least: 3.4
5
Tested up to: 5.3
6
- Stable tag: 2.1.2
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
@@ -324,6 +324,17 @@ We understand that sometimes you need help, have issues or just have questions.
324
* Plus more customization options added all the time!
325
326
== Changelog ==
327
= 2.1.2 =
328
* New: Added setting "API request size" on the "Customize" tab to allow requesting of more posts than are in the feed. Setting this to a high number will prevent no posts being found if you often post IG TV posts and use a personal account.
329
* Tweak: Removed width and height attributes from the image element in the feed to prevent notices about serving scaled images in optimization tools.
3
Tags: Instagram, Instagram feed, Instagram photos, Instagram widget, Instagram gallery
4
Requires at least: 3.4
5
Tested up to: 5.3
6
+ Stable tag: 2.1.3
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
324
* Plus more customization options added all the time!
325
326
== Changelog ==
327
+ = 2.1.3 =
328
+ * New: Added filter "sbi_settings_pages_capability" to change what permission is needed to access settings pages.
329
+ * Tweak: Updated language files for version 2.0+.
330
+ * Tweak: Better error messages for no posts being found and API request delays.
331
+ * Tweak: If "Favor Local Images" setting is in use, a 640px resolution image will be created for images coming from a personal account.
332
+ * Tweak: Better error recovery when image file not found when viewing the feed.
333
+ * Tweak: Button and input field styling updated to look better with WordPress 5.3.
334
+ * Fix: Accounts that were connected prior to version 1.12 would not show the follow button if the header was not also displayed. Visit the "Configure" tab to have the account automatically updated.
335
+ * Fix: MySQL error when retrieving resized images. Thanks [the-louie](https://github.com/the-louie)!
336
+ * Fix: When using the new Twenty Twenty theme, Instagram icon in "follow" button displaying as block and causing the button text to appear on a new line.
337
+
338
= 2.1.2 =
339
* New: Added setting "API request size" on the "Customize" tab to allow requesting of more posts than are in the feed. Setting this to a high number will prevent no posts being found if you often post IG TV posts and use a personal account.
340
* Tweak: Removed width and height attributes from the image element in the feed to prevent notices about serving scaled images in optimization tools.
css/sb-instagram-2-0-1.css DELETED
@@ -1,728 +0,0 @@
1
- /**************/
2
- /*** LAYOUT ***/
3
- /**************/
4
-
5
- /* Feed container */
6
- #sb_instagram {
7
- width: 100%;
8
- margin: 0 auto;
9
- padding: 0;
10
- -webkit-box-sizing: border-box;
11
- -moz-box-sizing: border-box;
12
- box-sizing: border-box;
13
- }
14
- #sb_instagram:after{
15
- content: "";
16
- display: table;
17
- clear: both;
18
- }
19
-
20
- /*********************/
21
- /*** STYLE OPTIONS ***/
22
- /*********************/
23
- #sb_instagram.sbi_fixed_height{
24
- overflow: hidden;
25
- overflow-y: auto;
26
- -webkit-box-sizing: border-box;
27
- -moz-box-sizing: border-box;
28
- box-sizing: border-box;
29
- }
30
- #sb_instagram #sbi_images{
31
- width: 100%;
32
- float: left;
33
- line-height: 0;
34
-
35
- -webkit-box-sizing: border-box;
36
- -moz-box-sizing: border-box;
37
- box-sizing: border-box;
38
- }
39
-
40
- /* Items */
41
- #sb_instagram #sbi_images .sbi_item{
42
- display: -moz-inline-stack;
43
- display: inline-block;
44
- vertical-align: top;
45
- zoom: 1;
46
- *display: inline;
47
-
48
- max-height: 1000px;
49
- padding: inherit !important;
50
- margin: 0 !important;
51
- text-decoration: none;
52
- opacity: 1;
53
- overflow: hidden;
54
-
55
- -webkit-box-sizing: border-box;
56
- -moz-box-sizing: border-box;
57
- box-sizing: border-box;
58
-
59
- -webkit-transition: all 0.5s ease;
60
- -moz-transition: all 0.5s ease;
61
- -o-transition: all 0.5s ease;
62
- -ms-transition: all 0.5s ease;
63
- transition: all 0.5s ease;
64
- }
65
- /* Transition items in */
66
- #sb_instagram #sbi_images .sbi_item.sbi_transition{
67
- opacity: 0;
68
- max-height: 0;
69
- }
70
-
71
- /* Cols */
72
- #sb_instagram.sbi_col_1 #sbi_images .sbi_item{ width: 100%; }
73
- #sb_instagram.sbi_col_2 #sbi_images .sbi_item{ width: 50%; }
74
- #sb_instagram.sbi_col_3 #sbi_images .sbi_item{ width: 33.33%; }
75
- #sb_instagram.sbi_col_4 #sbi_images .sbi_item{ width: 25%; }
76
- #sb_instagram.sbi_col_5 #sbi_images .sbi_item{ width: 20%; }
77
- #sb_instagram.sbi_col_6 #sbi_images .sbi_item{ width: 16.66%; }
78
- #sb_instagram.sbi_col_7 #sbi_images .sbi_item{ width: 14.28%; }
79
- #sb_instagram.sbi_col_8 #sbi_images .sbi_item{ width: 12.5%; }
80
- #sb_instagram.sbi_col_9 #sbi_images .sbi_item{ width: 11.11%; }
81
- #sb_instagram.sbi_col_10 #sbi_images .sbi_item{ width: 10%; }
82
-
83
- /* Disable mobile layout */
84
- #sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{ width: 100%; }
85
- #sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{ width: 50%; }
86
- #sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{ width: 33.33%; }
87
- #sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{ width: 25%; }
88
- #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{ width: 20%; }
89
- #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{ width: 16.66%; }
90
- #sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{ width: 14.28%; }
91
- #sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{ width: 12.5%; }
92
- #sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{ width: 11.11%; }
93
- #sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{ width: 10%; }
94
-
95
- /* Photos */
96
- #sb_instagram .sbi_photo_wrap{
97
- position: relative;
98
- }
99
- #sb_instagram .sbi_photo{
100
- display: block;
101
- text-decoration: none;
102
- }
103
- #sb_instagram .sbi_photo img{
104
- width: 100%;
105
- height: auto;
106
- }
107
- #sb_instagram .sbi_no_js img{
108
- display: none;
109
- }
110
- #sb_instagram a,
111
- #sb_instagram a:hover,
112
- #sb_instagram a:focus,
113
- #sb_instagram a:active{
114
- outline: none;
115
- }
116
- #sb_instagram img{
117
- display: block;
118
- padding: 0 !important;
119
- margin: 0 !important;
120
- max-width: 100% !important;
121
- opacity: 1 !important;
122
- }
123
- #sb_instagram .sbi_link{
124
- display: none;
125
- position: absolute;
126
- bottom: 0;
127
- right: 0;
128
-
129
- width: 100%;
130
- padding: 10px 0;
131
- background: rgba(0,0,0,0.5);
132
- text-align: center;
133
- color: #fff;
134
- font-size: 12px;
135
- line-height: 1.1;
136
- }
137
- #sb_instagram .sbi_link a{
138
- padding: 0 6px;
139
- text-decoration: none;
140
- color: #fff;
141
- font-size: 12px;
142
- line-height: 1.1;
143
-
144
- display: -moz-inline-stack;
145
- display: inline-block;
146
- vertical-align: top;
147
- zoom: 1;
148
- *display: inline;
149
- }
150
- #sb_instagram .sbi_link .sbi_lightbox_link{
151
- padding-bottom: 5px;
152
- }
153
- #sb_instagram .sbi_link a:hover,
154
- #sb_instagram .sbi_link a:focus{
155
- text-decoration: underline;
156
- }
157
- #sb_instagram .sbi_photo_wrap:hover .sbi_link,
158
- #sb_instagram .sbi_photo_wrap:focus .sbi_link{
159
- display: block;
160
- }
161
-
162
- /* Videos */
163
- #sb_instagram svg:not(:root).svg-inline--fa {
164
- height: 1em;
165
- }
166
-
167
- #sb_instagram .sbi_type_video .sbi_playbtn,
168
- #sb_instagram .sbi_type_carousel .sbi_playbtn,
169
- .sbi_type_carousel .fa-clone,
170
- #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
171
- #sb_instagram .sbi_type_video .svg-inline--fa.fa-play{
172
- display: block !important;
173
- position: absolute;
174
- z-index: 1;
175
-
176
- color: #fff;
177
- color: rgba(255,255,255,0.9);
178
- font-style: normal !important;
179
- text-shadow: 0 0 8px rgba(0,0,0,0.8);
180
- }
181
- #sb_instagram .sbi_type_video .sbi_playbtn,
182
- #sb_instagram .sbi_type_carousel .sbi_playbtn {
183
- z-index: 2;
184
- top: 50%;
185
- left: 50%;
186
- margin-top: -24px;
187
- margin-left: -19px;
188
- padding: 0;
189
- font-size: 48px;
190
- }
191
- #sb_instagram .sbi_type_carousel .fa-clone{
192
- right: 12px;
193
- top: 12px;
194
- font-size: 24px;
195
- text-shadow: 0 0 8px rgba(0,0,0,0.3);
196
- }
197
- .sbi_type_carousel svg.fa-clone,
198
- #sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
199
- #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play{
200
- -webkit-filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) );
201
- filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) );
202
- }
203
-
204
- /* Loader */
205
- #sb_instagram .sbi_loader{
206
- width: 20px;
207
- height: 20px;
208
-
209
- position: relative;
210
- top: 50%;
211
- left: 50%;
212
- margin: -10px 0 0 -10px;
213
- background-color: #000;
214
- background-color: rgba(0,0,0,0.5);
215
-
216
- border-radius: 100%;
217
- -webkit-animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
218
- animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
219
- }
220
- /* Loader in button */
221
- #sb_instagram #sbi_load .sbi_loader{
222
- position: absolute;
223
- margin-top: -11px;
224
- background-color: #fff;
225
- opacity: 1;
226
- }
227
- @-webkit-keyframes sbi-sk-scaleout {
228
- 0% { -webkit-transform: scale(0) }
229
- 100% {
230
- -webkit-transform: scale(1.0);
231
- opacity: 0;
232
- }
233
- }
234
- @keyframes sbi-sk-scaleout {
235
- 0% {
236
- -webkit-transform: scale(0);
237
- -ms-transform: scale(0);
238
- transform: scale(0);
239
- } 100% {
240
- -webkit-transform: scale(1.0);
241
- -ms-transform: scale(1.0);
242
- transform: scale(1.0);
243
- opacity: 0;
244
- }
245
- }
246
-
247
- #sb_instagram .fa-spin,
248
- #sbi_lightbox .fa-spin{
249
- -webkit-animation: fa-spin 2s infinite linear;
250
- animation: fa-spin 2s infinite linear
251
- }
252
-
253
- #sb_instagram .fa-pulse,
254
- #sbi_lightbox .fa-pulse{
255
- -webkit-animation: fa-spin 1s infinite steps(8);
256
- animation: fa-spin 1s infinite steps(8)
257
- }
258
-
259
- @-webkit-keyframes fa-spin {
260
- 0% {
261
- -webkit-transform: rotate(0deg);
262
- transform: rotate(0deg)
263
- }
264
- 100% {
265
- -webkit-transform: rotate(359deg);
266
- transform: rotate(359deg)
267
- }
268
- }
269
-
270
- @keyframes fa-spin {
271
- 0% {
272
- -webkit-transform: rotate(0deg);
273
- transform: rotate(0deg)
274
- }
275
- 100% {
276
- -webkit-transform: rotate(359deg);
277
- transform: rotate(359deg)
278
- }
279
- }
280
- /* Screen reader */
281
- .sbi-screenreader{text-indent: -9999px !important;display: block !important;width: 0 !important;height: 0 !important;line-height: 0 !important;}
282
-
283
- /* HEADER */
284
- #sb_instagram .sb_instagram_header{
285
- float: left;
286
- clear: both;
287
- margin: 0 0 15px 0;
288
- padding: 0;
289
- line-height: 1.2;
290
- width: 100%;
291
- }
292
- #sb_instagram .sb_instagram_header a{
293
- float: left;
294
- display: block;
295
- /*width: 100%;*/
296
- min-width: 100%\9;
297
- text-decoration: none;
298
- transition: color 0.5s ease;
299
- }
300
- /** Medium Header */
301
- /* Only use medium & large headers on devices above 480px */
302
- @media all and (min-width: 480px){
303
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img {
304
- width: 80px;
305
- height: 80px;
306
- border-radius: 40px;
307
- }
308
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img {
309
- width: 80px;
310
- height: 80px;
311
- border-radius: 40px;
312
- }
313
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3 {
314
- font-size: 20px;
315
- }
316
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
317
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{
318
- font-size: 14px;
319
- }
320
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,
321
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
322
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{
323
- margin-left: 95px !important;
324
- line-height: 1.4
325
- }
326
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{
327
- margin-right: -85px !important;
328
- }
329
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{
330
- margin-top: 4px !important;
331
- }
332
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{
333
- padding-top: 20px !important;
334
- }
335
- /** Large Header */
336
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img {
337
- width: 120px;
338
- height: 120px;
339
- border-radius: 60px;
340
- }
341
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img {
342
- width: 120px;
343
- height: 120px;
344
- border-radius: 60px;
345
- }
346
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3 {
347
- font-size: 28px;
348
- }
349
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,
350
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{
351
- font-size: 16px;
352
- }
353
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,
354
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,
355
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{
356
- margin-left: 140px !important;
357
- line-height: 1.5;
358
- }
359
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{
360
- margin-right: -120px !important;
361
- }
362
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{
363
- margin-top: 12px !important;
364
- }
365
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{
366
- padding-top: 32px !important;
367
- }
368
- }
369
-
370
- /* Header profile pic */
371
- #sb_instagram .sb_instagram_header .sbi_header_img{
372
- float: left;
373
- position: relative;
374
- width: 50px;
375
- margin: 0 0 0 -100% !important;
376
- overflow: hidden;
377
-
378
- -moz-border-radius: 40px;
379
- -webkit-border-radius: 40px;
380
- border-radius: 40px;
381
- }
382
- #sb_instagram .sb_instagram_header .sbi_header_img img{
383
- float: left;
384
- margin: 0 !important;
385
- padding: 0 !important;
386
- border: none !important;
387
-
388
- -moz-border-radius: 40px;
389
- -webkit-border-radius: 40px;
390
- border-radius: 40px;
391
- }
392
- /* Profile pic hover */
393
- /* Profile pic hover */
394
- #sb_instagram .sb_instagram_header .sbi_header_img_hover{
395
- opacity: 0;
396
- position: absolute;
397
- width: 100%;
398
- top: 0;
399
- bottom: 0;
400
- left: 0;
401
- text-align: center;
402
- color: #fff;
403
- background: rgba(0,0,0,0.75);
404
- }
405
-
406
- #sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{
407
- position: absolute;
408
- top: 50%;
409
- left: 50%;
410
- margin-top: -12px;
411
- margin-left: -12px;
412
- width: 24px;
413
- height: 24px;
414
- font-size: 24px;
415
- }
416
- #sb_instagram .sb_instagram_header .sbi_header_img_hover i {
417
- overflow: hidden;
418
- background: url('../img/small-logo.png') no-repeat 0 0;
419
- }
420
- #sb_instagram .sb_instagram_header .sbi_header_img_hover{
421
- z-index: 2;
422
- transition: opacity 0.4s ease-in-out;
423
- }
424
- #sb_instagram .sb_instagram_header .sbi_fade_in{
425
- opacity: 1;
426
- transition: opacity 0.2s ease-in-out;
427
- }
428
- #sb_instagram .sb_instagram_header .sbi_header_img_hover{
429
- position: absolute;
430
- width: 100%;
431
- top: 0;
432
- bottom: 0;
433
- left: 0;
434
- text-align: center;
435
- color: #fff;
436
- background: rgba(0,0,0,0.75);
437
-
438
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
439
- filter: alpha(opacity=0);
440
- -moz-opacity: 0;
441
- -khtml-opacity: 0;
442
- opacity: 0;
443
- border-radius: 40px;
444
- transition: opacity 0.2s;
445
- }
446
- /* Fade the Instagram icon in when hovering on the header */
447
- #sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,
448
- #sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover{
449
- opacity: 1;
450
- }
451
- /* Header text */
452
- #sb_instagram .sb_instagram_header .sbi_header_text{
453
- float: left;
454
- width: 100%;
455
- padding-top: 5px;
456
- }
457
- #sb_instagram .sb_instagram_header a{
458
- text-decoration: none;
459
- }
460
- #sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,
461
- #sb_instagram .sb_instagram_header .sbi_header_text h3{
462
- float: left;
463
- clear: both;
464
- width: auto;
465
- margin: 0 0 0 60px !important;
466
- padding: 0 !important;
467
- }
468
- #sb_instagram .sb_instagram_header h3{
469
- font-size: 16px;
470
- line-height: 1.3;
471
- }
472
- #sb_instagram .sb_instagram_header p{
473
- font-size: 13px;
474
- line-height: 1.3;
475
- }
476
- #sb_instagram .sb_instagram_header .sbi_header_text img.emoji{
477
- margin-right: 3px !important;
478
- }
479
-
480
- /* No bio */
481
- #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{
482
- padding-top: 9px !important;
483
- }
484
- #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{
485
- clear: both;
486
- }
487
-
488
-
489
- /* Buttons */
490
- #sb_instagram #sbi_load{
491
- float: left;
492
- clear: both;
493
- width: 100%;
494
- text-align: center;
495
- }
496
- #sb_instagram #sbi_load .fa-spinner{
497
- display: none;
498
- position: absolute;
499
- top: 50%;
500
- left: 50%;
501
- margin: -8px 0 0 -7px;
502
- font-size: 15px;
503
- }
504
- #sb_instagram #sbi_load{
505
- opacity: 1;
506
- transition: all 0.5s ease-in;
507
- }
508
- #sb_instagram .sbi_load_btn .sbi_btn_text, #sb_instagram .sbi_load_btn .sbi_loader{
509
- opacity: 1;
510
- transition: all 0.1s ease-in;
511
- }
512
- #sb_instagram .sbi_hidden{
513
- opacity: 0 !important;
514
- }
515
- #sb_instagram #sbi_load .sbi_load_btn,
516
- #sb_instagram .sbi_follow_btn a{
517
- display: -moz-inline-stack;
518
- display: inline-block;
519
- vertical-align: top;
520
- zoom: 1;
521
- *display: inline;
522
-
523
- padding: 7px 14px;
524
- margin: 5px auto 0 auto;
525
- background: #333;
526
- color: #eee;
527
- border: none;
528
- color: #fff;
529
- text-decoration: none;
530
- font-size: 13px;
531
- line-height: 1.5;
532
-
533
- -moz-border-radius: 4px;
534
- -webkit-border-radius: 4px;
535
- border-radius: 4px;
536
-
537
- -webkit-box-sizing: border-box;
538
- -moz-box-sizing: border-box;
539
- box-sizing: border-box;
540
- }
541
- #sb_instagram #sbi_load .sbi_load_btn {
542
- position: relative;
543
- }
544
- /* Follow button */
545
- #sb_instagram .sbi_follow_btn{
546
- display: -moz-inline-stack;
547
- display: inline-block;
548
- vertical-align: top;
549
- zoom: 1;
550
- *display: inline;
551
- text-align: center;
552
- }
553
- #sb_instagram .sbi_follow_btn.sbi_top{
554
- display: block;
555
- margin-bottom: 5px;
556
- }
557
- #sb_instagram .sbi_follow_btn a{
558
- background: #408bd1;
559
- color: #fff;
560
- }
561
- #sb_instagram .sbi_follow_btn a,
562
- #sb_instagram .sbi_follow_btn a,
563
- #sb_instagram #sbi_load .sbi_load_btn{
564
- transition: all 0.1s ease-in;
565
- }
566
- /* Hover state for default colors */
567
- #sb_instagram #sbi_load .sbi_load_btn:hover{
568
- outline: none;
569
- box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.25);
570
- }
571
- #sb_instagram .sbi_follow_btn a:hover,
572
- #sb_instagram .sbi_follow_btn a:focus{
573
- outline: none;
574
- box-shadow: inset 0 0 10px 20px #359dff;
575
- }
576
- /* If a custom color is applied then just use opacity for the hover effect */
577
- #sb_instagram .sbi_follow_btn.sbi_custom a:hover,
578
- #sb_instagram .sbi_follow_btn.sbi_custom a:focus,
579
- #sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover{
580
- box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.15);
581
- }
582
- /* Active state */
583
- #sb_instagram .sbi_follow_btn a:active,
584
- #sb_instagram #sbi_load .sbi_load_btn:active{
585
- box-shadow: inset 0 0 10px 20px rgba(0,0,0,0.3);
586
- }
587
-
588
- #sb_instagram .sbi_follow_btn .fa,
589
- #sb_instagram .sbi_follow_btn svg{
590
- margin-bottom: -1px;
591
- margin-right: 7px;
592
- font-size: 15px;
593
- }
594
- #sb_instagram .sbi_follow_btn svg{
595
- vertical-align: -.125em;
596
- }
597
- #sb_instagram #sbi_load .sbi_follow_btn{
598
- margin-left: 5px;
599
- }
600
-
601
- /* Error messages */
602
- #sb_instagram .sb_instagram_error{
603
- width: 100%;
604
- text-align: center;
605
- line-height: 1.4;
606
- }
607
-
608
- /* Mod only error msgs */
609
- #sbi_mod_error{
610
- display: none;
611
- border: 1px solid #ddd;
612
- background: #eee;
613
- color: #333;
614
- margin: 10px 0 0;
615
- padding: 10px 15px;
616
- font-size: 13px;
617
- text-align: center;
618
- clear: both;
619
-
620
- -moz-border-radius: 4px;
621
- -webkit-border-radius: 4px;
622
- border-radius: 4px;
623
- }
624
- #sbi_mod_error p{
625
- padding: 5px 0 !important;
626
- margin: 0 !important;
627
- line-height: 1.3 !important;
628
- }
629
- #sbi_mod_error ol,
630
- #sbi_mod_error ul{
631
- padding: 5px 0 5px 20px !important;
632
- margin: 0 !important;
633
- }
634
- #sbi_mod_error li{
635
- padding: 1px 0 !important;
636
- margin: 0 !important;
637
- }
638
- #sbi_mod_error span{
639
- font-size: 12px;
640
- }
641
-
642
- /* Medium */
643
- #sb_instagram.sbi_medium .sbi_playbtn,
644
- #sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{
645
- margin-top: -12px;
646
- margin-left: -9px;
647
- font-size: 23px;
648
- }
649
- #sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{
650
- right: 8px;
651
- top: 8px;
652
- font-size: 18px;
653
- }
654
- /* Small */
655
- #sb_instagram.sbi_small .sbi_playbtn,
656
- #sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play{
657
- margin-top: -9px;
658
- margin-left: -7px;
659
- font-size: 18px;
660
- }
661
- #sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{
662
- right: 5px;
663
- top: 5px;
664
- font-size: 12px;
665
- }
666
-
667
- /* Media queries */
668
- @media all and (max-width: 640px){
669
- /* Make 3-6 cols into 2 col */
670
- #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
671
- #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
672
- #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
673
- #sb_instagram.sbi_col_6 #sbi_images .sbi_item{
674
- width: 50%;
675
- }
676
- /* Make 7-10 cols into 4 col */
677
- #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
678
- #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
679
- #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
680
- #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
681
- width: 25%;
682
- }
683
- /* On mobile make the min-width 100% */
684
- #sb_instagram.sbi_width_resp{
685
- width: 100% !important;
686
- }
687
- }
688
- @media all and (max-width: 480px){
689
- /* Make all cols into 1 col */
690
- #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
691
- #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
692
- #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
693
- #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
694
- #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
695
- #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
696
- #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
697
- #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
698
- width: 100%;
699
- }
700
- }
701
-
702
- /* NO JS */
703
- #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{
704
- box-sizing: border-box;
705
- position: relative;
706
- overflow: hidden;
707
- }
708
- #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before {
709
- content: "";
710
- display: block;
711
- padding-top: 100%;
712
- z-index: -300;
713
- }
714
- #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo {
715
- position: absolute;
716
- top: 0;
717
- left: 0;
718
- bottom: 0;
719
- right: 0;
720
- }
721
- #sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition {
722
- opacity: 1;
723
- max-height: 640px;
724
- }
725
- #sb_instagram.sbi_no_js .sbi_photo img,
726
- #sb_instagram.sbi_no_js .sbi_load_btn{
727
- display: none;
728
- }
css/sb-instagram-2-0-1.min.css DELETED
@@ -1 +0,0 @@
1
- #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) );filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) )}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1s infinite ease-in-out;animation:sbi-sk-scaleout 1s infinite ease-in-out}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;text-decoration:none;transition:color .5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity .2s}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all .5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all .1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all .1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram .sbi_follow_btn.sbi_custom a:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}
css/sb-instagram-2-0-2.css DELETED
@@ -1,740 +0,0 @@
1
- /**************/
2
- /*** LAYOUT ***/
3
- /**************/
4
-
5
- /* Feed container */
6
- #sb_instagram {
7
- width: 100%;
8
- margin: 0 auto;
9
- padding: 0;
10
- -webkit-box-sizing: border-box;
11
- -moz-box-sizing: border-box;
12
- box-sizing: border-box;
13
- }
14
- #sb_instagram:after{
15
- content: "";
16
- display: table;
17
- clear: both;
18
- }
19
-
20
- /*********************/
21
- /*** STYLE OPTIONS ***/
22
- /*********************/
23
- #sb_instagram.sbi_fixed_height{
24
- overflow: hidden;
25
- overflow-y: auto;
26
- -webkit-box-sizing: border-box;
27
- -moz-box-sizing: border-box;
28
- box-sizing: border-box;
29
- }
30
- #sb_instagram #sbi_images{
31
- width: 100%;
32
- float: left;
33
- line-height: 0;
34
-
35
- -webkit-box-sizing: border-box;
36
- -moz-box-sizing: border-box;
37
- box-sizing: border-box;
38
- }
39
-
40
- /* Items */
41
- #sb_instagram #sbi_images .sbi_item{
42
- display: -moz-inline-stack;
43
- display: inline-block;
44
- float: left;
45
- vertical-align: top;
46
- zoom: 1;
47
- *display: inline;
48
-
49
- max-height: 1000px;
50
- padding: inherit !important;
51
- margin: 0 !important;
52
- text-decoration: none;
53
- opacity: 1;
54
- overflow: hidden;
55
-
56
- -webkit-box-sizing: border-box;
57
- -moz-box-sizing: border-box;
58
- box-sizing: border-box;
59
-
60
- -webkit-transition: all 0.5s ease;
61
- -moz-transition: all 0.5s ease;
62
- -o-transition: all 0.5s ease;
63
- -ms-transition: all 0.5s ease;
64
- transition: all 0.5s ease;
65
- }
66
- /* Transition items in */
67
- #sb_instagram #sbi_images .sbi_item.sbi_transition{
68
- opacity: 0;
69
- max-height: 0;
70
- }
71
-
72
- /* Cols */
73
- #sb_instagram.sbi_col_1 #sbi_images .sbi_item{ width: 100%; }
74
- #sb_instagram.sbi_col_2 #sbi_images .sbi_item{ width: 50%; }
75
- #sb_instagram.sbi_col_3 #sbi_images .sbi_item{ width: 33.33%; }
76
- #sb_instagram.sbi_col_4 #sbi_images .sbi_item{ width: 25%; }
77
- #sb_instagram.sbi_col_5 #sbi_images .sbi_item{ width: 20%; }
78
- #sb_instagram.sbi_col_6 #sbi_images .sbi_item{ width: 16.66%; }
79
- #sb_instagram.sbi_col_7 #sbi_images .sbi_item{ width: 14.28%; }
80
- #sb_instagram.sbi_col_8 #sbi_images .sbi_item{ width: 12.5%; }
81
- #sb_instagram.sbi_col_9 #sbi_images .sbi_item{ width: 11.11%; }
82
- #sb_instagram.sbi_col_10 #sbi_images .sbi_item{ width: 10%; }
83
-
84
- /* Disable mobile layout */
85
- #sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{ width: 100%; }
86
- #sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{ width: 50%; }
87
- #sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{ width: 33.33%; }
88
- #sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{ width: 25%; }
89
- #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{ width: 20%; }
90
- #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{ width: 16.66%; }
91
- #sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{ width: 14.28%; }
92
- #sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{ width: 12.5%; }
93
- #sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{ width: 11.11%; }
94
- #sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{ width: 10%; }
95
-
96
- /* Photos */
97
- #sb_instagram .sbi_photo_wrap{
98
- position: relative;
99
- }
100
- #sb_instagram .sbi_photo{
101
- display: block;
102
- text-decoration: none;
103
- }
104
- #sb_instagram .sbi_photo img{
105
- width: 100%;
106
- height: auto;
107
- }
108
- #sb_instagram .sbi_no_js img{
109
- display: none;
110
- }
111
- #sb_instagram a,
112
- #sb_instagram a:hover,
113
- #sb_instagram a:focus,
114
- #sb_instagram a:active{
115
- outline: none;
116
- }
117
- #sb_instagram img{
118
- display: block;
119
- padding: 0 !important;
120
- margin: 0 !important;
121
- max-width: 100% !important;
122
- opacity: 1 !important;
123
- }
124
- #sb_instagram .sbi_link{
125
- display: none;
126
- position: absolute;
127
- bottom: 0;
128
- right: 0;
129
-
130
- width: 100%;
131
- padding: 10px 0;
132
- background: rgba(0,0,0,0.5);
133
- text-align: center;
134
- color: #fff;
135
- font-size: 12px;
136
- line-height: 1.1;
137
- }
138
- #sb_instagram .sbi_link a{
139
- padding: 0 6px;
140
- text-decoration: none;
141
- color: #fff;
142
- font-size: 12px;
143
- line-height: 1.1;
144
-
145
- display: -moz-inline-stack;
146
- display: inline-block;
147
- vertical-align: top;
148
- zoom: 1;
149
- *display: inline;
150
- }
151
- #sb_instagram .sbi_link .sbi_lightbox_link{
152
- padding-bottom: 5px;
153
- }
154
- #sb_instagram .sbi_link a:hover,
155
- #sb_instagram .sbi_link a:focus{
156
- text-decoration: underline;
157
- }
158
- #sb_instagram .sbi_photo_wrap:hover .sbi_link,
159
- #sb_instagram .sbi_photo_wrap:focus .sbi_link{
160
- display: block;
161
- }
162
-
163
- /* Videos */
164
- #sb_instagram svg:not(:root).svg-inline--fa {
165
- height: 1em;
166
- }
167
-
168
- #sb_instagram .sbi_type_video .sbi_playbtn,
169
- #sb_instagram .sbi_type_carousel .sbi_playbtn,
170
- .sbi_type_carousel .fa-clone,
171
- #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
172
- #sb_instagram .sbi_type_video .svg-inline--fa.fa-play{
173
- display: block !important;
174
- position: absolute;
175
- z-index: 1;
176
-
177
- color: #fff;
178
- color: rgba(255,255,255,0.9);
179
- font-style: normal !important;
180
- text-shadow: 0 0 8px rgba(0,0,0,0.8);
181
- }
182
- #sb_instagram .sbi_type_video .sbi_playbtn,
183
- #sb_instagram .sbi_type_carousel .sbi_playbtn {
184
- z-index: 2;
185
- top: 50%;
186
- left: 50%;
187
- margin-top: -24px;
188
- margin-left: -19px;
189
- padding: 0;
190
- font-size: 48px;
191
- }
192
- #sb_instagram .sbi_type_carousel .fa-clone{
193
- right: 12px;
194
- top: 12px;
195
- font-size: 24px;
196
- text-shadow: 0 0 8px rgba(0,0,0,0.3);
197
- }
198
- .sbi_type_carousel svg.fa-clone,
199
- #sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
200
- #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play{
201
- -webkit-filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) );
202
- filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) );
203
- }
204
-
205
- /* Loader */
206
- #sb_instagram .sbi_loader{
207
- width: 20px;
208
- height: 20px;
209
-
210
- position: relative;
211
- top: 50%;
212
- left: 50%;
213
- margin: -10px 0 0 -10px;
214
- background-color: #000;
215
- background-color: rgba(0,0,0,0.5);
216
-
217
- border-radius: 100%;
218
- -webkit-animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
219
- animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
220
- }
221
- #sb_instagram br {
222
- display: none;
223
- }
224
- #sbi_load p {
225
- display: inline;
226
- padding: 0;
227
- margin: 0;
228
- }
229
- /* Loader in button */
230
- #sb_instagram #sbi_load .sbi_loader{
231
- position: absolute;
232
- margin-top: -11px;
233
- background-color: #fff;
234
- opacity: 1;
235
- }
236
- @-webkit-keyframes sbi-sk-scaleout {
237
- 0% { -webkit-transform: scale(0) }
238
- 100% {
239
- -webkit-transform: scale(1.0);
240
- opacity: 0;
241
- }
242
- }
243
- @keyframes sbi-sk-scaleout {
244
- 0% {
245
- -webkit-transform: scale(0);
246
- -ms-transform: scale(0);
247
- transform: scale(0);
248
- } 100% {
249
- -webkit-transform: scale(1.0);
250
- -ms-transform: scale(1.0);
251
- transform: scale(1.0);
252
- opacity: 0;
253
- }
254
- }
255
-
256
- #sb_instagram .fa-spin,
257
- #sbi_lightbox .fa-spin{
258
- -webkit-animation: fa-spin 2s infinite linear;
259
- animation: fa-spin 2s infinite linear
260
- }
261
-
262
- #sb_instagram .fa-pulse,
263
- #sbi_lightbox .fa-pulse{
264
- -webkit-animation: fa-spin 1s infinite steps(8);
265
- animation: fa-spin 1s infinite steps(8)
266
- }
267
-
268
- @-webkit-keyframes fa-spin {
269
- 0% {
270
- -webkit-transform: rotate(0deg);
271
- transform: rotate(0deg)
272
- }
273
- 100% {
274
- -webkit-transform: rotate(359deg);
275
- transform: rotate(359deg)
276
- }
277
- }
278
-
279
- @keyframes fa-spin {
280
- 0% {
281
- -webkit-transform: rotate(0deg);
282
- transform: rotate(0deg)
283
- }
284
- 100% {
285
- -webkit-transform: rotate(359deg);
286
- transform: rotate(359deg)
287
- }
288
- }
289
- /* Screen reader */
290
- .sbi-screenreader{text-indent: -9999px !important;display: block !important;width: 0 !important;height: 0 !important;line-height: 0 !important;}
291
-
292
- /* HEADER */
293
- #sb_instagram .sb_instagram_header{
294
- float: left;
295
- clear: both;
296
- margin: 0 0 15px 0;
297
- padding: 0;
298
- line-height: 1.2;
299
- width: 100%;
300
- }
301
- #sb_instagram .sb_instagram_header a{
302
- float: left;
303
- display: block;
304
- /*width: 100%;*/
305
- min-width: 100%\9;
306
- text-decoration: none;
307
- transition: color 0.5s ease;
308
- }
309
- /** Medium Header */
310
- /* Only use medium & large headers on devices above 480px */
311
- @media all and (min-width: 480px){
312
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img {
313
- width: 80px;
314
- height: 80px;
315
- border-radius: 40px;
316
- }
317
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img {
318
- width: 80px;
319
- height: 80px;
320
- border-radius: 40px;
321
- }
322
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3 {
323
- font-size: 20px;
324
- }
325
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
326
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{
327
- font-size: 14px;
328
- }
329
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,
330
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
331
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{
332
- margin-left: 95px !important;
333
- line-height: 1.4
334
- }
335
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{
336
- margin-right: -85px !important;
337
- }
338
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{
339
- margin-top: 4px !important;
340
- }
341
- #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{
342
- padding-top: 20px !important;
343
- }
344
- /** Large Header */
345
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img {
346
- width: 120px;
347
- height: 120px;
348
- border-radius: 60px;
349
- }
350
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img {
351
- width: 120px;
352
- height: 120px;
353
- border-radius: 60px;
354
- }
355
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3 {
356
- font-size: 28px;
357
- }
358
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,
359
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{
360
- font-size: 16px;
361
- }
362
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,
363
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,
364
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{
365
- margin-left: 140px !important;
366
- line-height: 1.5;
367
- }
368
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{
369
- margin-right: -120px !important;
370
- }
371
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{
372
- margin-top: 12px !important;
373
- }
374
- #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{
375
- padding-top: 32px !important;
376
- }
377
- }
378
-
379
- /* Header profile pic */
380
- #sb_instagram .sb_instagram_header .sbi_header_img{
381
- float: left;
382
- position: relative;
383
- width: 50px;
384
- margin: 0 0 0 -100% !important;
385
- overflow: hidden;
386
-
387
- -moz-border-radius: 40px;
388
- -webkit-border-radius: 40px;
389
- border-radius: 40px;
390
- }
391
- #sb_instagram .sb_instagram_header .sbi_header_img img{
392
- float: left;
393
- margin: 0 !important;
394
- padding: 0 !important;
395
- border: none !important;
396
-
397
- -moz-border-radius: 40px;
398
- -webkit-border-radius: 40px;
399
- border-radius: 40px;
400
- }
401
- /* Profile pic hover */
402
- /* Profile pic hover */
403
- #sb_instagram .sb_instagram_header .sbi_header_img_hover{
404
- opacity: 0;
405
- position: absolute;
406
- width: 100%;
407
- top: 0;
408
- bottom: 0;
409
- left: 0;
410
- text-align: center;
411
- color: #fff;
412
- background: rgba(0,0,0,0.75);
413
- }
414
-
415
- #sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{
416
- position: absolute;
417
- top: 50%;
418
- left: 50%;
419
- margin-top: -12px;
420
- margin-left: -12px;
421
- width: 24px;
422
- height: 24px;
423
- font-size: 24px;
424
- }
425
- #sb_instagram .sb_instagram_header .sbi_header_img_hover i {
426
- overflow: hidden;
427
- background: url('../img/small-logo.png') no-repeat 0 0;
428
- }
429
- #sb_instagram .sb_instagram_header .sbi_header_img_hover{
430
- z-index: 2;
431
- transition: opacity 0.4s ease-in-out;
432
- }
433
- #sb_instagram .sb_instagram_header .sbi_fade_in{
434
- opacity: 1;
435
- transition: opacity 0.2s ease-in-out;
436
- }
437
- #sb_instagram .sb_instagram_header .sbi_header_img_hover{
438
- position: absolute;
439
- width: 100%;
440
- top: 0;
441
- bottom: 0;
442
- left: 0;
443
- text-align: center;
444
- color: #fff;
445
- background: rgba(0,0,0,0.75);
446
-
447
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
448
- filter: alpha(opacity=0);
449
- -moz-opacity: 0;
450
- -khtml-opacity: 0;
451
- opacity: 0;
452
- border-radius: 40px;
453
- transition: opacity 0.2s;
454
- }
455
- /* Fade the Instagram icon in when hovering on the header */
456
- #sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,
457
- #sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover{
458
- opacity: 1;
459
- }
460
- /* Header text */
461
- #sb_instagram .sb_instagram_header .sbi_header_text{
462
- float: left;
463
- width: 100%;
464
- padding-top: 5px;
465
- }
466
- #sb_instagram .sb_instagram_header a{
467
- text-decoration: none;
468
- }
469
- #sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,
470
- #sb_instagram .sb_instagram_header .sbi_header_text h3{
471
- float: left;
472
- clear: both;
473
- width: auto;
474
- margin: 0 0 0 60px !important;
475
- padding: 0 !important;
476
- }
477
- #sb_instagram .sb_instagram_header h3{
478
- font-size: 16px;
479
- line-height: 1.3;
480
- }
481
- #sb_instagram .sb_instagram_header p{
482
- font-size: 13px;
483
- line-height: 1.3;
484
- margin: 0;
485
- padding: 0;
486
- }
487
- #sb_instagram p:empty { display: none; }
488
- #sb_instagram .sb_instagram_header .sbi_header_text img.emoji{
489
- margin-right: 3px !important;
490
- }
491
-
492
- /* No bio */
493
- #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{
494
- padding-top: 9px !important;
495
- }
496
- #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{
497
- clear: both;
498
- }
499
-
500
-
501
- /* Buttons */
502
- #sb_instagram #sbi_load{
503
- float: left;
504
- clear: both;
505
- width: 100%;
506
- text-align: center;
507
- }
508
- #sb_instagram #sbi_load .fa-spinner{
509
- display: none;
510
- position: absolute;
511
- top: 50%;
512
- left: 50%;
513
- margin: -8px 0 0 -7px;
514
- font-size: 15px;
515
- }
516
- #sb_instagram #sbi_load{
517
- opacity: 1;
518
- transition: all 0.5s ease-in;
519
- }
520
- #sb_instagram .sbi_load_btn .sbi_btn_text, #sb_instagram .sbi_load_btn .sbi_loader{
521
- opacity: 1;
522
- transition: all 0.1s ease-in;
523
- }
524
- #sb_instagram .sbi_hidden{
525
- opacity: 0 !important;
526
- }
527
- #sb_instagram #sbi_load .sbi_load_btn,
528
- #sb_instagram .sbi_follow_btn a{
529
- display: -moz-inline-stack;
530
- display: inline-block;
531
- vertical-align: top;
532
- zoom: 1;
533
- *display: inline;
534
-
535
- padding: 7px 14px;
536
- margin: 5px auto 0 auto;
537
- background: #333;
538
- color: #eee;
539
- border: none;
540
- color: #fff;
541
- text-decoration: none;
542
- font-size: 13px;
543
- line-height: 1.5;
544
-
545
- -moz-border-radius: 4px;
546
- -webkit-border-radius: 4px;
547
- border-radius: 4px;
548
-
549
- -webkit-box-sizing: border-box;
550
- -moz-box-sizing: border-box;
551
- box-sizing: border-box;
552
- }
553
- #sb_instagram #sbi_load .sbi_load_btn {
554
- position: relative;
555
- }
556
- /* Follow button */
557
- #sb_instagram .sbi_follow_btn{
558
- display: -moz-inline-stack;
559
- display: inline-block;
560
- vertical-align: top;
561
- zoom: 1;
562
- *display: inline;
563
- text-align: center;
564
- }
565
- #sb_instagram .sbi_follow_btn.sbi_top{
566
- display: block;
567
- margin-bottom: 5px;
568
- }
569
- #sb_instagram .sbi_follow_btn a{
570
- background: #408bd1;
571
- color: #fff;
572
- }
573
- #sb_instagram .sbi_follow_btn a,
574
- #sb_instagram .sbi_follow_btn a,
575
- #sb_instagram #sbi_load .sbi_load_btn{
576
- transition: all 0.1s ease-in;
577
- }
578
- /* Hover state for default colors */
579
- #sb_instagram #sbi_load .sbi_load_btn:hover{
580
- outline: none;
581
- box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.25);
582
- }
583
- #sb_instagram .sbi_follow_btn a:hover,
584
- #sb_instagram .sbi_follow_btn a:focus{
585
- outline: none;
586
- box-shadow: inset 0 0 10px 20px #359dff;
587
- }
588
- /* If a custom color is applied then just use opacity for the hover effect */
589
- #sb_instagram .sbi_follow_btn.sbi_custom a:hover,
590
- #sb_instagram .sbi_follow_btn.sbi_custom a:focus,
591
- #sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover{
592
- box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.15);
593
- }
594
- /* Active state */
595
- #sb_instagram .sbi_follow_btn a:active,
596
- #sb_instagram #sbi_load .sbi_load_btn:active{
597
- box-shadow: inset 0 0 10px 20px rgba(0,0,0,0.3);
598
- }
599
-
600
- #sb_instagram .sbi_follow_btn .fa,
601
- #sb_instagram .sbi_follow_btn svg{
602
- margin-bottom: -1px;
603
- margin-right: 7px;
604
- font-size: 15px;
605
- }
606
- #sb_instagram .sbi_follow_btn svg{
607
- vertical-align: -.125em;
608
- }
609
- #sb_instagram #sbi_load .sbi_follow_btn{
610
- margin-left: 5px;
611
- }
612
-
613
- /* Error messages */
614
- #sb_instagram .sb_instagram_error{
615
- width: 100%;
616
- text-align: center;
617
- line-height: 1.4;
618
- }
619
-
620
- /* Mod only error msgs */
621
- #sbi_mod_error{
622
- display: none;
623
- border: 1px solid #ddd;
624
- background: #eee;
625
- color: #333;
626
- margin: 10px 0 0;
627
- padding: 10px 15px;
628
- font-size: 13px;
629
- text-align: center;
630
- clear: both;
631
-
632
- -moz-border-radius: 4px;
633
- -webkit-border-radius: 4px;
634
- border-radius: 4px;
635
- }
636
- #sbi_mod_error p{
637
- padding: 5px 0 !important;
638
- margin: 0 !important;
639
- line-height: 1.3 !important;
640
- }
641
- #sbi_mod_error ol,
642
- #sbi_mod_error ul{
643
- padding: 5px 0 5px 20px !important;
644
- margin: 0 !important;
645
- }
646
- #sbi_mod_error li{
647
- padding: 1px 0 !important;
648
- margin: 0 !important;
649
- }
650
- #sbi_mod_error span{
651
- font-size: 12px;
652
- }
653
-
654
- /* Medium */
655
- #sb_instagram.sbi_medium .sbi_playbtn,
656
- #sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{
657
- margin-top: -12px;
658
- margin-left: -9px;
659
- font-size: 23px;
660
- }
661
- #sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{
662
- right: 8px;
663
- top: 8px;
664
- font-size: 18px;
665
- }
666
- /* Small */
667
- #sb_instagram.sbi_small .sbi_playbtn,
668
- #sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play{
669
- margin-top: -9px;
670
- margin-left: -7px;
671
- font-size: 18px;
672
- }
673
- #sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{
674
- right: 5px;
675
- top: 5px;
676
- font-size: 12px;
677
- }
678
-
679
- /* Media queries */
680
- @media all and (max-width: 640px){
681
- /* Make 3-6 cols into 2 col */
682
- #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
683
- #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
684
- #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
685
- #sb_instagram.sbi_col_6 #sbi_images .sbi_item{
686
- width: 50%;
687
- }
688
- /* Make 7-10 cols into 4 col */
689
- #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
690
- #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
691
- #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
692
- #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
693
- width: 25%;
694
- }
695
- /* On mobile make the min-width 100% */
696
- #sb_instagram.sbi_width_resp{
697
- width: 100% !important;
698
- }
699
- }
700
- @media all and (max-width: 480px){
701
- /* Make all cols into 1 col */
702
- #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
703
- #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
704
- #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
705
- #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
706
- #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
707
- #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
708
- #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
709
- #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
710
- width: 100%;
711
- }
712
- }
713
-
714
- /* NO JS */
715
- #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{
716
- box-sizing: border-box;
717
- position: relative;
718
- overflow: hidden;
719
- }
720
- #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before {
721
- content: "";
722
- display: block;
723
- padding-top: 100%;
724
- z-index: -300;
725
- }
726
- #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo {
727
- position: absolute;
728
- top: 0;
729
- left: 0;
730
- bottom: 0;
731
- right: 0;
732
- }
733
- #sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition {
734
- opacity: 1;
735
- max-height: 640px;
736
- }
737
- #sb_instagram.sbi_no_js .sbi_photo img,
738
- #sb_instagram.sbi_no_js .sbi_load_btn{
739
- display: none;
740
- }
css/sb-instagram-2-0-2.min.css DELETED
@@ -1 +0,0 @@
1
- #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;float:left;vertical-align:top;zoom:1;*display:inline;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:hover,#sb_instagram a:focus,#sb_instagram a:active{outline:none}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:hover,#sb_instagram .sbi_link a:focus{text-decoration:underline}#sb_instagram .sbi_photo_wrap:hover .sbi_link,#sb_instagram .sbi_photo_wrap:focus .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em}#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_carousel .sbi_playbtn,.sbi_type_carousel .fa-clone,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_carousel .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}.sbi_type_carousel svg.fa-clone,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4));filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1.0s infinite ease-in-out;animation:sbi-sk-scaleout 1.0s infinite ease-in-out}#sb_instagram br{display:none}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;min-width:100%\9;text-decoration:none;transition:color 0.5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity 0.4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity 0.2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity 0.2s}#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all 0.5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all 0.1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram .sbi_follow_btn a,#sb_instagram .sbi_follow_btn a,#sb_instagram #sbi_load .sbi_load_btn{transition:all 0.1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:none;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:hover,#sb_instagram .sbi_follow_btn a:focus{outline:none;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram .sbi_follow_btn.sbi_custom a:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram .sbi_follow_btn a:active,#sb_instagram #sbi_load .sbi_load_btn:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_playbtn,#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_playbtn,#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item,#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item,#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_photo img,#sb_instagram.sbi_no_js .sbi_load_btn{display:none}
css/sb-instagram-2-1.css CHANGED
@@ -163,6 +163,7 @@
163
/* Videos */
164
#sb_instagram svg:not(:root).svg-inline--fa {
165
height: 1em;
166
}
167
168
#sb_instagram .sbi_type_video .sbi_playbtn,
163
/* Videos */
164
#sb_instagram svg:not(:root).svg-inline--fa {
165
height: 1em;
166
+ display: inline-block;
167
}
168
169
#sb_instagram .sbi_type_video .sbi_playbtn,
css/sb-instagram-2-1.min.css CHANGED
@@ -1 +1 @@
1
- #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;float:left;vertical-align:top;zoom:1;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) );filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) )}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1s infinite ease-in-out;animation:sbi-sk-scaleout 1s infinite ease-in-out}#sb_instagram br{display:none}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;text-decoration:none;transition:color .5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity .2s}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all .5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all .1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all .1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram .sbi_follow_btn.sbi_custom a:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}
1
+ #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;float:left;vertical-align:top;zoom:1;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em;display:inline-block}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) );filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) )}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1s infinite ease-in-out;animation:sbi-sk-scaleout 1s infinite ease-in-out}#sb_instagram br{display:none}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;text-decoration:none;transition:color .5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity .2s}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all .5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all .1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all .1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram .sbi_follow_btn.sbi_custom a:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}
css/sb-instagram-admin.css CHANGED
@@ -661,11 +661,11 @@
661
#sbi_admin .sbi_ca_actions a.button-secondary,
662
#sbi_admin .sbi_ca_accesstoken a.sbi_ca_token_shortcode {
663
font-size: 12px;
664
- padding: 6px;
665
height: auto;
666
- line-height: 1;
667
margin: 7px 5px 0 0;
668
- vertical-align: top;
669
}
670
#sbi_admin .sbi_ca_at_is_valid {
671
margin-top: 10px;
@@ -734,7 +734,6 @@
734
}
735
#sbi_admin .sbi_ca_token{
736
position: relative;
737
- top: 1px;
738
padding: 3px 10px;
739
border: 1px solid #d6d6d6;
740
border-left: none;
@@ -744,6 +743,8 @@
744
width: 510px;
745
display: inline-block;
746
margin-left: 0;
747
}
748
#sbi_admin .sbi_ca_accesstoken a.sbi_ca_token_shortcode{
749
margin-top: 0;
661
#sbi_admin .sbi_ca_actions a.button-secondary,
662
#sbi_admin .sbi_ca_accesstoken a.sbi_ca_token_shortcode {
663
font-size: 12px;
664
+ padding: 4px 6px;
665
height: auto;
666
+ line-height: 1.4;
667
margin: 7px 5px 0 0;
668
+ min-height: 1px;
669
}
670
#sbi_admin .sbi_ca_at_is_valid {
671
margin-top: 10px;
734
}
735
#sbi_admin .sbi_ca_token{
736
position: relative;
737
padding: 3px 10px;
738
border: 1px solid #d6d6d6;
739
border-left: none;
743
width: 510px;
744
display: inline-block;
745
margin-left: 0;
746
+ min-height: 1px;
747
+ line-height: 1.4;
748
}
749
#sbi_admin .sbi_ca_accesstoken a.sbi_ca_token_shortcode{
750
margin-top: 0;
css/sb-instagram.css CHANGED
@@ -163,6 +163,7 @@
163
/* Videos */
164
#sb_instagram svg:not(:root).svg-inline--fa {
165
height: 1em;
166
}
167
168
#sb_instagram .sbi_type_video .sbi_playbtn,
163
/* Videos */
164
#sb_instagram svg:not(:root).svg-inline--fa {
165
height: 1em;
166
+ display: inline-block;
167
}
168
169
#sb_instagram .sbi_type_video .sbi_playbtn,
css/sb-instagram.min.css CHANGED
@@ -1 +1 @@
1
- #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;float:left;vertical-align:top;zoom:1;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) );filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) )}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1s infinite ease-in-out;animation:sbi-sk-scaleout 1s infinite ease-in-out}#sb_instagram br{display:none}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;text-decoration:none;transition:color .5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity .2s}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all .5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all .1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all .1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram .sbi_follow_btn.sbi_custom a:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}
1
+ #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;float:left;vertical-align:top;zoom:1;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em;display:inline-block}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) );filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) )}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1s infinite ease-in-out;animation:sbi-sk-scaleout 1s infinite ease-in-out}#sb_instagram br{display:none}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;text-decoration:none;transition:color .5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity .2s}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all .5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all .1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all .1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram .sbi_follow_btn.sbi_custom a:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}
inc/admin/actions.php CHANGED
@@ -107,7 +107,6 @@ function sbi_auto_save_tokens() {
107
add_action( 'wp_ajax_sbi_auto_save_tokens', 'sbi_auto_save_tokens' );
108
109
function sbi_delete_local_avatar( $username ) {
110
- var_dump( 'deleting' );
111
$upload = wp_upload_dir();
112
113
$image_files = glob( trailingslashit( $upload['basedir'] ) . trailingslashit( SBI_UPLOADS_NAME ) . $username . '.jpg' ); // get all matching images
107
add_action( 'wp_ajax_sbi_auto_save_tokens', 'sbi_auto_save_tokens' );
108
109
function sbi_delete_local_avatar( $username ) {
110
$upload = wp_upload_dir();
111
112
$image_files = glob( trailingslashit( $upload['basedir'] ) . trailingslashit( SBI_UPLOADS_NAME ) . $username . '.jpg' ); // get all matching images
inc/admin/main.php CHANGED
@@ -9,6 +9,8 @@ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
9
function sb_instagram_menu() {
10
$cap = current_user_can( 'manage_instagram_feed_options' ) ? 'manage_instagram_feed_options' : 'manage_options';
11
12
add_menu_page(
13
__( 'Instagram Feed', 'instagram-feed' ),
14
__( 'Instagram Feed', 'instagram-feed' ),
@@ -461,17 +463,36 @@ function sb_instagram_settings_page() {
461
<?php else: ?>
462
<?php foreach ( $connected_accounts as $account ) :
463
$username = $account['username'] ? $account['username'] : $account['user_id'];
464
- if ( isset( $account['local_avatar'] ) && $account['local_avatar'] && isset( $options['sb_instagram_favor_local'] ) && $options['sb_instagram_favor_local' ] === 'on' ) {
465
- $upload = wp_upload_dir();
466
- $resized_url = trailingslashit( $upload['baseurl'] ) . trailingslashit( SBI_UPLOADS_NAME );
467
- $profile_picture = '<img class="sbi_ca_avatar" src="'.$resized_url . $account['username'].'.jpg" />'; //Could add placeholder avatar image
468
- } else {
469
- $profile_picture = $account['profile_picture'] ? '<img class="sbi_ca_avatar" src="'.$account['profile_picture'].'" />' : ''; //Could add placeholder avatar image
470
- }
471
$access_token_expired = (in_array( $account['access_token'], $expired_tokens, true ) || in_array( sbi_maybe_clean( $account['access_token'] ), $expired_tokens, true ));
472
$is_invalid_class = ! $account['is_valid'] || $access_token_expired ? ' sbi_account_invalid' : '';
473
$in_user_feed = in_array( $account['user_id'], $user_feed_ids, true );
474
- $account_type = isset( $account['type'] ) ? $account['type'] : 'personal';
475
476
?>
477
<div class="sbi_connected_account<?php echo $is_invalid_class; ?><?php if ( $in_user_feed ) echo ' sbi_account_active' ?> sbi_account_type_<?php echo $account_type; ?>" id="sbi_connected_account_<?php echo esc_attr( $account['user_id'] ); ?>" data-accesstoken="<?php echo esc_attr( $account['access_token'] ); ?>" data-userid="<?php echo esc_attr( $account['user_id'] ); ?>" data-username="<?php echo esc_attr( $account['username'] ); ?>" data-type="<?php echo esc_attr( $account_type ); ?>">
9
function sb_instagram_menu() {
10
$cap = current_user_can( 'manage_instagram_feed_options' ) ? 'manage_instagram_feed_options' : 'manage_options';
11
12
+ $cap = apply_filters( 'sbi_settings_pages_capability', $cap );
13
+
14
add_menu_page(
15
__( 'Instagram Feed', 'instagram-feed' ),
16
__( 'Instagram Feed', 'instagram-feed' ),
463
<?php else: ?>
464
<?php foreach ( $connected_accounts as $account ) :
465
$username = $account['username'] ? $account['username'] : $account['user_id'];
466
+ if ( isset( $account['local_avatar'] ) && $account['local_avatar'] && isset( $options['sb_instagram_favor_local'] ) && $options['sb_instagram_favor_local' ] === 'on' ) {
467
+ $upload = wp_upload_dir();
468
+ $resized_url = trailingslashit( $upload['baseurl'] ) . trailingslashit( SBI_UPLOADS_NAME );
469
+ $profile_picture = '<img class="sbi_ca_avatar" src="'.$resized_url . $account['username'].'.jpg" />'; //Could add placeholder avatar image
470
+ } else {
471
+ $profile_picture = $account['profile_picture'] ? '<img class="sbi_ca_avatar" src="'.$account['profile_picture'].'" />' : ''; //Could add placeholder avatar image
472
+ }
473
+ $account_type = isset( $account['type'] ) ? $account['type'] : 'personal';
474
+
475
+ if ( empty( $profile_picture ) && $account_type === 'personal' ) {
476
+ $account_update = sbi_account_data_for_token( $account['access_token'] );
477
+ if ( isset( $account['is_valid'] ) ) {
478
+ $split = explode( '.', $account['access_token'] );
479
+ $connected_accounts[ $split[0] ] = array(
480
+ 'access_token' => $account['access_token'],
481
+ 'user_id' => $split[0],
482
+ 'username' => $account_update['username'],
483
+ 'is_valid' => true,
484
+ 'last_checked' => time(),
485
+ 'profile_picture' => $account_update['profile_picture']
486
+ );
487
+ $sbi_options = get_option( 'sb_instagram_settings', array() );
488
+ $sbi_options['connected_accounts'] = $connected_accounts;
489
+ update_option( 'sb_instagram_settings', $sbi_options );
490
+ }
491
+ }
492
+
493
$access_token_expired = (in_array( $account['access_token'], $expired_tokens, true ) || in_array( sbi_maybe_clean( $account['access_token'] ), $expired_tokens, true ));
494
$is_invalid_class = ! $account['is_valid'] || $access_token_expired ? ' sbi_account_invalid' : '';
495
$in_user_feed = in_array( $account['user_id'], $user_feed_ids, true );
496
497
?>
498
<div class="sbi_connected_account<?php echo $is_invalid_class; ?><?php if ( $in_user_feed ) echo ' sbi_account_active' ?> sbi_account_type_<?php echo $account_type; ?>" id="sbi_connected_account_<?php echo esc_attr( $account['user_id'] ); ?>" data-accesstoken="<?php echo esc_attr( $account['access_token'] ); ?>" data-userid="<?php echo esc_attr( $account['user_id'] ); ?>" data-username="<?php echo esc_attr( $account['username'] ); ?>" data-type="<?php echo esc_attr( $account_type ); ?>">
inc/class-sb-instagram-api-connect.php CHANGED
@@ -178,6 +178,8 @@ class SB_Instagram_API_Connect
178
179
$error_time = 300;
180
if ( isset( $response['meta']['error_type'] ) ) {
181
if ( $response['meta']['error_type'] === 'OAuthAccessTokenException' ) {
182
$options = get_option( 'sb_instagram_settings', array() );
183
@@ -212,6 +214,8 @@ class SB_Instagram_API_Connect
212
$sb_instagram_posts_manager->add_frontend_error( $response['meta']['error_type'], $error );
213
}
214
} elseif ( isset( $response['error']['message'] ) ) {
215
if ( (int)$response['error']['code'] === 18 ) {
216
$options = get_option( 'sb_instagram_settings', array() );
217
178
179
$error_time = 300;
180
if ( isset( $response['meta']['error_type'] ) ) {
181
+ $sb_instagram_posts_manager->add_error( 'api', array( 'Error connecting', sprintf( __( 'API error %s:', 'instagram-feed'), $response['meta']['code'] ) . ' ' . $response['meta']['error_message'] ) );
182
+
183
if ( $response['meta']['error_type'] === 'OAuthAccessTokenException' ) {
184
$options = get_option( 'sb_instagram_settings', array() );
185
214
$sb_instagram_posts_manager->add_frontend_error( $response['meta']['error_type'], $error );
215
}
216
} elseif ( isset( $response['error']['message'] ) ) {
217
+ $sb_instagram_posts_manager->add_error( 'api', array( 'Error connecting', sprintf( __( 'API error %s:', 'instagram-feed'), $response['error']['code'] ) . ' ' . $response['error']['message'] ) );
218
+
219
if ( (int)$response['error']['code'] === 18 ) {
220
$options = get_option( 'sb_instagram_settings', array() );
221
inc/class-sb-instagram-cron-updater.php CHANGED
@@ -100,6 +100,8 @@ class SB_Instagram_Cron_Updater
100
* @param bool $include_resize whether or not to resize images during the update since
101
* images can also be resized with an ajax call when the feed is viewed on the frontend
102
*
103
* @since 2.0/5.0
104
*/
105
public static function do_single_feed_cron_update( $instagram_feed_settings, $feed_data, $atts, $include_resize = true ) {
@@ -133,11 +135,23 @@ class SB_Instagram_Cron_Updater
133
$post_data = $instagram_feed->get_post_data();
134
$post_data = array_slice( $post_data, 0, $settings['num'] );
135
136
- $post_set = new SB_Instagram_Post_Set( $post_data, $transient_name );
137
138
$post_set->maybe_save_update_and_resize_images_for_posts();
139
}
140
141
}
142
143
/**
100
* @param bool $include_resize whether or not to resize images during the update since
101
* images can also be resized with an ajax call when the feed is viewed on the frontend
102
*
103
+ * @return object
104
+ *
105
* @since 2.0/5.0
106
*/
107
public static function do_single_feed_cron_update( $instagram_feed_settings, $feed_data, $atts, $include_resize = true ) {
135
$post_data = $instagram_feed->get_post_data();
136
$post_data = array_slice( $post_data, 0, $settings['num'] );
137
138
+ if ( $settings['favor_local'] ) {
139
+ $image_sizes = array(
140
+ 'personal' => array( 'full' => 640, 'low' => 320 ),
141
+ 'business' => array( 'full' => 640, 'low' => 320 )
142
+ );
143
+ } else {
144
+ $image_sizes = array(
145
+ 'personal' => array( 'low' => 320 ),
146
+ 'business' => array( 'full' => 640, 'low' => 320 )
147
+ );
148
+ }
149
+ $post_set = new SB_Instagram_Post_Set( $post_data, $transient_name, NULL, $image_sizes );
150
151
$post_set->maybe_save_update_and_resize_images_for_posts();
152
}
153
154
+ return $instagram_feed;
155
}
156
157
/**
inc/class-sb-instagram-display-elements.php CHANGED
@@ -77,7 +77,10 @@ class SB_Instagram_Display_Elements
77
if ( $settings['imageres'] !== 'thumb' && ! empty( $resized_images ) ) {
78
$resolution = $settings['imageres'];
79
$post_id = SB_Instagram_Parse::get_post_id( $post );
80
- if ( isset( $resized_images[ $post_id ] ) ) {
81
if ( $resolution === 'medium' ) {
82
if ( isset( $resized_images[ $post_id ]['sizes']['low'] ) ) {
83
$suffix = 'low';
@@ -118,7 +121,10 @@ class SB_Instagram_Display_Elements
118
$post_id = SB_Instagram_Parse::get_post_id( $post );
119
120
// use resized images if exists
121
- if ( $optimum_res === 'full' && isset( $resized_images[ $post_id ]['id'] ) && $resized_images[ $post_id ]['id'] !== 'pending' && $resized_images[ $post_id ]['id'] !== 'video' ) {
122
$media_url = sbi_get_resized_uploads_url() . $resized_images[ $post_id ]['id'] . 'full.jpg';
123
} else {
124
$permalink = SB_Instagram_Parse::get_permalink( $post );
77
if ( $settings['imageres'] !== 'thumb' && ! empty( $resized_images ) ) {
78
$resolution = $settings['imageres'];
79
$post_id = SB_Instagram_Parse::get_post_id( $post );
80
+ if ( isset( $resized_images[ $post_id ] )
81
+ && $resized_images[ $post_id ]['id'] !== 'error'
82
+ && $resized_images[ $post_id ]['id'] !== 'pending'
83
+ && $resized_images[ $post_id ]['id'] !== 'video' ) {
84
if ( $resolution === 'medium' ) {
85
if ( isset( $resized_images[ $post_id ]['sizes']['low'] ) ) {
86
$suffix = 'low';
121
$post_id = SB_Instagram_Parse::get_post_id( $post );
122
123
// use resized images if exists
124
+ if ( $optimum_res === 'full' && isset( $resized_images[ $post_id ]['id'] )
125
+ && $resized_images[ $post_id ]['id'] !== 'pending'
126
+ && $resized_images[ $post_id ]['id'] !== 'video'
127
+ && $resized_images[ $post_id ]['id'] !== 'error' ) {
128
$media_url = sbi_get_resized_uploads_url() . $resized_images[ $post_id ]['id'] . 'full.jpg';
129
} else {
130
$permalink = SB_Instagram_Parse::get_permalink( $post );
inc/class-sb-instagram-feed.php CHANGED
@@ -92,6 +92,13 @@ class SB_Instagram_Feed
92
*/
93
private $resized_images;
94
95
/**
96
* SB_Instagram_Feed constructor.
97
*
@@ -122,6 +129,8 @@ class SB_Instagram_Feed
122
$this->report = array();
123
124
$this->resized_images = array();
125
}
126
127
/**
@@ -377,7 +386,7 @@ class SB_Instagram_Feed
377
if ( is_array( $num_or_array_of_ids ) ) {
378
$ids = $num_or_array_of_ids;
379
380
- $id_string = '"' . implode( '","', $ids ) . '"';
381
$results = $wpdb->get_results( $wpdb->prepare( "
382
SELECT p.media_id, p.instagram_id, p.aspect_ratio, p.sizes
383
FROM $posts_table_name AS p
@@ -534,6 +543,7 @@ class SB_Instagram_Feed
534
);
535
536
$one_successful_connection = false;
537
$next_page_found = false;
538
$one_api_request_delayed = false;
539
@@ -571,6 +581,8 @@ class SB_Instagram_Feed
571
}
572
573
if ( isset( $data[0]['id'] ) ) {
574
$post_set = $this->filter_posts( $data, $settings );
575
576
$new_post_sets[] = $post_set;
@@ -613,6 +625,7 @@ class SB_Instagram_Feed
613
$one_successful_connection = true;
614
$data = $connection->get_data();
615
if ( isset( $data[0]['id'] ) ) {
616
$post_set = $this->filter_posts( $data, $settings );
617
$new_post_sets[] = $post_set;
618
}
@@ -658,8 +671,18 @@ class SB_Instagram_Feed
658
659
$this->add_report( 'delaying API request for ' . $term . ' - ' . $type );
660
661
- $error = '<p><b>' . sprintf( __( 'Error: API requests are being delayed for this account.', 'instagram-feed' ), $connected_account_for_term['username'] ) . ' ' . __( 'New posts will not be retrieved.', 'instagram-feed' ) . '</b>';
662
- $error .= '<p>' . __( 'There may be an issue with the Instagram Access Token that you are using. Your server might also be unable to connect to Instagram at this time.', 'instagram-feed' );
663
664
$sb_instagram_posts_manager->add_frontend_error( 'at_' . $connected_account_for_term['username'], $error );
665
}
@@ -676,6 +699,8 @@ class SB_Instagram_Feed
676
677
if ( ! empty( $this->post_data ) && is_array( $this->post_data ) ) {
678
$posts = array_merge( $this->post_data, $posts );
679
}
680
681
$this->post_data = $posts;
@@ -882,10 +907,7 @@ class SB_Instagram_Feed
882
global $sb_instagram_posts_manager;
883
884
if ( empty( $this->post_data ) && ! empty( $connected_accounts_for_feed ) ) {