appscms-tools-theme 4.0.2 → 4.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/_data/about/en/about.json +16 -16
  3. data/_data/blog/nav.json +13 -13
  4. data/_data/blog/relatedblogs.json +6932 -6932
  5. data/_data/download/en/download.json +73 -73
  6. data/_data/feature/en/3_shop_posters.json +361 -361
  7. data/_data/feature/en/allele-frequency.json +321 -321
  8. data/_data/feature/en/batch-conversion.json +153 -153
  9. data/_data/feature/en/compress-pdf.json +308 -308
  10. data/_data/feature/en/devtools.json +299 -299
  11. data/_data/feature/en/face-detection.json +123 -123
  12. data/_data/feature/en/split-pdf.json +176 -176
  13. data/_data/feature/en/theframe.json +126 -126
  14. data/_data/feature/hi/compress-pdf.json +162 -162
  15. data/_data/feature/tr/compress-pdf.json +161 -161
  16. data/_data/footer/en/data.json +167 -167
  17. data/_data/header/en/data.json +174 -174
  18. data/_data/home/en/en.json +381 -381
  19. data/_data/home/en/photoeffects.json +97 -97
  20. data/_data/home/en/posters.json +322 -322
  21. data/_data/home-1/en/en.json +308 -308
  22. data/_includes/appscms/customblog/pageRelatedPosts.html +84 -84
  23. data/_includes/appscms/customblog/recentposts.html +67 -67
  24. data/_includes/appscms/customblog/relatedBlogs.html +83 -83
  25. data/_includes/appscms/customblog/relatedposts.html +196 -200
  26. data/_includes/appscms/extras/appscms-postbox.html +65 -0
  27. data/_includes/appscms/featurePageAuthors/featurePageAuthors.html +97 -97
  28. data/_includes/appscms/featurehighlight/featurehighlight.html +1 -1
  29. data/_includes/appscms/head/bloghead.html +238 -238
  30. data/_includes/appscms/infographics/infographics.html +109 -109
  31. data/_includes/appscms/recent-posts/recent_posts.html +92 -90
  32. data/_includes/appscms/recent-posts/related_categories_post.html +198 -198
  33. data/_includes/author_bio.html +41 -41
  34. data/_includes/authorpagehead/index.html +47 -47
  35. data/_includes/authors/authors.html +117 -117
  36. data/_includes/batch-conversion.html +141 -141
  37. data/_includes/cssfile/links.html +54 -54
  38. data/_includes/custom-head.html +138 -138
  39. data/_includes/customCode.html +1 -1
  40. data/_includes/customScripts.html +1 -1
  41. data/_includes/customblog/pageRelatedPosts.html +87 -87
  42. data/_includes/customblog/relatedBlogs.html +86 -86
  43. data/_includes/dropdown/langdropdown.html +32 -32
  44. data/_includes/feature.html +39 -39
  45. data/_includes/featurePageAuthors/featurePageAuthors.html +97 -97
  46. data/_includes/footer/index.html +538 -538
  47. data/_includes/google-analytics.html +32 -32
  48. data/_includes/head/index.html +623 -623
  49. data/_includes/header/blogHeader.html +34 -34
  50. data/_includes/header/index.html +192 -192
  51. data/_includes/infographics/infographics.html +230 -230
  52. data/_includes/paginationBlogPage.html +70 -70
  53. data/_includes/script.html +557 -557
  54. data/_includes/share/socialshare.html +21 -21
  55. data/_includes/userTracking.html +43 -43
  56. data/_layouts/aboutUs.html +98 -98
  57. data/_layouts/allAuthors.html +131 -131
  58. data/_layouts/appscms-about.html +163 -163
  59. data/_layouts/appscms-audio.html +33 -33
  60. data/_layouts/appscms-author.html +408 -408
  61. data/_layouts/appscms-authors.html +132 -132
  62. data/_layouts/appscms-calculator.html +93 -93
  63. data/_layouts/appscms-categories.html +26 -0
  64. data/_layouts/appscms-contact.html +132 -132
  65. data/_layouts/appscms-disclaimer.html +124 -124
  66. data/_layouts/appscms-download.html +289 -289
  67. data/_layouts/appscms-feature-result.html +94 -94
  68. data/_layouts/appscms-help.html +25 -25
  69. data/_layouts/appscms-imagekit.html +113 -113
  70. data/_layouts/appscms-post.html +243 -243
  71. data/_layouts/appscms-privacy-policy.html +781 -781
  72. data/_layouts/appscms-terms-and-conditions.html +646 -646
  73. data/_layouts/appscms-video.html +33 -33
  74. data/_layouts/audio.html +33 -33
  75. data/_layouts/author.html +408 -408
  76. data/_layouts/batch.html +177 -177
  77. data/_layouts/blog.html +131 -131
  78. data/_layouts/calculator.html +99 -99
  79. data/_layouts/devtools.html +57 -57
  80. data/_layouts/feature-1.html +406 -406
  81. data/_layouts/feature.html +434 -434
  82. data/_layouts/featureResultPage.html +80 -80
  83. data/_layouts/frame.html +222 -222
  84. data/_layouts/home.html +300 -300
  85. data/_layouts/imagekit.html +303 -303
  86. data/_layouts/photo-effects-home.html +190 -190
  87. data/_layouts/post.html +233 -233
  88. data/assets/app.js +75 -75
  89. data/assets/css/appscms-blog.css +500 -500
  90. data/assets/css/appscms-home.css +5 -5
  91. data/assets/css/appscms-imagekit.css +854 -854
  92. data/assets/css/appscms-variables.css +18 -18
  93. data/assets/css/blog.css +509 -509
  94. data/assets/css/calculators.css +46 -46
  95. data/assets/css/devtools.css +105 -105
  96. data/assets/css/feature-1.css +293 -293
  97. data/assets/css/imagekit copy.css +848 -848
  98. data/assets/css/tools.css +1817 -1817
  99. data/assets/images/digipaint.svg +6 -6
  100. data/assets/images/logo.svg +2 -2
  101. data/assets/images/manthink.svg +3552 -3552
  102. data/assets/js/batch.js +256 -256
  103. data/assets/js/devtools.js +81 -81
  104. data/assets/js/sharePage.js +65 -65
  105. data/assets/js/usageTracking.js +143 -143
  106. data/assets/js/usageTrackingEvents.js +6 -6
  107. metadata +4 -2
data/assets/css/blog.css CHANGED
@@ -1,509 +1,509 @@
1
- /**********************************************/
2
- /***************BLOG-CSS-STYLING *************/
3
-
4
- /********************************************/
5
-
6
- html {
7
- scroll-behavior: smooth;
8
- font-size: 62.5%;
9
- }
10
- body {
11
- font-family: "Open Sans", sans-serif !important;
12
- }
13
- a {
14
- text-decoration: none !important;
15
- }
16
- img {
17
- width: 100%;
18
- }
19
-
20
- .section_post {
21
- margin-top: 100px;
22
- }
23
-
24
- /* logo styling */
25
- .logo {
26
- width: 50px;
27
- border-radius: 50%;
28
- }
29
-
30
- header {
31
- width: 100%;
32
- position: relative;
33
- }
34
- .navbar {
35
- width: 100%;
36
- padding: 1.2rem 9% !important;
37
- position: fixed;
38
- top: 0;
39
- left: 0;
40
- z-index: 999;
41
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
42
- }
43
- .navbar-nav {
44
- align-items: center;
45
- }
46
- .navbar-brand {
47
- font-size: 2.2rem;
48
- color: var(--txtColor) !important;
49
- font-weight: 900;
50
- }
51
- .navbar-brand-image {
52
- width: 80%;
53
- display: inline-block;
54
- max-width: 40px;
55
- }
56
- .navbar-dark .navbar-toggler {
57
- outline: none !important;
58
- }
59
- .navbar-nav .nav-item {
60
- padding: 0 10px;
61
- }
62
- .navbar-nav .nav-link:hover {
63
- color: var(--txtColor) !important;
64
- transition: all 0.2s linear;
65
- -webkit-transition: all 0.2s linear;
66
- -moz-transition: all 0.2s linear;
67
- }
68
- .nav-link {
69
- text-decoration: none !important;
70
- font-size: 16px;
71
- color: gray !important;
72
- }
73
- /* close */
74
-
75
- /* blogs-card title, content styling */
76
- .anchor_link {
77
- text-decoration: none !important;
78
- color: #343a40 !important;
79
- }
80
- .anchor_link:hover {
81
- transition: all 0.5s linear;
82
- color: #000 !important;
83
- }
84
- .anchor_link .card-title {
85
- font-weight: 600;
86
- font-size: 22px;
87
- line-height: 1.3;
88
- }
89
- .text_size {
90
- color: rgba(0, 0, 0, 0.44);
91
- font-size: 15px;
92
- line-height: 1.6;
93
- font-weight: 400;
94
- }
95
- /* close */
96
-
97
- /* Blog-card-footer styling */
98
- .card-footer {
99
- border: none;
100
- }
101
- .wrapfooter {
102
- display: flex;
103
- align-items: center;
104
- margin-bottom: 15px;
105
- }
106
- .wrapfooter img {
107
- width: 35px;
108
- height: 35px;
109
- border-radius: 50%;
110
- }
111
- .wrapfooter .author-meta {
112
- flex: 1 1 auto;
113
- padding: 0 15px;
114
- }
115
- .wrapfooter .author-meta a {
116
- font-size: 15px;
117
- color: #000;
118
- text-transform: capitalize;
119
- }
120
- .wrapfooter .span.post-read-more {
121
- align-items: center;
122
- display: inline-block;
123
- margin-top: 8px;
124
- }
125
- .post-date {
126
- color: rgba(0, 0, 0, 0.44);
127
- font-size: 13px;
128
- }
129
- /* close */
130
-
131
- /* BLOG-Categories stlying */
132
- .explore {
133
- color: #fff;
134
- margin-bottom: 100px;
135
- margin-top: 60px;
136
- width: 100%;
137
- background: repeating-linear-gradient(
138
- 45deg,
139
- rgb(27, 27, 27) 0px,
140
- rgb(27, 27, 27) 97px,
141
- rgb(24, 24, 24) 97px,
142
- rgb(24, 24, 24) 194px,
143
- rgb(20, 20, 20) 194px,
144
- rgb(20, 20, 20) 291px
145
- );
146
- height: 250px;
147
- align-items: center;
148
- display: flex;
149
- justify-content: space-around;
150
- }
151
- .explore ul {
152
- display: flex;
153
- list-style: none;
154
- flex-wrap: wrap;
155
- }
156
- .cat {
157
- display: inline-block;
158
- padding: 5px 10px;
159
- text-decoration: none !important;
160
- color: #000 !important;
161
- font-weight: 600;
162
- font-size: 12px;
163
- background: #fff;
164
- border-radius: 15px;
165
- margin: 0 15px;
166
- }
167
- /* close */
168
-
169
- /* BLOG-alertbar stlying */
170
- .alertbar {
171
- box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
172
- position: fixed;
173
- bottom: 0;
174
- left: 0;
175
- background-color: #fff;
176
- width: 100%;
177
- padding: 14px 0;
178
- z-index: 1;
179
- }
180
- .alertbar form {
181
- display: inline-block;
182
- }
183
- .alertbar input[type="email"] {
184
- font-size: 0.85rem;
185
- padding: 3px 40px 3px 10px;
186
- border-top-left-radius: 3px;
187
- border-bottom-left-radius: 3px;
188
- border: 1px solid #ddd;
189
- border-right: 0;
190
- margin-right: -10px;
191
- height: 34px;
192
- letter-spacing: 0.5px;
193
- margin-left: 5px;
194
- outline: 0;
195
- }
196
- .alertbar input[type="submit"] {
197
- background-color: #1c9963;
198
- border: 1px solid #1c9963;
199
- color: #fff;
200
- fill: #fff;
201
- font-size: 12px;
202
- border-radius: 0;
203
- padding: 4px 10px;
204
- border-top-right-radius: 3px;
205
- border-bottom-right-radius: 3px;
206
- font-weight: 600;
207
- height: 34px;
208
- letter-spacing: 0.5px;
209
- cursor: pointer;
210
- }
211
- /* close */
212
-
213
- /* Blog-Pages-Pagination stlying*/
214
- .blog-pagination a,
215
- .blog-pagination span {
216
- padding: 7px 10px;
217
- margin-left: -2px;
218
- margin-right: -2px;
219
- background-color: #ffffff;
220
- display: inline-block;
221
- text-decoration: none;
222
- }
223
-
224
- .blog-pagination a:hover {
225
- background-color: #f1f1f1;
226
- color: #333;
227
- }
228
-
229
- .blog-pagination {
230
- text-align: center;
231
- font-size: 14px;
232
- }
233
-
234
- /* BLOG-Categories-PAGes styling */
235
- .section-title h2 {
236
- border-bottom: 1px solid rgba(0, 0, 0, 0.125);
237
- font-weight: 700;
238
- font-size: 1.5rem;
239
- margin-bottom: 27px;
240
- }
241
- .section-title span {
242
- border-bottom: 1px solid rgba(0, 0, 0, 0.44);
243
- display: inline-block;
244
- padding-bottom: 20px;
245
- margin-bottom: -1px;
246
- }
247
-
248
- /***************************************************************/
249
- /********************** post-layouts-styling *******************/
250
- /***************************************************************/
251
-
252
- /* left-sidebar-social-styling */
253
- .post-content {
254
- font-size: 20px;
255
- }
256
-
257
- /*.socialIons {
258
- position: sticky;
259
- top: 100px;
260
- }*/
261
-
262
- .socialIons > .item-lists2 {
263
- display: flex;
264
- flex-direction: row;
265
- width: 100%;
266
- }
267
- .socialIons > .item-lists2 > li:nth-child(1) {
268
- margin: 0;
269
- }
270
-
271
- .socialIons > .item-lists2 > li {
272
- list-style: none;
273
- padding: 8px 0px;
274
- margin: 0 auto;
275
- }
276
- .socialIons .item-lists2 li a {
277
- color: rgba(95, 21, 21, 0.44);
278
- fill: rgba(0, 0, 0, 0.44);
279
- font-size: 15px;
280
- cursor: pointer;
281
- text-decoration: none !important;
282
- }
283
- .socialIons > .item-lists2 > li i {
284
- font-size: 18px;
285
- color: rgba(0, 0, 0, 0.44);
286
- fill: rgba(0, 0, 0, 0.44);
287
- }
288
- .sep {
289
- height: 1px;
290
- width: 20px;
291
- background: #999;
292
- margin: 3px auto;
293
- }
294
- .comments-count {
295
- margin: 18px 25px;
296
- text-align: center;
297
- }
298
- .comment_count {
299
- font-size: 12px;
300
- color: rgba(95, 21, 21, 0.44) !important;
301
- fill: rgba(0, 0, 0, 0.44);
302
- text-decoration: none !important;
303
- }
304
- /* close */
305
-
306
- /* right-sidebar-styling-starts */
307
- /* author bio styling.. */
308
- .author_image .author-thumb {
309
- width: 60px;
310
- height: 60px;
311
- object-fit: cover;
312
- }
313
- .author-meta .postName {
314
- font-size: 18px !important;
315
- color: rgba(0, 0, 0, 0.8) !important;
316
- text-decoration: none !important;
317
- font-family: "Merriweather", serif;
318
- }
319
- .btn_follow {
320
- margin-left: 5px;
321
- margin-bottom: 10px;
322
- border-color: #02b875;
323
- color: #1c9963 !important;
324
- padding: 3px 10px;
325
- text-align: center;
326
- border-radius: 999em;
327
- font-size: 1.5rem;
328
- display: inline-block;
329
- border: 1px solid;
330
- }
331
- .author_bio {
332
- font-family: "Merriweather", serif;
333
- color: rgba(0, 0, 0, 0.44);
334
- font-size: 13px;
335
- line-height: 20px;
336
- }
337
- /* close */
338
-
339
- /* pagination-styling-postpages */
340
- .pointerup i.fa {
341
- color: #eaeaea;
342
- }
343
- .pointerup {
344
- margin-bottom: -9px;
345
- margin-left: 49%;
346
- font-size: 30px;
347
- }
348
- .bottompagination span.navigation {
349
- display: block;
350
- font-size: 0.93rem;
351
- padding: 15px 0 0 0;
352
- text-align: center;
353
- margin-bottom: 0rem;
354
- color: #999;
355
- border-top: 1px solid #ddd;
356
- }
357
- .pagination {
358
- display: -ms-flexbox;
359
- display: flex;
360
- padding-left: 0;
361
- list-style: none;
362
- border-radius: 0.25rem;
363
- display: block;
364
- color: green;
365
- font-size: 15px;
366
- margin-bottom: 30px;
367
- }
368
- .pageUrl {
369
- color: green;
370
- font-size: 12px;
371
- font-weight: 900;
372
- text-decoration: none;
373
- margin-right: 10px;
374
- }
375
- .pageUrl:hover {
376
- text-decoration: none;
377
- color: green;
378
- }
379
- .lunrsearchresult {
380
- font-size: 15px;
381
- }
382
- .lunrsearchresult .title {
383
- color: #d9230f;
384
- }
385
- .lunrsearchresult .url {
386
- color: silver;
387
- }
388
- .lunrsearchresult a {
389
- display: block;
390
- color: #777;
391
- }
392
-
393
- .lunrsearchresult:hover,
394
- .lunrsearchresult:focus {
395
- text-decoration: none;
396
- }
397
-
398
- .lunrsearchresult:hover .title {
399
- text-decoration: underline;
400
- }
401
-
402
- .close {
403
- float: right;
404
- font-size: 2rem;
405
- font-weight: 700;
406
- line-height: 1;
407
- color: #000;
408
- text-shadow: 0 1px 0 #fff;
409
- opacity: 0.5;
410
- border: none;
411
- background: transparent;
412
- }
413
- .close:focus {
414
- outline: none !important;
415
- }
416
-
417
- /* recent post heading stlye */
418
- .recent_post_heading {
419
- width: 100%;
420
- font-size: 46px;
421
- text-align: left;
422
- font-weight: 800;
423
- font-stretch: normal;
424
- font-style: normal;
425
- line-height: 1.24;
426
- letter-spacing: normal;
427
- color: rgb(17, 48, 78);
428
- margin-bottom: 45px;
429
- padding-top: 75px;
430
- display: inline-block;
431
- }
432
-
433
- @media (max-width: 768px) {
434
- .bd-search {
435
- padding: 10px 25px;
436
- }
437
- .socialIons > .item-lists2 {
438
- justify-content: center;
439
- }
440
- .socialIons > .item-lists2 {
441
- flex-direction: row;
442
- align-items: center;
443
- }
444
- .socialIons > .item-lists2 > li {
445
- padding-right: 30px;
446
- margin: 0;
447
- }
448
- }
449
-
450
- @media (max-width: 768px) {
451
- .navbar-nav {
452
- align-items: unset;
453
- }
454
- .nav-item {
455
- padding: 0 !important;
456
- }
457
-
458
- .sep {
459
- margin: 0;
460
- }
461
- .author-meta {
462
- padding-left: 15px;
463
- }
464
- .comments-count {
465
- margin: 18px 0;
466
- text-align: left;
467
- }
468
-
469
- .navbar {
470
- padding-left: 7% !important;
471
- padding-right: 7% !important;
472
- }
473
- .title,
474
- .description {
475
- width: 100% !important;
476
- text-align: center;
477
- }
478
- .angle-arrow {
479
- position: fixed;
480
- bottom: 4px;
481
- right: 32px;
482
- top: auto;
483
- z-index: 999;
484
- }
485
- .alertbar form {
486
- display: block;
487
- margin-top: 10px;
488
- }
489
- .small_description {
490
- font-size: 25px;
491
- }
492
- }
493
-
494
- .appscms-sidebar-right,
495
- .appscms-sidebar-left {
496
- min-width: 200px;
497
- max-width: fit-content;
498
- height: 100px;
499
- min-height: 300px;
500
- max-height: fit-content;
501
- top: 150px;
502
- position: fixed;
503
- }
504
- .appscms-sidebar-left {
505
- left: 0;
506
- }
507
- .appscms-sidebar-right {
508
- right: 0;
509
- }
1
+ /**********************************************/
2
+ /***************BLOG-CSS-STYLING *************/
3
+
4
+ /********************************************/
5
+
6
+ html {
7
+ scroll-behavior: smooth;
8
+ font-size: 62.5%;
9
+ }
10
+ body {
11
+ font-family: "Open Sans", sans-serif !important;
12
+ }
13
+ a {
14
+ text-decoration: none !important;
15
+ }
16
+ img {
17
+ width: 100%;
18
+ }
19
+
20
+ .section_post {
21
+ margin-top: 100px;
22
+ }
23
+
24
+ /* logo styling */
25
+ .logo {
26
+ width: 50px;
27
+ border-radius: 50%;
28
+ }
29
+
30
+ header {
31
+ width: 100%;
32
+ position: relative;
33
+ }
34
+ .navbar {
35
+ width: 100%;
36
+ padding: 1.2rem 9% !important;
37
+ position: fixed;
38
+ top: 0;
39
+ left: 0;
40
+ z-index: 999;
41
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
42
+ }
43
+ .navbar-nav {
44
+ align-items: center;
45
+ }
46
+ .navbar-brand {
47
+ font-size: 2.2rem;
48
+ color: var(--txtColor) !important;
49
+ font-weight: 900;
50
+ }
51
+ .navbar-brand-image {
52
+ width: 80%;
53
+ display: inline-block;
54
+ max-width: 40px;
55
+ }
56
+ .navbar-dark .navbar-toggler {
57
+ outline: none !important;
58
+ }
59
+ .navbar-nav .nav-item {
60
+ padding: 0 10px;
61
+ }
62
+ .navbar-nav .nav-link:hover {
63
+ color: var(--txtColor) !important;
64
+ transition: all 0.2s linear;
65
+ -webkit-transition: all 0.2s linear;
66
+ -moz-transition: all 0.2s linear;
67
+ }
68
+ .nav-link {
69
+ text-decoration: none !important;
70
+ font-size: 16px;
71
+ color: gray !important;
72
+ }
73
+ /* close */
74
+
75
+ /* blogs-card title, content styling */
76
+ .anchor_link {
77
+ text-decoration: none !important;
78
+ color: #343a40 !important;
79
+ }
80
+ .anchor_link:hover {
81
+ transition: all 0.5s linear;
82
+ color: #000 !important;
83
+ }
84
+ .anchor_link .card-title {
85
+ font-weight: 600;
86
+ font-size: 22px;
87
+ line-height: 1.3;
88
+ }
89
+ .text_size {
90
+ color: rgba(0, 0, 0, 0.44);
91
+ font-size: 15px;
92
+ line-height: 1.6;
93
+ font-weight: 400;
94
+ }
95
+ /* close */
96
+
97
+ /* Blog-card-footer styling */
98
+ .card-footer {
99
+ border: none;
100
+ }
101
+ .wrapfooter {
102
+ display: flex;
103
+ align-items: center;
104
+ margin-bottom: 15px;
105
+ }
106
+ .wrapfooter img {
107
+ width: 35px;
108
+ height: 35px;
109
+ border-radius: 50%;
110
+ }
111
+ .wrapfooter .author-meta {
112
+ flex: 1 1 auto;
113
+ padding: 0 15px;
114
+ }
115
+ .wrapfooter .author-meta a {
116
+ font-size: 15px;
117
+ color: #000;
118
+ text-transform: capitalize;
119
+ }
120
+ .wrapfooter .span.post-read-more {
121
+ align-items: center;
122
+ display: inline-block;
123
+ margin-top: 8px;
124
+ }
125
+ .post-date {
126
+ color: rgba(0, 0, 0, 0.44);
127
+ font-size: 13px;
128
+ }
129
+ /* close */
130
+
131
+ /* BLOG-Categories stlying */
132
+ .explore {
133
+ color: #fff;
134
+ margin-bottom: 100px;
135
+ margin-top: 60px;
136
+ width: 100%;
137
+ background: repeating-linear-gradient(
138
+ 45deg,
139
+ rgb(27, 27, 27) 0px,
140
+ rgb(27, 27, 27) 97px,
141
+ rgb(24, 24, 24) 97px,
142
+ rgb(24, 24, 24) 194px,
143
+ rgb(20, 20, 20) 194px,
144
+ rgb(20, 20, 20) 291px
145
+ );
146
+ height: 250px;
147
+ align-items: center;
148
+ display: flex;
149
+ justify-content: space-around;
150
+ }
151
+ .explore ul {
152
+ display: flex;
153
+ list-style: none;
154
+ flex-wrap: wrap;
155
+ }
156
+ .cat {
157
+ display: inline-block;
158
+ padding: 5px 10px;
159
+ text-decoration: none !important;
160
+ color: #000 !important;
161
+ font-weight: 600;
162
+ font-size: 12px;
163
+ background: #fff;
164
+ border-radius: 15px;
165
+ margin: 0 15px;
166
+ }
167
+ /* close */
168
+
169
+ /* BLOG-alertbar stlying */
170
+ .alertbar {
171
+ box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
172
+ position: fixed;
173
+ bottom: 0;
174
+ left: 0;
175
+ background-color: #fff;
176
+ width: 100%;
177
+ padding: 14px 0;
178
+ z-index: 1;
179
+ }
180
+ .alertbar form {
181
+ display: inline-block;
182
+ }
183
+ .alertbar input[type="email"] {
184
+ font-size: 0.85rem;
185
+ padding: 3px 40px 3px 10px;
186
+ border-top-left-radius: 3px;
187
+ border-bottom-left-radius: 3px;
188
+ border: 1px solid #ddd;
189
+ border-right: 0;
190
+ margin-right: -10px;
191
+ height: 34px;
192
+ letter-spacing: 0.5px;
193
+ margin-left: 5px;
194
+ outline: 0;
195
+ }
196
+ .alertbar input[type="submit"] {
197
+ background-color: #1c9963;
198
+ border: 1px solid #1c9963;
199
+ color: #fff;
200
+ fill: #fff;
201
+ font-size: 12px;
202
+ border-radius: 0;
203
+ padding: 4px 10px;
204
+ border-top-right-radius: 3px;
205
+ border-bottom-right-radius: 3px;
206
+ font-weight: 600;
207
+ height: 34px;
208
+ letter-spacing: 0.5px;
209
+ cursor: pointer;
210
+ }
211
+ /* close */
212
+
213
+ /* Blog-Pages-Pagination stlying*/
214
+ .blog-pagination a,
215
+ .blog-pagination span {
216
+ padding: 7px 10px;
217
+ margin-left: -2px;
218
+ margin-right: -2px;
219
+ background-color: #ffffff;
220
+ display: inline-block;
221
+ text-decoration: none;
222
+ }
223
+
224
+ .blog-pagination a:hover {
225
+ background-color: #f1f1f1;
226
+ color: #333;
227
+ }
228
+
229
+ .blog-pagination {
230
+ text-align: center;
231
+ font-size: 14px;
232
+ }
233
+
234
+ /* BLOG-Categories-PAGes styling */
235
+ .section-title h2 {
236
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
237
+ font-weight: 700;
238
+ font-size: 1.5rem;
239
+ margin-bottom: 27px;
240
+ }
241
+ .section-title span {
242
+ border-bottom: 1px solid rgba(0, 0, 0, 0.44);
243
+ display: inline-block;
244
+ padding-bottom: 20px;
245
+ margin-bottom: -1px;
246
+ }
247
+
248
+ /***************************************************************/
249
+ /********************** post-layouts-styling *******************/
250
+ /***************************************************************/
251
+
252
+ /* left-sidebar-social-styling */
253
+ .post-content {
254
+ font-size: 20px;
255
+ }
256
+
257
+ /*.socialIons {
258
+ position: sticky;
259
+ top: 100px;
260
+ }*/
261
+
262
+ .socialIons > .item-lists2 {
263
+ display: flex;
264
+ flex-direction: row;
265
+ width: 100%;
266
+ }
267
+ .socialIons > .item-lists2 > li:nth-child(1) {
268
+ margin: 0;
269
+ }
270
+
271
+ .socialIons > .item-lists2 > li {
272
+ list-style: none;
273
+ padding: 8px 0px;
274
+ margin: 0 auto;
275
+ }
276
+ .socialIons .item-lists2 li a {
277
+ color: rgba(95, 21, 21, 0.44);
278
+ fill: rgba(0, 0, 0, 0.44);
279
+ font-size: 15px;
280
+ cursor: pointer;
281
+ text-decoration: none !important;
282
+ }
283
+ .socialIons > .item-lists2 > li i {
284
+ font-size: 18px;
285
+ color: rgba(0, 0, 0, 0.44);
286
+ fill: rgba(0, 0, 0, 0.44);
287
+ }
288
+ .sep {
289
+ height: 1px;
290
+ width: 20px;
291
+ background: #999;
292
+ margin: 3px auto;
293
+ }
294
+ .comments-count {
295
+ margin: 18px 25px;
296
+ text-align: center;
297
+ }
298
+ .comment_count {
299
+ font-size: 12px;
300
+ color: rgba(95, 21, 21, 0.44) !important;
301
+ fill: rgba(0, 0, 0, 0.44);
302
+ text-decoration: none !important;
303
+ }
304
+ /* close */
305
+
306
+ /* right-sidebar-styling-starts */
307
+ /* author bio styling.. */
308
+ .author_image .author-thumb {
309
+ width: 60px;
310
+ height: 60px;
311
+ object-fit: cover;
312
+ }
313
+ .author-meta .postName {
314
+ font-size: 18px !important;
315
+ color: rgba(0, 0, 0, 0.8) !important;
316
+ text-decoration: none !important;
317
+ font-family: "Merriweather", serif;
318
+ }
319
+ .btn_follow {
320
+ margin-left: 5px;
321
+ margin-bottom: 10px;
322
+ border-color: #02b875;
323
+ color: #1c9963 !important;
324
+ padding: 3px 10px;
325
+ text-align: center;
326
+ border-radius: 999em;
327
+ font-size: 1.5rem;
328
+ display: inline-block;
329
+ border: 1px solid;
330
+ }
331
+ .author_bio {
332
+ font-family: "Merriweather", serif;
333
+ color: rgba(0, 0, 0, 0.44);
334
+ font-size: 13px;
335
+ line-height: 20px;
336
+ }
337
+ /* close */
338
+
339
+ /* pagination-styling-postpages */
340
+ .pointerup i.fa {
341
+ color: #eaeaea;
342
+ }
343
+ .pointerup {
344
+ margin-bottom: -9px;
345
+ margin-left: 49%;
346
+ font-size: 30px;
347
+ }
348
+ .bottompagination span.navigation {
349
+ display: block;
350
+ font-size: 0.93rem;
351
+ padding: 15px 0 0 0;
352
+ text-align: center;
353
+ margin-bottom: 0rem;
354
+ color: #999;
355
+ border-top: 1px solid #ddd;
356
+ }
357
+ .pagination {
358
+ display: -ms-flexbox;
359
+ display: flex;
360
+ padding-left: 0;
361
+ list-style: none;
362
+ border-radius: 0.25rem;
363
+ display: block;
364
+ color: green;
365
+ font-size: 15px;
366
+ margin-bottom: 30px;
367
+ }
368
+ .pageUrl {
369
+ color: green;
370
+ font-size: 12px;
371
+ font-weight: 900;
372
+ text-decoration: none;
373
+ margin-right: 10px;
374
+ }
375
+ .pageUrl:hover {
376
+ text-decoration: none;
377
+ color: green;
378
+ }
379
+ .lunrsearchresult {
380
+ font-size: 15px;
381
+ }
382
+ .lunrsearchresult .title {
383
+ color: #d9230f;
384
+ }
385
+ .lunrsearchresult .url {
386
+ color: silver;
387
+ }
388
+ .lunrsearchresult a {
389
+ display: block;
390
+ color: #777;
391
+ }
392
+
393
+ .lunrsearchresult:hover,
394
+ .lunrsearchresult:focus {
395
+ text-decoration: none;
396
+ }
397
+
398
+ .lunrsearchresult:hover .title {
399
+ text-decoration: underline;
400
+ }
401
+
402
+ .close {
403
+ float: right;
404
+ font-size: 2rem;
405
+ font-weight: 700;
406
+ line-height: 1;
407
+ color: #000;
408
+ text-shadow: 0 1px 0 #fff;
409
+ opacity: 0.5;
410
+ border: none;
411
+ background: transparent;
412
+ }
413
+ .close:focus {
414
+ outline: none !important;
415
+ }
416
+
417
+ /* recent post heading stlye */
418
+ .recent_post_heading {
419
+ width: 100%;
420
+ font-size: 46px;
421
+ text-align: left;
422
+ font-weight: 800;
423
+ font-stretch: normal;
424
+ font-style: normal;
425
+ line-height: 1.24;
426
+ letter-spacing: normal;
427
+ color: rgb(17, 48, 78);
428
+ margin-bottom: 45px;
429
+ padding-top: 75px;
430
+ display: inline-block;
431
+ }
432
+
433
+ @media (max-width: 768px) {
434
+ .bd-search {
435
+ padding: 10px 25px;
436
+ }
437
+ .socialIons > .item-lists2 {
438
+ justify-content: center;
439
+ }
440
+ .socialIons > .item-lists2 {
441
+ flex-direction: row;
442
+ align-items: center;
443
+ }
444
+ .socialIons > .item-lists2 > li {
445
+ padding-right: 30px;
446
+ margin: 0;
447
+ }
448
+ }
449
+
450
+ @media (max-width: 768px) {
451
+ .navbar-nav {
452
+ align-items: unset;
453
+ }
454
+ .nav-item {
455
+ padding: 0 !important;
456
+ }
457
+
458
+ .sep {
459
+ margin: 0;
460
+ }
461
+ .author-meta {
462
+ padding-left: 15px;
463
+ }
464
+ .comments-count {
465
+ margin: 18px 0;
466
+ text-align: left;
467
+ }
468
+
469
+ .navbar {
470
+ padding-left: 7% !important;
471
+ padding-right: 7% !important;
472
+ }
473
+ .title,
474
+ .description {
475
+ width: 100% !important;
476
+ text-align: center;
477
+ }
478
+ .angle-arrow {
479
+ position: fixed;
480
+ bottom: 4px;
481
+ right: 32px;
482
+ top: auto;
483
+ z-index: 999;
484
+ }
485
+ .alertbar form {
486
+ display: block;
487
+ margin-top: 10px;
488
+ }
489
+ .small_description {
490
+ font-size: 25px;
491
+ }
492
+ }
493
+
494
+ .appscms-sidebar-right,
495
+ .appscms-sidebar-left {
496
+ min-width: 200px;
497
+ max-width: fit-content;
498
+ height: 100px;
499
+ min-height: 300px;
500
+ max-height: fit-content;
501
+ top: 150px;
502
+ position: fixed;
503
+ }
504
+ .appscms-sidebar-left {
505
+ left: 0;
506
+ }
507
+ .appscms-sidebar-right {
508
+ right: 0;
509
+ }