jekyll-theme-digitalebrain 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (166) hide show
  1. checksums.yaml +4 -4
  2. metadata +1 -165
  3. data/_config.yml +0 -49
  4. data/_includes/_footer.html +0 -68
  5. data/_includes/_head.html +0 -29
  6. data/_includes/_navbar.html +0 -20
  7. data/_layouts/default.html +0 -41
  8. data/_layouts/page.html +0 -39
  9. data/_layouts/post.html +0 -5
  10. data/_sass/bootstrap/_alert.scss +0 -51
  11. data/_sass/bootstrap/_badge.scss +0 -47
  12. data/_sass/bootstrap/_breadcrumb.scss +0 -41
  13. data/_sass/bootstrap/_button-group.scss +0 -172
  14. data/_sass/bootstrap/_buttons.scss +0 -144
  15. data/_sass/bootstrap/_card.scss +0 -301
  16. data/_sass/bootstrap/_carousel.scss +0 -235
  17. data/_sass/bootstrap/_close.scss +0 -34
  18. data/_sass/bootstrap/_code.scss +0 -56
  19. data/_sass/bootstrap/_custom-forms.scss +0 -420
  20. data/_sass/bootstrap/_dropdown.scss +0 -166
  21. data/_sass/bootstrap/_forms.scss +0 -335
  22. data/_sass/bootstrap/_functions.scss +0 -86
  23. data/_sass/bootstrap/_grid.scss +0 -52
  24. data/_sass/bootstrap/_images.scss +0 -42
  25. data/_sass/bootstrap/_input-group.scss +0 -159
  26. data/_sass/bootstrap/_jumbotron.scss +0 -16
  27. data/_sass/bootstrap/_list-group.scss +0 -115
  28. data/_sass/bootstrap/_media.scss +0 -8
  29. data/_sass/bootstrap/_mixins.scss +0 -41
  30. data/_sass/bootstrap/_modal.scss +0 -168
  31. data/_sass/bootstrap/_nav.scss +0 -118
  32. data/_sass/bootstrap/_navbar.scss +0 -299
  33. data/_sass/bootstrap/_pagination.scss +0 -78
  34. data/_sass/bootstrap/_popover.scss +0 -183
  35. data/_sass/bootstrap/_print.scss +0 -124
  36. data/_sass/bootstrap/_progress.scss +0 -34
  37. data/_sass/bootstrap/_reboot.scss +0 -482
  38. data/_sass/bootstrap/_root.scss +0 -19
  39. data/_sass/bootstrap/_tables.scss +0 -188
  40. data/_sass/bootstrap/_tooltip.scss +0 -115
  41. data/_sass/bootstrap/_transitions.scss +0 -22
  42. data/_sass/bootstrap/_type.scss +0 -125
  43. data/_sass/bootstrap/_utilities.scss +0 -15
  44. data/_sass/bootstrap/_variables.scss +0 -930
  45. data/_sass/bootstrap/bootstrap-grid.scss +0 -32
  46. data/_sass/bootstrap/bootstrap-reboot.scss +0 -12
  47. data/_sass/bootstrap/bootstrap.scss +0 -42
  48. data/_sass/bootstrap/mixins/_alert.scss +0 -13
  49. data/_sass/bootstrap/mixins/_background-variant.scss +0 -21
  50. data/_sass/bootstrap/mixins/_badge.scss +0 -12
  51. data/_sass/bootstrap/mixins/_border-radius.scss +0 -35
  52. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -5
  53. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -123
  54. data/_sass/bootstrap/mixins/_buttons.scss +0 -109
  55. data/_sass/bootstrap/mixins/_caret.scss +0 -66
  56. data/_sass/bootstrap/mixins/_clearfix.scss +0 -7
  57. data/_sass/bootstrap/mixins/_float.scss +0 -11
  58. data/_sass/bootstrap/mixins/_forms.scss +0 -137
  59. data/_sass/bootstrap/mixins/_gradients.scss +0 -45
  60. data/_sass/bootstrap/mixins/_grid-framework.scss +0 -67
  61. data/_sass/bootstrap/mixins/_grid.scss +0 -52
  62. data/_sass/bootstrap/mixins/_hover.scss +0 -37
  63. data/_sass/bootstrap/mixins/_image.scss +0 -36
  64. data/_sass/bootstrap/mixins/_list-group.scss +0 -21
  65. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  66. data/_sass/bootstrap/mixins/_nav-divider.scss +0 -10
  67. data/_sass/bootstrap/mixins/_pagination.scss +0 -22
  68. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  69. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  70. data/_sass/bootstrap/mixins/_screen-reader.scss +0 -33
  71. data/_sass/bootstrap/mixins/_size.scss +0 -6
  72. data/_sass/bootstrap/mixins/_table-row.scss +0 -30
  73. data/_sass/bootstrap/mixins/_text-emphasis.scss +0 -14
  74. data/_sass/bootstrap/mixins/_text-hide.scss +0 -11
  75. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  76. data/_sass/bootstrap/mixins/_transition.scss +0 -13
  77. data/_sass/bootstrap/mixins/_visibility.scss +0 -7
  78. data/_sass/bootstrap/utilities/_align.scss +0 -8
  79. data/_sass/bootstrap/utilities/_background.scss +0 -19
  80. data/_sass/bootstrap/utilities/_borders.scss +0 -59
  81. data/_sass/bootstrap/utilities/_clearfix.scss +0 -3
  82. data/_sass/bootstrap/utilities/_display.scss +0 -38
  83. data/_sass/bootstrap/utilities/_embed.scss +0 -52
  84. data/_sass/bootstrap/utilities/_flex.scss +0 -51
  85. data/_sass/bootstrap/utilities/_float.scss +0 -9
  86. data/_sass/bootstrap/utilities/_position.scss +0 -37
  87. data/_sass/bootstrap/utilities/_screenreaders.scss +0 -11
  88. data/_sass/bootstrap/utilities/_shadows.scss +0 -6
  89. data/_sass/bootstrap/utilities/_sizing.scss +0 -12
  90. data/_sass/bootstrap/utilities/_spacing.scss +0 -51
  91. data/_sass/bootstrap/utilities/_text.scss +0 -58
  92. data/_sass/bootstrap/utilities/_visibility.scss +0 -11
  93. data/_sass/style.scss +0 -1569
  94. data/about.md +0 -10
  95. data/assets/.DS_Store +0 -0
  96. data/assets/css/Flaticon.woff +0 -0
  97. data/assets/css/Flaticon.woff2 +0 -0
  98. data/assets/css/_flaticon.scss +0 -70
  99. data/assets/css/ajax-loader.gif +0 -0
  100. data/assets/css/animate.css +0 -3377
  101. data/assets/css/aos.css +0 -2
  102. data/assets/css/bootstrap-datepicker.css +0 -512
  103. data/assets/css/bootstrap.min.css +0 -7
  104. data/assets/css/bootstrap/bootstrap-grid.css +0 -1708
  105. data/assets/css/bootstrap/bootstrap-reboot.css +0 -272
  106. data/assets/css/content.css +0 -101
  107. data/assets/css/css/bootstrap-reboot.css +0 -272
  108. data/assets/css/css/mixins/_text-hide.css +0 -0
  109. data/assets/css/flaticon.css +0 -47
  110. data/assets/css/icomoon.css +0 -4919
  111. data/assets/css/ionicons.min.css +0 -11
  112. data/assets/css/jquery.timepicker.css +0 -72
  113. data/assets/css/magnific-popup.css +0 -351
  114. data/assets/css/open-iconic-bootstrap.min.css +0 -1
  115. data/assets/css/owl.carousel.min.css +0 -6
  116. data/assets/css/owl.theme.default.min.css +0 -15
  117. data/assets/css/style.css +0 -8488
  118. data/assets/fonts/flaticon/backup.txt +0 -1
  119. data/assets/fonts/flaticon/font/Flaticon.eot +0 -0
  120. data/assets/fonts/flaticon/font/Flaticon.svg +0 -303
  121. data/assets/fonts/flaticon/font/Flaticon.ttf +0 -0
  122. data/assets/fonts/flaticon/font/Flaticon.woff +0 -0
  123. data/assets/fonts/flaticon/font/Flaticon.woff2 +0 -0
  124. data/assets/fonts/flaticon/font/_flaticon.scss +0 -70
  125. data/assets/fonts/flaticon/font/flaticon.css +0 -47
  126. data/assets/fonts/flaticon/font/flaticon.html +0 -530
  127. data/assets/fonts/flaticon/license/license.pdf +0 -0
  128. data/assets/fonts/icomoon/icomoon.eot +0 -0
  129. data/assets/fonts/icomoon/icomoon.svg +0 -1530
  130. data/assets/fonts/icomoon/icomoon.ttf +0 -0
  131. data/assets/fonts/icomoon/icomoon.woff +0 -0
  132. data/assets/fonts/ionicons/css/_ionicons.scss +0 -1480
  133. data/assets/fonts/ionicons/css/ionicons.min.css +0 -11
  134. data/assets/fonts/ionicons/fonts/ionicons.eot +0 -0
  135. data/assets/fonts/ionicons/fonts/ionicons.svg +0 -2094
  136. data/assets/fonts/ionicons/fonts/ionicons.ttf +0 -0
  137. data/assets/fonts/ionicons/fonts/ionicons.woff +0 -0
  138. data/assets/fonts/ionicons/fonts/ionicons.woff2 +0 -0
  139. data/assets/fonts/open-iconic/open-iconic.eot +0 -0
  140. data/assets/fonts/open-iconic/open-iconic.otf +0 -0
  141. data/assets/fonts/open-iconic/open-iconic.svg +0 -543
  142. data/assets/fonts/open-iconic/open-iconic.ttf +0 -0
  143. data/assets/fonts/open-iconic/open-iconic.woff +0 -0
  144. data/assets/images/.DS_Store +0 -0
  145. data/assets/images/bg_1.jpg +0 -0
  146. data/assets/images/bg_1_.jpg +0 -0
  147. data/assets/images/bubbles_.jpg +0 -0
  148. data/assets/images/favicon.png +0 -0
  149. data/assets/images/loc.png +0 -0
  150. data/assets/js/aos.js +0 -2
  151. data/assets/js/bootstrap-datepicker.js +0 -1671
  152. data/assets/js/bootstrap.min.js +0 -7
  153. data/assets/js/google-map.js +0 -62
  154. data/assets/js/jquery-3.2.1.min.js +0 -4
  155. data/assets/js/jquery-migrate-3.0.1.min.js +0 -215
  156. data/assets/js/jquery.animateNumber.min.js +0 -8
  157. data/assets/js/jquery.easing.1.3.js +0 -205
  158. data/assets/js/jquery.magnific-popup.min.js +0 -4
  159. data/assets/js/jquery.min.js +0 -10253
  160. data/assets/js/jquery.stellar.min.js +0 -2
  161. data/assets/js/jquery.timepicker.min.js +0 -7
  162. data/assets/js/jquery.waypoints.min.js +0 -7
  163. data/assets/js/main.js +0 -346
  164. data/assets/js/owl.carousel.min.js +0 -7
  165. data/assets/js/popper.min.js +0 -5
  166. data/index.md +0 -4
@@ -1,11 +0,0 @@
1
- //
2
- // Screenreaders
3
- //
4
-
5
- .sr-only {
6
- @include sr-only();
7
- }
8
-
9
- .sr-only-focusable {
10
- @include sr-only-focusable();
11
- }
@@ -1,6 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- .shadow-sm { box-shadow: $box-shadow-sm !important; }
4
- .shadow { box-shadow: $box-shadow !important; }
5
- .shadow-lg { box-shadow: $box-shadow-lg !important; }
6
- .shadow-none { box-shadow: none !important; }
@@ -1,12 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Width and height
4
-
5
- @each $prop, $abbrev in (width: w, height: h) {
6
- @each $size, $length in $sizes {
7
- .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
8
- }
9
- }
10
-
11
- .mw-100 { max-width: 100% !important; }
12
- .mh-100 { max-height: 100% !important; }
@@ -1,51 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Margin and Padding
4
-
5
- @each $breakpoint in map-keys($grid-breakpoints) {
6
- @include media-breakpoint-up($breakpoint) {
7
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
8
-
9
- @each $prop, $abbrev in (margin: m, padding: p) {
10
- @each $size, $length in $spacers {
11
-
12
- .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
13
- .#{$abbrev}t#{$infix}-#{$size},
14
- .#{$abbrev}y#{$infix}-#{$size} {
15
- #{$prop}-top: $length !important;
16
- }
17
- .#{$abbrev}r#{$infix}-#{$size},
18
- .#{$abbrev}x#{$infix}-#{$size} {
19
- #{$prop}-right: $length !important;
20
- }
21
- .#{$abbrev}b#{$infix}-#{$size},
22
- .#{$abbrev}y#{$infix}-#{$size} {
23
- #{$prop}-bottom: $length !important;
24
- }
25
- .#{$abbrev}l#{$infix}-#{$size},
26
- .#{$abbrev}x#{$infix}-#{$size} {
27
- #{$prop}-left: $length !important;
28
- }
29
- }
30
- }
31
-
32
- // Some special margin utils
33
- .m#{$infix}-auto { margin: auto !important; }
34
- .mt#{$infix}-auto,
35
- .my#{$infix}-auto {
36
- margin-top: auto !important;
37
- }
38
- .mr#{$infix}-auto,
39
- .mx#{$infix}-auto {
40
- margin-right: auto !important;
41
- }
42
- .mb#{$infix}-auto,
43
- .my#{$infix}-auto {
44
- margin-bottom: auto !important;
45
- }
46
- .ml#{$infix}-auto,
47
- .mx#{$infix}-auto {
48
- margin-left: auto !important;
49
- }
50
- }
51
- }
@@ -1,58 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Text
5
- //
6
-
7
- .text-monospace { font-family: $font-family-monospace; }
8
-
9
- // Alignment
10
-
11
- .text-justify { text-align: justify !important; }
12
- .text-nowrap { white-space: nowrap !important; }
13
- .text-truncate { @include text-truncate; }
14
-
15
- // Responsive alignment
16
-
17
- @each $breakpoint in map-keys($grid-breakpoints) {
18
- @include media-breakpoint-up($breakpoint) {
19
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
20
-
21
- .text#{$infix}-left { text-align: left !important; }
22
- .text#{$infix}-right { text-align: right !important; }
23
- .text#{$infix}-center { text-align: center !important; }
24
- }
25
- }
26
-
27
- // Transformation
28
-
29
- .text-lowercase { text-transform: lowercase !important; }
30
- .text-uppercase { text-transform: uppercase !important; }
31
- .text-capitalize { text-transform: capitalize !important; }
32
-
33
- // Weight and italics
34
-
35
- .font-weight-light { font-weight: $font-weight-light !important; }
36
- .font-weight-normal { font-weight: $font-weight-normal !important; }
37
- .font-weight-bold { font-weight: $font-weight-bold !important; }
38
- .font-italic { font-style: italic !important; }
39
-
40
- // Contextual colors
41
-
42
- .text-white { color: $white !important; }
43
-
44
- @each $color, $value in $theme-colors {
45
- @include text-emphasis-variant(".text-#{$color}", $value);
46
- }
47
-
48
- .text-body { color: $body-color !important; }
49
- .text-muted { color: $text-muted !important; }
50
-
51
- .text-black-50 { color: rgba($black, .5) !important; }
52
- .text-white-50 { color: rgba($white, .5) !important; }
53
-
54
- // Misc
55
-
56
- .text-hide {
57
- @include text-hide();
58
- }
@@ -1,11 +0,0 @@
1
- //
2
- // Visibility utilities
3
- //
4
-
5
- .visible {
6
- @include invisible(visible);
7
- }
8
-
9
- .invisible {
10
- @include invisible(hidden);
11
- }
data/_sass/style.scss DELETED
@@ -1,1569 +0,0 @@
1
- @import 'bootstrap/bootstrap';
2
- @import 'bootstrap/variables';
3
-
4
-
5
- $white: #fff;
6
- $black: #000;
7
-
8
- html {
9
- // overflow-x: hidden;
10
- }
11
- body {
12
- font-family: $font-family-sans-serif;
13
- background: $white;
14
- font-size: 16px;
15
- line-height: 1.8;
16
- font-weight: 300;
17
- }
18
- a {
19
- transition: .3s all ease;
20
- color: $primary;
21
- &:hover {
22
- text-decoration: none;
23
- color: $primary;
24
- }
25
- }
26
- h1, h2, h3, h4, h5,
27
- .h1, .h2, .h3, .h4, .h5 {
28
- line-height: 1.5;
29
- color: $black;
30
- font-weight: 300;
31
- }
32
-
33
- .text-primary {
34
- color: $primary!important;
35
- }
36
-
37
- .ftco-navbar-light {
38
- background: transparent!important;
39
- position: absolute;
40
- left: 0;
41
- right: 0;
42
- z-index: 3;
43
- top: 10px;
44
- @include media-breakpoint-down(md) {
45
- background: $black!important;
46
- top: 0;
47
- position: relative;
48
- }
49
-
50
- .navbar-nav {
51
- > .nav-item {
52
- > .nav-link {
53
- font-size: 16px;
54
- padding-top: 30px;
55
- padding-bottom: 30px;
56
- padding-left: 20px;
57
- padding-right: 20px;
58
- color: darken($white, 6%);
59
- &:hover {
60
- color: $white;
61
- }
62
- opacity: 1!important;
63
- @include media-breakpoint-down(md) {
64
- padding-top: 10px;
65
- padding-bottom: 10px;
66
- padding-left: 0px;
67
- padding-right: 0px;
68
- }
69
- }
70
-
71
-
72
- &.ftco-seperator {
73
- position: relative;
74
- margin-left: 20px;
75
- padding-left: 20px;
76
- @include media-breakpoint-down(md) {
77
- padding-left: 0;
78
- margin-left: 0;
79
- }
80
- &:before {
81
- position: absolute;
82
- content: "";
83
- top: 10px;
84
- bottom: 10px;
85
- left: 0;
86
- width: 2px;
87
- background: rgba($white, .05);
88
- @include media-breakpoint-down(md) {
89
- display: none;
90
- }
91
- }
92
- }
93
- &.cta {
94
- > a {
95
- padding-left: 0;
96
- color: $white;
97
- span {
98
- border: 2px solid $white;
99
- display: inline-block;
100
- padding: 10px 20px;
101
- border-radius: 4px;
102
- }
103
- }
104
- &.cta-colored {
105
- span {
106
- border-color: $primary;
107
- }
108
- }
109
- }
110
- &.active {
111
- > a {
112
- color: rgba(255,255,255,.5);
113
- }
114
- }
115
- }
116
- }
117
- .navbar-toggler {
118
- border: none;
119
- color: rgba(255,255,255,.5)!important;
120
- cursor: pointer;
121
- padding-right: 0;
122
- text-transform: uppercase;
123
- font-size: 16px;
124
- letter-spacing: .1em;
125
- }
126
-
127
- &.scrolled {
128
- position: fixed;
129
- right: 0;
130
- left: 0;
131
- top: 0;
132
- margin-top: -130px;
133
- background: $white!important;
134
- box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
135
- .nav-item {
136
- &.active {
137
- > a {
138
- color: $primary!important;
139
- }
140
- }
141
- }
142
-
143
- .navbar-nav {
144
- @include media-breakpoint-down(md) {
145
- background: none;
146
- border-radius: 0px;
147
- padding-left: 0rem!important;
148
- padding-right: 0rem!important;
149
- }
150
- }
151
-
152
- .navbar-nav {
153
- @include media-breakpoint-down(sm) {
154
- background: none;
155
- padding-left: 0!important;
156
- padding-right: 0!important;
157
- }
158
- }
159
-
160
- .navbar-toggler {
161
- border: none;
162
- color: rgba(0,0,0,.5)!important;
163
- border-color: rgba(0,0,0,.5)!important;
164
- cursor: pointer;
165
- padding-right: 0;
166
- text-transform: uppercase;
167
- font-size: 16px;
168
- letter-spacing: .1em;
169
-
170
- }
171
- .nav-link {
172
- padding-top: .9rem!important;
173
- padding-bottom: .9rem!important;
174
- color: $black!important;
175
- &.active {
176
- color: $primary!important;
177
- }
178
- }
179
- &.awake {
180
- margin-top: 0px;
181
- transition: .3s all ease-out;
182
- }
183
- &.sleep {
184
- transition: .3s all ease-out;
185
- }
186
-
187
- .navbar-brand {
188
- color: $black;
189
- span{
190
- font-size: 28px;
191
- }
192
- }
193
-
194
- }
195
- }
196
-
197
- .navbar-brand {
198
- span{
199
- font-size: 28px;
200
- }
201
- }
202
-
203
-
204
- .bg-image {
205
- background-size: cover;
206
- background-repeat: no-repeat;
207
- }
208
-
209
- .ftco-cover {
210
- @extend .bg-image;
211
- background-size: cover;
212
- background-position: center center;
213
- .ftco-heading {
214
- font-size: 50px;
215
- line-height: 1.2;
216
- color: $white;
217
- @include media-breakpoint-down(md) {
218
- font-size: 37px;
219
- line-height: 1.3;
220
- }
221
- }
222
- .ftco-subheading {
223
- line-height: 1.5;
224
- }
225
- .ftco-subheading, p {
226
- line-height: 1.7;
227
- color: rgba(255,255,255,.7);
228
- font-weight: 300;
229
- font-family: $font-family-sans-serif;
230
- }
231
- .btn {
232
- @include media-breakpoint-down(md) {
233
- width: 100%!important;
234
- }
235
- }
236
- a {
237
- position: relative;
238
- color: $white;
239
- }
240
- &.overlay {
241
- position: relative;
242
- &:before {
243
- content: "";
244
- background: rgba($black,.3);
245
- position: absolute;
246
- top: 0;
247
- left: 0;
248
- bottom: 0;
249
- right: 0;
250
- }
251
- }
252
- .ftco-vh-100 {
253
- min-height: 700px!important;
254
- }
255
- }
256
-
257
- .ftco-uppercase {
258
- font-size: 30px;
259
- }
260
- .menu-item {
261
- margin-bottom: 30px;
262
- img {
263
- width: 100px;
264
- border-radius: 50%;
265
- }
266
- .menu-price {
267
-
268
- font-size: 24px;
269
- }
270
- }
271
-
272
- .display-4 {
273
- @include media-breakpoint-down(md) {
274
- font-size: 37px;
275
- }
276
- }
277
-
278
- .bg-light {
279
- background: #f1efed!important;
280
- background: #fafafa!important;
281
- }
282
-
283
- .bg-primary{
284
- background: $primary;
285
- }
286
-
287
- .ftco-custom-gutters {
288
- margin-left: -10px;
289
- margin-right: -10px;
290
- [class*=col-] {
291
- padding-left: 5px;
292
- padding-right: 5px;
293
- margin-bottom: 5px;
294
- .ftco-thumbnail {
295
- display: block;
296
- margin-bottom: 5px;
297
- }
298
- }
299
- }
300
-
301
- .btn {
302
- cursor: pointer;
303
- border-radius: 0px;
304
- box-shadow: none!important;
305
- &:hover, &:active, &:focus {
306
- outline: none;
307
- }
308
- &.btn-primary {
309
- background: $primary;
310
- border: 2px solid $primary;
311
- color: $white;
312
- &:hover {
313
- border: 2px solid $primary;
314
- background: transparent;
315
- color :$primary;
316
- }
317
- &.btn-outline-primary {
318
- border: 2px solid $primary;
319
- background: transparent;
320
- color :$primary;
321
- &:hover {
322
- border: 2px solid transparent;
323
- background: $primary;
324
- color :$black;
325
- }
326
- }
327
- }
328
- &.btn-outline-white {
329
- border-color: rgba($white, .8);
330
- background: none;
331
- border-radius: 0px;
332
- border-width: 2px;
333
- &:hover, &:focus, &:active {
334
- background: $white;
335
- border-color: $white;
336
- color: $black;
337
- }
338
- }
339
- }
340
-
341
-
342
- .form-control {
343
- // border: 2px solid rgba($black, .2);
344
- height: 52px!important;
345
- background: $white!important;
346
- color: $black!important;
347
- font-size: 18px;
348
- border-radius: 0px;
349
- box-shadow: none!important;
350
- &:focus, &:active {
351
- border-color: $black;
352
- }
353
- }
354
- textarea.form-control {
355
- height: inherit!important;
356
- }
357
- .ftco-vh-100 {
358
- height: 100vh;
359
- @include media-breakpoint-down(lg) {
360
- height: inherit;
361
- padding-top: 5em;
362
- padding-bottom: 5em;
363
- }
364
- }
365
- .ftco-vh-75 {
366
- height: 75vh;
367
- min-height: 700px;
368
- @include media-breakpoint-down(lg) {
369
- min-height: 700px;
370
- height: inherit;
371
- padding-top: 5em;
372
- padding-bottom: 5em;
373
- }
374
- }
375
-
376
-
377
- .ftco-tab-nav {
378
- padding: 0;
379
- margin: 0;
380
- display: inline-block!important;
381
- @include media-breakpoint-down(sm) {
382
- display: block!important;
383
- margin-bottom: 10px;
384
- width: 100%!important;
385
- }
386
- li {
387
- padding: 0;
388
- margin: 0 5px;
389
- display: inline-block!important;
390
- @include media-breakpoint-down(sm) {
391
- display: block!important;
392
- margin-bottom: 10px;
393
- width: 100%!important;
394
- }
395
- a {
396
- text-transform: uppercase;
397
- font-size: 14px;
398
- letter-spacing: .2em;
399
- color: #ccc;
400
- border: 2px solid #ccc;
401
- border-radius: 0!important;
402
- &.active {
403
- background: none!important;
404
- color: darken(#ccc, 100%)!important;
405
- border: 2px solid $black;
406
- }
407
- }
408
-
409
- }
410
- }
411
-
412
- .ftco-animate {
413
- opacity: 0;
414
- visibility: hidden;
415
- }
416
-
417
- .bg-primary {
418
- background: $primary!important;
419
- }
420
- .ftco-section {
421
- .ftco-sub-title {
422
- font-size: 16px;
423
- text-transform: uppercase;
424
- letter-spacing: .5em;
425
- color: lighten(#ccc, 3%);
426
- font-family: $font-family-sans-serif;
427
- font-weight: 300;
428
- }
429
- .ftco-primary-title {
430
- margin-top: 0;
431
- margin-bottom: 30px;
432
- }
433
- }
434
- #section-about {
435
- padding: 8em 0;
436
- .img {
437
- position: absolute;
438
- right: 0;
439
- @include media-breakpoint-down(md) {
440
- position: relative;
441
- right: inherit;
442
- img {
443
- max-width: 100%;
444
- }
445
- }
446
- }
447
- h1 {
448
- @include media-breakpoint-down(md) {
449
- font-size: 40px;
450
- }
451
- }
452
- }
453
- .about-author{
454
- img{
455
- border-radius: 50%;
456
- }
457
- .bio{
458
-
459
- }
460
- }
461
-
462
-
463
- #section-offer {
464
- padding: 12em 0;
465
- }
466
-
467
- .ftco-section {
468
- padding: 7em 0;
469
- }
470
-
471
- .ftco-bg-dark {
472
- background: #3c312e;
473
- }
474
-
475
- .ftco-footer {
476
- font-size: 16px;
477
- background: $white;
478
- border-top: 1px solid #eeeeee;
479
- padding: 8em 0;
480
- .ftco-footer-logo {
481
- text-transform: uppercase;
482
- letter-spacing: .1em;
483
- }
484
- .ftco-footer-widget {
485
- h2 {
486
- font-weight: normal;
487
- }
488
- }
489
- p {
490
- color: rgba($black, .3);
491
- }
492
- a {
493
- color: rgba($black, .3);
494
- &:hover {
495
- color: $primary;
496
- }
497
- }
498
- .ftco-heading {
499
- font-size: 24px;
500
- }
501
- .ftco-heading-2 {
502
- font-size: 18px;
503
- font-weight: bold;
504
- // letter-spacing: .05em;
505
- // text-transform: uppercase;
506
- color: $black;
507
- }
508
- }
509
-
510
- .ftco-pricing-popular {
511
- position: relative;
512
- .popular-text {
513
- text-transform: uppercase;
514
- font-size: 14px;
515
- margin-top: -16px;
516
- right: 0;
517
- background: $primary;
518
- color: $white;
519
- padding: 2px 10px;
520
- position: absolute;
521
- transform: rotate(90deg);
522
- letter-spacing: .1em;
523
- }
524
- }
525
- .ftco-pricing {
526
- h2 {
527
- font-size: 17px;
528
- text-transform: uppercase;
529
- }
530
- .ftco-price-per {
531
- font-size: 70px;
532
- sup {
533
- font-size: 20px;
534
- top: -1.5em;
535
- }
536
- strong {
537
- color: $black;
538
- }
539
- span {
540
- font-size: 20px;
541
- }
542
- }
543
- ul {
544
-
545
- li {
546
- margin-bottom: 10px;
547
- }
548
- }
549
- }
550
-
551
-
552
- .ftco-footer-social {
553
- li {
554
- list-style: none;
555
- margin: 0 10px 10px 0;
556
- display: inline-block;
557
- a {
558
- height: 60px;
559
- width: 60px;
560
- display: block;
561
- float: left;
562
- background: rgba($white, .05);
563
- border-radius: 50%;
564
- position: relative;
565
- span {
566
- position: absolute;
567
- font-size: 26px;
568
- top: 50%;
569
- left: 50%;
570
- transform: translate(-50%, -50%);
571
- }
572
- &:hover {
573
- color: $primary;
574
- }
575
- }
576
- }
577
- }
578
- .footer-small-nav {
579
- > li {
580
- display: inline-block;
581
- a {
582
- margin: 0 10px 10px 0;
583
- &:hover, &:focus {
584
- color: $primary;
585
- }
586
- }
587
- }
588
- }
589
- .media {
590
- .ftco-icon {
591
- width: 100px;
592
- span {
593
- color: $primary;
594
- }
595
- }
596
- }
597
- .ftco-media {
598
- background: $white;
599
- border-radius: 0px;
600
- .heading {
601
- font-weight: normal;
602
- }
603
- &.ftco-media-shadow {
604
- padding: 40px;
605
- background: $white;
606
- box-shadow: 0 10px 50px -15px rgba(0,0,0,.3);
607
- transition: .2s all ease;
608
- position: relative;
609
- top: 0;
610
- &:hover, &:focus {
611
- top: -3px;
612
- box-shadow: 0 10px 70px -15px rgba(0,0,0,.3);
613
- }
614
- }
615
- .icon {
616
- font-size: 50px;
617
- display: block;
618
- color: $primary;
619
- }
620
- &.text-center {
621
- .ftco-icon {
622
- margin: 0 auto;
623
- }
624
- }
625
- }
626
- .ftco-overflow-hidden {
627
- overflow: hidden;
628
- }
629
-
630
- .padding-top-bottom {
631
- padding-top: 120px;
632
- padding-bottom: 120px;
633
- }
634
-
635
-
636
- // owl
637
- .ftco-owl {
638
- position: relative;
639
- z-index: 1;
640
- .owl-dots, .owl-nav {
641
-
642
- }
643
- .owl-nav {
644
- position: absolute;
645
- top: 50%;
646
- // margin-top: -25px;
647
- margin-top: -50px;
648
- z-index: 10;
649
- left: 0;
650
- right: 0;
651
- opacity: 0;
652
- visibility: hidden;
653
- transition: .3s all ease;
654
- .owl-prev,
655
- .owl-next {
656
- position: absolute;
657
- font-size: 30px;
658
- background: $primary;
659
- color: $white;
660
- padding: 10px;
661
- line-height: 0;
662
- }
663
- .owl-prev {
664
- left: 0;
665
- }
666
- .owl-next {
667
- right: 0;
668
- }
669
- }
670
- .owl-dots {
671
- position: relative;
672
- text-align: center;
673
- margin-top: 30px;
674
- .owl-dot {
675
- display:inline-block;
676
- zoom:1;
677
- span {
678
- width: 10px;
679
- height: 10px;
680
- background: #ccc;
681
- border-radius: 50%;
682
- display: inline-block;
683
- margin: 5px 7px;
684
- }
685
- &.active {
686
- span {
687
- background: $primary;
688
- }
689
- }
690
- }
691
- }
692
- &:hover {
693
- .owl-nav {
694
- visibility: visible;
695
- opacity: 1;
696
- }
697
- }
698
- }
699
-
700
- // Map
701
-
702
- #map {
703
- height: 400px;
704
- width: 100%;
705
- @include media-breakpoint-down(md) {
706
- height: 300px;
707
- }
708
- }
709
- .container-fluid {
710
- padding-left: 0;
711
- padding-right: 0;
712
- }
713
- .ftco-section-2 {
714
- .section-2-blocks-wrapper {
715
- .button {
716
- display: block;
717
- position: absolute;
718
- width: 100px;
719
- height: 100px;
720
- right: 0;
721
- margin-right: -50px;
722
- border-radius: 50%;
723
- background: $primary;
724
- z-index: 100;
725
- top: 50%;
726
- transform: translateY(-50%);
727
- animation: pulse 2s infinite;
728
- @include media-breakpoint-down(md) {
729
- top: auto;
730
- bottom: 0!important;
731
- margin-right: auto;
732
- right: auto;
733
- left: 50%;
734
- margin-bottom: -50px;
735
- transform: translateX(-50%);
736
- }
737
- span {
738
- position: absolute;
739
- font-size: 30px;
740
- color: $white;
741
- top: 50%;
742
- left: 50%;
743
- transform: translate(-30%, -48%);
744
- }
745
- }
746
- .text {
747
- position: relative;
748
- z-index: -1;
749
- padding: 15px;
750
- @include media-breakpoint-up(md) {
751
- padding: 10% 7%;
752
- // margin-top: -3em;
753
- background: rgba(0,0,0,.02);
754
- }
755
- h3 {
756
- margin-bottom: 50px;
757
- }
758
- }
759
- .img {
760
- background-position: center center;
761
- background-size: cover;
762
- @include media-breakpoint-down(md) {
763
- height: 400px;
764
- margin-bottom: 70px;
765
- }
766
- }
767
- }
768
- }
769
-
770
- @-webkit-keyframes pulse {
771
- 0% {
772
- -webkit-box-shadow: 0 0 0 0 rgba($primary, 0.4);
773
- }
774
- 70% {
775
- -webkit-box-shadow: 0 0 0 30px rgba($primary, 0);
776
- }
777
- 100% {
778
- -webkit-box-shadow: 0 0 0 0 rgba($primary, 0);
779
- }
780
- }
781
- @keyframes pulse {
782
- 0% {
783
- -moz-box-shadow: 0 0 0 0 rgba($primary, 0.4);
784
- box-shadow: 0 0 0 0 rgba($primary, 0.4);
785
- }
786
- 70% {
787
- -moz-box-shadow: 0 0 0 30px rgba($primary, 0);
788
- box-shadow: 0 0 0 30px rgba($primary, 0);
789
- }
790
- 100% {
791
- -moz-box-shadow: 0 0 0 0 rgba($primary, 0);
792
- box-shadow: 0 0 0 0 rgba($primary, 0);
793
- }
794
- }
795
-
796
- .heading{
797
- h2{
798
- color: $white;
799
- }
800
- }
801
-
802
- //COVER BG
803
- .testimony-img, .won-img{
804
- background-size: cover;
805
- background-repeat: no-repeat;
806
- background-position: center center;
807
- }
808
-
809
- //TESTIMONY
810
- #ftco-testimony{
811
- padding: 0 !important;
812
- padding-top: 7em !important;
813
- }
814
- .testimony{
815
- background: $primary;
816
- padding: 2em;
817
- color: $white;
818
- &.overlay{
819
- position: relative;
820
- z-index: 0;
821
- &:after{
822
- position: absolute;
823
- top: 0;
824
- left: 0;
825
- right: 0;
826
- bottom: 0;
827
- content: '';
828
- background: $black;
829
- opacity: .1;
830
- z-index: -1;
831
- }
832
- }
833
- .author {
834
- .image {
835
- width: 40px;
836
- img {
837
- border-radius: 50%;
838
- max-width: 100%;
839
- }
840
- }
841
- .position {
842
- display: block;
843
- // color: #ccc;
844
- font-size: 12px;
845
- }
846
- }
847
- }
848
-
849
- //WON
850
- .won-img{
851
- height: 300px;
852
- display: block;
853
- }
854
-
855
- // magnific pop up
856
-
857
- .image-popup {
858
- cursor: -webkit-zoom-in;
859
- cursor: -moz-zoom-in;
860
- cursor: zoom-in;
861
- }
862
- .mfp-with-zoom .mfp-container,
863
- .mfp-with-zoom.mfp-bg {
864
- opacity: 0;
865
- -webkit-backface-visibility: hidden;
866
- -webkit-transition: all 0.3s ease-out;
867
- -moz-transition: all 0.3s ease-out;
868
- -o-transition: all 0.3s ease-out;
869
- transition: all 0.3s ease-out;
870
- }
871
-
872
- .mfp-with-zoom.mfp-ready .mfp-container {
873
- opacity: 1;
874
- }
875
- .mfp-with-zoom.mfp-ready.mfp-bg {
876
- opacity: 0.8;
877
- }
878
-
879
- .mfp-with-zoom.mfp-removing .mfp-container,
880
- .mfp-with-zoom.mfp-removing.mfp-bg {
881
- opacity: 0;
882
- }
883
-
884
- .ftco-counter {
885
- .counter-wrap{
886
- @include media-breakpoint-down(sm){
887
- margin-bottom: 20px;
888
- }
889
- }
890
- .ftco-number {
891
- display: block;
892
- font-size: 72px;
893
- font-weight: bold;
894
- color: $primary;
895
- }
896
- .ftco-label {
897
- font-size: 12px;
898
- text-transform: uppercase;
899
- letter-spacing: .1em;
900
- color: darken(#ccc, 10%);
901
- }
902
- }
903
-
904
- //blocks
905
- .block-20 {
906
- overflow: hidden;
907
- background-size: cover;
908
- background-repeat: no-repeat;
909
- background-position: center center;
910
- height: 300px;
911
- position: relative;
912
- display: block;
913
- margin-bottom: 30px;
914
- &:before {
915
- content: '';
916
- position: absolute;
917
- top: 0;
918
- right: 0;
919
- bottom: 0;
920
- left: 0;
921
- background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%);
922
- background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%);
923
- background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%);
924
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
925
- }
926
- }
927
- .blog-entry{
928
- @include media-breakpoint-up(md){
929
- margin-bottom: 30px;
930
- }
931
- @include media-breakpoint-down(sm){
932
- margin-bottom: 30px;
933
- }
934
- .text {
935
- .heading {
936
- font-size: 20px;
937
- margin-bottom: 15px;
938
- font-weight: bold;
939
- a {
940
- color: $black;
941
- &:hover, &:focus, &:active {
942
- color: $primary;
943
- }
944
- }
945
- }
946
- }
947
- .meta {
948
- > div {
949
- display: inline-block;
950
- margin-right: 15px;
951
- margin-bottom: 5px;
952
- font-size: 15px;
953
- a {
954
- color: lighten($black, 70%);
955
- &:hover {
956
- color: lighten($black, 30%);
957
- }
958
- }
959
- }
960
- }
961
- }
962
-
963
- .block-6 {
964
- margin-bottom: 40px;
965
- .icon {
966
- span {
967
- &:before {
968
- font-size: 50px;
969
- }
970
- }
971
- }
972
- .media-body {
973
- .heading {
974
- font-size: 20px;
975
- }
976
- p {
977
- font-size: 16px;
978
- }
979
- }
980
- }
981
-
982
- //### .block-18
983
- .block-18 {
984
- .icon, .text {
985
- }
986
- .icon {
987
- > span {
988
- font-size: 40px;
989
- }
990
- }
991
- .text {
992
- strong {
993
- font-size: 30px;
994
- }
995
- span {
996
- display: block;
997
- }
998
- }
999
- }
1000
-
1001
- //### .block-10
1002
- .block-10 {
1003
- margin-bottom: 30px;
1004
- .person-info {
1005
- span,p {
1006
- display: block;
1007
- }
1008
- .name,.name-2 {
1009
- font-size: 20px;
1010
- }
1011
- .position {
1012
- font-size: 14px;
1013
- }
1014
-
1015
- .name-2{
1016
- font-weight: bold;
1017
- }
1018
- .result{
1019
- font-weight: bold;
1020
- }
1021
- }
1022
- }
1023
-
1024
- .block-27 {
1025
- ul {
1026
- padding: 0;
1027
- margin: 0;
1028
- li {
1029
- display: inline-block;
1030
- margin-bottom: 4px;
1031
- a,span {
1032
- text-align: center;
1033
- display: inline-block;
1034
- width: 40px;
1035
- height: 40px;
1036
- line-height: 40px;
1037
- border-radius: 50%;
1038
- border: 1px solid #ccc;
1039
- }
1040
- &.active {
1041
- a, span {
1042
- background: $primary;
1043
- color: $white;
1044
- border: 1px solid transparent;
1045
- }
1046
- }
1047
- }
1048
- }
1049
- }
1050
-
1051
-
1052
- .block-7 {
1053
- margin-bottom: 30px;
1054
- padding: 30px;
1055
- box-shadow: 0 10px 30px -5px rgba(0,0,0,.11);
1056
- background: $white;
1057
- @include media-breakpoint-up(md) {
1058
- padding: 40px;
1059
- }
1060
- .heading {
1061
- font-size: 50px;
1062
- line-height: 1;
1063
- margin: 0;
1064
- padding: 0;
1065
- }
1066
- .heading-2 {
1067
- font-size: 16px;
1068
- font-weight: normal;
1069
- text-transform: uppercase;
1070
- }
1071
- .price {
1072
- margin: 0;
1073
- padding: 0;
1074
- display: block;
1075
- sup {
1076
- font-size: 20px;
1077
- top: -2em;
1078
- }
1079
- .number {
1080
- font-size: 80px;
1081
- }
1082
- }
1083
- .excerpt {
1084
- margin-bottom: 20px;
1085
- color: darken(#ccc, 10%);
1086
- }
1087
- .label2 {
1088
- text-transform: uppercase;
1089
- }
1090
- .pricing-text {
1091
- margin-bottom: 0;
1092
- &, li {
1093
- padding: 0;
1094
- margin: 0;
1095
- }
1096
- li {
1097
- list-style: none;
1098
- margin-bottom: 10px;
1099
- color: darken(#ccc, 10%);
1100
- strong {
1101
- color: $black;
1102
- }
1103
- }
1104
- }
1105
-
1106
- }
1107
-
1108
- .block-8 {
1109
- .accordion-item {
1110
- .heading {
1111
- font-size: 16px;
1112
- font-weight: 400;
1113
- padding: 10px 0;
1114
- > a {
1115
- padding-left: 35px;
1116
- position: relative;
1117
- color: $black;
1118
- &:before {
1119
-
1120
- width: 20px;
1121
- height: 20px;
1122
- line-height: 18px;
1123
- border: 1px solid #ccc;
1124
- text-align: center;
1125
- font-size: 18px;
1126
- top: .1em;
1127
- left: 0;
1128
- }
1129
- &[aria-expanded="true"] {
1130
- &:before {
1131
- font-family: 'icomoon';
1132
- position: absolute;
1133
- content: "\e316";
1134
- transition: .3s all ease;
1135
- background: $primary;
1136
- color: $white;
1137
- border: 1px solid $primary;
1138
- }
1139
- }
1140
- &[aria-expanded="false"] {
1141
- &:before {
1142
- content: "\e313";
1143
- color: #ccc;
1144
- font-family: 'icomoon';
1145
- position: absolute;
1146
-
1147
- transition: .3s all ease;
1148
- }
1149
- }
1150
-
1151
- }
1152
- }
1153
- .body-text {
1154
- font-size: 16px;
1155
- padding: 5px 0;
1156
- padding-left: 30px;
1157
- }
1158
- }
1159
- }
1160
-
1161
- //### .block-4
1162
- .block-4 {
1163
- .nonloop {
1164
- .owl-stage {
1165
- padding-bottom: 2em;
1166
- }
1167
- .owl-item {
1168
- box-shadow: 0 7px 20px -5px rgba(0,0,0,.2);
1169
- }
1170
- .owl-nav {
1171
- z-index: 2;
1172
- position: absolute;
1173
- width: 100%;
1174
- bottom: -2px;
1175
- .owl-prev, .owl-next {
1176
- opacity: .2;
1177
- transition: .3s all ease;
1178
- &:hover {
1179
- opacity: 1;
1180
- }
1181
- &.disabled {
1182
- display: none;
1183
- }
1184
- position: absolute;
1185
- span {
1186
- font-size: 30px;
1187
- }
1188
- }
1189
- .owl-prev {
1190
- left: 50px;
1191
-
1192
- }
1193
- .owl-next {
1194
- right: 50px;
1195
- }
1196
- }
1197
- .owl-dots {
1198
- bottom: -40px;
1199
- position: absolute;
1200
- width: 100%;
1201
- text-align: center;
1202
- .owl-dot {
1203
- display: inline-block;
1204
- width: 8px;
1205
- height: 8px;
1206
- background: #ccc;
1207
- border-radius: 50%;
1208
- margin-right: 10px;
1209
- margin-bottom: 10px;
1210
- transition: .3s all ease;
1211
- &.active {
1212
-
1213
- background: $primary;
1214
- }
1215
- }
1216
- }
1217
- }
1218
- }
1219
-
1220
- .contact-section {
1221
- margin-top: -200px;
1222
- .container {
1223
- z-index: 2;
1224
- position: relative;
1225
-
1226
- // background: $white!important;
1227
- padding: 30px;
1228
- @include media-breakpoint-up(md) {
1229
- padding: 70px;
1230
- }
1231
- }
1232
- .contact-info{
1233
- p{
1234
- a{
1235
- color: lighten($black,70%);
1236
- }
1237
- span{}
1238
- }
1239
- }
1240
- }
1241
- .block-9 {
1242
-
1243
- .form-control {
1244
- outline: none!important;
1245
- box-shadow: none!important;
1246
- font-size: 15px;
1247
- }
1248
- #map {
1249
- }
1250
- }
1251
-
1252
- .block-3 {
1253
- .text, .image {
1254
- width: 100%;
1255
- padding: 10% 7%;
1256
- @include media-breakpoint-up(md) {
1257
- width: 50%;
1258
- padding: 10% 7%;
1259
- }
1260
- }
1261
- .text {
1262
- background: #E7EFF3;
1263
- .subheading {
1264
- font-size: 13px;
1265
- text-transform: uppercase;
1266
- letter-spacing: .1em;
1267
- color: darken(#E7EFF3, 20%);
1268
- }
1269
- .heading {
1270
- font-size: 30px;
1271
- margin-bottom: 30px;
1272
- }
1273
- p {
1274
- &:last-child {
1275
- margin-bottom: 0;
1276
- }
1277
- }
1278
- }
1279
- .image {
1280
- background-size: cover;
1281
- background-position: center center;
1282
- background-repeat: no-repeat;
1283
- @include media-breakpoint-down(sm) {
1284
- height: 300px;
1285
- }
1286
- }
1287
- }
1288
-
1289
- .custom-pagination {
1290
- width: 100%;
1291
- text-align: center;
1292
- display: inline-block;
1293
- li {
1294
- display: inline-block;
1295
- }
1296
- .prev, .next {
1297
- a {
1298
- font-size: 20px!important;
1299
- line-height: 38px!important;
1300
- }
1301
- }
1302
- li, .prev, .next {
1303
- a {
1304
- width: 40px;
1305
- height: 40px;
1306
- line-height: 40px;
1307
- padding: 0;
1308
- margin: 0;
1309
- border-radius: 50%!important;
1310
- font-size: 16px;
1311
- }
1312
- &.active {
1313
- a {
1314
- display: block;
1315
- width: 40px;
1316
- height: 40px;
1317
- line-height: 40px;
1318
- padding: 0;
1319
- margin: 0;
1320
- border-radius: 50%!important;
1321
- font-size: 16px;
1322
- background: $primary;
1323
- color: $white;
1324
- &:hover, &:focus {
1325
- color: $white;
1326
- }
1327
- }
1328
- }
1329
- }
1330
- .prev {
1331
- float: left;
1332
- }
1333
- .next {
1334
- float: right;
1335
- }
1336
- }
1337
-
1338
- /* Blog*/
1339
- .post-info {
1340
- font-size: 12px;
1341
- text-transform: uppercase;
1342
- font-weight: bold;
1343
- color: $white;
1344
- letter-spacing: .1em;
1345
- > div {
1346
- display: inline-block;
1347
-
1348
- .seperator {
1349
- display: inline-block;
1350
- margin: 0 10px;
1351
- opacity: .5;
1352
- }
1353
- }
1354
- }
1355
-
1356
- .tagcloud {
1357
- a {
1358
- text-transform: uppercase;
1359
- display: inline-block;
1360
- padding: 4px 10px;
1361
- margin-bottom: 7px;
1362
- margin-right: 4px;
1363
- border-radius: 4px;
1364
- color: $black;
1365
- border: 1px solid #ccc;
1366
- font-size :11px;
1367
- &:hover {
1368
- border: 1px solid #000;
1369
- }
1370
- }
1371
- }
1372
-
1373
- .comment-form-wrap {
1374
- clear: both;
1375
- }
1376
-
1377
- .comment-list {
1378
- padding: 0;
1379
- margin: 0;
1380
- .children {
1381
- padding: 50px 0 0 40px;
1382
- margin: 0;
1383
- float: left;
1384
- width: 100%;
1385
- }
1386
- li {
1387
- padding: 0;
1388
- margin: 0 0 30px 0;
1389
- float: left;
1390
- width: 100%;
1391
- clear: both;
1392
- list-style: none;
1393
- .vcard {
1394
- width: 80px;
1395
- float: left;
1396
- img {
1397
- width: 50px;
1398
- border-radius: 50%;
1399
- }
1400
- }
1401
- .comment-body {
1402
- float: right;
1403
- width: calc(100% - 80px);
1404
- h3 {
1405
- font-size: 20px;
1406
- }
1407
- .meta {
1408
- text-transform: uppercase;
1409
- font-size: 13px;
1410
- letter-spacing: .1em;
1411
- color: #ccc;
1412
- }
1413
- .reply {
1414
- padding: 5px 10px;
1415
- background: lighten($black, 90%);
1416
- color: $black;
1417
- text-transform: uppercase;
1418
- font-size: 11px;
1419
- letter-spacing: .1em;
1420
- font-weight: 400;
1421
- border-radius: 4px;
1422
- &:hover {
1423
- color: $white;
1424
- background: lighten($black, 0%);
1425
- }
1426
- }
1427
- }
1428
- }
1429
- }
1430
-
1431
- .search-form {
1432
- background: lighten($black, 97%);
1433
- padding: 10px;
1434
-
1435
- .form-group {
1436
- position: relative;
1437
- input {
1438
- padding-right: 50px;
1439
- }
1440
- }
1441
- .icon {
1442
- position: absolute;
1443
- top: 50%;
1444
- right: 20px;
1445
- transform: translateY(-50%);
1446
- }
1447
- }
1448
-
1449
- // sidebar
1450
- .sidebar-box {
1451
- margin-bottom: 30px;
1452
- padding: 25px;
1453
- font-size: 15px;
1454
- width: 100%;
1455
-
1456
- float: left;
1457
-
1458
- background: $white;
1459
- *:last-child {
1460
- margin-bottom: 0;
1461
- }
1462
- h3 {
1463
- font-size: 18px;
1464
- margin-bottom: 15px;
1465
- }
1466
- }
1467
-
1468
- .categories, .sidelink {
1469
- li {
1470
- position: relative;
1471
- margin-bottom: 10px;
1472
- padding-bottom: 10px;
1473
- border-bottom: 1px dotted gray('300');
1474
- list-style: none;
1475
- &:last-child {
1476
- margin-bottom: 0;
1477
- border-bottom: none;
1478
- padding-bottom: 0;
1479
- }
1480
- a {
1481
- display: block;
1482
- span {
1483
- position: absolute;
1484
- right: 0;
1485
- top: 0;
1486
- color: #ccc;
1487
- }
1488
- }
1489
- &.active {
1490
- a {
1491
- color: $black;
1492
- font-style: italic;
1493
- }
1494
- }
1495
- }
1496
- }
1497
-
1498
-
1499
-
1500
- #ftco-loader {
1501
- position: fixed;
1502
- width: 96px;
1503
- height: 96px;
1504
- left: 50%;
1505
- top: 50%;
1506
- transform: translate(-50%, -50%);
1507
- background-color: rgba(255,255,255,0.9);
1508
- box-shadow: 0px 24px 64px rgba(0,0,0,0.24);
1509
- border-radius:16px;
1510
- opacity: 0;
1511
- visibility: hidden;
1512
- transition: opacity .2s ease-out, visibility 0s linear .2s;
1513
- z-index:1000;
1514
- }
1515
-
1516
- #ftco-loader.fullscreen {
1517
- padding: 0;
1518
- left: 0;
1519
- top: 0;
1520
- width: 100%;
1521
- height: 100%;
1522
- transform: none;
1523
- background-color: #fff;
1524
- border-radius: 0;
1525
- box-shadow: none;
1526
- }
1527
-
1528
- #ftco-loader.show {
1529
- transition: opacity .4s ease-out, visibility 0s linear 0s;
1530
- visibility: visible;
1531
- opacity: 1;
1532
- }
1533
-
1534
- #ftco-loader .circular {
1535
- animation: loader-rotate 2s linear infinite;
1536
- position: absolute;
1537
- left: calc(50% - 24px);
1538
- top: calc(50% - 24px);
1539
- display: block;
1540
- transform: rotate(0deg);
1541
- }
1542
-
1543
- #ftco-loader .path {
1544
- stroke-dasharray: 1, 200;
1545
- stroke-dashoffset: 0;
1546
- animation: loader-dash 1.5s ease-in-out infinite;
1547
- stroke-linecap: round;
1548
- }
1549
-
1550
- @keyframes loader-rotate {
1551
- 100% {
1552
- transform: rotate(360deg);
1553
- }
1554
- }
1555
-
1556
- @keyframes loader-dash {
1557
- 0% {
1558
- stroke-dasharray: 1, 200;
1559
- stroke-dashoffset: 0;
1560
- }
1561
- 50% {
1562
- stroke-dasharray: 89, 200;
1563
- stroke-dashoffset: -35px;
1564
- }
1565
- 100% {
1566
- stroke-dasharray: 89, 200;
1567
- stroke-dashoffset: -136px;
1568
- }
1569
- }