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