appscms-tools-theme 4.5.9 → 4.6.0

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