Elementor Essential Addons - Version 2.2.1

Version Description

  • (Clear cache after update)

  • Several improvements for CTA, Info Box, Flip box and dual heading elements

  • Call to action width control and button control added

  • Pricing table options improved

  • Admin page improved and optimized

Download this release

Release Info

Developer codetic
Plugin Icon 128x128 Elementor Essential Addons
Version 2.2.1
Comparing to
See all releases

Code changes from version 2.2.0 to 2.2.1

Files changed (11) hide show
  1. admin/assets/css/admin.css +41 -0
  2. admin/assets/js/admin.js +12 -2
  3. admin/settings.php +11 -8
  4. assets/css/essential-addons-elementor.css +1807 -1592
  5. elements/call-to-action/call-to-action.php +107 -9
  6. elements/dual-color-header/dual-color-header.php +26 -58
  7. elements/flipbox/flipbox.php +8 -4
  8. elements/infobox/infobox.php +11 -63
  9. elements/pricing-table/pricing-table.php +425 -181
  10. essential_adons_elementor.php +1 -1
  11. readme.txt +19 -8
admin/assets/css/admin.css CHANGED
@@ -6,7 +6,33 @@
6
 
7
  /* General Style */
8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9
 
 
 
 
 
 
 
 
 
10
  .eael-settings-tabs {
11
  padding-top: 15px;
12
  }
@@ -291,3 +317,18 @@ textarea.eael-form-control {
291
  align-content: center;
292
  }
293
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
 
7
  /* General Style */
8
 
9
+ .eael-header-bar {
10
+ height: auto;
11
+ padding: 20px;
12
+ background: #fff;
13
+ border: 1px solid rgba( 0,0,0,0.1 );
14
+ -webkit-display: flex;
15
+ display: flex;
16
+ -webkit-justify-content: flex-end;
17
+ justify-content: flex-end;
18
+ -webkit-align-items: center;
19
+ align-items: center;
20
+ }
21
+ .eael-header-bar .title {
22
+ font-size: 28px;
23
+ font-weight: 600;
24
+ margin: 0px;
25
+ line-height: 1;
26
+ }
27
 
28
+ .eael-header-left,
29
+ .eael-header-right {
30
+ -webkit-flex-grow: 1;
31
+ flex-grow: 1;
32
+ }
33
+ .eael-header-right {
34
+ text-align: right;
35
+ }
36
  .eael-settings-tabs {
37
  padding-top: 15px;
38
  }
317
  align-content: center;
318
  }
319
 
320
+ /* Header Button */
321
+ .eael-header-bar .eael-btn {
322
+ background-color: #3CCD94;
323
+ }
324
+ .eael-header-bar .eael-btn:hover, .eael-header-bar .eael-btn:focus {
325
+ background-color: #02CC7B;
326
+ }
327
+ .eael-save-btn-wrap .eael-btn.save-now,
328
+ .eael-header-bar .eael-btn.save-now {
329
+ background: #E74C3C;
330
+ }
331
+ .eael-save-btn-wrap .eael-btn.save-now:hover,
332
+ .eael-header-bar .eael-btn.save-now:hover {
333
+ background: #ff5544;
334
+ }
admin/assets/js/admin.js CHANGED
@@ -18,10 +18,18 @@
18
  // Adding link id after the url
19
  $('.eael-settings-tabs ul li a').click(function () {
20
  var tabUrl = $(this).attr( 'href' );
21
- window.location.hash = tabUrl;
22
- return false;
23
  });
24
 
 
 
 
 
 
 
 
 
25
  // Saving Data With Ajax Request
26
  $( 'form#eael-settings' ).on( 'submit', function(e) {
27
  e.preventDefault();
@@ -74,6 +82,8 @@
74
  'Click OK to continue',
75
  'success'
76
  );
 
 
77
  },
78
  error: function() {
79
  swal(
18
  // Adding link id after the url
19
  $('.eael-settings-tabs ul li a').click(function () {
20
  var tabUrl = $(this).attr( 'href' );
21
+ window.location.hash = tabUrl;
22
+ $('html, body').scrollTop(tabUrl);
23
  });
24
 
25
+ // Save Button reacting on any changes
26
+ var headerSaveBtn = $( '.eael-header-bar .eael-btn' );
27
+ var footerSaveBtn = $( '.eael-save-btn-wrap .eael-btn' );
28
+ $('.eael-checkbox input[type="checkbox"]').on( 'click', function() {
29
+ headerSaveBtn.addClass( 'save-now' );
30
+ footerSaveBtn.addClass( 'save-now' );
31
+ } );
32
+
33
  // Saving Data With Ajax Request
34
  $( 'form#eael-settings' ).on( 'submit', function(e) {
35
  e.preventDefault();
82
  'Click OK to continue',
83
  'success'
84
  );
85
+ headerSaveBtn.removeClass( 'save-now' );
86
+ footerSaveBtn.removeClass( 'save-now' );
87
  },
88
  error: function() {
89
  swal(
admin/settings.php CHANGED
@@ -112,9 +112,16 @@ class Eael_Admin_Settings {
112
  $this->eael_get_settings = get_option( 'eael_save_settings', $this->eael_default_settings );
113
  ?>
114
  <div class="wrap">
115
- <h2><?php _e( 'Essential Elementor Addon Settings', 'essential-addons-elementor' ); ?></h2> <hr>
116
- <div class="response-wrap"></div>
117
  <form action="" method="POST" id="eael-settings" name="eael-settings">
 
 
 
 
 
 
 
 
118
  <div class="eael-settings-tabs">
119
  <ul>
120
  <li><a href="#general"><i class="fa fa-cogs"></i> General</a></li>
@@ -275,7 +282,7 @@ class Eael_Admin_Settings {
275
  <div class="col-full">
276
  <div class="premium-elements-title">
277
  <img src="<?php echo plugins_url( '/', __FILE__ ).'assets/images/lock-icon.png'; ?>">
278
- <h2 class="section-title">Premium Elements</h2>
279
  </div>
280
  <table class="form-table">
281
  <tr>
@@ -481,8 +488,4 @@ class Eael_Admin_Settings {
481
 
482
  }
483
 
484
- new Eael_Admin_Settings();
485
-
486
-
487
-
488
-
112
  $this->eael_get_settings = get_option( 'eael_save_settings', $this->eael_default_settings );
113
  ?>
114
  <div class="wrap">
115
+ <div class="response-wrap"></div>
 
116
  <form action="" method="POST" id="eael-settings" name="eael-settings">
117
+ <div class="eael-header-bar">
118
+ <div class="eael-header-left">
119
+ <h4 class="title"><?php _e( 'Essential Addons Settings', 'essential-addons-elementor' ); ?></h4>
120
+ </div>
121
+ <div class="eael-header-right">
122
+ <input type="submit" value="Save settings" class="button eael-btn"/>
123
+ </div>
124
+ </div>
125
  <div class="eael-settings-tabs">
126
  <ul>
127
  <li><a href="#general"><i class="fa fa-cogs"></i> General</a></li>
282
  <div class="col-full">
283
  <div class="premium-elements-title">
284
  <img src="<?php echo plugins_url( '/', __FILE__ ).'assets/images/lock-icon.png'; ?>">
285
+ <h4 class="section-title">Premium Elements</h4>
286
  </div>
287
  <table class="form-table">
288
  <tr>
488
 
489
  }
490
 
491
+ new Eael_Admin_Settings();
 
 
 
 
assets/css/essential-addons-elementor.css CHANGED
@@ -2,498 +2,490 @@
2
  General Styles : Essential Addons for Elementor Lite;
3
  */
4
 
5
- .clearfix::before, .clearfix::after {
6
- content: " ";
7
- display: table;
8
- clear: both;
 
9
  }
10
-
11
-
12
  /* Common Styles for slider elements */
13
 
14
- .eael-testimonial-slider .slick-prev, .eael-testimonial-slider .slick-next,
15
- .eael-team-slider .slick-prev, .eael-team-slider .slick-next,
16
- .eael-logo-carousel .slick-prev, .eael-logo-carousel .slick-next,
17
- .eael-post-carousel .slick-prev, .eael-post-carousel .slick-next,
18
- .eael-product-carousel .slick-prev, .eael-product-carousel .slick-next {
19
- border-radius: 3px;
20
- height: 30px;
21
- position: absolute;
22
- text-shadow: none;
23
- top: calc(50% - 15px);
24
- width: 30px;
 
 
 
 
 
25
  }
26
-
27
- .eael-testimonial-slider .slick-prev::before, .eael-testimonial-slider .slick-next::before,
28
- .eael-logo-carousel .slick-prev::before, .eael-logo-carousel .slick-next::before,
29
- .eael-team-slider .slick-prev::before, .eael-team-slider .slick-next::before,
30
- .eael-post-carousel .slick-prev::before, .eael-post-carousel .slick-next::before,
31
- .eael-product-carousel .slick-prev::before, .eael-product-carousel .slick-next::before {
32
- font-family: "FontAwesome";
33
- font-size: 20px;
34
- opacity: 0.75;
35
- text-align: center;
 
 
 
 
36
  }
37
-
38
- .eael-testimonial-slider .slick-prev:hover::before, .eael-testimonial-slider .slick-next:hover::before,
39
- .eael-logo-carousel .slick-prev:hover::before, .eael-logo-carousel .slick-next:hover::before,
40
- .eael-team-slider .slick-prev:hover::before, .eael-team-slider .slick-next:hover::before,
41
- .eael-post-carousel .slick-prev:hover::before, .eael-post-carousel .slick-next:hover::before,
42
- .eael-product-carousel .slick-prev:hover::before, .eael-product-carousel .slick-next:hover::before {
43
- opacity: 1;
 
 
 
 
44
  }
45
-
46
  .eael-testimonial-slider .slick-prev::before,
47
  .eael-logo-carousel .slick-prev::before,
48
  .eael-team-slider .slick-prev::before,
49
  .eael-post-carousel .slick-prev::before,
50
  .eael-product-carousel .slick-prev::before {
51
- content: "\f104";
52
- padding-right: 3px;
53
  }
54
-
55
  .eael-testimonial-slider .slick-next::before,
56
  .eael-logo-carousel .slick-next::before,
57
  .eael-team-slider .slick-next::before,
58
  .eael-post-carousel .slick-next::before,
59
  .eael-product-carousel .slick-next::before {
60
- content: "\f105";
61
- padding-left: 4px;
62
  }
63
-
64
  .eael-testimonial-slider .slick-dots li button::before,
65
  .eael-logo-carousel .slick-dots li button::before,
66
  .eael-team-slider .slick-dots li button::before,
67
  .eael-post-carousel .slick-dots li button::before,
68
  .eael-product-carousel .slick-dots li button::before {
69
- font-size: 12px;
70
- opacity: 0.5;
71
  }
72
-
73
  .eael-testimonial-slider .slick-dots li.slick-active button::before,
74
  .eael-logo-carousel .slick-dots li.slick-active button::before,
75
  .eael-team-slider .slick-dots li.slick-active button::before,
76
  .eael-post-carousel .slick-dots li.slick-active button::before,
77
  .eael-product-carousel .slick-dots li.slick-active button::before {
78
- font-size: 18px;
79
- opacity: 1;
80
  }
81
-
82
  .eael-testimonial-slider .slick-prev,
83
  .eael-team-slider .slick-prev,
84
  .eael-logo-carousel .slick-prev,
85
  .eael-post-carousel .slick-prev,
86
  .eael-product-carousel .slick-prev {
87
- left: -50px;
88
  }
89
-
90
  .eael-testimonial-slider .slick-next,
91
  .eael-team-slider .slick-next,
92
  .eael-logo-carousel .slick-next,
93
  .eael-post-carousel .slick-next,
94
  .eael-product-carousel .slick-next {
95
- right: -50px;
96
  }
97
-
98
-
99
  .eael-testimonial-slider.nav-top-left .slick-prev,
100
  .eael-team-slider.nav-top-left .slick-prev,
101
  .eael-logo-carousel.nav-top-left .slick-prev,
102
  .eael-post-carousel.nav-top-left .slick-prev,
103
  .eael-product-carousel.nav-top-left .slick-prev {
104
- left: 10px;
105
- top: 20px;
106
  }
107
-
108
  .eael-testimonial-slider.nav-top-left .slick-next,
109
  .eael-team-slider.nav-top-left .slick-next,
110
  .eael-logo-carousel.nav-top-left .slick-next,
111
  .eael-post-carousel.nav-top-left .slick-next,
112
  .eael-product-carousel.nav-top-left .slick-next {
113
- left: 45px;
114
- top: 20px;
115
  }
116
-
117
  .eael-testimonial-slider.nav-top-right .slick-prev,
118
  .eael-team-slider.nav-top-right .slick-prev,
119
  .eael-logo-carousel.nav-top-right .slick-prev,
120
  .eael-post-carousel.nav-top-right .slick-prev,
121
  .eael-product-carousel.nav-top-right .slick-prev {
122
- left: auto;
123
- right: 45px;
124
- top: 20px;
125
  }
126
-
127
  .eael-testimonial-slider.nav-top-right .slick-next,
128
  .eael-team-slider.nav-top-right .slick-next,
129
  .eael-logo-carousel.nav-top-right .slick-next,
130
  .eael-post-carousel.nav-top-right .slick-next,
131
  .eael-product-carousel.nav-top-right .slick-next {
132
- left: auto;
133
- right: 10px;
134
- top: 20px;
135
- }
136
-
137
- .eael-testimonial-slider.nav-top-left, .eael-testimonial-slider.nav-top-right,
138
- .eael-team-slider.nav-top-left, .eael-team-slider.nav-top-right,
139
- .eael-logo-carousel.nav-top-left, .eael-logo-carousel.nav-top-right,
140
- .eael-post-carousel.nav-top-left, .eael-post-carousel.nav-top-right,
141
- .eael-product-carousel.nav-top-left, .eael-product-carousel.nav-top-right {
142
- padding-top: 40px;
 
 
 
 
143
  }
144
-
145
  .eael-testimonial-slider .slick-dots,
146
  .eael-team-slider .slick-dots,
147
  .eael-logo-carousel .slick-dots,
148
  .eael-post-carousel .slick-dots,
149
  .eael-product-carousel .slick-dots {
150
- bottom: -40px;
151
  }
152
-
153
  .eael-testimonial-slider .slick-dotted.slick-slider,
154
  .eael-team-slider .slick-dotted.slick-slider,
155
  .eael-logo-carousel .slick-dotted.slick-slider,
156
  .eael-post-carousel .slick-dotted.slick-slider,
157
- .eael-product-carousel .slick-dotted.slick-slider{
158
- margin-bottom: 30px;
159
  }
160
-
161
  /*
162
  ==== FANCY TEXT STYLES ======
163
  */
 
164
  .eael-fancy-text-strings {
165
- display:inline-block;
166
  }
167
-
168
- .morphext > .animated {
169
  display: inline-block;
170
  }
171
-
172
  .typed-cursor {
173
- opacity: 1;
174
- -webkit-animation: blink_cursor 0.7s infinite;
175
- -moz-animation: blink_cursor 0.7s infinite;
176
- animation: blink_cursor 0.7s infinite;
177
- }
178
- @keyframes blink_cursor{
179
- 0% { opacity:1; }
180
- 50% { opacity:0; }
181
- 100% { opacity:1; }
182
- }
183
- @-webkit-keyframes blink_cursor{
184
- 0% { opacity:1; }
185
- 50% { opacity:0; }
186
- 100% { opacity:1; }
187
- }
188
- @-moz-keyframes blink_cursor{
189
- 0% { opacity:1; }
190
- 50% { opacity:0; }
191
- 100% { opacity:1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
192
  }
193
-
194
-
195
-
196
  /* Creative Button styles */
197
 
198
  .eael-creative-button-align-center {
199
- text-align: center;
200
  }
201
-
202
  .eael-creative-button-align-center .eael-creative-button {
203
- float: none;
204
- display: inline-block;
205
  }
206
-
207
  .eael-creative-button-align-left .eael-creative-button {
208
- float: left;
209
  }
210
  .eael-creative-button-align-right .eael-creative-button {
211
- float: right;
212
  }
213
  .eael-creative-button-align-justify .eael-creative-button {
214
- display: block;
215
- float: none;
216
  }
217
-
218
  .eael-creative-button {
219
- float: left;
220
- min-width: 150px;
221
- text-align: center;
222
- vertical-align: middle;
223
- position: relative;
224
- z-index: 1;
225
- -webkit-backface-visibility: hidden;
226
- -moz-osx-font-smoothing: grayscale;
227
  }
228
  .eael-creative-button:focus {
229
- outline: none;
230
  }
231
- .eael-creative-button > span {
232
- vertical-align: middle;
233
  }
234
-
235
  .eael-creative-button {
236
- border-radius: 2px;
237
- padding: 20px 30px;
238
- font-size: 16px;
239
- line-height: 1;
240
  }
241
-
242
  /* Individual eael-creative-button styles */
243
-
244
  /* Winona */
 
245
  .eael-creative-button--winona {
246
- overflow: hidden;
247
- padding: 0!important;
248
- -webkit-transition: border-color 0.3s, background-color 0.3s;
249
- transition: border-color 0.3s, background-color 0.3s;
250
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
251
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
252
  }
253
  .eael-creative-button--winona::after {
254
- content: attr(data-text);
255
- position: absolute;
256
- width: 100%;
257
- height: 100%;
258
- top: 0;
259
- left: 0;
260
- opacity: 0;
261
- -webkit-transform: translate3d(0, 25%, 0);
262
- transform: translate3d(0, 25%, 0);
263
- }
264
- .eael-creative-button--winona > span {
265
- display: block;
266
  }
267
  .eael-creative-button--winona::after,
268
- .eael-creative-button--winona > span {
269
- padding: 1em 2em;
270
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
271
- transition: transform 0.3s, opacity 0.3s;
272
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
273
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
274
  }
275
  .eael-creative-button--winona:hover::after {
276
- opacity: 1;
277
- -webkit-transform: translate3d(0, 0, 0);
278
- transform: translate3d(0, 0, 0);
279
  }
280
- .eael-creative-button--winona:hover > span {
281
- opacity: 0;
282
- -webkit-transform: translate3d(0, -25%, 0);
283
- transform: translate3d(0, -25%, 0);
284
  }
285
-
286
  /* Ujarak */
 
287
  .eael-creative-button--ujarak {
288
- -webkit-transition: border-color 0.4s, color 0.4s;
289
- transition: border-color 0.4s, color 0.4s;
290
  }
291
-
292
  .eael-creative-button--ujarak::before {
293
- content: '';
294
- position: absolute;
295
- top: 0;
296
- left: 0;
297
- width: 100%;
298
- height: 100%;
299
- z-index: -1;
300
- opacity: 0;
301
- -webkit-transform: scale3d(0.7, 1, 1);
302
- transform: scale3d(0.7, 1, 1);
303
- -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
304
- transition: transform 0.4s, opacity 0.4s;
305
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
306
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
307
  }
308
-
309
  .eael-creative-button--ujarak,
310
  .eael-creative-button--ujarak::before {
311
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
312
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
313
  }
314
-
315
  .eael-creative-button--ujarak:hover::before {
316
- opacity: 1;
317
- -webkit-transform: translate3d(0, 0, 0);
318
- transform: translate3d(0, 0, 0);
319
  }
320
-
321
  /* Wayra */
 
322
  .eael-creative-button--wayra {
323
- overflow: hidden;
324
- -webkit-transition: border-color 0.3s, color 0.3s;
325
- transition: border-color 0.3s, color 0.3s;
326
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
327
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
328
  }
329
  .eael-creative-button--wayra::before {
330
- content: '';
331
- position: absolute;
332
- top: 0;
333
- left: 0;
334
- width: 150%;
335
- height: 100%;
336
- z-index: -1;
337
- -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
338
- transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
339
- -webkit-transform-origin: 0% 100%;
340
- transform-origin: 0% 100%;
341
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
342
- transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
343
  }
344
-
345
  .eael-creative-button--wayra:hover::before {
346
- opacity: 1;
347
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
348
- transform: rotate3d(0, 0, 1, 0deg);
349
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
350
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
351
  }
352
-
353
  /* Tamaya */
354
 
355
  .eael-creative-button--tamaya {
356
- overflow: hidden;
357
  }
358
-
359
  .eael-creative-button--tamaya::before,
360
  .eael-creative-button--tamaya::after {
361
- content: attr(data-text);
362
- position: absolute;
363
- width: 100%;
364
- height: 50%;
365
- left: 0;
366
- overflow: hidden;
367
- -webkit-transition: -webkit-transform 0.3s;
368
- transition: transform 0.3s;
369
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
370
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
371
  }
372
-
373
  .eael-creative-button--tamaya::before {
374
- top: 0;
375
- padding: 20px 30px;
376
  }
377
-
378
  .eael-creative-button--tamaya::after {
379
- bottom: 0;
380
- line-height: 0;
381
  }
382
  .eael-creative-button--tamaya:hover::after {
383
- bottom: -1px;
384
- }
385
- .eael-creative-button--tamaya > span {
386
- display: block;
387
- -webkit-transform: scale3d(0.2, 0.2, 1);
388
- transform: scale3d(0.2, 0.2, 1);
389
- opacity: 0;
390
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
391
- transition: transform 0.3s, opacity 0.3s;
392
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
393
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
394
  }
395
  .eael-creative-button--tamaya:hover::before {
396
- -webkit-transform: translate3d(0, -100%, 0);
397
- transform: translate3d(0, -100%, 0);
398
  }
399
  .eael-creative-button--tamaya:hover::after {
400
- -webkit-transform: translate3d(0, 100%, 0);
401
- transform: translate3d(0, 100%, 0);
402
  }
403
- .eael-creative-button--tamaya:hover > span {
404
- opacity: 1;
405
- -webkit-transform: scale3d(1, 1, 1);
406
- transform: scale3d(1, 1, 1);
407
  }
408
-
409
  /* Rayen */
 
410
  .eael-creative-button--rayen {
411
- overflow: hidden;
412
- padding: 0!important;
413
  }
414
-
415
  .eael-creative-button--rayen::before {
416
- content: attr(data-text);
417
- position: absolute;
418
- top: 0;
419
- left: 0;
420
- width: 100%;
421
- height: 100%;
422
- -webkit-transform: translate3d(-100%, 0, 0);
423
- transform: translate3d(-100%, 0, 0);
424
  }
425
-
426
- .eael-creative-button--rayen > span {
427
- display: block;
428
  }
429
  .eael-creative-button--rayen::before,
430
- .eael-creative-button--rayen > span {
431
- padding: 1em 2em;
432
- -webkit-transition: -webkit-transform 0.3s;
433
- transition: transform 0.3s;
434
- -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
435
- transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
436
  }
437
  .eael-creative-button--rayen:hover::before {
438
- -webkit-transform: translate3d(0, 0, 0);
439
- transform: translate3d(0, 0, 0);
440
  }
441
- .eael-creative-button--rayen:hover > span {
442
- -webkit-transform: translate3d(0, 100%, 0);
443
- transform: translate3d(0, 100%, 0);
444
  }
445
-
446
  /* Countdown Styles */
447
 
448
  .eael-countdown-items {
449
- list-style: none;
450
- margin: 0;
451
- padding: 0;
452
- display: table;
453
- table-layout: fixed;
454
- width: 100%;
455
  }
456
-
457
- .eael-countdown-items > li {
458
- list-style: none;
459
- margin: 0;
460
- padding: 0;
461
- display: table-cell;
462
- position: relative;
463
  }
464
-
465
- .eael-countdown-item > div {
466
- text-align: center;
467
- padding: 20px;
468
  }
469
-
470
- .eael-countdown-label-block .eael-countdown-digits, .eael-countdown-label-block .eael-countdown-label {
471
- display: block;
472
- text-align: center;
473
  }
474
-
475
  .eael-countdown-digits {
476
- font-size: 54px;
477
- line-height: 1;
478
  }
479
-
480
  .eael-countdown-label {
481
- font-size: 18px;
482
- line-height: 1;
483
  }
484
-
485
  .eael-countdown-show-separator .eael-countdown-digits::after {
486
- content: ":";
487
- position: absolute;
488
- left: 98%;
489
- z-index: 9999;
490
  }
491
-
492
  .eael-countdown-item:last-child .eael-countdown-digits::after {
493
- display: none;
494
  }
495
-
496
-
497
  /* Post Timeline Styles */
498
 
499
  .eael-post-timeline {
@@ -502,14 +494,12 @@
502
  overflow: hidden;
503
  position: relative;
504
  }
505
-
506
  .eael-timeline-column {
507
- width: 50%;
508
- margin-left: 0;
509
- float: left;
510
- margin-top: 0 !important;
511
  }
512
-
513
  .eael-timeline-post {
514
  position: relative;
515
  }
@@ -588,11 +578,9 @@
588
  top: 257px;
589
  width: 0;
590
  }
591
-
592
  .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after {
593
- border-left-color: transparent !important;
594
  }
595
-
596
  .eael-timeline-post p {
597
  margin: 1.6rem 0 0 0;
598
  font-size: 0.9em;
@@ -693,19 +681,15 @@
693
  .eael-timeline-post:hover time {
694
  opacity: 1;
695
  }
696
-
697
  .eael-timeline-post::after {
698
- height: 100%;
699
  }
700
-
701
  .eael-post-timeline .eael-timeline-post:nth-last-child(2)::after {
702
- height: 245px;
703
  }
704
-
705
  .eael-post-timeline .eael-timeline-post:last-child::after {
706
- display: none;
707
  }
708
-
709
  /* Responsive Style for Post Timeline */
710
 
711
  @media only screen and (max-width: 1366px) {
@@ -805,160 +789,137 @@
805
  top: 205px;
806
  }
807
  }
808
-
809
  /* Team Members Styles */
810
 
811
-
812
  .eael-team-item {
813
- overflow: hidden;
814
- position: relative;
815
  }
816
-
817
  .team-avatar-rounded figure img {
818
- border-radius: 50%;
819
- height: auto;
820
  }
821
- .eael-team-image > figure {
822
- margin: 0;
823
- padding: 0;
824
  }
825
-
826
- .eael-team-image > figure img {
827
- display: block;
828
- margin: 0 auto;
829
  }
830
-
831
  .eael-team-item .eael-team-content {
832
- padding: 10px;
833
  }
834
-
835
  .eael-team-item .eael-team-member-name {
836
- font-size: 20px;
837
- font-weight: bold;
838
- letter-spacing: 0.05em;
839
- margin: 5px 0;
840
- text-transform: uppercase;
841
  }
842
-
843
  .eael-team-item .eael-team-member-position {
844
- font-size: 14px;
845
- font-weight: normal;
846
- letter-spacing: 0.05em;
847
- margin: 5px 0 10px;
848
- text-transform: uppercase;
849
  }
850
-
851
- .eael-team-item .eael-team-content,
852
  .eael-team-item .eael-team-content .eael-team-text {
853
- font-size: 14px;
854
- line-height: 1.5;
855
  }
856
-
857
- .eael-team-content > ul {
858
- margin: 0;
859
- padding: 0;
860
  }
861
-
862
  .eael-team-content li {
863
- display: inline-block;
864
- list-style: outside none none;
865
- margin-right: 10px;
866
- text-align: center;
867
  }
868
-
869
  .eael-team-content li a {
870
- font-size: 2.5rem;
871
  }
872
  .eael-team-align-left .eael-team-item .eael-team-member-name,
873
  .eael-team-align-left .eael-team-item .eael-team-member-position,
874
  .eael-team-align-left .eael-team-item .eael-team-text,
875
  .eael-team-align-left .eael-team-item .eael-team-content p,
876
  .eael-team-align-left .eael-team-item .eael-team-content ul,
877
- .eael-team-align-left .eael-team-item .eael-team-content li{
878
- text-align: left;
879
  }
880
  .eael-team-align-right .eael-team-item .eael-team-member-name,
881
  .eael-team-align-right .eael-team-item .eael-team-member-position,
882
  .eael-team-align-right .eael-team-item .eael-team-text,
883
  .eael-team-align-right .eael-team-item .eael-team-content p,
884
  .eael-team-align-right .eael-team-item .eael-team-content ul,
885
- .eael-team-align-right .eael-team-item .eael-team-content li{
886
- text-align: right;
887
  }
888
  .eael-team-align-centered .eael-team-item .eael-team-member-name,
889
  .eael-team-align-centered .eael-team-item .eael-team-member-position,
890
  .eael-team-align-centered .eael-team-item .eael-team-text,
891
  .eael-team-align-centered .eael-team-item .eael-team-content p,
892
  .eael-team-align-centered .eael-team-item .eael-team-content ul,
893
- .eael-team-align-centered .eael-team-item .eael-team-content li{
894
- text-align: center;
895
  }
896
-
897
  .eael-team-item.eael-team-members-overlay .eael-team-content {
898
- bottom: 10px;
899
- left: 10px;
900
- margin-bottom: 0;
901
- padding-top: 15%;
902
- opacity: 0;
903
- overflow: hidden;
904
- text-overflow: ellipsis;
905
- position: absolute;
906
- right: 10px;
907
- top: 10px;
908
- -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
909
- transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
910
  }
911
-
912
- .eael-team-item.eael-team-members-overlay:hover .eael-team-content {
913
- opacity: 1;
 
 
 
 
 
 
 
914
  }
915
-
916
- .eael-team-member-social-link > a {
917
- display: inline-block;
918
- -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
919
- transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
920
- }
921
- .eael-team-member-social-link > a:focus {
922
- outline: none;
923
- }
924
-
925
-
926
  /* Testimonials Styles */
927
 
928
  .eael-testimonial-slider {
929
- position: relative;
930
  }
931
-
932
  /* Default styles */
933
 
934
  .eael-testimonial-image img {
935
- max-width: 100%;
936
  }
937
-
938
  .eael-testimonial-image {
939
- padding: 10px 10px 10px 20px;
940
  }
941
-
942
- .eael-testimonial-image > figure {
943
- display: block;
944
- margin: 0;
945
  }
946
-
947
  .testimonial-avatar-rounded figure img {
948
- border-radius: 50%;
949
- height: auto;
950
  }
951
-
952
  .eael-testimonial-content {
953
- margin: 0;
954
- padding: 10px 20px 50px;
955
  }
956
-
957
- .eael-testimonial-item > figure {
958
- margin: 0 auto;
959
- padding: 0 20px;
960
  }
961
-
962
  .eael-testimonial-item .center-text {
963
  text-align: center;
964
  }
@@ -971,363 +932,312 @@
971
  .eael-testimonial-item .justify-text {
972
  text-align: justify;
973
  }
974
-
975
-
976
  /* Default aligned */
977
 
978
  .eael-testimonial-content .eael-testimonial-text {
979
- font-size: 100%;
980
- font-style: italic;
981
- line-height: 1.5;
982
- margin-bottom: 10px;
983
  }
984
-
985
  .eael-testimonial-content .eael-testimonial-user {
986
- float: left;
987
- font-family: inherit;
988
- font-size: 105%;
989
- font-style: italic;
990
- font-weight: normal;
991
- line-height: 1.5;
992
- margin-bottom: 0;
993
- margin-right: 5px;
994
  }
995
-
996
  .eael-testimonial-content .eael-testimonial-user-company {
997
- float: left;
998
- font-family: inherit;
999
- font-size: 90%;
1000
- font-style: italic;
1001
- font-weight: lighter;
1002
- line-height: 1.75;
1003
- margin-bottom: 0;
1004
- margin-top: 1px;
1005
  }
1006
-
1007
- .eael-testimonial-image {
1008
- position: relative;
1009
  }
1010
-
1011
  .eael-testimonial-image .eael-testimonial-quote::after {
1012
- color: inherit!important;
1013
- content: "\f10e";
1014
- font-family: "FontAwesome";
1015
- font-size: 200%;
1016
- position: absolute;
1017
- right: 20px;
1018
- top: 10px;
1019
  }
1020
-
1021
-
1022
  /* Left align */
1023
 
1024
  .eael-testimonial-align-left .eael-testimonial-content,
1025
  .eael-testimonial-align-left .eael-testimonial-user,
1026
  .eael-testimonial-align-left .eael-testimonial-user-company {
1027
- text-align: left;
1028
  }
1029
-
1030
  .eael-testimonial-align-left .eael-testimonial-image {
1031
- float: left;
1032
- width: 30%;
1033
  }
1034
-
1035
  .eael-testimonial-align-left .eael-testimonial-content {
1036
- float: left;
1037
- margin-top: 20px;
1038
- position: relative;
1039
- width: 70%;
1040
  }
1041
-
1042
  .eael-testimonial-align-left .eael-testimonial-image .eael-testimonial-quote {
1043
- display: none;
1044
  }
1045
-
1046
  .eael-testimonial-align-left .eael-testimonial-quote::before {
1047
- color: inherit;
1048
- content: "\f10e";
1049
- font-family: "FontAwesome";
1050
- font-size: 28px;
1051
- right: 20px;
1052
- position: absolute;
1053
- top: 0;
1054
  }
1055
-
1056
  .eael-testimonial-align-left .eael-testimonial-text {
1057
- padding-right: 25px;
1058
  }
1059
  .eael-testimonial-align-left .eael-testimonial-content {
1060
- margin: 0;
1061
- padding: 10px 25px 30px 10px;
1062
  }
1063
-
1064
  /* Center align */
1065
 
1066
  .eael-testimonial-align-centered .eael-testimonial-content .eael-testimonial-text {
1067
- text-align: center;
1068
  }
1069
-
1070
  .eael-testimonial-align-centered .eael-testimonial-user,
1071
- .eael-testimonial-align-centered .eael-testimonial-user-company {
1072
- float: none;
1073
- text-align: center;
1074
  }
1075
-
1076
- .eael-testimonial-align-centered .eael-testimonial-image > figure img {
1077
- display: block;
1078
- margin-left: auto !important;
1079
- margin-right: auto !important;
1080
  }
1081
-
1082
  /* Right align */
1083
 
1084
  .eael-testimonial-align-right .eael-testimonial-content,
1085
  .eael-testimonial-align-right .eael-testimonial-user,
1086
  .eael-testimonial-align-right .eael-testimonial-user-company {
1087
- text-align: right;
1088
  }
1089
-
1090
  .eael-testimonial-align-right .eael-testimonial-image {
1091
- float: right;
1092
- width: 30%;
1093
  }
1094
-
1095
  .eael-testimonial-align-right .eael-testimonial-content {
1096
- float: right;
1097
- margin-top: 20px;
1098
- position: relative;
1099
- width: 70%;
1100
  }
1101
-
1102
  .eael-testimonial-align-right .eael-testimonial-image .eael-testimonial-quote {
1103
- display: none;
1104
  }
1105
-
1106
  .eael-testimonial-align-right .eael-testimonial-quote::before {
1107
- color: inherit;
1108
- content: "\f10d";
1109
- font-family: "FontAwesome";
1110
- font-size: 28px;
1111
- left: 20px;
1112
- position: absolute;
1113
- top: 0;
1114
  }
1115
-
1116
  .eael-testimonial-align-right .eael-testimonial-text {
1117
- padding-left: 30px;
1118
  }
1119
-
1120
  .eael-testimonial-align-right .eael-testimonial-user,
1121
- .eael-testimonial-align-right .eael-testimonial-user-company {
1122
- float: none;
1123
- text-align: right;
1124
  }
1125
-
1126
  .eael-testimonial-align-right .eael-testimonial-content {
1127
- padding: 10px 10px 30px 25px;
1128
  }
1129
-
1130
-
1131
  /* Product Styles */
1132
 
1133
  .eael-product-carousel .woocommerce li.product {
1134
- background-color: #fff;
1135
- border-radius: 0;
1136
- box-shadow: none;
1137
  }
1138
-
1139
  .hide_rating .woocommerce .star-rating-container,
1140
  .hide_rating .woocommerce .star-rating {
1141
- display: none !important;
1142
  }
1143
-
1144
  .eael-product-carousel .woocommerce ul.products li.product h3 {
1145
- padding: 0.5em;
1146
  }
1147
-
1148
  .eael-product-carousel .woocommerce .products .star-rating {
1149
- display: block;
1150
- float: none;
1151
- margin: 10px auto;
1152
  }
1153
-
1154
-
1155
  body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-carousel .woocommerce li.product .button {
1156
- box-shadow: none;
1157
- display: block;
1158
- left: auto;
1159
- margin: 15px;
1160
- padding: 0.45em 0.5em 0.575em;
1161
- position: relative;
1162
- right: auto;
1163
- text-shadow: none;
1164
- top: auto;
1165
  }
1166
-
1167
  /* Product Simple and Reveal Style */
1168
 
1169
  .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-featured {
1170
- background-color: transparent;
1171
- border: medium none;
1172
- box-shadow: none;
1173
- padding: 0;
1174
  }
1175
-
1176
- .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap, .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
1177
- background-color: transparent;
1178
- bottom: auto;
1179
- box-shadow: none;
1180
- padding: 15px 0 0;
1181
- position: relative;
1182
- text-align: center;
1183
- top: auto;
1184
  }
1185
-
1186
  .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3,
1187
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 {
1188
- font-size: 14px;
1189
- line-height: 1.2;
1190
- margin: 0 0 5px;
1191
- padding-bottom: 0.5em;
1192
  }
1193
  .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3 a,
1194
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 a {
1195
- color: #272727;
1196
- font-weight: normal;
1197
- letter-spacing: 0.01rem;
1198
- text-transform: uppercase;
1199
  }
1200
-
1201
- .eael-product-carousel.eael-product-simple .woocommerce li.product .price > .amount,
1202
- .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > .amount,
1203
- .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > ins > .amount,
1204
- .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > .amount,
1205
- .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > ins > .amount {
1206
- color: #272727;
1207
- font-size: 18px;
1208
- font-weight: normal;
1209
  }
1210
-
1211
  .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap::before,
1212
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap::before {
1213
- display: none;
1214
  }
1215
-
1216
  .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button {
1217
- background-color: transparent;
1218
- border: 1px solid rgba(0, 0, 0, 0.5);
1219
- border-radius: 0;
1220
- box-shadow: none;
1221
- color: #272727;
1222
- display: block;
1223
- font-size: 14px;
1224
- left: auto;
1225
- margin: 20px auto;
1226
- opacity: 1;
1227
- position: relative;
1228
- right: auto;
1229
- text-shadow: none;
1230
- top: auto;
1231
- width: 80%;
1232
  }
1233
-
1234
-
1235
  .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button:hover {
1236
- background-color: #e74c3c;
1237
- border: 1px solid #e74c3c;
1238
- color: #fff;
1239
  }
1240
-
1241
  .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container {
1242
- background-color: transparent;
1243
- left: auto;
1244
- opacity: 1;
1245
- position: relative;
1246
- right: auto;
1247
- top: 5px;
1248
- display: block;
1249
- margin: 0 auto;
1250
- width: 110px;
1251
  }
1252
-
1253
  .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating::before,
1254
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating::before {
1255
- color: #f2b01e;
1256
  }
1257
-
1258
  .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating span::before,
1259
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before {
1260
- color: #f2b01e;
1261
  }
1262
-
1263
- .eael-product-carousel:not(.eael-product-no-style) .onsale{
1264
- border-radius: 0;
1265
- box-shadow: none;
1266
- display: block;
1267
- font-size: 14px;
1268
- height: 100px;
1269
- letter-spacing: 0;
1270
- line-height: 160px;
1271
- position: absolute;
1272
- text-align: center;
1273
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
1274
- text-transform: uppercase;
1275
- transform: rotate(-45deg);
1276
- width: 200px;
1277
- z-index: 1;
1278
  }
1279
-
1280
  .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .onsale {
1281
- left: -95px;
1282
- top: -45px;
1283
  }
1284
-
1285
  .eael-product-carousel .woocommerce ul.products {
1286
- margin: 0 0 30px;
1287
  }
1288
-
1289
  /* Product Reveal Styles */
1290
 
1291
  .eael-product-carousel .woocommerce li.product {
1292
- background-color: #fff;
1293
- float: left;
1294
- overflow: hidden;
1295
- padding: 0;
1296
- position: relative;
1297
- text-align: center;
1298
  }
1299
-
1300
-
1301
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
1302
- bottom: -63px;
1303
- margin-top: -63px;
1304
- position: relative;
1305
- top: auto;
1306
- -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1307
- transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s
1308
  }
1309
  .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap {
1310
- bottom: 0;
1311
  }
1312
-
1313
  .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap::before {
1314
- background-color: #fff;
1315
- display: block;
1316
  }
1317
-
1318
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container {
1319
- background-color: rgba(255, 255, 255, 0.9);
1320
- left: auto;
1321
- opacity: 0;
1322
- position: absolute;
1323
- right: 10px;
1324
- top: 10px;
1325
  }
1326
-
1327
  .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .star-rating-container {
1328
- opacity: 1;
1329
  }
1330
-
1331
  /* Product Overlay Styles */
1332
 
1333
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
@@ -1341,36 +1251,33 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1341
  transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1342
  }
1343
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
1344
- background-color: rgba(0, 0, 0, 0.5);
1345
- bottom: auto;
1346
- font-size: 14px;
1347
- left: 0;
1348
- padding: 0;
1349
- position: absolute;
1350
- right: 0;
1351
- text-align: center;
1352
- top: calc(100% - 4em);
1353
- -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1354
- transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1355
  }
1356
-
1357
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap::before {
1358
- background-color: rgba(0, 0, 0, 0.5);
1359
- content: "";
1360
- display: block;
1361
- height: 50em;
1362
- left: 0;
1363
- position: absolute;
1364
- right: 0;
1365
- top: 0;
1366
- transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1367
- z-index: 0;
1368
  }
1369
-
1370
  .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before {
1371
- background-color: rgba(0, 0, 0, 0.75);
1372
  }
1373
-
1374
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header {
1375
  position: relative;
1376
  }
@@ -1387,15 +1294,15 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1387
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 a {
1388
  color: #fff;
1389
  }
1390
- .eael-product-carousel.eael-product-overlay .woocommerce li.product .price > del,
1391
- .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > del{
1392
  display: none;
1393
  }
1394
- .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > .amount, .woocommerce li.product .entry-header .price > ins > .amount {
 
1395
  color: #fff;
1396
  font-size: 24px;
1397
  }
1398
-
1399
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .added_to_cart {
1400
  display: none;
1401
  }
@@ -1408,1277 +1315,1583 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1408
  .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .star-rating-container {
1409
  opacity: 1;
1410
  }
1411
-
1412
-
1413
  /* Contact Form 7 Styles */
1414
 
1415
- .eael-contact-form-container input, .eael-contact-form-container textarea {
1416
- height: auto;
1417
- padding: 10px;
1418
- }
1419
-
1420
- .eael-contact-form-align-center .eael-contact-form-container, .eael-contact-form-btn-align-center .eael-contact-form-container input.wpcf7-submit {
1421
- margin-left: auto !important;
1422
- margin-right: auto !important;
1423
- display: block;
1424
- float: none;
1425
- }
1426
-
1427
- .eael-contact-form-align-left .eael-contact-form-container, .eael-contact-form-btn-align-left .eael-contact-form-container input.wpcf7-submit {
1428
- float: left;
1429
- width: auto;
1430
  }
1431
-
1432
- .eael-contact-form-align-right .eael-contact-form-container, .eael-contact-form-btn-align-right .eael-contact-form-container input.wpcf7-submit {
1433
- float: right;
1434
- width: auto;
 
 
1435
  }
1436
-
1437
- .eael-contact-form-container textarea, .eael-contact-form-container input[type="text"], .eael-contact-form-container input[type="password"], .eael-contact-form-container input[type="datetime"], .eael-contact-form-container input[type="datetime-local"], .eael-contact-form-container input[type="date"], .eael-contact-form-container input[type="month"], .eael-contact-form-container input[type="time"], .eael-contact-form-container input[type="week"], .eael-contact-form-container input[type="number"], .eael-contact-form-container input[type="email"], .eael-contact-form-container input[type="url"], .eael-contact-form-container input[type="search"], .eael-contact-form-container input[type="tel"], .eael-contact-form-container input[type="color"], .eael-contact-form-container .uneditable-input {
1438
- -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
1439
- transition: border linear 0.2s,box-shadow linear 0.2s;
1440
  }
1441
-
1442
- .eael-contact-form-container .wpcf7-form::before, .eael-contact-form-container .wpcf7-form::after {
1443
- content: " ";
1444
- clear: both;
1445
- display: table;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1446
  }
1447
-
1448
  .eael-contact-form-container .wpcf7-response-output {
1449
- clear: both;
1450
  }
1451
-
1452
  /* weForm Styles */
1453
 
1454
- .eael-weform-container input, .eael-weform-container textarea {
1455
- height: auto;
1456
- padding: 10px;
 
1457
  }
1458
-
1459
- .eael-contact-form-align-center .eael-weform-container, .eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
1460
- margin-left: auto !important;
1461
- margin-right: auto !important;
1462
- display: block;
1463
- float: none;
1464
  }
1465
-
1466
- .eael-contact-form-align-left .eael-weform-container, .eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
1467
- float: left;
1468
- width: auto;
1469
  }
1470
-
1471
- .eael-contact-form-align-right .eael-weform-container, .eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
1472
- float: right;
1473
- width: auto;
1474
  }
1475
-
1476
- .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], .eael-weform-container ul.wpuf-form li .wpuf-fields textarea {
1477
- max-width: 100%;
 
 
 
 
1478
  }
1479
-
1480
  /* Post Grid Style */
1481
 
1482
-
1483
  .eael-grid-post {
1484
- float: left;
1485
- padding: 10px;
1486
  }
1487
-
1488
  .eael-grid-post-holder {
1489
- border: 1px solid rgba(0,0,0,.1);
1490
  }
1491
-
1492
  .eael-grid-post-holder-inner {
1493
- height: 100%;
1494
  }
1495
-
1496
  .eael-entry-media {
1497
- position: relative;
1498
  }
1499
-
1500
  .eael-entry-overlay {
1501
- position: absolute;
1502
- top: 0;
1503
- left: 0;
1504
- width: 100%;
1505
- height: 100%;
1506
- z-index: 999;
1507
- opacity: 0;
1508
- -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1);
1509
- -moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1);
1510
- transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1);
1511
  }
1512
-
1513
  .eael-entry-overlay:hover {
1514
- opacity: 1;
1515
  }
1516
-
1517
-
1518
- .eael-entry-overlay > a {
1519
- position: absolute;
1520
- top: 0;
1521
- left: 0;
1522
- width: 100%;
1523
- height: 100%;
1524
- z-index: 99999;
1525
  }
1526
-
1527
  .eael-entry-title {
1528
- margin: 10px 0 5px;
1529
- font-size: 1.2em;
1530
  }
1531
-
1532
  .eael-entry-overlay i {
1533
- color: #fff;
1534
- width: 60px;
1535
- text-align: center;
1536
- line-height: 60px;
1537
- height: 60px;
1538
- position: absolute;
1539
- left: 50%;
1540
- margin-left: -30px;
1541
- font-size: 32px;
1542
- top: 50%;
1543
- margin-top: -30px;
1544
- -webkit-perspective: 1000;
1545
- -moz-perspective: 1000;
1546
- -ms-perspective: 1000;
1547
- perspective: 1000;
1548
- opacity: 0;
1549
- -webkit-transform: translatex(-20px);
1550
- -moz-transform: translatex(-20px);
1551
- -ms-transform: translatex(-20px);
1552
- transform: translatex(-20px);
1553
- -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1);
1554
- -moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1);
1555
- transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1);
1556
  }
1557
-
1558
  .eael-entry-media:hover .eael-entry-overlay i {
1559
- -webkit-transform: translatex(0px);
1560
- -moz-transform: translatex(0px);
1561
- -ms-transform: translatex(0px);
1562
- transform: translatex(0px);
1563
- opacity: 1;
1564
  }
1565
-
1566
  .eael-entry-thumbnail img {
1567
- width: 100%;
1568
- max-width: 100%;
1569
- vertical-align: middle;
1570
  }
1571
-
1572
  .eael-entry-footer {
1573
- display: flex;
1574
- flex-flow: row nowrap;
1575
- align-items: center;
1576
  }
1577
-
1578
  .eael-entry-footer .eael-author-avatar {
1579
- flex: 0 0 auto;
1580
- width: 50px;
1581
  }
1582
-
1583
  .eael-entry-footer .eael-author-avatar .avatar {
1584
- border-radius: 50%;
1585
  }
1586
-
1587
- .eael-post-grid .eael-entry-footer .eael-entry-meta {
1588
- padding-left: 8px;
1589
  }
1590
-
1591
- .eael-entry-meta > div {
1592
- font-size: 12px;
1593
- line-height: 1.2;
1594
- padding-bottom: 5px;
1595
  }
1596
-
1597
  .eael-grid-post-excerpt p {
1598
- margin: 0;
1599
- font-size: 14px;
1600
  }
1601
-
1602
- .eael-entry-meta .eael-entry-footer .eael-posted-by {
1603
- display: block;
1604
  }
1605
-
1606
- .eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer {
1607
- padding: 15px;
1608
  }
1609
-
1610
  .eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on {
1611
- padding-left: 5px;
1612
  }
1613
-
1614
  .eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before {
1615
- content: '\f111';
1616
- font-family: FontAwesome;
1617
- color: inherit;
1618
- opacity: .4;
1619
- font-size: .8em;
1620
- padding-right: 7px;
1621
  }
1622
-
1623
-
1624
  /* Post Grid Column */
1625
 
1626
  .eael-col-1 .eael-post-grid-column {
1627
- float: none;
1628
- width: 100%;
1629
  }
1630
- .eael-col-2 .eael-post-grid-column{
1631
- float: left;
1632
- width: 50%;
1633
  }
1634
  .eael-col-3 .eael-post-grid-column {
1635
- float: left;
1636
- width: 33.3333%;
1637
  }
1638
  .eael-col-4 .eael-post-grid-column {
1639
- float: left;
1640
- width: 25%;
1641
  }
1642
  .eael-col-5 .eael-post-grid-column {
1643
- float: left;
1644
- width: 20%;
1645
  }
1646
  .eael-col-6 .eael-post-grid-column {
1647
- float: left;
1648
- width: 16.6666%;
1649
  }
1650
-
1651
  /* Responsive Styles for Post Grid */
1652
 
1653
  @media only screen and (max-width: 979px) {
1654
- .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
1655
- .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
1656
- .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
1657
- width: 33.3333%;
1658
- }
 
 
 
1659
  }
1660
-
1661
  @media only screen and (max-width: 767px) {
1662
- .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
1663
- .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
1664
- .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
1665
- width: 50%;
1666
- }
 
 
 
1667
  }
1668
-
1669
  @media only screen and (max-width: 480px) {
1670
- .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
1671
- .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
1672
- .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
1673
- float: none;
1674
- width: 100%;
1675
- }
 
 
 
1676
  }
1677
  /* Info-box Style */
1678
- .eael-infobox {}
1679
- .eael-infobox .infobox-icon {}
1680
- .eael-infobox .infobox-icon img {
1681
- max-width: 100%;
1682
- height: auto;
1683
- -webkit-transform: scale(.9);
1684
- transform: scale(.9);
1685
- -webkit-transition: .5s;
1686
- transition: .5s;
1687
  }
1688
  .eael-infobox .infobox-icon i {
1689
- font-size: 40px;
1690
- text-align: center;
1691
  }
1692
  .eael-infobox:hover .infobox-icon img {
1693
- -webkit-transform: scale(1.0);
1694
- transform: scale(1.0);
1695
  }
1696
- .eael-infobox .infobox-content {}
1697
- .eael-infobox .infobox-content .title {
1698
- margin-bottom: 10px;
1699
  }
1700
  .eael-infobox .infobox-content p {
1701
- margin-top: 0px;
1702
- line-height: 28px;
1703
  }
1704
- .eael-infobox-img-align-left .eael-infobox .infobox-icon,
1705
- .eael-infobox-icon-align-left .eael-infobox .infobox-icon,
1706
- .eael-infobox-content-align-left .eael-infobox .infobox-content {
1707
- text-align: left;
1708
  }
1709
- .eael-infobox-img-align-right .eael-infobox .infobox-icon,
1710
- .eael-infobox-icon-align-right .eael-infobox .infobox-icon,
1711
- .eael-infobox-content-align-right .eael-infobox .infobox-content {
1712
- text-align: right;
1713
  }
1714
- .eael-infobox-img-align-center .eael-infobox .infobox-icon,
1715
- .eael-infobox-icon-align-center .eael-infobox .infobox-icon,
1716
- .eael-infobox-content-align-center .eael-infobox .infobox-content {
1717
- text-align: center;
1718
  }
1719
  .eael-infobox-shape-circle .eael-infobox .infobox-icon img {
1720
- -webkit-border-radius: 50%;
1721
- -ms-border-radius: 50%;
1722
- border-radius: 50%;
1723
  }
1724
  .eael-infobox-shape-radius .eael-infobox .infobox-icon img {
1725
- -webkit-border-radius: 15px;
1726
- -ms-border-radius: 15px;
1727
- border-radius: 15px;
1728
  }
1729
  .eael-infobox-icon-bg-shape-circle .eael-infobox .infobox-icon i {
1730
- background: #f4f4f4;
1731
- width: 90px;
1732
- height: 90px;
1733
- line-height: 90px;
1734
- border-radius: 50%;
1735
- border: 2px solid #ededed;
1736
- -webkit-transition: .5s;
1737
- transition: .5s;
1738
  }
1739
  .eael-infobox-icon-bg-shape-radius .eael-infobox .infobox-icon i {
1740
- background: #f4f4f4;
1741
- width: 90px;
1742
- height: 90px;
1743
- line-height: 90px;
1744
- border-radius: 15px;
1745
- border: 2px solid #ededed;
1746
- -webkit-transition: .5s;
1747
- transition: .5s;
1748
  }
1749
  .eael-infobox-icon-bg-shape-square .eael-infobox .infobox-icon i {
1750
- background: #f4f4f4;
1751
- width: 90px;
1752
- height: 90px;
1753
- line-height: 90px;
1754
- border-radius: 0px;
1755
- border: 2px solid #ededed;
1756
- -webkit-transition: .5s;
1757
- transition: .5s;
1758
  }
1759
  .eael-infobox-icon-bg-shape-circle:hover .eael-infobox .infobox-icon i,
1760
  .eael-infobox-icon-bg-shape-radius:hover .eael-infobox .infobox-icon i,
1761
  .eael-infobox-icon-bg-shape-square:hover .eael-infobox .infobox-icon i {
1762
- -webkit-transform: scale(1.2);
1763
- transform: scale(1.2);
1764
  }
1765
  /* Infobox Style (Icon On Left) */
1766
- .eael-infobox.icon-on-left {}
1767
- .eael-infobox.icon-on-left .infobox-icon {
1768
- position: absolute;
1769
- width: 55px;
1770
- height: 55px;
1771
- top: 0px;
1772
- left: 0px;
1773
- z-index: 1;
1774
  }
1775
  .eael-infobox.icon-on-left .infobox-content {
1776
- padding-left: 65px;
1777
  }
1778
  .eael-infobox.icon-on-left .infobox-icon.eael-icon-only {
1779
- position: absolute;
1780
- width: 45px;
1781
- height: 45px;
1782
- top: 7px;
1783
- left: 0px;
1784
- z-index: 1;
1785
  }
1786
  .eael-infobox.icon-on-left .infobox-content.eael-icon-only {
1787
- padding-left: 45px;
1788
  }
1789
  /* Infobox Style (Icon Beside Title) */
1790
- .eael-infobox.icon-beside-title {}
1791
  .eael-infobox.icon-beside-title figure {
1792
- position: absolute;
1793
- display: block;
1794
- width: 55px;
1795
- height: 55px;
1796
- top: 0px;
1797
- left: 0px;
1798
- z-index: 1;
1799
- font-size: 45px;
 
 
 
 
 
 
 
 
 
 
 
 
1800
  }
1801
  .eael-infobox.icon-beside-title .infobox-content .title {
1802
- position: relative;
1803
- display: block;
1804
- padding-left: 65px;
1805
- line-height: 45px;
1806
- margin-bottom: 20px;
 
1807
  }
1808
-
1809
  .eael-infobox.icon-beside-title .infobox-content .title.eael-icon-only {
1810
- padding-left: 50px;
1811
  }
1812
-
1813
  /**
1814
  * Flipbox Style
1815
  */
 
1816
  .eael-elements-progression-flip-box-container {
1817
- position:relative;
1818
- height:300px;
1819
- width:100%;
1820
  }
1821
-
1822
  .eael-elements-progression-flip-box-container a {
1823
- display:block;
1824
  }
1825
-
1826
  .eael-elements-flip-box-vertical-align {
1827
- width:100%;
1828
  }
1829
-
1830
  .eael-elements-flip-box-padding {
1831
- padding:0px 30px 5px 30px;
1832
  }
1833
-
1834
  .eael-elements-flip-box-icon-image {
1835
- display:inline-block;
1836
- margin:0 auto 0px auto;
1837
- line-height:1;
1838
  }
1839
-
1840
  .eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background {
1841
- background:#cccccc;
1842
  }
1843
-
1844
  .eael_eleements_flip_front_icon_style_bordered {
1845
- border:2px solid #ffffff;
1846
  }
1847
-
1848
  .eael_flip_box_icon_border_round {
1849
- border-radius:100px;
1850
  }
1851
-
1852
  .eael_eleements_flip_front_icon_style_background,
1853
  .eael_eleements_flip_front_icon_style_bordered {
1854
- padding:15px;
1855
  }
1856
-
1857
  .eael-elements-flip-box-icon-image i {
1858
- font-size:40px;
1859
- line-height:40px;
1860
- width:40px;
 
 
 
1861
  }
1862
-
1863
  .eael-elements-flip-box-front-container {
1864
- text-align:center;
1865
- position:absolute;
1866
- top:0px;
1867
- left:0px;
1868
- z-index: 2;
1869
- width:100%;
1870
- height:100%;
1871
- background:#0e9dd2;
1872
- color:#ffffff;
1873
- border-color:#000000;
1874
- -webkit-display: flex;
1875
- display: flex;
1876
- -webkit-align-items: center;
1877
- align-items: center;
1878
- -webkit-justify-content: center;
1879
- justify-content: center;
1880
  }
1881
-
1882
  .eael-elements-flip-box-content,
1883
  h2.eael-elements-flip-box-heading {
1884
- color:#ffffff;
1885
  }
1886
-
1887
  .eael-elements-flip-box-rear-container {
1888
- text-align:center;
1889
- position:absolute;
1890
- top:0px;
1891
- left:0px;
1892
- width:100%;
1893
- height:100%;
1894
- background:#444444;
1895
- color:#ffffff;
1896
- display: flex;
1897
- -webkit-align-items: center;
1898
- align-items: center;
1899
- -webkit-justify-content: center;
1900
- justify-content: center;
1901
  }
1902
-
1903
  /* Floating Button Styles */
 
1904
  .eael-elements-progression-button-floating-container {
1905
- position:fixed;
1906
- z-index:100;
1907
  }
1908
-
1909
  .eael-elements-progression-button-floating-container .eael-elements-button {
1910
- margin-top:0px;
1911
- font-size:14px;
1912
- position:relative;
1913
- padding:14px 20px;
1914
  }
1915
-
1916
  .eael-elements-button {
1917
- cursor:pointer;
1918
- display:inline-block;
1919
- background:#077bbe;
1920
- color:#ffffff;
1921
- line-height:1;
1922
- padding:16px 25px;
1923
- margin-top:15px;
1924
  }
1925
-
1926
  .eael-elements-button:hover {
1927
- background:#077bbe;
1928
- color:#ffffff;
1929
  }
1930
-
1931
-
1932
  /* CSS3 Transitions */
 
1933
  .eael-elements-progression-flip-box-container {
1934
- perspective: 1000px;
1935
  }
1936
-
1937
  .eael-elements-flip-box-front-container,
1938
  .eael-elements-flip-box-rear-container {
1939
- transition-duration:500ms;
1940
- transition-property: all;
1941
- transition-timing-function: ease;
1942
  }
1943
  .eael-elements-flip-box-flip-card {
1944
- width: 100%;
1945
- height: 100%;
1946
- transform-style: preserve-3d;
1947
- transition: all 500ms ease;
1948
  }
1949
  .eael-elements-flip-box-rear-container,
1950
  .eael-elements-flip-box-front-container {
1951
- -moz-backface-visibility: hidden;
1952
- -webkit-backface-visibility: hidden;
1953
- backface-visibility: hidden;
1954
- transform: rotateX(0deg);
1955
- transform: rotateY(0deg);
1956
  }
1957
-
1958
  /* Flip */
1959
- .eael-animate-flip.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
1960
- .eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container { transform: rotateX(180deg); }
1961
-
1962
- .eael-animate-flip.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
1963
- .eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container { transform: rotateX(-180deg); }
1964
-
1965
- .eael-animate-flip.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
1966
- .eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container { transform: rotateY(-180deg); }
1967
-
1968
- .eael-animate-flip.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
1969
- .eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container { transform: rotateY(180deg); }
1970
-
1971
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1972
  /* Slide */
 
1973
  .eael-animate-push.eael-elements-progression-flip-box-container,
1974
- .eael-animate-slide.eael-elements-progression-flip-box-container { overflow:hidden; }
 
 
1975
  .eael-animate-push .eael-elements-flip-box-rear-container,
1976
- .eael-animate-slide .eael-elements-flip-box-rear-container { z-index:3; }
1977
-
 
1978
  .eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container,
1979
- .eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container { top:100%; }
 
 
1980
  .eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
1981
- .eael-animate-slide.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {top:0; }
1982
-
 
1983
  .eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container,
1984
- .eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container { top:auto; bottom:100%; }
 
 
 
1985
  .eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
1986
- .eael-animate-slide.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {top:auto; bottom:0; }
1987
-
 
 
1988
  .eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container,
1989
- .eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container { left:100%; }
 
 
1990
  .eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
1991
- .eael-animate-slide.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { left:0; }
1992
-
1993
-
1994
  .eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container,
1995
- .eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container {left:auto; right:100%; }
 
 
 
1996
  .eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
1997
- .eael-animate-slide.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { left:auto; right:0; }
1998
-
1999
-
 
2000
  /* Push + Slide Above */
 
2001
  .eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
2002
- top:-100%;
2003
  }
2004
-
2005
  .eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
2006
- top:100%;
2007
  }
2008
-
2009
  .eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
2010
- left:-100%;
2011
  }
2012
-
2013
  .eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
2014
- left:100%;
2015
  }
2016
-
2017
  /* Zoom In */
 
2018
  .eael-animate-zoom-in .eael-elements-flip-box-rear-container {
2019
- opacity:0;
2020
- transform: scale(0.75);
2021
- z-index:3;
2022
  }
2023
-
2024
  .eael-animate-zoom-in.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
2025
- opacity:1;
2026
- transform: scale(1);
2027
  }
2028
-
2029
  /* Zoom Out */
 
2030
  .eael-animate-zoom-out.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
2031
- opacity:0;
2032
- transform: scale(0.75);
2033
  }
2034
-
2035
  .eael-animate-fade.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
2036
- opacity:0;
2037
  }
2038
-
2039
  /* Builder Related Style */
 
 
 
 
 
 
 
 
 
 
2040
  .eael-flipbox-img-circle .eael-elements-flip-box-icon-image img {
2041
- border-radius: 50%;
2042
  }
2043
-
2044
  /**
2045
  * Call To Action
2046
  */
 
2047
  .eael-call-to-action {
2048
- width: 100%;
2049
- height: auto;
2050
- display: block;
2051
- padding: 30px;
2052
- font-size: 16px;
2053
- color: #4d4d4d;
2054
- font-weight: 400;
2055
- line-height: 27px;
 
2056
  }
2057
  .eael-call-to-action p {
2058
- margin-bottom: 10px;
2059
  }
2060
  .eael-call-to-action .title {
2061
- font-size: 36px;
2062
- font-weight: 600;
2063
- line-height: 36px;
2064
- margin-bottom: 10px;
2065
- text-transform: capitalize;
2066
- font-style: normal;
2067
  }
2068
  .eael-call-to-action.cta-center {
2069
- text-align: center;
 
 
 
 
 
 
2070
  }
2071
  .eael-call-to-action.bg-lite {
2072
- background: #f4f4f4;
2073
  }
2074
  .eael-call-to-action.bg-img {
2075
- background-image: url( '../img/bg.jpg' );
2076
- background-repeat: no-repeat;
2077
- background-position: center;
2078
- background-size: cover;
2079
- position: relative;
2080
- z-index: 0;
2081
- color: rgba( 255,255,255, 0.7 );
2082
  }
2083
  .eael-call-to-action.bg-img .icon {
2084
- color: #fff;
2085
  }
2086
  .eael-call-to-action.bg-img:after {
2087
- content: "";
2088
- position: absolute;
2089
- width: 100%;
2090
- height: 100%;
2091
- top: 0px;
2092
- left: 0px;
2093
- z-index: -1;
2094
- background: rgba( 0,0,0,0.8 );
2095
  }
2096
  .eael-call-to-action.bg-img.bg-fixed {
2097
- background-attachment: fixed;
2098
- background-position: center center;
2099
  }
2100
  .eael-call-to-action.bg-img .title {
2101
- color: rgba( 255,255,255, 0.9 );
2102
  }
2103
  /* Cta Flex */
 
2104
  .eael-call-to-action.cta-flex,
2105
  .eael-call-to-action.cta-icon-flex {
2106
- display: flex;
2107
- justify-content: space-between;
2108
- align-items: flex-start;
2109
- }
2110
- .eael-call-to-action.cta-flex .content {
2111
- width: 75%;
2112
- }
2113
- .eael-call-to-action.cta-flex .action {
2114
- width: 23%;
2115
- text-align: right;
2116
- padding-top: 25px;
2117
  }
 
 
2118
  .eael-call-to-action.cta-icon-flex .icon {
2119
- width: 8%;
2120
- font-size: 80px;
2121
- text-align: left;
2122
- line-height: 130px;
2123
  }
2124
  .eael-call-to-action.cta-icon-flex .action {
2125
- width: 22%;
2126
- text-align: right;
2127
- padding-top: 22px;
 
2128
  }
2129
  .eael-call-to-action.cta-icon-flex .content {
2130
- width: 61%;
 
 
 
 
 
 
 
 
 
 
 
 
 
2131
  }
2132
  /* Cta Button */
 
2133
  .eael-call-to-action .cta-button {
2134
- position: relative;
2135
- display: inline-block;
2136
- padding: 12px 30px;
2137
- background: #f9f9f9;
2138
- font-size: 16px;
2139
- text-decoration: none;
2140
- color: #4d4d4d;
2141
- -webkit-transition: .5s;
2142
- -ms-transition: .5s;
2143
- transition: .5s;
2144
- -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
2145
- -ms-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
2146
- box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
2147
- margin-right: 10px;
2148
- margin-top: 10px;
2149
- z-index: 0;
2150
- overflow: hidden;
2151
  }
2152
  .eael-call-to-action .cta-button:last-child {
2153
- margin-right: 0px;
2154
  }
2155
  .eael-call-to-action .cta-button:focus {
2156
- outline: none;
2157
- }
2158
- .eael-call-to-action .cta-button:after {
2159
- content: "";
2160
- position: absolute;
2161
- width: 100%;
2162
- height: 100%;
2163
- background: #3F51B5;
2164
- top: 0px;
2165
- left: 0px;
2166
- transform: translateY(-100%);
2167
- -webkit-transform: translateY(-100%);
2168
- -ms-transform: translateY(-100%);
2169
- z-index: -1;
2170
- -webkit-transition: .5s;
2171
- -ms-transition: .5s;
2172
- transition: .5s;
2173
- color: #fff;
2174
  }
2175
  /* Hover */
 
2176
  .eael-call-to-action .cta-button:hover {
2177
- color: #fff;
2178
- -webkit-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
2179
- -ms-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
2180
- box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
2181
- }
2182
- .eael-call-to-action .cta-button:hover::after {
2183
- -webkit-transform: translateY(0);
2184
- -ms-transform: translateY(0);
2185
- transform: translateY(0);
2186
  }
 
2187
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2188
  /* Cta Button effect 2 */
 
2189
  .eael-call-to-action .cta-button.effect-2:after {
2190
- transform: translateX(-100%);
 
 
 
 
 
 
 
 
 
 
 
 
 
2191
  }
2192
  .eael-call-to-action .cta-button.effect-2:hover::after {
2193
- transform: translateX(0);
 
2194
  }
2195
  /* Media Queries */
2196
- @media only screen and (max-width: 768px) {
2197
- .eael-call-to-action .title {
2198
- font-size: 28px;
2199
- line-height: 36px;
2200
- margin-top: 0px;
2201
- }
2202
- .eael-call-to-action.cta-icon-flex .icon {
2203
- width: 5%;
2204
- font-size: 48px;
2205
- line-height: 60px;
2206
- }
2207
- .eael-call-to-action.cta-icon-flex .content {
2208
- width: 62%;
2209
- }
2210
- .eael-call-to-action .cta-button {
2211
- padding: 12px 25px;
2212
- }
2213
- }
2214
- @media only screen and (max-width: 480px) {
2215
- .eael-call-to-action .title {
2216
- font-size: 28px;
2217
- line-height: 36px;
2218
- margin-top: 0px;
2219
- }
2220
- .eael-call-to-action.cta-flex,
2221
- .eael-call-to-action.cta-icon-flex {
2222
- display: block;
2223
- }
2224
- .eael-call-to-action.cta-flex .content,
2225
- .eael-call-to-action.cta-icon-flex .content {
2226
- width: 100%;
2227
- text-align: center;
2228
- }
2229
- .eael-call-to-action.cta-flex .action,
2230
- .eael-call-to-action.cta-icon-flex .action {
2231
- width: 100%;
2232
- text-align: center;
2233
- padding-top: 0px;
2234
- }
2235
- .eael-call-to-action.cta-icon-flex .icon {
2236
- text-align: center;
2237
- width: 100%;
2238
- }
2239
- .eael-call-to-action .cta-button {
2240
- padding: 12px 25px;
2241
- }
2242
  }
2243
  @media only screen and (max-width: 360px) {
2244
- .eael-call-to-action {
2245
- font-size: 14px;
2246
- line-height: 26px;
2247
- }
2248
- .eael-call-to-action .cta-button {
2249
- padding: 4px 20px;
2250
- font-size: 12px;
2251
- }
2252
- .eael-call-to-action .title {
2253
- font-size: 20px;
2254
- line-height: 30px;
2255
- }
2256
- }
2257
  /**
2258
  * Dual Color Heading
2259
  */
 
2260
  .eael-dual-header {
2261
- display: block;
2262
- margin-bottom: 50px;
2263
  }
2264
  .eael-dual-header .title,
2265
  .eael-dual-header .title span {
2266
- font-size: 36px;
2267
- font-weight: 700;
2268
- text-transform: uppercase;
2269
- line-height: 48px;
2270
- margin: 10px 0px;
2271
  }
2272
  .eael-dual-header .subtext {
2273
- font-size: 16px;
2274
- display: block;
2275
  }
2276
  .eael-dual-header i {
2277
- display: block;
2278
- padding: 0px;
2279
- margin: 20px 0px 10px 0px;
2280
- font-size: 36px;
2281
  }
2282
- .eael-dual-header.dh-colored .title span.lead,
2283
- .eael-dual-header.dh-colored-reverse .title span.lead {
2284
- color: #1abc9c;
2285
  }
2286
-
2287
  /* Builder Related Css */
 
2288
  .eael-dual-header-content-align-center {
2289
- text-align: center;
2290
  }
2291
  .eael-dual-header-content-align-left {
2292
- text-align: left;
2293
  }
2294
  .eael-dual-header-content-align-right {
2295
- text-align: right;
2296
  }
2297
-
2298
  /**
2299
  * Pricing Table
2300
  */
 
2301
  .eael-pricing {
2302
- -webkit-display: flex;
2303
- display: flex;
2304
- -webkit-justify-content: center;
2305
- justify-content: center;
2306
- -webkit-align-items: center;
2307
- align-items: center;
2308
  }
2309
  .eael-pricing .eael-pricing-item {
2310
- width: 100%;
2311
- height: auto;
2312
- margin: 0;
2313
  }
2314
  .eael-pricing .eael-pricing-button {
2315
- display: inline-block;
2316
- padding: 12px 25px;
2317
- background: #00C853;
2318
- font-size: 14px;
2319
- font-weight: 600;
2320
- color: #fff;
2321
- text-transform: uppercase;
2322
- text-decoration: none;
2323
- -webkit-transition: .3s;
2324
- transition: .3s;
2325
- -webkit-border-radius: 4px;
2326
- border-radius: 4px;
2327
  }
2328
  .eael-pricing .eael-pricing-button:hover {
2329
- background: #03b048;
2330
  }
2331
  .eael-pricing .eael-pricing-item ul {
2332
- padding: 0px;
2333
- margin: 0px;
2334
- list-style: none;
2335
  }
2336
  .eael-pricing .eael-pricing-item ul li.disable-item {
2337
- text-decoration: line-through;
2338
- opacity: 0.5;
2339
  }
2340
  .eael-pricing .eael-pricing-item ul li span.li-icon {
2341
- color: #00C853;
2342
- margin-right: 6px;
2343
  }
2344
  .eael-pricing .eael-pricing-item ul li.disable-item span.li-icon {
2345
- color: #EF5350;
2346
  }
2347
  /* Pricing Table: Style 1 */
 
2348
  .eael-pricing.style-1 {
2349
- position: relative;
2350
- z-index: 0;
2351
- text-align: center;
2352
  }
2353
  .eael-pricing.style-1 .eael-pricing-item {
2354
- border: 1px solid rgba( 9, 9, 9, .1 );
2355
- padding: 30px;
2356
- -webkit-border-radius: 5px;
2357
- border-radius: 5px;
2358
- -webkit-transition: .5s;
2359
- transition: .5s;
2360
  }
2361
  .eael-pricing.style-1 .eael-pricing-item:hover {
2362
- -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
2363
- box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
2364
- }
2365
  .eael-pricing.style-1 .eael-pricing-item.featured {
2366
- position: relative;
2367
  }
2368
  .eael-pricing.style-1 .eael-pricing-item.featured:before {
2369
- content: "";
2370
- position: absolute;
2371
- width: 100%;
2372
- height: 3px;
2373
- background: #00C853;
2374
- top: 0px;
2375
- left: 0px;
2376
- right: 0px;
2377
- z-index: 1;
2378
- -webkit-border-radius: 5px 5px 0px 0px;
2379
- border-radius: 5px 5px 0px 0px;
2380
  }
2381
  .eael-pricing.style-1 .eael-pricing-item .header {
2382
- display: block;
2383
- position: relative;
2384
- z-index: 0;
2385
- padding-bottom: 15px;
2386
- margin-bottom: 15px;
2387
  }
2388
  .eael-pricing.style-1 .eael-pricing-item .header:after {
2389
- content: "";
2390
- position: absolute;
2391
- width: 140px;
2392
- height: 1px;
2393
- bottom: 0px;
2394
- left: 0px;
2395
- right: 0px;
2396
- margin: 0 auto;
2397
- z-index: 1;
2398
- background: rgba( 9, 9, 9, .1 );
2399
  }
2400
  .eael-pricing.style-1 .eael-pricing-item .header .title {
2401
- font-weight: 700;
2402
- line-height: 30px;
2403
- margin: 0px;
2404
  }
2405
  .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag {
2406
- position: relative;
2407
- z-index: 0;
2408
- padding: 15px 0px;
2409
- margin-bottom: 15px;
2410
  }
2411
  .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after {
2412
- content: "";
2413
- position: absolute;
2414
- width: 140px;
2415
- height: 1px;
2416
- bottom: 0px;
2417
- left: 0px;
2418
- right: 0px;
2419
- margin: 0 auto;
2420
- z-index: 1;
2421
- background: rgba( 9, 9, 9, .04 );
2422
  }
2423
  .eael-pricing.style-1 .eael-pricing-item .price-tag {
2424
- position: relative;
2425
- display: inline-block;
2426
- font-size: 28px;
2427
- font-weight: 500;
2428
- line-height: 0px;
2429
- margin: 0px auto;
2430
  }
2431
  .eael-pricing.style-1 .eael-pricing-item .price-tag:before {
2432
- content: "$";
2433
- position: absolute;
2434
- width: 10px;
2435
- height: 10px;
2436
- font-size: 16px;
2437
- font-weight: 700;
2438
- color: #00C853;
2439
- top: -7px;
2440
- left: -12px;
2441
- z-index: 1;
2442
- }
2443
  .eael-pricing.style-1 .eael-pricing-item .price-period {
2444
- color: #999;
2445
  }
2446
- .eael-pricing.style-1 .eael-pricing-item .body {}
2447
- .eael-pricing.style-1 .eael-pricing-item .body ul {
2448
- display: block;
2449
- width: 100%;
2450
- margin-bottom: 15px;
2451
  }
2452
  .eael-pricing.style-1 .eael-pricing-item .body ul li {
2453
- display: block;
2454
- width: 100%;
2455
- height: auto;
2456
- padding: 10px 0px;
2457
- font-size: 14px;
2458
- color: #6d6d6d;
2459
- border-bottom: 1px solid rgba( 9, 9, 9, .04 );
2460
  }
2461
  .eael-pricing.style-1 .eael-pricing-item .body ul li:last-child {
2462
- border: none;
2463
  }
2464
  .eael-pricing.style-1 .eael-pricing-item.featured-large {
2465
- padding: 60px 0px;
2466
  }
2467
  /* Pricing Table : Style 2 */
 
2468
  .eael-pricing.style-2 {
2469
- position: relative;
2470
- z-index: 0;
2471
- text-align: center;
2472
  }
2473
  .eael-pricing.style-2 .eael-pricing-item {
2474
- padding: 30px 0px;
2475
- border-radius: 5px;
2476
- margin: 0px;
2477
- border: 1px solid rgba( 9, 9, 9, .1 );
2478
  }
2479
  .eael-pricing.style-2 .eael-pricing-item.featured {
2480
- -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
2481
- box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
2482
- }
2483
- .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon {}
2484
- .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon {
2485
- display: inline-block;
2486
- position: relative;
2487
- width: 80px;
2488
- height: 80px;
2489
- border-radius: 50%;
2490
- border: 3px solid #fff;
2491
- -webkit-box-shadow: inset 0 14px 28px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.2);
2492
- box-shadow: inset 0 14px 28px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.2);
2493
- margin-bottom: 30px;
2494
- text-align: center;
2495
- -webkit-transition: transform .5s;
2496
- transition: transform .5s;
2497
- overflow: hidden;
2498
  }
2499
  .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i {
2500
- font-size: 30px;
2501
- color: #dbdbdb;
2502
- line-height: 80px;
2503
- -webkit-transition: .5s;
2504
- transition: .5s;
 
 
 
 
2505
  }
2506
  .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i {
2507
- color: #00C853;
2508
  }
2509
  .eael-pricing.style-2 .eael-pricing-item .header {
2510
- background: #C8E6C9;
2511
- padding: 25px 30px;
2512
- margin-bottom: 15px;
2513
- position: relative;
2514
- z-index: 0;
2515
  }
2516
  .eael-pricing.style-2 .eael-pricing-item.featured .header:after {
2517
- content: "";
2518
- position: absolute;
2519
- width: 100%;
2520
- height: 100%;
2521
- top: 0px;
2522
- left: 0px;
2523
- right: 0px;
2524
- bottom: 0px;
2525
- z-index: -1;
2526
- background: rgba(255,255,255,.4);
2527
  }
2528
  .eael-pricing.style-2 .eael-pricing-item .header .title {
2529
- font-size: 28px;
2530
- font-weight: 700;
2531
- line-height: 40px;
2532
- margin: 0px;
2533
  }
2534
  .eael-pricing.style-2 .eael-pricing-item .header .subititle {
2535
- font-size: 14px;
2536
- font-weight: 600;
2537
- color: #6d6d6d;
2538
  }
2539
  .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
2540
- position: relative;
2541
- z-index: 0;
2542
- padding: 15px 0px;
2543
- margin-bottom: 15px;
2544
  }
2545
  .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
2546
- content: "";
2547
- position: absolute;
2548
- width: 140px;
2549
- height: 1px;
2550
- bottom: 0px;
2551
- left: 0px;
2552
- right: 0px;
2553
- margin: 0 auto;
2554
- z-index: 1;
2555
- background: rgba( 9, 9, 9, .04 );
2556
  }
2557
  .eael-pricing.style-2 .eael-pricing-item .price-tag {
2558
- position: relative;
2559
- display: inline-block;
2560
- font-size: 28px;
2561
- font-weight: 500;
2562
- line-height: 0px;
2563
- margin: 0px auto;
2564
  }
2565
  .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
2566
- content: "$";
2567
- position: absolute;
2568
- width: 10px;
2569
- height: 10px;
2570
- font-size: 16px;
2571
- font-weight: 700;
2572
- color: #00C853;
2573
- top: -7px;
2574
- left: -12px;
2575
- z-index: 1;
2576
- }
2577
  .eael-pricing.style-2 .eael-pricing-item .price-period {
2578
- color: #999;
2579
  }
2580
- .eael-pricing.style-2 .eael-pricing-item .body {}
2581
- .eael-pricing.style-2 .eael-pricing-item .body ul {
2582
- display: block;
2583
- width: 100%;
2584
- margin-bottom: 15px;
2585
  }
2586
  .eael-pricing.style-2 .eael-pricing-item .body ul li {
2587
- display: block;
2588
- width: 100%;
2589
- height: auto;
2590
- padding: 10px 15px;
2591
- font-size: 14px;
2592
- color: #6d6d6d;
2593
- border-bottom: 1px solid rgba( 9, 9, 9, .04 );
2594
  }
2595
  .eael-pricing.style-2 .eael-pricing-item .body ul li:last-child {
2596
- border: none;
2597
  }
 
2598
 
2599
- /* Media Query */
2600
- @media only screen and ( min-width: 768px ) and (max-width: 992px) {
2601
- .eael-pricing {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2602
  display: block;
2603
- }
2604
- .eael-pricing .eael-pricing-item,
2605
- .eael-pricing.style-2 .eael-pricing-item,
2606
- .eael-pricing.style-4 .eael-pricing-item {
2607
  width: 100%;
2608
- margin: 0 auto 30px auto;
2609
- }
 
 
 
2610
  }
2611
- @media only screen and (max-width: 480px) {
2612
- .eael-pricing {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2613
  display: block;
2614
- }
2615
- .eael-pricing .eael-pricing-item {
2616
  width: 100%;
2617
- }
2618
- .eael-pricing .eael-pricing-item,
2619
- .eael-pricing.style-2 .eael-pricing-item,
2620
- .eael-pricing.style-4 .eael-pricing-item {
2621
- margin: 0 auto 30px auto;
2622
- }
2623
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2624
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2625
  /* Page Builder Related Style */
 
2626
  .eael-pricing-content-align-center .eael-pricing {
2627
- text-align: center;
2628
  }
2629
  .eael-pricing-content-align-left .eael-pricing {
2630
- text-align: left;
2631
  }
2632
  .eael-pricing-content-align-right .eael-pricing {
2633
- text-align: right;
2634
  }
2635
-
2636
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag {
2637
- padding-left: 45px;
2638
  }
2639
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
2640
- left: 30px;
2641
  }
2642
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
2643
- padding-right: 30px;
2644
  }
2645
-
2646
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header,
2647
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
2648
- .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer,
2649
  .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header,
2650
  .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer {
2651
- padding-left: 30px;
2652
- padding-right: 30px;
2653
  }
2654
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header,
2655
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
2656
- .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer,
2657
  .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header,
2658
  .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer {
2659
- padding-right: 30px;
2660
- padding-left: 30px;
2661
  }
2662
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li,
2663
  .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li {
2664
- padding-left: 30px;
2665
  }
2666
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li,
2667
  .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li {
2668
- padding-right: 30px;
2669
  }
2670
  .eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after {
2671
- -webkit-transform: translateX( -80% );
2672
- transform: translateX( -80% );
2673
  }
2674
  .eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after {
2675
- -webkit-transform: translateX( 80% );
2676
- transform: translateX( 80% );
2677
  }
2678
  .eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after,
2679
  .eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after {
2680
- -webkit-transform: translateX( 0% );
2681
- transform: translateX( 0% );
2682
  }
2683
  .eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after,
2684
  .eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .header:after,
@@ -2686,54 +2899,56 @@ h2.eael-elements-flip-box-heading {
2686
  .eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
2687
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after,
2688
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
2689
- margin: 0;
2690
- width: 100%;
2691
- }
2692
  /* Button Alignment */
 
2693
  .eael-pricing-button-align-right .eael-pricing.style-1 .footer,
2694
  .eael-pricing-button-align-right .eael-pricing.style-2 .footer,
2695
  .eael-pricing-button-align-right .eael-pricing.style-3 .footer,
2696
  .eael-pricing-button-align-right .eael-pricing.style-4 .footer {
2697
- text-align: right;
2698
  }
2699
  .eael-pricing-button-align-center .eael-pricing.style-1 .footer,
2700
  .eael-pricing-button-align-center .eael-pricing.style-2 .footer,
2701
  .eael-pricing-button-align-center .eael-pricing.style-3 .footer,
2702
  .eael-pricing-button-align-center .eael-pricing.style-4 .footer {
2703
- text-align: center;
2704
  }
2705
  .eael-pricing-button-align-left .eael-pricing.style-1 .footer,
2706
  .eael-pricing-button-align-left .eael-pricing.style-2 .footer,
2707
  .eael-pricing-button-align-left .eael-pricing.style-3 .footer,
2708
  .eael-pricing-button-align-left .eael-pricing.style-4 .footer {
2709
- text-align: left;
2710
  }
2711
  .eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
2712
  .eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
2713
- padding-right: 30px;
2714
  }
2715
  .eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
2716
  .eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
2717
- padding-left: 30px;
2718
  }
2719
  /* Only In Pro */
 
2720
  .only-in-pro {
2721
- width: 100%;
2722
- -webkit-display: flex;
2723
- display: flex;
2724
- -webkit-align-items: center;
2725
- align-items: center;
2726
- -webkit-justify-content: center;
2727
- justify-content: center;
2728
- padding: 15px;
2729
- min-width: 200px;
2730
- background: #EF5350;
2731
- color: #fff;
2732
- text-align: center;
2733
  }
2734
  .only-in-pro .title {
2735
- font-family: 'Roboto', sans-serif;
2736
- font-size: 24px;
2737
- line-height: 40px;
2738
- margin: 0px;
2739
  }
2
  General Styles : Essential Addons for Elementor Lite;
3
  */
4
 
5
+ .clearfix::before,
6
+ .clearfix::after {
7
+ content: " ";
8
+ display: table;
9
+ clear: both;
10
  }
 
 
11
  /* Common Styles for slider elements */
12
 
13
+ .eael-testimonial-slider .slick-prev,
14
+ .eael-testimonial-slider .slick-next,
15
+ .eael-team-slider .slick-prev,
16
+ .eael-team-slider .slick-next,
17
+ .eael-logo-carousel .slick-prev,
18
+ .eael-logo-carousel .slick-next,
19
+ .eael-post-carousel .slick-prev,
20
+ .eael-post-carousel .slick-next,
21
+ .eael-product-carousel .slick-prev,
22
+ .eael-product-carousel .slick-next {
23
+ border-radius: 3px;
24
+ height: 30px;
25
+ position: absolute;
26
+ text-shadow: none;
27
+ top: calc(50% - 15px);
28
+ width: 30px;
29
  }
30
+ .eael-testimonial-slider .slick-prev::before,
31
+ .eael-testimonial-slider .slick-next::before,
32
+ .eael-logo-carousel .slick-prev::before,
33
+ .eael-logo-carousel .slick-next::before,
34
+ .eael-team-slider .slick-prev::before,
35
+ .eael-team-slider .slick-next::before,
36
+ .eael-post-carousel .slick-prev::before,
37
+ .eael-post-carousel .slick-next::before,
38
+ .eael-product-carousel .slick-prev::before,
39
+ .eael-product-carousel .slick-next::before {
40
+ font-family: "FontAwesome";
41
+ font-size: 20px;
42
+ opacity: 0.75;
43
+ text-align: center;
44
  }
45
+ .eael-testimonial-slider .slick-prev:hover::before,
46
+ .eael-testimonial-slider .slick-next:hover::before,
47
+ .eael-logo-carousel .slick-prev:hover::before,
48
+ .eael-logo-carousel .slick-next:hover::before,
49
+ .eael-team-slider .slick-prev:hover::before,
50
+ .eael-team-slider .slick-next:hover::before,
51
+ .eael-post-carousel .slick-prev:hover::before,
52
+ .eael-post-carousel .slick-next:hover::before,
53
+ .eael-product-carousel .slick-prev:hover::before,
54
+ .eael-product-carousel .slick-next:hover::before {
55
+ opacity: 1;
56
  }
 
57
  .eael-testimonial-slider .slick-prev::before,
58
  .eael-logo-carousel .slick-prev::before,
59
  .eael-team-slider .slick-prev::before,
60
  .eael-post-carousel .slick-prev::before,
61
  .eael-product-carousel .slick-prev::before {
62
+ content: "\f104";
63
+ padding-right: 3px;
64
  }
 
65
  .eael-testimonial-slider .slick-next::before,
66
  .eael-logo-carousel .slick-next::before,
67
  .eael-team-slider .slick-next::before,
68
  .eael-post-carousel .slick-next::before,
69
  .eael-product-carousel .slick-next::before {
70
+ content: "\f105";
71
+ padding-left: 4px;
72
  }
 
73
  .eael-testimonial-slider .slick-dots li button::before,
74
  .eael-logo-carousel .slick-dots li button::before,
75
  .eael-team-slider .slick-dots li button::before,
76
  .eael-post-carousel .slick-dots li button::before,
77
  .eael-product-carousel .slick-dots li button::before {
78
+ font-size: 12px;
79
+ opacity: 0.5;
80
  }
 
81
  .eael-testimonial-slider .slick-dots li.slick-active button::before,
82
  .eael-logo-carousel .slick-dots li.slick-active button::before,
83
  .eael-team-slider .slick-dots li.slick-active button::before,
84
  .eael-post-carousel .slick-dots li.slick-active button::before,
85
  .eael-product-carousel .slick-dots li.slick-active button::before {
86
+ font-size: 18px;
87
+ opacity: 1;
88
  }
 
89
  .eael-testimonial-slider .slick-prev,
90
  .eael-team-slider .slick-prev,
91
  .eael-logo-carousel .slick-prev,
92
  .eael-post-carousel .slick-prev,
93
  .eael-product-carousel .slick-prev {
94
+ left: -50px;
95
  }
 
96
  .eael-testimonial-slider .slick-next,
97
  .eael-team-slider .slick-next,
98
  .eael-logo-carousel .slick-next,
99
  .eael-post-carousel .slick-next,
100
  .eael-product-carousel .slick-next {
101
+ right: -50px;
102
  }
 
 
103
  .eael-testimonial-slider.nav-top-left .slick-prev,
104
  .eael-team-slider.nav-top-left .slick-prev,
105
  .eael-logo-carousel.nav-top-left .slick-prev,
106
  .eael-post-carousel.nav-top-left .slick-prev,
107
  .eael-product-carousel.nav-top-left .slick-prev {
108
+ left: 10px;
109
+ top: 20px;
110
  }
 
111
  .eael-testimonial-slider.nav-top-left .slick-next,
112
  .eael-team-slider.nav-top-left .slick-next,
113
  .eael-logo-carousel.nav-top-left .slick-next,
114
  .eael-post-carousel.nav-top-left .slick-next,
115
  .eael-product-carousel.nav-top-left .slick-next {
116
+ left: 45px;
117
+ top: 20px;
118
  }
 
119
  .eael-testimonial-slider.nav-top-right .slick-prev,
120
  .eael-team-slider.nav-top-right .slick-prev,
121
  .eael-logo-carousel.nav-top-right .slick-prev,
122
  .eael-post-carousel.nav-top-right .slick-prev,
123
  .eael-product-carousel.nav-top-right .slick-prev {
124
+ left: auto;
125
+ right: 45px;
126
+ top: 20px;
127
  }
 
128
  .eael-testimonial-slider.nav-top-right .slick-next,
129
  .eael-team-slider.nav-top-right .slick-next,
130
  .eael-logo-carousel.nav-top-right .slick-next,
131
  .eael-post-carousel.nav-top-right .slick-next,
132
  .eael-product-carousel.nav-top-right .slick-next {
133
+ left: auto;
134
+ right: 10px;
135
+ top: 20px;
136
+ }
137
+ .eael-testimonial-slider.nav-top-left,
138
+ .eael-testimonial-slider.nav-top-right,
139
+ .eael-team-slider.nav-top-left,
140
+ .eael-team-slider.nav-top-right,
141
+ .eael-logo-carousel.nav-top-left,
142
+ .eael-logo-carousel.nav-top-right,
143
+ .eael-post-carousel.nav-top-left,
144
+ .eael-post-carousel.nav-top-right,
145
+ .eael-product-carousel.nav-top-left,
146
+ .eael-product-carousel.nav-top-right {
147
+ padding-top: 40px;
148
  }
 
149
  .eael-testimonial-slider .slick-dots,
150
  .eael-team-slider .slick-dots,
151
  .eael-logo-carousel .slick-dots,
152
  .eael-post-carousel .slick-dots,
153
  .eael-product-carousel .slick-dots {
154
+ bottom: -40px;
155
  }
 
156
  .eael-testimonial-slider .slick-dotted.slick-slider,
157
  .eael-team-slider .slick-dotted.slick-slider,
158
  .eael-logo-carousel .slick-dotted.slick-slider,
159
  .eael-post-carousel .slick-dotted.slick-slider,
160
+ .eael-product-carousel .slick-dotted.slick-slider {
161
+ margin-bottom: 30px;
162
  }
 
163
  /*
164
  ==== FANCY TEXT STYLES ======
165
  */
166
+
167
  .eael-fancy-text-strings {
168
+ display: inline-block;
169
  }
170
+ .morphext>.animated {
 
171
  display: inline-block;
172
  }
 
173
  .typed-cursor {
174
+ opacity: 1;
175
+ -webkit-animation: blink_cursor 0.7s infinite;
176
+ -moz-animation: blink_cursor 0.7s infinite;
177
+ animation: blink_cursor 0.7s infinite;
178
+ }
179
+ @keyframes blink_cursor {
180
+ 0% {
181
+ opacity: 1;
182
+ }
183
+ 50% {
184
+ opacity: 0;
185
+ }
186
+ 100% {
187
+ opacity: 1;
188
+ }
189
+ }
190
+ @-webkit-keyframes blink_cursor {
191
+ 0% {
192
+ opacity: 1;
193
+ }
194
+ 50% {
195
+ opacity: 0;
196
+ }
197
+ 100% {
198
+ opacity: 1;
199
+ }
200
+ }
201
+ @-moz-keyframes blink_cursor {
202
+ 0% {
203
+ opacity: 1;
204
+ }
205
+ 50% {
206
+ opacity: 0;
207
+ }
208
+ 100% {
209
+ opacity: 1;
210
+ }
211
  }
 
 
 
212
  /* Creative Button styles */
213
 
214
  .eael-creative-button-align-center {
215
+ text-align: center;
216
  }
 
217
  .eael-creative-button-align-center .eael-creative-button {
218
+ float: none;
219
+ display: inline-block;
220
  }
 
221
  .eael-creative-button-align-left .eael-creative-button {
222
+ float: left;
223
  }
224
  .eael-creative-button-align-right .eael-creative-button {
225
+ float: right;
226
  }
227
  .eael-creative-button-align-justify .eael-creative-button {
228
+ display: block;
229
+ float: none;
230
  }
 
231
  .eael-creative-button {
232
+ float: left;
233
+ min-width: 150px;
234
+ text-align: center;
235
+ vertical-align: middle;
236
+ position: relative;
237
+ z-index: 1;
238
+ -webkit-backface-visibility: hidden;
239
+ -moz-osx-font-smoothing: grayscale;
240
  }
241
  .eael-creative-button:focus {
242
+ outline: none;
243
  }
244
+ .eael-creative-button>span {
245
+ vertical-align: middle;
246
  }
 
247
  .eael-creative-button {
248
+ border-radius: 2px;
249
+ padding: 20px 30px;
250
+ font-size: 16px;
251
+ line-height: 1;
252
  }
 
253
  /* Individual eael-creative-button styles */
 
254
  /* Winona */
255
+
256
  .eael-creative-button--winona {
257
+ overflow: hidden;
258
+ padding: 0!important;
259
+ -webkit-transition: border-color 0.3s, background-color 0.3s;
260
+ transition: border-color 0.3s, background-color 0.3s;
261
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
262
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
263
  }
264
  .eael-creative-button--winona::after {
265
+ content: attr(data-text);
266
+ position: absolute;
267
+ width: 100%;
268
+ height: 100%;
269
+ top: 0;
270
+ left: 0;
271
+ opacity: 0;
272
+ -webkit-transform: translate3d(0, 25%, 0);
273
+ transform: translate3d(0, 25%, 0);
274
+ }
275
+ .eael-creative-button--winona>span {
276
+ display: block;
277
  }
278
  .eael-creative-button--winona::after,
279
+ .eael-creative-button--winona>span {
280
+ padding: 1em 2em;
281
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
282
+ transition: transform 0.3s, opacity 0.3s;
283
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
284
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
285
  }
286
  .eael-creative-button--winona:hover::after {
287
+ opacity: 1;
288
+ -webkit-transform: translate3d(0, 0, 0);
289
+ transform: translate3d(0, 0, 0);
290
  }
291
+ .eael-creative-button--winona:hover>span {
292
+ opacity: 0;
293
+ -webkit-transform: translate3d(0, -25%, 0);
294
+ transform: translate3d(0, -25%, 0);
295
  }
 
296
  /* Ujarak */
297
+
298
  .eael-creative-button--ujarak {
299
+ -webkit-transition: border-color 0.4s, color 0.4s;
300
+ transition: border-color 0.4s, color 0.4s;
301
  }
 
302
  .eael-creative-button--ujarak::before {
303
+ content: '';
304
+ position: absolute;
305
+ top: 0;
306
+ left: 0;
307
+ width: 100%;
308
+ height: 100%;
309
+ z-index: -1;
310
+ opacity: 0;
311
+ -webkit-transform: scale3d(0.7, 1, 1);
312
+ transform: scale3d(0.7, 1, 1);
313
+ -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
314
+ transition: transform 0.4s, opacity 0.4s;
315
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
316
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
317
  }
 
318
  .eael-creative-button--ujarak,
319
  .eael-creative-button--ujarak::before {
320
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
321
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
322
  }
 
323
  .eael-creative-button--ujarak:hover::before {
324
+ opacity: 1;
325
+ -webkit-transform: translate3d(0, 0, 0);
326
+ transform: translate3d(0, 0, 0);
327
  }
 
328
  /* Wayra */
329
+
330
  .eael-creative-button--wayra {
331
+ overflow: hidden;
332
+ -webkit-transition: border-color 0.3s, color 0.3s;
333
+ transition: border-color 0.3s, color 0.3s;
334
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
335
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
336
  }
337
  .eael-creative-button--wayra::before {
338
+ content: '';
339
+ position: absolute;
340
+ top: 0;
341
+ left: 0;
342
+ width: 150%;
343
+ height: 100%;
344
+ z-index: -1;
345
+ -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
346
+ transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
347
+ -webkit-transform-origin: 0% 100%;
348
+ transform-origin: 0% 100%;
349
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
350
+ transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
351
  }
 
352
  .eael-creative-button--wayra:hover::before {
353
+ opacity: 1;
354
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
355
+ transform: rotate3d(0, 0, 1, 0deg);
356
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
357
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
358
  }
 
359
  /* Tamaya */
360
 
361
  .eael-creative-button--tamaya {
362
+ overflow: hidden;
363
  }
 
364
  .eael-creative-button--tamaya::before,
365
  .eael-creative-button--tamaya::after {
366
+ content: attr(data-text);
367
+ position: absolute;
368
+ width: 100%;
369
+ height: 50%;
370
+ left: 0;
371
+ overflow: hidden;
372
+ -webkit-transition: -webkit-transform 0.3s;
373
+ transition: transform 0.3s;
374
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
375
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
376
  }
 
377
  .eael-creative-button--tamaya::before {
378
+ top: 0;
379
+ padding: 20px 30px;
380
  }
 
381
  .eael-creative-button--tamaya::after {
382
+ bottom: 0;
383
+ line-height: 0;
384
  }
385
  .eael-creative-button--tamaya:hover::after {
386
+ bottom: -1px;
387
+ }
388
+ .eael-creative-button--tamaya>span {
389
+ display: block;
390
+ -webkit-transform: scale3d(0.2, 0.2, 1);
391
+ transform: scale3d(0.2, 0.2, 1);
392
+ opacity: 0;
393
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
394
+ transition: transform 0.3s, opacity 0.3s;
395
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
396
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
397
  }
398
  .eael-creative-button--tamaya:hover::before {
399
+ -webkit-transform: translate3d(0, -100%, 0);
400
+ transform: translate3d(0, -100%, 0);
401
  }
402
  .eael-creative-button--tamaya:hover::after {
403
+ -webkit-transform: translate3d(0, 100%, 0);
404
+ transform: translate3d(0, 100%, 0);
405
  }
406
+ .eael-creative-button--tamaya:hover>span {
407
+ opacity: 1;
408
+ -webkit-transform: scale3d(1, 1, 1);
409
+ transform: scale3d(1, 1, 1);
410
  }
 
411
  /* Rayen */
412
+
413
  .eael-creative-button--rayen {
414
+ overflow: hidden;
415
+ padding: 0!important;
416
  }
 
417
  .eael-creative-button--rayen::before {
418
+ content: attr(data-text);
419
+ position: absolute;
420
+ top: 0;
421
+ left: 0;
422
+ width: 100%;
423
+ height: 100%;
424
+ -webkit-transform: translate3d(-100%, 0, 0);
425
+ transform: translate3d(-100%, 0, 0);
426
  }
427
+ .eael-creative-button--rayen>span {
428
+ display: block;
 
429
  }
430
  .eael-creative-button--rayen::before,
431
+ .eael-creative-button--rayen>span {
432
+ padding: 1em 2em;
433
+ -webkit-transition: -webkit-transform 0.3s;
434
+ transition: transform 0.3s;
435
+ -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
436
+ transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
437
  }
438
  .eael-creative-button--rayen:hover::before {
439
+ -webkit-transform: translate3d(0, 0, 0);
440
+ transform: translate3d(0, 0, 0);
441
  }
442
+ .eael-creative-button--rayen:hover>span {
443
+ -webkit-transform: translate3d(0, 100%, 0);
444
+ transform: translate3d(0, 100%, 0);
445
  }
 
446
  /* Countdown Styles */
447
 
448
  .eael-countdown-items {
449
+ list-style: none;
450
+ margin: 0;
451
+ padding: 0;
452
+ display: table;
453
+ table-layout: fixed;
454
+ width: 100%;
455
  }
456
+ .eael-countdown-items>li {
457
+ list-style: none;
458
+ margin: 0;
459
+ padding: 0;
460
+ display: table-cell;
461
+ position: relative;
 
462
  }
463
+ .eael-countdown-item>div {
464
+ text-align: center;
465
+ padding: 20px;
 
466
  }
467
+ .eael-countdown-label-block .eael-countdown-digits,
468
+ .eael-countdown-label-block .eael-countdown-label {
469
+ display: block;
470
+ text-align: center;
471
  }
 
472
  .eael-countdown-digits {
473
+ font-size: 54px;
474
+ line-height: 1;
475
  }
 
476
  .eael-countdown-label {
477
+ font-size: 18px;
478
+ line-height: 1;
479
  }
 
480
  .eael-countdown-show-separator .eael-countdown-digits::after {
481
+ content: ":";
482
+ position: absolute;
483
+ left: 98%;
484
+ z-index: 9999;
485
  }
 
486
  .eael-countdown-item:last-child .eael-countdown-digits::after {
487
+ display: none;
488
  }
 
 
489
  /* Post Timeline Styles */
490
 
491
  .eael-post-timeline {
494
  overflow: hidden;
495
  position: relative;
496
  }
 
497
  .eael-timeline-column {
498
+ width: 50%;
499
+ margin-left: 0;
500
+ float: left;
501
+ margin-top: 0 !important;
502
  }
 
503
  .eael-timeline-post {
504
  position: relative;
505
  }
578
  top: 257px;
579
  width: 0;
580
  }
 
581
  .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after {
582
+ border-left-color: transparent !important;
583
  }
 
584
  .eael-timeline-post p {
585
  margin: 1.6rem 0 0 0;
586
  font-size: 0.9em;
681
  .eael-timeline-post:hover time {
682
  opacity: 1;
683
  }
 
684
  .eael-timeline-post::after {
685
+ height: 100%;
686
  }
 
687
  .eael-post-timeline .eael-timeline-post:nth-last-child(2)::after {
688
+ height: 245px;
689
  }
 
690
  .eael-post-timeline .eael-timeline-post:last-child::after {
691
+ display: none;
692
  }
 
693
  /* Responsive Style for Post Timeline */
694
 
695
  @media only screen and (max-width: 1366px) {
789
  top: 205px;
790
  }
791
  }
 
792
  /* Team Members Styles */
793
 
 
794
  .eael-team-item {
795
+ overflow: hidden;
796
+ position: relative;
797
  }
 
798
  .team-avatar-rounded figure img {
799
+ border-radius: 50%;
800
+ height: auto;
801
  }
802
+ .eael-team-image>figure {
803
+ margin: 0;
804
+ padding: 0;
805
  }
806
+ .eael-team-image>figure img {
807
+ display: block;
808
+ margin: 0 auto;
 
809
  }
 
810
  .eael-team-item .eael-team-content {
811
+ padding: 10px;
812
  }
 
813
  .eael-team-item .eael-team-member-name {
814
+ font-size: 20px;
815
+ font-weight: bold;
816
+ letter-spacing: 0.05em;
817
+ margin: 5px 0;
818
+ text-transform: uppercase;
819
  }
 
820
  .eael-team-item .eael-team-member-position {
821
+ font-size: 14px;
822
+ font-weight: normal;
823
+ letter-spacing: 0.05em;
824
+ margin: 5px 0 10px;
825
+ text-transform: uppercase;
826
  }
827
+ .eael-team-item .eael-team-content,
 
828
  .eael-team-item .eael-team-content .eael-team-text {
829
+ font-size: 14px;
830
+ line-height: 1.5;
831
  }
832
+ .eael-team-content>ul {
833
+ margin: 0;
834
+ padding: 0;
 
835
  }
 
836
  .eael-team-content li {
837
+ display: inline-block;
838
+ list-style: outside none none;
839
+ margin-right: 10px;
840
+ text-align: center;
841
  }
 
842
  .eael-team-content li a {
843
+ font-size: 2.5rem;
844
  }
845
  .eael-team-align-left .eael-team-item .eael-team-member-name,
846
  .eael-team-align-left .eael-team-item .eael-team-member-position,
847
  .eael-team-align-left .eael-team-item .eael-team-text,
848
  .eael-team-align-left .eael-team-item .eael-team-content p,
849
  .eael-team-align-left .eael-team-item .eael-team-content ul,
850
+ .eael-team-align-left .eael-team-item .eael-team-content li {
851
+ text-align: left;
852
  }
853
  .eael-team-align-right .eael-team-item .eael-team-member-name,
854
  .eael-team-align-right .eael-team-item .eael-team-member-position,
855
  .eael-team-align-right .eael-team-item .eael-team-text,
856
  .eael-team-align-right .eael-team-item .eael-team-content p,
857
  .eael-team-align-right .eael-team-item .eael-team-content ul,
858
+ .eael-team-align-right .eael-team-item .eael-team-content li {
859
+ text-align: right;
860
  }
861
  .eael-team-align-centered .eael-team-item .eael-team-member-name,
862
  .eael-team-align-centered .eael-team-item .eael-team-member-position,
863
  .eael-team-align-centered .eael-team-item .eael-team-text,
864
  .eael-team-align-centered .eael-team-item .eael-team-content p,
865
  .eael-team-align-centered .eael-team-item .eael-team-content ul,
866
+ .eael-team-align-centered .eael-team-item .eael-team-content li {
867
+ text-align: center;
868
  }
 
869
  .eael-team-item.eael-team-members-overlay .eael-team-content {
870
+ bottom: 10px;
871
+ left: 10px;
872
+ margin-bottom: 0;
873
+ padding-top: 15%;
874
+ opacity: 0;
875
+ overflow: hidden;
876
+ text-overflow: ellipsis;
877
+ position: absolute;
878
+ right: 10px;
879
+ top: 10px;
880
+ -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
881
+ transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
882
  }
883
+ .eael-team-item.eael-team-members-overlay:hover .eael-team-content {
884
+ opacity: 1;
885
+ }
886
+ .eael-team-member-social-link>a {
887
+ display: inline-block;
888
+ -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
889
+ transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
890
+ }
891
+ .eael-team-member-social-link>a:focus {
892
+ outline: none;
893
  }
 
 
 
 
 
 
 
 
 
 
 
894
  /* Testimonials Styles */
895
 
896
  .eael-testimonial-slider {
897
+ position: relative;
898
  }
 
899
  /* Default styles */
900
 
901
  .eael-testimonial-image img {
902
+ max-width: 100%;
903
  }
 
904
  .eael-testimonial-image {
905
+ padding: 10px 10px 10px 20px;
906
  }
907
+ .eael-testimonial-image>figure {
908
+ display: block;
909
+ margin: 0;
 
910
  }
 
911
  .testimonial-avatar-rounded figure img {
912
+ border-radius: 50%;
913
+ height: auto;
914
  }
 
915
  .eael-testimonial-content {
916
+ margin: 0;
917
+ padding: 10px 20px 50px;
918
  }
919
+ .eael-testimonial-item>figure {
920
+ margin: 0 auto;
921
+ padding: 0 20px;
 
922
  }
 
923
  .eael-testimonial-item .center-text {
924
  text-align: center;
925
  }
932
  .eael-testimonial-item .justify-text {
933
  text-align: justify;
934
  }
 
 
935
  /* Default aligned */
936
 
937
  .eael-testimonial-content .eael-testimonial-text {
938
+ font-size: 100%;
939
+ font-style: italic;
940
+ line-height: 1.5;
941
+ margin-bottom: 10px;
942
  }
 
943
  .eael-testimonial-content .eael-testimonial-user {
944
+ float: left;
945
+ font-family: inherit;
946
+ font-size: 105%;
947
+ font-style: italic;
948
+ font-weight: normal;
949
+ line-height: 1.5;
950
+ margin-bottom: 0;
951
+ margin-right: 5px;
952
  }
 
953
  .eael-testimonial-content .eael-testimonial-user-company {
954
+ float: left;
955
+ font-family: inherit;
956
+ font-size: 90%;
957
+ font-style: italic;
958
+ font-weight: lighter;
959
+ line-height: 1.75;
960
+ margin-bottom: 0;
961
+ margin-top: 1px;
962
  }
963
+ .eael-testimonial-image {
964
+ position: relative;
 
965
  }
 
966
  .eael-testimonial-image .eael-testimonial-quote::after {
967
+ color: inherit!important;
968
+ content: "\f10e";
969
+ font-family: "FontAwesome";
970
+ font-size: 200%;
971
+ position: absolute;
972
+ right: 20px;
973
+ top: 10px;
974
  }
 
 
975
  /* Left align */
976
 
977
  .eael-testimonial-align-left .eael-testimonial-content,
978
  .eael-testimonial-align-left .eael-testimonial-user,
979
  .eael-testimonial-align-left .eael-testimonial-user-company {
980
+ text-align: left;
981
  }
 
982
  .eael-testimonial-align-left .eael-testimonial-image {
983
+ float: left;
984
+ width: 30%;
985
  }
 
986
  .eael-testimonial-align-left .eael-testimonial-content {
987
+ float: left;
988
+ margin-top: 20px;
989
+ position: relative;
990
+ width: 70%;
991
  }
 
992
  .eael-testimonial-align-left .eael-testimonial-image .eael-testimonial-quote {
993
+ display: none;
994
  }
 
995
  .eael-testimonial-align-left .eael-testimonial-quote::before {
996
+ color: inherit;
997
+ content: "\f10e";
998
+ font-family: "FontAwesome";
999
+ font-size: 28px;
1000
+ right: 20px;
1001
+ position: absolute;
1002
+ top: 0;
1003
  }
 
1004
  .eael-testimonial-align-left .eael-testimonial-text {
1005
+ padding-right: 25px;
1006
  }
1007
  .eael-testimonial-align-left .eael-testimonial-content {
1008
+ margin: 0;
1009
+ padding: 10px 25px 30px 10px;
1010
  }
 
1011
  /* Center align */
1012
 
1013
  .eael-testimonial-align-centered .eael-testimonial-content .eael-testimonial-text {
1014
+ text-align: center;
1015
  }
 
1016
  .eael-testimonial-align-centered .eael-testimonial-user,
1017
+ .eael-testimonial-align-centered .eael-testimonial-user-company {
1018
+ float: none;
1019
+ text-align: center;
1020
  }
1021
+ .eael-testimonial-align-centered .eael-testimonial-image>figure img {
1022
+ display: block;
1023
+ margin-left: auto !important;
1024
+ margin-right: auto !important;
 
1025
  }
 
1026
  /* Right align */
1027
 
1028
  .eael-testimonial-align-right .eael-testimonial-content,
1029
  .eael-testimonial-align-right .eael-testimonial-user,
1030
  .eael-testimonial-align-right .eael-testimonial-user-company {
1031
+ text-align: right;
1032
  }
 
1033
  .eael-testimonial-align-right .eael-testimonial-image {
1034
+ float: right;
1035
+ width: 30%;
1036
  }
 
1037
  .eael-testimonial-align-right .eael-testimonial-content {
1038
+ float: right;
1039
+ margin-top: 20px;
1040
+ position: relative;
1041
+ width: 70%;
1042
  }
 
1043
  .eael-testimonial-align-right .eael-testimonial-image .eael-testimonial-quote {
1044
+ display: none;
1045
  }
 
1046
  .eael-testimonial-align-right .eael-testimonial-quote::before {
1047
+ color: inherit;
1048
+ content: "\f10d";
1049
+ font-family: "FontAwesome";
1050
+ font-size: 28px;
1051
+ left: 20px;
1052
+ position: absolute;
1053
+ top: 0;
1054
  }
 
1055
  .eael-testimonial-align-right .eael-testimonial-text {
1056
+ padding-left: 30px;
1057
  }
 
1058
  .eael-testimonial-align-right .eael-testimonial-user,
1059
+ .eael-testimonial-align-right .eael-testimonial-user-company {
1060
+ float: none;
1061
+ text-align: right;
1062
  }
 
1063
  .eael-testimonial-align-right .eael-testimonial-content {
1064
+ padding: 10px 10px 30px 25px;
1065
  }
 
 
1066
  /* Product Styles */
1067
 
1068
  .eael-product-carousel .woocommerce li.product {
1069
+ background-color: #fff;
1070
+ border-radius: 0;
1071
+ box-shadow: none;
1072
  }
 
1073
  .hide_rating .woocommerce .star-rating-container,
1074
  .hide_rating .woocommerce .star-rating {
1075
+ display: none !important;
1076
  }
 
1077
  .eael-product-carousel .woocommerce ul.products li.product h3 {
1078
+ padding: 0.5em;
1079
  }
 
1080
  .eael-product-carousel .woocommerce .products .star-rating {
1081
+ display: block;
1082
+ float: none;
1083
+ margin: 10px auto;
1084
  }
 
 
1085
  body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-carousel .woocommerce li.product .button {
1086
+ box-shadow: none;
1087
+ display: block;
1088
+ left: auto;
1089
+ margin: 15px;
1090
+ padding: 0.45em 0.5em 0.575em;
1091
+ position: relative;
1092
+ right: auto;
1093
+ text-shadow: none;
1094
+ top: auto;
1095
  }
 
1096
  /* Product Simple and Reveal Style */
1097
 
1098
  .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-featured {
1099
+ background-color: transparent;
1100
+ border: medium none;
1101
+ box-shadow: none;
1102
+ padding: 0;
1103
  }
1104
+ .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap,
1105
+ .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
1106
+ background-color: transparent;
1107
+ bottom: auto;
1108
+ box-shadow: none;
1109
+ padding: 15px 0 0;
1110
+ position: relative;
1111
+ text-align: center;
1112
+ top: auto;
1113
  }
 
1114
  .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3,
1115
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 {
1116
+ font-size: 14px;
1117
+ line-height: 1.2;
1118
+ margin: 0 0 5px;
1119
+ padding-bottom: 0.5em;
1120
  }
1121
  .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3 a,
1122
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 a {
1123
+ color: #272727;
1124
+ font-weight: normal;
1125
+ letter-spacing: 0.01rem;
1126
+ text-transform: uppercase;
1127
  }
1128
+ .eael-product-carousel.eael-product-simple .woocommerce li.product .price>.amount,
1129
+ .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>.amount,
1130
+ .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>ins>.amount,
1131
+ .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>.amount,
1132
+ .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>ins>.amount {
1133
+ color: #272727;
1134
+ font-size: 18px;
1135
+ font-weight: normal;
 
1136
  }
 
1137
  .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap::before,
1138
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap::before {
1139
+ display: none;
1140
  }
 
1141
  .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button {
1142
+ background-color: transparent;
1143
+ border: 1px solid rgba(0, 0, 0, 0.5);
1144
+ border-radius: 0;
1145
+ box-shadow: none;
1146
+ color: #272727;
1147
+ display: block;
1148
+ font-size: 14px;
1149
+ left: auto;
1150
+ margin: 20px auto;
1151
+ opacity: 1;
1152
+ position: relative;
1153
+ right: auto;
1154
+ text-shadow: none;
1155
+ top: auto;
1156
+ width: 80%;
1157
  }
 
 
1158
  .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button:hover {
1159
+ background-color: #e74c3c;
1160
+ border: 1px solid #e74c3c;
1161
+ color: #fff;
1162
  }
 
1163
  .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container {
1164
+ background-color: transparent;
1165
+ left: auto;
1166
+ opacity: 1;
1167
+ position: relative;
1168
+ right: auto;
1169
+ top: 5px;
1170
+ display: block;
1171
+ margin: 0 auto;
1172
+ width: 110px;
1173
  }
 
1174
  .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating::before,
1175
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating::before {
1176
+ color: #f2b01e;
1177
  }
 
1178
  .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating span::before,
1179
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before {
1180
+ color: #f2b01e;
1181
  }
1182
+ .eael-product-carousel:not(.eael-product-no-style) .onsale {
1183
+ border-radius: 0;
1184
+ box-shadow: none;
1185
+ display: block;
1186
+ font-size: 14px;
1187
+ height: 100px;
1188
+ letter-spacing: 0;
1189
+ line-height: 160px;
1190
+ position: absolute;
1191
+ text-align: center;
1192
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
1193
+ text-transform: uppercase;
1194
+ transform: rotate(-45deg);
1195
+ width: 200px;
1196
+ z-index: 1;
 
1197
  }
 
1198
  .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .onsale {
1199
+ left: -95px;
1200
+ top: -45px;
1201
  }
 
1202
  .eael-product-carousel .woocommerce ul.products {
1203
+ margin: 0 0 30px;
1204
  }
 
1205
  /* Product Reveal Styles */
1206
 
1207
  .eael-product-carousel .woocommerce li.product {
1208
+ background-color: #fff;
1209
+ float: left;
1210
+ overflow: hidden;
1211
+ padding: 0;
1212
+ position: relative;
1213
+ text-align: center;
1214
  }
 
 
1215
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
1216
+ bottom: -63px;
1217
+ margin-top: -63px;
1218
+ position: relative;
1219
+ top: auto;
1220
+ -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1221
+ transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s
1222
  }
1223
  .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap {
1224
+ bottom: 0;
1225
  }
 
1226
  .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap::before {
1227
+ background-color: #fff;
1228
+ display: block;
1229
  }
 
1230
  .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container {
1231
+ background-color: rgba(255, 255, 255, 0.9);
1232
+ left: auto;
1233
+ opacity: 0;
1234
+ position: absolute;
1235
+ right: 10px;
1236
+ top: 10px;
1237
  }
 
1238
  .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .star-rating-container {
1239
+ opacity: 1;
1240
  }
 
1241
  /* Product Overlay Styles */
1242
 
1243
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
1251
  transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1252
  }
1253
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
1254
+ background-color: rgba(0, 0, 0, 0.5);
1255
+ bottom: auto;
1256
+ font-size: 14px;
1257
+ left: 0;
1258
+ padding: 0;
1259
+ position: absolute;
1260
+ right: 0;
1261
+ text-align: center;
1262
+ top: calc(100% - 4em);
1263
+ -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1264
+ transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1265
  }
 
1266
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap::before {
1267
+ background-color: rgba(0, 0, 0, 0.5);
1268
+ content: "";
1269
+ display: block;
1270
+ height: 50em;
1271
+ left: 0;
1272
+ position: absolute;
1273
+ right: 0;
1274
+ top: 0;
1275
+ transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
1276
+ z-index: 0;
1277
  }
 
1278
  .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before {
1279
+ background-color: rgba(0, 0, 0, 0.75);
1280
  }
 
1281
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header {
1282
  position: relative;
1283
  }
1294
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 a {
1295
  color: #fff;
1296
  }
1297
+ .eael-product-carousel.eael-product-overlay .woocommerce li.product .price>del,
1298
+ .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>del {
1299
  display: none;
1300
  }
1301
+ .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>.amount,
1302
+ .woocommerce li.product .entry-header .price>ins>.amount {
1303
  color: #fff;
1304
  font-size: 24px;
1305
  }
 
1306
  .eael-product-carousel.eael-product-overlay .woocommerce li.product .added_to_cart {
1307
  display: none;
1308
  }
1315
  .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .star-rating-container {
1316
  opacity: 1;
1317
  }
 
 
1318
  /* Contact Form 7 Styles */
1319
 
1320
+ .eael-contact-form-container input,
1321
+ .eael-contact-form-container textarea {
1322
+ height: auto;
1323
+ padding: 10px;
 
 
 
 
 
 
 
 
 
 
 
1324
  }
1325
+ .eael-contact-form-align-center .eael-contact-form-container,
1326
+ .eael-contact-form-btn-align-center .eael-contact-form-container input.wpcf7-submit {
1327
+ margin-left: auto !important;
1328
+ margin-right: auto !important;
1329
+ display: block;
1330
+ float: none;
1331
  }
1332
+ .eael-contact-form-align-left .eael-contact-form-container,
1333
+ .eael-contact-form-btn-align-left .eael-contact-form-container input.wpcf7-submit {
1334
+ float: left;
1335
+ width: auto;
1336
  }
1337
+ .eael-contact-form-align-right .eael-contact-form-container,
1338
+ .eael-contact-form-btn-align-right .eael-contact-form-container input.wpcf7-submit {
1339
+ float: right;
1340
+ width: auto;
1341
+ }
1342
+ .eael-contact-form-container textarea,
1343
+ .eael-contact-form-container input[type="text"],
1344
+ .eael-contact-form-container input[type="password"],
1345
+ .eael-contact-form-container input[type="datetime"],
1346
+ .eael-contact-form-container input[type="datetime-local"],
1347
+ .eael-contact-form-container input[type="date"],
1348
+ .eael-contact-form-container input[type="month"],
1349
+ .eael-contact-form-container input[type="time"],
1350
+ .eael-contact-form-container input[type="week"],
1351
+ .eael-contact-form-container input[type="number"],
1352
+ .eael-contact-form-container input[type="email"],
1353
+ .eael-contact-form-container input[type="url"],
1354
+ .eael-contact-form-container input[type="search"],
1355
+ .eael-contact-form-container input[type="tel"],
1356
+ .eael-contact-form-container input[type="color"],
1357
+ .eael-contact-form-container .uneditable-input {
1358
+ -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
1359
+ transition: border linear 0.2s, box-shadow linear 0.2s;
1360
+ }
1361
+ .eael-contact-form-container .wpcf7-form::before,
1362
+ .eael-contact-form-container .wpcf7-form::after {
1363
+ content: " ";
1364
+ clear: both;
1365
+ display: table;
1366
  }
 
1367
  .eael-contact-form-container .wpcf7-response-output {
1368
+ clear: both;
1369
  }
 
1370
  /* weForm Styles */
1371
 
1372
+ .eael-weform-container input,
1373
+ .eael-weform-container textarea {
1374
+ height: auto;
1375
+ padding: 10px;
1376
  }
1377
+ .eael-contact-form-align-center .eael-weform-container,
1378
+ .eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
1379
+ margin-left: auto !important;
1380
+ margin-right: auto !important;
1381
+ display: block;
1382
+ float: none;
1383
  }
1384
+ .eael-contact-form-align-left .eael-weform-container,
1385
+ .eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
1386
+ float: left;
1387
+ width: auto;
1388
  }
1389
+ .eael-contact-form-align-right .eael-weform-container,
1390
+ .eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
1391
+ float: right;
1392
+ width: auto;
1393
  }
1394
+ .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"],
1395
+ .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"],
1396
+ .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"],
1397
+ .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"],
1398
+ .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"],
1399
+ .eael-weform-container ul.wpuf-form li .wpuf-fields textarea {
1400
+ max-width: 100%;
1401
  }
 
1402
  /* Post Grid Style */
1403
 
 
1404
  .eael-grid-post {
1405
+ float: left;
1406
+ padding: 10px;
1407
  }
 
1408
  .eael-grid-post-holder {
1409
+ border: 1px solid rgba(0, 0, 0, .1);
1410
  }
 
1411
  .eael-grid-post-holder-inner {
1412
+ height: 100%;
1413
  }
 
1414
  .eael-entry-media {
1415
+ position: relative;
1416
  }
 
1417
  .eael-entry-overlay {
1418
+ position: absolute;
1419
+ top: 0;
1420
+ left: 0;
1421
+ width: 100%;
1422
+ height: 100%;
1423
+ z-index: 999;
1424
+ opacity: 0;
1425
+ -webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
1426
+ -moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
1427
+ transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
1428
  }
 
1429
  .eael-entry-overlay:hover {
1430
+ opacity: 1;
1431
  }
1432
+ .eael-entry-overlay>a {
1433
+ position: absolute;
1434
+ top: 0;
1435
+ left: 0;
1436
+ width: 100%;
1437
+ height: 100%;
1438
+ z-index: 99999;
 
 
1439
  }
 
1440
  .eael-entry-title {
1441
+ margin: 10px 0 5px;
1442
+ font-size: 1.2em;
1443
  }
 
1444
  .eael-entry-overlay i {
1445
+ color: #fff;
1446
+ width: 60px;
1447
+ text-align: center;
1448
+ line-height: 60px;
1449
+ height: 60px;
1450
+ position: absolute;
1451
+ left: 50%;
1452
+ margin-left: -30px;
1453
+ font-size: 32px;
1454
+ top: 50%;
1455
+ margin-top: -30px;
1456
+ -webkit-perspective: 1000;
1457
+ -moz-perspective: 1000;
1458
+ -ms-perspective: 1000;
1459
+ perspective: 1000;
1460
+ opacity: 0;
1461
+ -webkit-transform: translatex(-20px);
1462
+ -moz-transform: translatex(-20px);
1463
+ -ms-transform: translatex(-20px);
1464
+ transform: translatex(-20px);
1465
+ -webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
1466
+ -moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
1467
+ transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
1468
  }
 
1469
  .eael-entry-media:hover .eael-entry-overlay i {
1470
+ -webkit-transform: translatex(0px);
1471
+ -moz-transform: translatex(0px);
1472
+ -ms-transform: translatex(0px);
1473
+ transform: translatex(0px);
1474
+ opacity: 1;
1475
  }
 
1476
  .eael-entry-thumbnail img {
1477
+ width: 100%;
1478
+ max-width: 100%;
1479
+ vertical-align: middle;
1480
  }
 
1481
  .eael-entry-footer {
1482
+ display: flex;
1483
+ flex-flow: row nowrap;
1484
+ align-items: center;
1485
  }
 
1486
  .eael-entry-footer .eael-author-avatar {
1487
+ flex: 0 0 auto;
1488
+ width: 50px;
1489
  }
 
1490
  .eael-entry-footer .eael-author-avatar .avatar {
1491
+ border-radius: 50%;
1492
  }
1493
+ .eael-post-grid .eael-entry-footer .eael-entry-meta {
1494
+ padding-left: 8px;
 
1495
  }
1496
+ .eael-entry-meta>div {
1497
+ font-size: 12px;
1498
+ line-height: 1.2;
1499
+ padding-bottom: 5px;
 
1500
  }
 
1501
  .eael-grid-post-excerpt p {
1502
+ margin: 0;
1503
+ font-size: 14px;
1504
  }
1505
+ .eael-entry-meta .eael-entry-footer .eael-posted-by {
1506
+ display: block;
 
1507
  }
1508
+ .eael-grid-post .eael-entry-wrapper,
1509
+ .eael-grid-post .eael-entry-footer {
1510
+ padding: 15px;
1511
  }
 
1512
  .eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on {
1513
+ padding-left: 5px;
1514
  }
 
1515
  .eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before {
1516
+ content: '\f111';
1517
+ font-family: FontAwesome;
1518
+ color: inherit;
1519
+ opacity: .4;
1520
+ font-size: .8em;
1521
+ padding-right: 7px;
1522
  }
 
 
1523
  /* Post Grid Column */
1524
 
1525
  .eael-col-1 .eael-post-grid-column {
1526
+ float: none;
1527
+ width: 100%;
1528
  }
1529
+ .eael-col-2 .eael-post-grid-column {
1530
+ float: left;
1531
+ width: 50%;
1532
  }
1533
  .eael-col-3 .eael-post-grid-column {
1534
+ float: left;
1535
+ width: 33.3333%;
1536
  }
1537
  .eael-col-4 .eael-post-grid-column {
1538
+ float: left;
1539
+ width: 25%;
1540
  }
1541
  .eael-col-5 .eael-post-grid-column {
1542
+ float: left;
1543
+ width: 20%;
1544
  }
1545
  .eael-col-6 .eael-post-grid-column {
1546
+ float: left;
1547
+ width: 16.6666%;
1548
  }
 
1549
  /* Responsive Styles for Post Grid */
1550
 
1551
  @media only screen and (max-width: 979px) {
1552
+ .eael-col-1 .eael-post-grid-column,
1553
+ .eael-col-2 .eael-post-grid-column,
1554
+ .eael-col-3 .eael-post-grid-column,
1555
+ .eael-col-4 .eael-post-grid-column,
1556
+ .eael-col-5 .eael-post-grid-column,
1557
+ .eael-col-6 .eael-post-grid-column {
1558
+ width: 33.3333%;
1559
+ }
1560
  }
 
1561
  @media only screen and (max-width: 767px) {
1562
+ .eael-col-1 .eael-post-grid-column,
1563
+ .eael-col-2 .eael-post-grid-column,
1564
+ .eael-col-3 .eael-post-grid-column,
1565
+ .eael-col-4 .eael-post-grid-column,
1566
+ .eael-col-5 .eael-post-grid-column,
1567
+ .eael-col-6 .eael-post-grid-column {
1568
+ width: 50%;
1569
+ }
1570
  }
 
1571
  @media only screen and (max-width: 480px) {
1572
+ .eael-col-1 .eael-post-grid-column,
1573
+ .eael-col-2 .eael-post-grid-column,
1574
+ .eael-col-3 .eael-post-grid-column,
1575
+ .eael-col-4 .eael-post-grid-column,
1576
+ .eael-col-5 .eael-post-grid-column,
1577
+ .eael-col-6 .eael-post-grid-column {
1578
+ float: none;
1579
+ width: 100%;
1580
+ }
1581
  }
1582
  /* Info-box Style */
1583
+
1584
+ .eael-infobox {} .eael-infobox .infobox-icon {} .eael-infobox .infobox-icon img {
1585
+ max-width: 100%;
1586
+ height: auto;
1587
+ -webkit-transform: scale(.9);
1588
+ transform: scale(.9);
1589
+ -webkit-transition: .5s;
1590
+ transition: .5s;
 
1591
  }
1592
  .eael-infobox .infobox-icon i {
1593
+ font-size: 40px;
1594
+ text-align: center;
1595
  }
1596
  .eael-infobox:hover .infobox-icon img {
1597
+ -webkit-transform: scale(1.0);
1598
+ transform: scale(1.0);
1599
  }
1600
+ .eael-infobox .infobox-content {} .eael-infobox .infobox-content .title {
1601
+ margin-bottom: 10px;
 
1602
  }
1603
  .eael-infobox .infobox-content p {
1604
+ margin-top: 0px;
1605
+ line-height: 28px;
1606
  }
1607
+ .eael-infobox-content-align-left .eael-infobox {
1608
+ text-align: left;
 
 
1609
  }
1610
+ .eael-infobox-content-align-right .eael-infobox {
1611
+ text-align: right;
 
 
1612
  }
1613
+ .eael-infobox-content-align-center .eael-infobox {
1614
+ text-align: center;
 
 
1615
  }
1616
  .eael-infobox-shape-circle .eael-infobox .infobox-icon img {
1617
+ -webkit-border-radius: 50%;
1618
+ -ms-border-radius: 50%;
1619
+ border-radius: 50%;
1620
  }
1621
  .eael-infobox-shape-radius .eael-infobox .infobox-icon img {
1622
+ -webkit-border-radius: 15px;
1623
+ -ms-border-radius: 15px;
1624
+ border-radius: 15px;
1625
  }
1626
  .eael-infobox-icon-bg-shape-circle .eael-infobox .infobox-icon i {
1627
+ background: #f4f4f4;
1628
+ width: 90px;
1629
+ height: 90px;
1630
+ line-height: 90px;
1631
+ border-radius: 50%;
1632
+ border: 2px solid #ededed;
1633
+ -webkit-transition: .5s;
1634
+ transition: .5s;
1635
  }
1636
  .eael-infobox-icon-bg-shape-radius .eael-infobox .infobox-icon i {
1637
+ background: #f4f4f4;
1638
+ width: 90px;
1639
+ height: 90px;
1640
+ line-height: 90px;
1641
+ border-radius: 15px;
1642
+ border: 2px solid #ededed;
1643
+ -webkit-transition: .5s;
1644
+ transition: .5s;
1645
  }
1646
  .eael-infobox-icon-bg-shape-square .eael-infobox .infobox-icon i {
1647
+ background: #f4f4f4;
1648
+ width: 90px;
1649
+ height: 90px;
1650
+ line-height: 90px;
1651
+ border-radius: 0px;
1652
+ border: 2px solid #ededed;
1653
+ -webkit-transition: .5s;
1654
+ transition: .5s;
1655
  }
1656
  .eael-infobox-icon-bg-shape-circle:hover .eael-infobox .infobox-icon i,
1657
  .eael-infobox-icon-bg-shape-radius:hover .eael-infobox .infobox-icon i,
1658
  .eael-infobox-icon-bg-shape-square:hover .eael-infobox .infobox-icon i {
1659
+ -webkit-transform: scale(1.2);
1660
+ transform: scale(1.2);
1661
  }
1662
  /* Infobox Style (Icon On Left) */
1663
+
1664
+ .eael-infobox.icon-on-left {} .eael-infobox.icon-on-left .infobox-icon {
1665
+ position: absolute;
1666
+ width: 55px;
1667
+ height: 55px;
1668
+ top: 0px;
1669
+ left: 0px;
1670
+ z-index: 1;
1671
  }
1672
  .eael-infobox.icon-on-left .infobox-content {
1673
+ padding-left: 65px;
1674
  }
1675
  .eael-infobox.icon-on-left .infobox-icon.eael-icon-only {
1676
+ position: absolute;
1677
+ width: 45px;
1678
+ height: 45px;
1679
+ top: 7px;
1680
+ left: 0px;
1681
+ z-index: 1;
1682
  }
1683
  .eael-infobox.icon-on-left .infobox-content.eael-icon-only {
1684
+ padding-left: 45px;
1685
  }
1686
  /* Infobox Style (Icon Beside Title) */
 
1687
  .eael-infobox.icon-beside-title figure {
1688
+ position: absolute;
1689
+ display: block;
1690
+ width: 55px;
1691
+ height: 55px;
1692
+ top: 0px;
1693
+ left: 0px;
1694
+ z-index: 1;
1695
+ font-size: 45px;
1696
+ }
1697
+ .eael-infobox.icon-beside-title figure img {
1698
+ -webkit-transition: .4s;
1699
+ transition: .4s;
1700
+ }
1701
+ .eael-infobox-shape-circle .eael-infobox.icon-beside-title figure img {
1702
+ -webkit-border-radius: 50%;
1703
+ border-radius: 50%;
1704
+ }
1705
+ .eael-infobox-shape-radius .eael-infobox.icon-beside-title figure img {
1706
+ -webkit-border-radius: 15px;
1707
+ border-radius: 15px;
1708
  }
1709
  .eael-infobox.icon-beside-title .infobox-content .title {
1710
+ position: relative;
1711
+ display: block;
1712
+ min-height: 55px;
1713
+ padding-left: 65px;
1714
+ line-height: 27px;
1715
+ margin-bottom: 20px;
1716
  }
 
1717
  .eael-infobox.icon-beside-title .infobox-content .title.eael-icon-only {
1718
+ padding-left: 50px;
1719
  }
 
1720
  /**
1721
  * Flipbox Style
1722
  */
1723
+
1724
  .eael-elements-progression-flip-box-container {
1725
+ position: relative;
1726
+ height: 300px;
1727
+ width: 100%;
1728
  }
 
1729
  .eael-elements-progression-flip-box-container a {
1730
+ display: block;
1731
  }
 
1732
  .eael-elements-flip-box-vertical-align {
1733
+ width: 100%;
1734
  }
 
1735
  .eael-elements-flip-box-padding {
1736
+ padding: 0px 30px 5px 30px;
1737
  }
 
1738
  .eael-elements-flip-box-icon-image {
1739
+ display: inline-block;
1740
+ margin: 0 auto 0px auto;
1741
+ line-height: 1;
1742
  }
 
1743
  .eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background {
1744
+ background: #cccccc;
1745
  }
 
1746
  .eael_eleements_flip_front_icon_style_bordered {
1747
+ border: 2px solid #ffffff;
1748
  }
 
1749
  .eael_flip_box_icon_border_round {
1750
+ border-radius: 100px;
1751
  }
 
1752
  .eael_eleements_flip_front_icon_style_background,
1753
  .eael_eleements_flip_front_icon_style_bordered {
1754
+ padding: 15px;
1755
  }
 
1756
  .eael-elements-flip-box-icon-image i {
1757
+ font-size: 40px;
1758
+ line-height: 40px;
1759
+ width: 40px;
1760
+ }
1761
+ .eael-elements-slider-display-table {
1762
+ width: 100%;
1763
  }
 
1764
  .eael-elements-flip-box-front-container {
1765
+ text-align: center;
1766
+ position: absolute;
1767
+ top: 0px;
1768
+ left: 0px;
1769
+ z-index: 2;
1770
+ width: 100%;
1771
+ height: 100%;
1772
+ background: #0e9dd2;
1773
+ color: #ffffff;
1774
+ border-color: #000000;
1775
+ -webkit-display: flex;
1776
+ display: flex;
1777
+ -webkit-align-items: center;
1778
+ align-items: center;
 
 
1779
  }
 
1780
  .eael-elements-flip-box-content,
1781
  h2.eael-elements-flip-box-heading {
1782
+ color: #ffffff;
1783
  }
 
1784
  .eael-elements-flip-box-rear-container {
1785
+ text-align: center;
1786
+ position: absolute;
1787
+ top: 0px;
1788
+ left: 0px;
1789
+ width: 100%;
1790
+ height: 100%;
1791
+ background: #444444;
1792
+ color: #ffffff;
1793
+ display: flex;
1794
+ -webkit-align-items: center;
1795
+ align-items: center;
 
 
1796
  }
 
1797
  /* Floating Button Styles */
1798
+
1799
  .eael-elements-progression-button-floating-container {
1800
+ position: fixed;
1801
+ z-index: 100;
1802
  }
 
1803
  .eael-elements-progression-button-floating-container .eael-elements-button {
1804
+ margin-top: 0px;
1805
+ font-size: 14px;
1806
+ position: relative;
1807
+ padding: 14px 20px;
1808
  }
 
1809
  .eael-elements-button {
1810
+ cursor: pointer;
1811
+ display: inline-block;
1812
+ background: #077bbe;
1813
+ color: #ffffff;
1814
+ line-height: 1;
1815
+ padding: 16px 25px;
1816
+ margin-top: 15px;
1817
  }
 
1818
  .eael-elements-button:hover {
1819
+ background: #077bbe;
1820
+ color: #ffffff;
1821
  }
 
 
1822
  /* CSS3 Transitions */
1823
+
1824
  .eael-elements-progression-flip-box-container {
1825
+ perspective: 1000px;
1826
  }
 
1827
  .eael-elements-flip-box-front-container,
1828
  .eael-elements-flip-box-rear-container {
1829
+ transition-duration: 500ms;
1830
+ transition-property: all;
1831
+ transition-timing-function: ease;
1832
  }
1833
  .eael-elements-flip-box-flip-card {
1834
+ width: 100%;
1835
+ height: 100%;
1836
+ transform-style: preserve-3d;
1837
+ transition: all 500ms ease;
1838
  }
1839
  .eael-elements-flip-box-rear-container,
1840
  .eael-elements-flip-box-front-container {
1841
+ -moz-backface-visibility: hidden;
1842
+ -webkit-backface-visibility: hidden;
1843
+ backface-visibility: hidden;
1844
+ transform: rotateX(0deg);
1845
+ transform: rotateY(0deg);
1846
  }
 
1847
  /* Flip */
 
 
 
 
 
 
 
 
 
 
 
 
1848
 
1849
+ .eael-animate-flip.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
1850
+ .eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container {
1851
+ transform: rotateX(180deg);
1852
+ }
1853
+ .eael-animate-flip.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
1854
+ .eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container {
1855
+ transform: rotateX(-180deg);
1856
+ }
1857
+ .eael-animate-flip.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
1858
+ .eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container {
1859
+ transform: rotateY(-180deg);
1860
+ }
1861
+ .eael-animate-flip.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
1862
+ .eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container {
1863
+ transform: rotateY(180deg);
1864
+ }
1865
  /* Slide */
1866
+
1867
  .eael-animate-push.eael-elements-progression-flip-box-container,
1868
+ .eael-animate-slide.eael-elements-progression-flip-box-container {
1869
+ overflow: hidden;
1870
+ }
1871
  .eael-animate-push .eael-elements-flip-box-rear-container,
1872
+ .eael-animate-slide .eael-elements-flip-box-rear-container {
1873
+ z-index: 3;
1874
+ }
1875
  .eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container,
1876
+ .eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container {
1877
+ top: 100%;
1878
+ }
1879
  .eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
1880
+ .eael-animate-slide.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
1881
+ top: 0;
1882
+ }
1883
  .eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container,
1884
+ .eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container {
1885
+ top: auto;
1886
+ bottom: 100%;
1887
+ }
1888
  .eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
1889
+ .eael-animate-slide.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
1890
+ top: auto;
1891
+ bottom: 0;
1892
+ }
1893
  .eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container,
1894
+ .eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container {
1895
+ left: 100%;
1896
+ }
1897
  .eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
1898
+ .eael-animate-slide.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
1899
+ left: 0;
1900
+ }
1901
  .eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container,
1902
+ .eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container {
1903
+ left: auto;
1904
+ right: 100%;
1905
+ }
1906
  .eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
1907
+ .eael-animate-slide.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
1908
+ left: auto;
1909
+ right: 0;
1910
+ }
1911
  /* Push + Slide Above */
1912
+
1913
  .eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
1914
+ top: -100%;
1915
  }
 
1916
  .eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
1917
+ top: 100%;
1918
  }
 
1919
  .eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
1920
+ left: -100%;
1921
  }
 
1922
  .eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
1923
+ left: 100%;
1924
  }
 
1925
  /* Zoom In */
1926
+
1927
  .eael-animate-zoom-in .eael-elements-flip-box-rear-container {
1928
+ opacity: 0;
1929
+ transform: scale(0.75);
1930
+ z-index: 3;
1931
  }
 
1932
  .eael-animate-zoom-in.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
1933
+ opacity: 1;
1934
+ transform: scale(1);
1935
  }
 
1936
  /* Zoom Out */
1937
+
1938
  .eael-animate-zoom-out.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
1939
+ opacity: 0;
1940
+ transform: scale(0.75);
1941
  }
 
1942
  .eael-animate-fade.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
1943
+ opacity: 0;
1944
  }
 
1945
  /* Builder Related Style */
1946
+
1947
+ .eael-flipbox-content-align-right .eael-elements-flip-box-padding {
1948
+ text-align: right;
1949
+ }
1950
+ .eael-flipbox-content-align-left .eael-elements-flip-box-padding {
1951
+ text-align: left;
1952
+ }
1953
+ .eael-flipbox-content-align-center .eael-elements-flip-box-padding {
1954
+ text-align: center;
1955
+ }
1956
  .eael-flipbox-img-circle .eael-elements-flip-box-icon-image img {
1957
+ border-radius: 50%;
1958
  }
 
1959
  /**
1960
  * Call To Action
1961
  */
1962
+
1963
  .eael-call-to-action {
1964
+ width: 100%;
1965
+ height: auto;
1966
+ display: block;
1967
+ padding: 30px;
1968
+ font-size: 16px;
1969
+ color: #4d4d4d;
1970
+ font-weight: 400;
1971
+ line-height: 27px;
1972
+ margin: 0 auto;
1973
  }
1974
  .eael-call-to-action p {
1975
+ margin-bottom: 10px;
1976
  }
1977
  .eael-call-to-action .title {
1978
+ font-size: 36px;
1979
+ font-weight: 600;
1980
+ line-height: 36px;
1981
+ margin-bottom: 10px;
1982
+ text-transform: capitalize;
1983
+ font-style: normal;
1984
  }
1985
  .eael-call-to-action.cta-center {
1986
+ text-align: center;
1987
+ }
1988
+ .eael-call-to-action.cta-right {
1989
+ text-align: right;
1990
+ }
1991
+ .eael-call-to-action.cta-left {
1992
+ text-align: left;
1993
  }
1994
  .eael-call-to-action.bg-lite {
1995
+ background: #f4f4f4;
1996
  }
1997
  .eael-call-to-action.bg-img {
1998
+ background-image: url('../img/bg.jpg');
1999
+ background-repeat: no-repeat;
2000
+ background-position: center;
2001
+ background-size: cover;
2002
+ position: relative;
2003
+ z-index: 0;
2004
+ color: rgba( 255, 255, 255, 0.7);
2005
  }
2006
  .eael-call-to-action.bg-img .icon {
2007
+ color: #fff;
2008
  }
2009
  .eael-call-to-action.bg-img:after {
2010
+ content: "";
2011
+ position: absolute;
2012
+ width: 100%;
2013
+ height: 100%;
2014
+ top: 0px;
2015
+ left: 0px;
2016
+ z-index: -1;
2017
+ background: rgba( 0, 0, 0, 0.8);
2018
  }
2019
  .eael-call-to-action.bg-img.bg-fixed {
2020
+ background-attachment: fixed;
2021
+ background-position: center center;
2022
  }
2023
  .eael-call-to-action.bg-img .title {
2024
+ color: rgba( 255, 255, 255, 0.9);
2025
  }
2026
  /* Cta Flex */
2027
+
2028
  .eael-call-to-action.cta-flex,
2029
  .eael-call-to-action.cta-icon-flex {
2030
+ display: flex;
2031
+ justify-content: space-between;
2032
+ align-items: flex-start;
 
 
 
 
 
 
 
 
2033
  }
2034
+ /* Cta Icon Flex */
2035
+
2036
  .eael-call-to-action.cta-icon-flex .icon {
2037
+ flex-grow: 1;
2038
+ font-size: 80px;
2039
+ text-align: left;
2040
+ line-height: 130px;
2041
  }
2042
  .eael-call-to-action.cta-icon-flex .action {
2043
+ flex-grow: 1;
2044
+ text-align: right;
2045
+ padding-top: 22px;
2046
+ flex-basis: 22%;
2047
  }
2048
  .eael-call-to-action.cta-icon-flex .content {
2049
+ flex-grow: 1;
2050
+ padding: 0px 30px;
2051
+ }
2052
+ /* Cta Flex */
2053
+
2054
+ .eael-call-to-action.cta-flex .content {
2055
+ padding: 0px 15px;
2056
+ flex-grow: 1;
2057
+ }
2058
+ .eael-call-to-action.cta-flex .action {
2059
+ flex-grow: 1;
2060
+ text-align: right;
2061
+ padding-top: 25px;
2062
+ flex-basis: 23%;
2063
  }
2064
  /* Cta Button */
2065
+
2066
  .eael-call-to-action .cta-button {
2067
+ position: relative;
2068
+ display: inline-block;
2069
+ padding: 12px 30px;
2070
+ background: #f9f9f9;
2071
+ font-size: 16px;
2072
+ text-decoration: none;
2073
+ color: #4d4d4d;
2074
+ -webkit-transition: .5s;
2075
+ -ms-transition: .5s;
2076
+ transition: .5s;
2077
+ -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
2078
+ -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
2079
+ box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
2080
+ margin-right: 10px;
2081
+ margin-top: 10px;
2082
+ z-index: 0;
2083
+ overflow: hidden;
2084
  }
2085
  .eael-call-to-action .cta-button:last-child {
2086
+ margin-right: 0px;
2087
  }
2088
  .eael-call-to-action .cta-button:focus {
2089
+ outline: none;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2090
  }
2091
  /* Hover */
2092
+
2093
  .eael-call-to-action .cta-button:hover {
2094
+ color: #fff;
2095
+ background: #3F51B5;
2096
+ -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
2097
+ -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
2098
+ box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
 
 
 
 
2099
  }
2100
+ /* Cta Button effect 1 */
2101
 
2102
+ .eael-call-to-action .cta-button.effect-1:after {
2103
+ content: "";
2104
+ position: absolute;
2105
+ width: 100%;
2106
+ height: 100%;
2107
+ background: #3F51B5;
2108
+ top: 0px;
2109
+ left: 0px;
2110
+ transform: translateY(-100%);
2111
+ -webkit-transform: translateY(-100%);
2112
+ -ms-transform: translateY(-100%);
2113
+ z-index: -1;
2114
+ -webkit-transition: .5s;
2115
+ -ms-transition: .5s;
2116
+ transition: .5s;
2117
+ color: #fff;
2118
+ }
2119
+ .eael-call-to-action .cta-button.effect-1:hover::after {
2120
+ -webkit-transform: translateY(0);
2121
+ -ms-transform: translateY(0);
2122
+ transform: translateY(0);
2123
+ }
2124
  /* Cta Button effect 2 */
2125
+
2126
  .eael-call-to-action .cta-button.effect-2:after {
2127
+ content: "";
2128
+ position: absolute;
2129
+ width: 100%;
2130
+ height: 100%;
2131
+ background: #3F51B5;
2132
+ top: 0px;
2133
+ left: 0px;
2134
+ z-index: -1;
2135
+ -webkit-transition: .5s;
2136
+ -ms-transition: .5s;
2137
+ transition: .5s;
2138
+ color: #fff;
2139
+ -webkit-transform: translateX(-100%);
2140
+ transform: translateX(-100%);
2141
  }
2142
  .eael-call-to-action .cta-button.effect-2:hover::after {
2143
+ -webkit-transform: translateX(0);
2144
+ transform: translateX(0);
2145
  }
2146
  /* Media Queries */
2147
+
2148
+ @media only screen and (max-width: 768px) {
2149
+ .eael-call-to-action.cta-flex,
2150
+ .eael-call-to-action.cta-icon-flex {
2151
+ flex-wrap: wrap;
2152
+ }
2153
+ .eael-call-to-action .title {
2154
+ font-size: 28px;
2155
+ line-height: 36px;
2156
+ margin-top: 0px;
2157
+ }
2158
+ .eael-call-to-action.cta-icon-flex .icon {
2159
+ flex-grow: 1;
2160
+ font-size: 48px;
2161
+ line-height: 90px;
2162
+ text-align: center;
2163
+ }
2164
+ .eael-call-to-action.cta-flex .content,
2165
+ .eael-call-to-action.cta-icon-flex .content {
2166
+ flex-grow: 1;
2167
+ text-align: center;
2168
+ padding: 0px;
2169
+ }
2170
+ .eael-call-to-action.cta-flex .action,
2171
+ .eael-call-to-action.cta-icon-flex .action {
2172
+ text-align: center;
2173
+ padding-top: 0px;
2174
+ }
2175
+ .eael-call-to-action .cta-button {
2176
+ padding: 12px 25px;
2177
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2178
  }
2179
  @media only screen and (max-width: 360px) {
2180
+ .eael-call-to-action {
2181
+ font-size: 14px;
2182
+ line-height: 26px;
2183
+ }
2184
+ .eael-call-to-action .cta-button {
2185
+ padding: 4px 20px;
2186
+ font-size: 12px;
2187
+ }
2188
+ .eael-call-to-action .title {
2189
+ font-size: 20px;
2190
+ line-height: 30px;
2191
+ }
2192
+ }
2193
  /**
2194
  * Dual Color Heading
2195
  */
2196
+
2197
  .eael-dual-header {
2198
+ display: block;
2199
+ margin-bottom: 50px;
2200
  }
2201
  .eael-dual-header .title,
2202
  .eael-dual-header .title span {
2203
+ font-size: 36px;
2204
+ font-weight: 700;
2205
+ text-transform: uppercase;
2206
+ line-height: 48px;
2207
+ margin: 10px 0px;
2208
  }
2209
  .eael-dual-header .subtext {
2210
+ font-size: 16px;
2211
+ display: block;
2212
  }
2213
  .eael-dual-header i {
2214
+ display: block;
2215
+ padding: 0px;
2216
+ margin: 20px 0px 10px 0px;
2217
+ font-size: 36px;
2218
  }
2219
+ .eael-dual-header .title span.lead {
2220
+ color: #1abc9c;
 
2221
  }
 
2222
  /* Builder Related Css */
2223
+
2224
  .eael-dual-header-content-align-center {
2225
+ text-align: center;
2226
  }
2227
  .eael-dual-header-content-align-left {
2228
+ text-align: left;
2229
  }
2230
  .eael-dual-header-content-align-right {
2231
+ text-align: right;
2232
  }
 
2233
  /**
2234
  * Pricing Table
2235
  */
2236
+
2237
  .eael-pricing {
2238
+ -webkit-display: flex;
2239
+ display: flex;
2240
+ -webkit-justify-content: center;
2241
+ justify-content: center;
2242
+ -webkit-align-items: center;
2243
+ align-items: center;
2244
  }
2245
  .eael-pricing .eael-pricing-item {
2246
+ width: 100%;
2247
+ height: auto;
2248
+ margin: 0;
2249
  }
2250
  .eael-pricing .eael-pricing-button {
2251
+ display: inline-block;
2252
+ padding: 12px 25px;
2253
+ background: #00C853;
2254
+ font-size: 14px;
2255
+ font-weight: 600;
2256
+ color: #fff;
2257
+ text-transform: uppercase;
2258
+ text-decoration: none;
2259
+ -webkit-transition: .3s;
2260
+ transition: .3s;
2261
+ -webkit-border-radius: 4px;
2262
+ border-radius: 4px;
2263
  }
2264
  .eael-pricing .eael-pricing-button:hover {
2265
+ background: #03b048;
2266
  }
2267
  .eael-pricing .eael-pricing-item ul {
2268
+ padding: 0px;
2269
+ margin: 0px;
2270
+ list-style: none;
2271
  }
2272
  .eael-pricing .eael-pricing-item ul li.disable-item {
2273
+ text-decoration: line-through;
2274
+ opacity: 0.5;
2275
  }
2276
  .eael-pricing .eael-pricing-item ul li span.li-icon {
2277
+ color: #00C853;
2278
+ margin-right: 6px;
2279
  }
2280
  .eael-pricing .eael-pricing-item ul li.disable-item span.li-icon {
2281
+ color: #EF5350;
2282
  }
2283
  /* Pricing Table: Style 1 */
2284
+
2285
  .eael-pricing.style-1 {
2286
+ position: relative;
2287
+ z-index: 0;
2288
+ text-align: center;
2289
  }
2290
  .eael-pricing.style-1 .eael-pricing-item {
2291
+ border: 1px solid rgba( 9, 9, 9, .1);
2292
+ padding: 30px;
2293
+ -webkit-border-radius: 5px;
2294
+ border-radius: 5px;
2295
+ -webkit-transition: .5s;
2296
+ transition: .5s;
2297
  }
2298
  .eael-pricing.style-1 .eael-pricing-item:hover {
2299
+ -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
2300
+ box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
2301
+ }
2302
  .eael-pricing.style-1 .eael-pricing-item.featured {
2303
+ position: relative;
2304
  }
2305
  .eael-pricing.style-1 .eael-pricing-item.featured:before {
2306
+ content: "";
2307
+ position: absolute;
2308
+ width: 100%;
2309
+ height: 3px;
2310
+ background: #00C853;
2311
+ top: 0px;
2312
+ left: 0px;
2313
+ right: 0px;
2314
+ z-index: 1;
2315
+ -webkit-border-radius: 5px 5px 0px 0px;
2316
+ border-radius: 5px 5px 0px 0px;
2317
  }
2318
  .eael-pricing.style-1 .eael-pricing-item .header {
2319
+ display: block;
2320
+ position: relative;
2321
+ z-index: 0;
2322
+ padding-bottom: 15px;
2323
+ margin-bottom: 15px;
2324
  }
2325
  .eael-pricing.style-1 .eael-pricing-item .header:after {
2326
+ content: "";
2327
+ position: absolute;
2328
+ width: 140px;
2329
+ height: 1px;
2330
+ bottom: 0px;
2331
+ left: 0px;
2332
+ right: 0px;
2333
+ margin: 0 auto;
2334
+ z-index: 1;
2335
+ background: rgba( 9, 9, 9, .1);
2336
  }
2337
  .eael-pricing.style-1 .eael-pricing-item .header .title {
2338
+ font-weight: 700;
2339
+ line-height: 30px;
2340
+ margin: 0px;
2341
  }
2342
  .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag {
2343
+ position: relative;
2344
+ z-index: 0;
2345
+ padding: 15px 0px;
2346
+ margin-bottom: 15px;
2347
  }
2348
  .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after {
2349
+ content: "";
2350
+ position: absolute;
2351
+ width: 140px;
2352
+ height: 1px;
2353
+ bottom: 0px;
2354
+ left: 0px;
2355
+ right: 0px;
2356
+ margin: 0 auto;
2357
+ z-index: 1;
2358
+ background: rgba( 9, 9, 9, .04);
2359
  }
2360
  .eael-pricing.style-1 .eael-pricing-item .price-tag {
2361
+ position: relative;
2362
+ display: inline-block;
2363
+ font-size: 28px;
2364
+ font-weight: 500;
2365
+ line-height: 0px;
2366
+ margin: 0px auto;
2367
  }
2368
  .eael-pricing.style-1 .eael-pricing-item .price-tag:before {
2369
+ content: "$";
2370
+ position: absolute;
2371
+ width: 10px;
2372
+ height: 10px;
2373
+ font-size: 16px;
2374
+ font-weight: 700;
2375
+ color: #00C853;
2376
+ top: -7px;
2377
+ left: -12px;
2378
+ z-index: 1;
2379
+ }
2380
  .eael-pricing.style-1 .eael-pricing-item .price-period {
2381
+ color: #999;
2382
  }
2383
+ .eael-pricing.style-1 .eael-pricing-item .body {} .eael-pricing.style-1 .eael-pricing-item .body ul {
2384
+ display: block;
2385
+ width: 100%;
2386
+ margin-bottom: 15px;
 
2387
  }
2388
  .eael-pricing.style-1 .eael-pricing-item .body ul li {
2389
+ display: block;
2390
+ width: 100%;
2391
+ height: auto;
2392
+ padding: 10px 0px;
2393
+ font-size: 14px;
2394
+ color: #6d6d6d;
2395
+ border-bottom: 1px solid rgba( 9, 9, 9, .04);
2396
  }
2397
  .eael-pricing.style-1 .eael-pricing-item .body ul li:last-child {
2398
+ border: none;
2399
  }
2400
  .eael-pricing.style-1 .eael-pricing-item.featured-large {
2401
+ padding: 60px 0px;
2402
  }
2403
  /* Pricing Table : Style 2 */
2404
+
2405
  .eael-pricing.style-2 {
2406
+ position: relative;
2407
+ z-index: 0;
2408
+ text-align: center;
2409
  }
2410
  .eael-pricing.style-2 .eael-pricing-item {
2411
+ padding: 30px 0px;
2412
+ border-radius: 5px;
2413
+ margin: 0px;
2414
+ border: 1px solid rgba( 9, 9, 9, .1);
2415
  }
2416
  .eael-pricing.style-2 .eael-pricing-item.featured {
2417
+ -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
2418
+ box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
2419
+ }
2420
+ .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon {} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon {
2421
+ display: inline-block;
2422
+ position: relative;
2423
+ width: 80px;
2424
+ height: 80px;
2425
+ background: #00c853;
2426
+ border-radius: 50%;
2427
+ /*border: 2px solid #00c853;*/
2428
+
2429
+ margin-bottom: 30px;
2430
+ text-align: center;
2431
+ -webkit-transition: .5s;
2432
+ transition: .5s;
2433
+ overflow: hidden;
 
2434
  }
2435
  .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i {
2436
+ font-size: 30px;
2437
+ color: #fff;
2438
+ line-height: 80px;
2439
+ -webkit-transition: .5s;
2440
+ transition: .5s;
2441
+ }
2442
+ .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon {
2443
+ background: #43A047;
2444
+ /*border: 2px solid #43A047;*/
2445
  }
2446
  .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i {
2447
+ color: #fff;
2448
  }
2449
  .eael-pricing.style-2 .eael-pricing-item .header {
2450
+ background: #C8E6C9;
2451
+ padding: 25px 30px;
2452
+ margin-bottom: 15px;
2453
+ position: relative;
2454
+ z-index: 0;
2455
  }
2456
  .eael-pricing.style-2 .eael-pricing-item.featured .header:after {
2457
+ content: "";
2458
+ position: absolute;
2459
+ width: 100%;
2460
+ height: 100%;
2461
+ top: 0px;
2462
+ left: 0px;
2463
+ right: 0px;
2464
+ bottom: 0px;
2465
+ z-index: -1;
2466
+ background: rgba(255, 255, 255, .4);
2467
  }
2468
  .eael-pricing.style-2 .eael-pricing-item .header .title {
2469
+ font-size: 28px;
2470
+ font-weight: 700;
2471
+ line-height: 40px;
2472
+ margin: 0px;
2473
  }
2474
  .eael-pricing.style-2 .eael-pricing-item .header .subititle {
2475
+ font-size: 14px;
2476
+ font-weight: 600;
2477
+ color: #6d6d6d;
2478
  }
2479
  .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
2480
+ position: relative;
2481
+ z-index: 0;
2482
+ padding: 15px 0px;
2483
+ margin-bottom: 15px;
2484
  }
2485
  .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
2486
+ content: "";
2487
+ position: absolute;
2488
+ width: 140px;
2489
+ height: 1px;
2490
+ bottom: 0px;
2491
+ left: 0px;
2492
+ right: 0px;
2493
+ margin: 0 auto;
2494
+ z-index: 1;
2495
+ background: rgba( 9, 9, 9, .04);
2496
  }
2497
  .eael-pricing.style-2 .eael-pricing-item .price-tag {
2498
+ position: relative;
2499
+ display: inline-block;
2500
+ font-size: 28px;
2501
+ font-weight: 500;
2502
+ line-height: 0px;
2503
+ margin: 0px auto;
2504
  }
2505
  .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
2506
+ content: "$";
2507
+ position: absolute;
2508
+ width: 10px;
2509
+ height: 10px;
2510
+ font-size: 16px;
2511
+ font-weight: 700;
2512
+ color: #00C853;
2513
+ top: -7px;
2514
+ left: -12px;
2515
+ z-index: 1;
2516
+ }
2517
  .eael-pricing.style-2 .eael-pricing-item .price-period {
2518
+ color: #999;
2519
  }
2520
+ .eael-pricing.style-2 .eael-pricing-item .body {} .eael-pricing.style-2 .eael-pricing-item .body ul {
2521
+ display: block;
2522
+ width: 100%;
2523
+ margin-bottom: 15px;
 
2524
  }
2525
  .eael-pricing.style-2 .eael-pricing-item .body ul li {
2526
+ display: block;
2527
+ width: 100%;
2528
+ height: auto;
2529
+ padding: 10px 15px;
2530
+ font-size: 14px;
2531
+ color: #6d6d6d;
2532
+ border-bottom: 1px solid rgba( 9, 9, 9, .04);
2533
  }
2534
  .eael-pricing.style-2 .eael-pricing-item .body ul li:last-child {
2535
+ border: none;
2536
  }
2537
+ /* Pricing Table: Style 3 */
2538
 
2539
+ .eael-pricing.style-3 {} .eael-pricing.style-3 .eael-pricing-item {
2540
+ background: #262c37;
2541
+ padding: 30px;
2542
+ color: #fff;
2543
+ }
2544
+ .eael-pricing.style-3 .eael-pricing-item.featured {
2545
+ position: relative;
2546
+ z-index: 0;
2547
+ }
2548
+ .eael-pricing.style-3 .eael-pricing-item.featured:before {
2549
+ content: "Featured";
2550
+ position: absolute;
2551
+ width: auto;
2552
+ background: #E25A77;
2553
+ color: #fff;
2554
+ top: 35px;
2555
+ right: -15px;
2556
+ z-index: 10;
2557
+ font-size: 10px;
2558
+ font-weight: 600;
2559
+ text-transform: uppercase;
2560
+ padding: 0px 10px;
2561
+ }
2562
+ .eael-pricing.style-3 .eael-pricing-item.featured:after {
2563
+ content: "";
2564
+ position: absolute;
2565
+ top: 20px;
2566
+ right: -15px;
2567
+ width: 0;
2568
+ height: 0;
2569
+ border-bottom: 15px solid #bf4a63;
2570
+ border-right: 15px solid transparent;
2571
+ z-index: 9;
2572
+ opacity: 0.9;
2573
+ }
2574
+ .eael-pricing.style-3 .eael-pricing-item .header {
2575
+ position: relative;
2576
+ padding-bottom: 15px;
2577
+ margin-bottom: 15px;
2578
+ z-index: 0;
2579
+ overflow: hidden;
2580
+ }
2581
+ .eael-pricing.style-3 .eael-pricing-item .header:after {
2582
+ position: absolute;
2583
+ content: "";
2584
+ width: 100%;
2585
+ height: 1px;
2586
+ bottom: 0px;
2587
+ left: 0px;
2588
+ right: 0px;
2589
+ margin: 0 auto;
2590
+ z-index: 1;
2591
+ -webkit-transition: 1s;
2592
+ transition: 1s;
2593
+ -webkit-transform: scaleX( 0.4);
2594
+ transform: scaleX( 0.4);
2595
+ background: #E25A77;
2596
+ }
2597
+ .eael-pricing.style-3 .eael-pricing-item:hover .header:after {
2598
+ -webkit-transform: scaleX(1);
2599
+ transform: scaleX(1);
2600
+ }
2601
+ .eael-pricing.style-3 .eael-pricing-item .header .title {
2602
+ font-family: 'Raleway', sans-serif;
2603
+ font-size: 28px;
2604
+ font-weight: 400;
2605
+ line-height: 40px;
2606
+ margin: 0px;
2607
+ }
2608
+ .eael-pricing.style-3 .eael-pricing-item .header .subtitle {
2609
+ font-size: 14px;
2610
+ color: rgba( 255, 255, 255, .5);
2611
+ }
2612
+ .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag {
2613
+ margin-bottom: 30px;
2614
+ }
2615
+ .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-tag {
2616
+ position: relative;
2617
+ display: inline-block;
2618
+ font-size: 36px;
2619
+ font-weight: 700;
2620
+ line-height: 0px;
2621
+ padding-left: 12px;
2622
+ z-index: 0;
2623
+ }
2624
+ .eael-pricing.style-3 .eael-pricing-item .price-tag:before {
2625
+ content: "$";
2626
+ position: absolute;
2627
+ width: 10px;
2628
+ height: 10px;
2629
+ font-size: 16px;
2630
+ font-weight: 700;
2631
+ color: #fff;
2632
+ top: -7px;
2633
+ left: 0px;
2634
+ z-index: 1;
2635
+ }
2636
+ .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-period {} .eael-pricing.style-3 .eael-pricing-item .body {} .eael-pricing.style-3 .eael-pricing-item .body ul {
2637
+ margin-bottom: 30px;
2638
+ }
2639
+ .eael-pricing.style-3 .eael-pricing-item .body ul li {
2640
  display: block;
 
 
 
 
2641
  width: 100%;
2642
+ height: auto;
2643
+ padding: 10px 0px;
2644
+ font-size: 14px;
2645
+ color: rgba( 255, 255, 255, .7);
2646
+ border-bottom: 1px solid rgba( 9, 9, 9, .04);
2647
  }
2648
+ .eael-pricing.style-3 .eael-pricing-item .body ul li:last-child {
2649
+ border: none;
2650
+ }
2651
+ .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag.on-top {
2652
+ margin-top: 15px;
2653
+ margin-bottom: 15px;
2654
+ }
2655
+ /* Pricing Table : Style 4 */
2656
+
2657
+ .eael-pricing.style-4 {
2658
+ position: relative;
2659
+ z-index: 0;
2660
+ text-align: center;
2661
+ overflow: hidden;
2662
+ padding: 0px;
2663
+ }
2664
+ .eael-pricing.style-4 .eael-pricing-item {
2665
+ padding: 0px 0px 30px 0px;
2666
+ border-radius: 5px;
2667
+ margin: 0px;
2668
+ -webkit-transition: .5s;
2669
+ transition: .5s;
2670
+ }
2671
+ .eael-pricing.style-4 .eael-pricing-item.featured:before {
2672
+ content: "Featured";
2673
+ position: absolute;
2674
+ width: auto;
2675
+ background: rgba( 0, 0, 0, 0.6);
2676
+ color: #fff;
2677
+ top: 15px;
2678
+ right: 15px;
2679
+ z-index: 10;
2680
+ font-size: 13px;
2681
+ font-weight: 600;
2682
+ text-transform: uppercase;
2683
+ padding: 0px 14px;
2684
+ }
2685
+ .eael-pricing.style-4 .eael-pricing-item:hover {
2686
+ -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
2687
+ box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
2688
+ }
2689
+ .eael-pricing.style-4 .eael-pricing-item .header {
2690
+ background: #C8E6C9;
2691
+ padding: 25px 0px;
2692
+ margin-bottom: 15px;
2693
+ position: relative;
2694
+ z-index: 0;
2695
+ }
2696
+ .eael-pricing.style-4 .eael-pricing-item .header .title {
2697
+ font-size: 28px;
2698
+ font-weight: 700;
2699
+ line-height: 40px;
2700
+ margin: 0px;
2701
+ }
2702
+ .eael-pricing.style-4 .eael-pricing-item .header .subititle {
2703
+ font-size: 14px;
2704
+ font-weight: 600;
2705
+ color: #6d6d6d;
2706
+ }
2707
+ .eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag {
2708
+ position: relative;
2709
+ z-index: 0;
2710
+ padding: 15px 0px;
2711
+ margin-bottom: 15px;
2712
+ }
2713
+ .eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag:after {
2714
+ content: "";
2715
+ position: absolute;
2716
+ width: 140px;
2717
+ height: 1px;
2718
+ bottom: 0px;
2719
+ left: 0px;
2720
+ right: 0px;
2721
+ margin: 0 auto;
2722
+ z-index: 1;
2723
+ background: rgba( 9, 9, 9, .04);
2724
+ }
2725
+ .eael-pricing.style-4 .eael-pricing-item .price-tag {
2726
+ position: relative;
2727
+ display: inline-block;
2728
+ font-size: 28px;
2729
+ font-weight: 500;
2730
+ line-height: 0px;
2731
+ margin: 0px auto;
2732
+ }
2733
+ .eael-pricing.style-4 .eael-pricing-item .price-tag:before {
2734
+ content: "$";
2735
+ position: absolute;
2736
+ width: 10px;
2737
+ height: 10px;
2738
+ font-size: 16px;
2739
+ font-weight: 700;
2740
+ color: #00C853;
2741
+ top: -7px;
2742
+ left: -12px;
2743
+ z-index: 1;
2744
+ }
2745
+ .eael-pricing.style-4 .eael-pricing-item .price-period {
2746
+ color: #999;
2747
+ }
2748
+ .eael-pricing.style-4 .eael-pricing-item .body {} .eael-pricing.style-4 .eael-pricing-item .body ul {
2749
  display: block;
 
 
2750
  width: 100%;
2751
+ margin-bottom: 15px;
 
 
 
 
 
2752
  }
2753
+ .eael-pricing.style-4 .eael-pricing-item .body ul li {
2754
+ display: block;
2755
+ width: 100%;
2756
+ height: auto;
2757
+ padding: 10px 0px;
2758
+ font-size: 14px;
2759
+ color: #6d6d6d;
2760
+ border-bottom: 1px solid rgba( 9, 9, 9, .04);
2761
+ }
2762
+ .eael-pricing.style-4 .eael-pricing-item .body ul li:last-child {
2763
+ border: none;
2764
+ }
2765
+ .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image {
2766
+ position: relative;
2767
+ -webkit-display: flex;
2768
+ display: flex;
2769
+ -webkit-justify-content: center;
2770
+ justify-content: center;
2771
+ -webkit-align-items: center;
2772
+ align-items: center;
2773
+ z-index: 0;
2774
+ width: 100%;
2775
+ height: 120px;
2776
+ background-size: cover;
2777
+ background-repeat: no-repeat;
2778
+ background-position: center;
2779
+ padding-top: 15px;
2780
+ }
2781
+ .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image:after {
2782
+ position: absolute;
2783
+ content: "";
2784
+ width: 100%;
2785
+ height: 100%;
2786
+ top: 0px;
2787
+ left: 0px;
2788
+ right: 0px;
2789
+ bottom: 0px;
2790
+ background: rgba( 0, 0, 0, 0.5);
2791
+ z-index: -1;
2792
+ }
2793
+ .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag {
2794
+ padding: 0px;
2795
+ margin: 0px;
2796
+ }
2797
+ .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag {
2798
+ font-size: 48px;
2799
+ font-weight: 700;
2800
+ color: #fff;
2801
+ line-height: 0px;
2802
+ margin-bottom: 0px;
2803
+ }
2804
+ .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag:before {
2805
+ font-size: 24px;
2806
+ top: -20px;
2807
+ left: -18px;
2808
+ }
2809
+ .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-period {
2810
+ font-size: 13px;
2811
+ font-weight: 600;
2812
+ }
2813
+ /* Media Query */
2814
 
2815
+ @media only screen and ( min-width: 768px) and (max-width: 992px) {
2816
+ .eael-pricing {
2817
+ display: block;
2818
+ }
2819
+ .eael-pricing .eael-pricing-item,
2820
+ .eael-pricing.style-2 .eael-pricing-item,
2821
+ .eael-pricing.style-4 .eael-pricing-item {
2822
+ width: 100%;
2823
+ margin: 0 auto 30px auto;
2824
+ }
2825
+ }
2826
+ @media only screen and (max-width: 480px) {
2827
+ .eael-pricing {
2828
+ display: block;
2829
+ }
2830
+ .eael-pricing .eael-pricing-item {
2831
+ width: 100%;
2832
+ }
2833
+ .eael-pricing .eael-pricing-item,
2834
+ .eael-pricing.style-2 .eael-pricing-item,
2835
+ .eael-pricing.style-4 .eael-pricing-item {
2836
+ margin: 0 auto 30px auto;
2837
+ }
2838
+ }
2839
  /* Page Builder Related Style */
2840
+
2841
  .eael-pricing-content-align-center .eael-pricing {
2842
+ text-align: center;
2843
  }
2844
  .eael-pricing-content-align-left .eael-pricing {
2845
+ text-align: left;
2846
  }
2847
  .eael-pricing-content-align-right .eael-pricing {
2848
+ text-align: right;
2849
  }
 
2850
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag {
2851
+ padding-left: 45px;
2852
  }
2853
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
2854
+ left: 30px;
2855
  }
2856
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
2857
+ padding-right: 30px;
2858
  }
 
2859
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header,
2860
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
2861
+ .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer,
2862
  .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header,
2863
  .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer {
2864
+ padding-left: 30px;
2865
+ padding-right: 30px;
2866
  }
2867
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header,
2868
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
2869
+ .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer,
2870
  .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header,
2871
  .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer {
2872
+ padding-right: 30px;
2873
+ padding-left: 30px;
2874
  }
2875
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li,
2876
  .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li {
2877
+ padding-left: 30px;
2878
  }
2879
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li,
2880
  .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li {
2881
+ padding-right: 30px;
2882
  }
2883
  .eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after {
2884
+ -webkit-transform: translateX( -80%);
2885
+ transform: translateX( -80%);
2886
  }
2887
  .eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after {
2888
+ -webkit-transform: translateX( 80%);
2889
+ transform: translateX( 80%);
2890
  }
2891
  .eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after,
2892
  .eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after {
2893
+ -webkit-transform: translateX( 0%);
2894
+ transform: translateX( 0%);
2895
  }
2896
  .eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after,
2897
  .eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .header:after,
2899
  .eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
2900
  .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after,
2901
  .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
2902
+ margin: 0;
2903
+ width: 100%;
2904
+ }
2905
  /* Button Alignment */
2906
+
2907
  .eael-pricing-button-align-right .eael-pricing.style-1 .footer,
2908
  .eael-pricing-button-align-right .eael-pricing.style-2 .footer,
2909
  .eael-pricing-button-align-right .eael-pricing.style-3 .footer,
2910
  .eael-pricing-button-align-right .eael-pricing.style-4 .footer {
2911
+ text-align: right;
2912
  }
2913
  .eael-pricing-button-align-center .eael-pricing.style-1 .footer,
2914
  .eael-pricing-button-align-center .eael-pricing.style-2 .footer,
2915
  .eael-pricing-button-align-center .eael-pricing.style-3 .footer,
2916
  .eael-pricing-button-align-center .eael-pricing.style-4 .footer {
2917
+ text-align: center;
2918
  }
2919
  .eael-pricing-button-align-left .eael-pricing.style-1 .footer,
2920
  .eael-pricing-button-align-left .eael-pricing.style-2 .footer,
2921
  .eael-pricing-button-align-left .eael-pricing.style-3 .footer,
2922
  .eael-pricing-button-align-left .eael-pricing.style-4 .footer {
2923
+ text-align: left;
2924
  }
2925
  .eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
2926
  .eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
2927
+ padding-right: 30px;
2928
  }
2929
  .eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
2930
  .eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
2931
+ padding-left: 30px;
2932
  }
2933
  /* Only In Pro */
2934
+
2935
  .only-in-pro {
2936
+ width: 100%;
2937
+ -webkit-display: flex;
2938
+ display: flex;
2939
+ -webkit-align-items: center;
2940
+ align-items: center;
2941
+ -webkit-justify-content: center;
2942
+ justify-content: center;
2943
+ padding: 15px;
2944
+ min-width: 200px;
2945
+ background: #EF5350;
2946
+ color: #fff;
2947
+ text-align: center;
2948
  }
2949
  .only-in-pro .title {
2950
+ font-family: 'Roboto', sans-serif;
2951
+ font-size: 24px;
2952
+ line-height: 40px;
2953
+ margin: 0px;
2954
  }
elements/call-to-action/call-to-action.php CHANGED
@@ -59,8 +59,9 @@ class Widget_Eael_Cta_Box extends Widget_Base {
59
  'default' => 'cta-default',
60
  'label_block' => false,
61
  'options' => [
62
- 'cta-default' => esc_html__( 'Default', 'essential-addons-elementor' ),
63
  'cta-center' => esc_html__( 'Center', 'essential-addons-elementor' ),
 
64
  ],
65
  'condition' => [
66
  'eael_cta_type' => 'cta-basic'
@@ -179,6 +180,47 @@ class Widget_Eael_Cta_Box extends Widget_Base {
179
  ]
180
  );
181
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
182
  $this->add_control(
183
  'eael_cta_bg_color',
184
  [
@@ -345,6 +387,7 @@ class Widget_Eael_Cta_Box extends Widget_Base {
345
  'label_block' => false,
346
  'options' => [
347
  'default' => esc_html__( 'Default', 'essential-addons-elementor' ),
 
348
  'left-to-right' => esc_html__( 'Left to Right', 'essential-addons-elementor' ),
349
  ],
350
  ]
@@ -460,6 +503,7 @@ class Widget_Eael_Cta_Box extends Widget_Base {
460
  'default' => '#3F51B5',
461
  'selectors' => [
462
  '{{WRAPPER}} .eael-call-to-action .cta-button:after' => 'background: {{VALUE}};',
 
463
  ],
464
  ]
465
  );
@@ -492,13 +536,63 @@ class Widget_Eael_Cta_Box extends Widget_Base {
492
 
493
  $this->end_controls_section();
494
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
495
  }
496
 
497
 
498
  protected function render( ) {
499
 
500
- $settings = $this->get_settings();
501
- $target = $settings['eael_cta_btn_link']['url'] ? 'target="_blank"' : '';
 
502
  if( 'cta-bg-color' == $settings['eael_cta_color_type'] ) {
503
  $cta_class = 'bg-lite';
504
  }else if( 'cta-bg-img' == $settings['eael_cta_color_type'] ) {
@@ -509,24 +603,28 @@ class Widget_Eael_Cta_Box extends Widget_Base {
509
  $cta_class = '';
510
  }
511
  // Is Basic Cta Content Center or Not
512
- if( 'cta-center' == $settings['eael_cta_content_type'] ) {
513
- $cta_center = 'cta-center';
 
 
514
  }else {
515
- $cta_center = '';
516
  }
517
  // Button Effect
518
  if( 'left-to-right' == $settings['eael_cta_btn_effect_type'] ) {
519
  $cta_btn_effect = 'effect-2';
 
 
520
  }else {
521
  $cta_btn_effect = '';
522
  }
523
 
524
  ?>
525
  <?php if( 'cta-basic' == $settings['eael_cta_type'] ) : ?>
526
- <div class="eael-call-to-action <?php echo esc_attr( $cta_class ); ?> <?php echo esc_attr( $cta_center ); ?>">
527
  <h2 class="title"><?php echo $settings['eael_cta_title']; ?></h2>
528
  <p><?php echo $settings['eael_cta_content']; ?></p>
529
- <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>
530
  </div>
531
  <?php endif; ?>
532
  <?php if( 'cta-flex' == $settings['eael_cta_type'] ) : ?>
@@ -536,7 +634,7 @@ class Widget_Eael_Cta_Box extends Widget_Base {
536
  <p><?php echo $settings['eael_cta_content']; ?></p>
537
  </div>
538
  <div class="action">
539
- <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>
540
  </div>
541
  </div>
542
  <?php endif; ?>
59
  'default' => 'cta-default',
60
  'label_block' => false,
61
  'options' => [
62
+ 'cta-default' => esc_html__( 'Left', 'essential-addons-elementor' ),
63
  'cta-center' => esc_html__( 'Center', 'essential-addons-elementor' ),
64
+ 'cta-right' => esc_html__( 'Right', 'essential-addons-elementor' ),
65
  ],
66
  'condition' => [
67
  'eael_cta_type' => 'cta-basic'
180
  ]
181
  );
182
 
183
+ $this->add_control(
184
+ 'eael_cta_container_width',
185
+ [
186
+ 'label' => esc_html__( 'Set max width for the container?', 'essential-addons-elementor' ),
187
+ 'type' => Controls_Manager::SWITCHER,
188
+ 'label_on' => __( 'yes', 'essential-addons-elementor' ),
189
+ 'label_off' => __( 'no', 'essential-addons-elementor' ),
190
+ 'default' => 'yes',
191
+ ]
192
+ );
193
+
194
+ $this->add_responsive_control(
195
+ 'eael_cta_container_width_value',
196
+ [
197
+ 'label' => __( 'Container Max Width (% or px)', 'essential-addons-elementor' ),
198
+ 'type' => Controls_Manager::SLIDER,
199
+ 'default' => [
200
+ 'size' => 1170,
201
+ 'unit' => 'px',
202
+ ],
203
+ 'size_units' => [ 'px', '%' ],
204
+ 'range' => [
205
+ 'px' => [
206
+ 'min' => 0,
207
+ 'max' => 1500,
208
+ 'step' => 5,
209
+ ],
210
+ '%' => [
211
+ 'min' => 1,
212
+ 'max' => 100,
213
+ ],
214
+ ],
215
+ 'selectors' => [
216
+ '{{WRAPPER}} .eael-call-to-action' => 'max-width: {{SIZE}}{{UNIT}};',
217
+ ],
218
+ 'condition' => [
219
+ 'eael_cta_container_width' => 'yes',
220
+ ],
221
+ ]
222
+ );
223
+
224
  $this->add_control(
225
  'eael_cta_bg_color',
226
  [
387
  'label_block' => false,
388
  'options' => [
389
  'default' => esc_html__( 'Default', 'essential-addons-elementor' ),
390
+ 'top-to-bottom' => esc_html__( 'Top to Bottom', 'essential-addons-elementor' ),
391
  'left-to-right' => esc_html__( 'Left to Right', 'essential-addons-elementor' ),
392
  ],
393
  ]
503
  'default' => '#3F51B5',
504
  'selectors' => [
505
  '{{WRAPPER}} .eael-call-to-action .cta-button:after' => 'background: {{VALUE}};',
506
+ '{{WRAPPER}} .eael-call-to-action .cta-button:hover' => 'background: {{VALUE}};',
507
  ],
508
  ]
509
  );
536
 
537
  $this->end_controls_section();
538
 
539
+ /**
540
+ * -------------------------------------------
541
+ * Tab Style (Button Style)
542
+ * -------------------------------------------
543
+ */
544
+ $this->start_controls_section(
545
+ 'eael_section_cta_icon_style_settings',
546
+ [
547
+ 'label' => esc_html__( 'Icon Style', 'essential-addons-elementor' ),
548
+ 'tab' => Controls_Manager::TAB_STYLE,
549
+ 'condition' => [
550
+ 'eael_cta_type' => 'cta-icon-flex'
551
+ ]
552
+ ]
553
+ );
554
+
555
+ $this->add_control(
556
+ 'eael_section_cta_icon_size',
557
+ [
558
+ 'label' => esc_html__( 'Font Size', 'essential-addons-elementor' ),
559
+ 'type' => Controls_Manager::SLIDER,
560
+ 'default' => [
561
+ 'size' => 80
562
+ ],
563
+ 'range' => [
564
+ 'px' => [
565
+ 'max' => 160,
566
+ ],
567
+ ],
568
+ 'selectors' => [
569
+ '{{WRAPPER}} .eael-call-to-action.cta-icon-flex .icon' => 'font-size: {{SIZE}}px;',
570
+ ],
571
+ ]
572
+ );
573
+
574
+ $this->add_control(
575
+ 'eael_section_cta_icon_color',
576
+ [
577
+ 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
578
+ 'type' => Controls_Manager::COLOR,
579
+ 'default' => '#444',
580
+ 'selectors' => [
581
+ '{{WRAPPER}} .eael-call-to-action.cta-icon-flex .icon' => 'color: {{VALUE}};',
582
+ ],
583
+ ]
584
+ );
585
+
586
+ $this->end_controls_section();
587
+
588
  }
589
 
590
 
591
  protected function render( ) {
592
 
593
+ $settings = $this->get_settings();
594
+ $target = $settings['eael_cta_btn_link']['is_external'] ? 'target="_blank"' : '';
595
+ $nofollow = $settings['eael_cta_btn_link']['nofollow'] ? 'rel="nofollow"' : '';
596
  if( 'cta-bg-color' == $settings['eael_cta_color_type'] ) {
597
  $cta_class = 'bg-lite';
598
  }else if( 'cta-bg-img' == $settings['eael_cta_color_type'] ) {
603
  $cta_class = '';
604
  }
605
  // Is Basic Cta Content Center or Not
606
+ if( 'cta-center' === $settings['eael_cta_content_type'] ) {
607
+ $cta_alignment = 'cta-center';
608
+ }elseif( 'cta-right' === $settings['eael_cta_content_type'] ) {
609
+ $cta_alignment = 'cta-right';
610
  }else {
611
+ $cta_alignment = 'cta-left';
612
  }
613
  // Button Effect
614
  if( 'left-to-right' == $settings['eael_cta_btn_effect_type'] ) {
615
  $cta_btn_effect = 'effect-2';
616
+ }elseif( 'top-to-bottom' == $settings['eael_cta_btn_effect_type'] ) {
617
+ $cta_btn_effect = 'effect-1';
618
  }else {
619
  $cta_btn_effect = '';
620
  }
621
 
622
  ?>
623
  <?php if( 'cta-basic' == $settings['eael_cta_type'] ) : ?>
624
+ <div class="eael-call-to-action <?php echo esc_attr( $cta_class ); ?> <?php echo esc_attr( $cta_alignment ); ?>">
625
  <h2 class="title"><?php echo $settings['eael_cta_title']; ?></h2>
626
  <p><?php echo $settings['eael_cta_content']; ?></p>
627
+ <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>
628
  </div>
629
  <?php endif; ?>
630
  <?php if( 'cta-flex' == $settings['eael_cta_type'] ) : ?>
634
  <p><?php echo $settings['eael_cta_content']; ?></p>
635
  </div>
636
  <div class="action">
637
+ <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>
638
  </div>
639
  </div>
640
  <?php endif; ?>
elements/dual-color-header/dual-color-header.php CHANGED
@@ -49,20 +49,20 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
49
  ]
50
  );
51
 
52
- $this->add_control(
53
- 'eael_dch_color_type',
54
- [
55
- 'label' => esc_html__( 'Color Style', 'essential-addons-elementor' ),
56
- 'type' => Controls_Manager::SELECT,
57
- 'default' => 'dch-colored',
58
- 'label_block' => false,
59
- 'options' => [
60
- 'dch-basic' => esc_html__( 'Basic', 'essential-addons-elementor' ),
61
- 'dch-colored' => esc_html__( 'Colored', 'essential-addons-elementor' ),
62
- 'dch-colored-reverse' => esc_html__( 'Reverse Color', 'essential-addons-elementor' ),
63
- ],
64
- ]
65
- );
66
 
67
  $this->add_control(
68
  'eael_show_dch_icon_content',
@@ -307,7 +307,7 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
307
  $this->add_control(
308
  'eael_dch_base_title_color',
309
  [
310
- 'label' => esc_html__( 'Base Title Color', 'essential-addons-elementor' ),
311
  'type' => Controls_Manager::COLOR,
312
  'default' => '#4d4d4d',
313
  'selectors' => [
@@ -319,11 +319,11 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
319
  $this->add_control(
320
  'eael_dch_dual_title_color',
321
  [
322
- 'label' => esc_html__( 'Dual Title Color', 'essential-addons-elementor' ),
323
  'type' => Controls_Manager::COLOR,
324
  'default' => '#1abc9c',
325
  'selectors' => [
326
- '{{WRAPPER}} .eael-dual-header.dh-colored .title span.lead, {{WRAPPER}} .eael-dual-header.dh-colored-reverse .title span.lead' => 'color: {{VALUE}};',
327
  ],
328
  ]
329
  );
@@ -332,7 +332,7 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
332
  Group_Control_Typography::get_type(),
333
  [
334
  'name' => 'eael_dch_first_title_typography',
335
- 'selector' => '{{WRAPPER}} .eael-dual-header .title, .eael-dual-header .title span.lead',
336
  ]
337
  );
338
 
@@ -369,28 +369,14 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
369
 
370
  }
371
 
372
-
373
  protected function render( ) {
374
 
375
  $settings = $this->get_settings();
376
 
377
- if( 'dch-basic' == $settings['eael_dch_color_type'] ) {
378
- $dch_color_class = 'dh-basic';
379
- }else if( 'dch-colored' == $settings['eael_dch_color_type'] ) {
380
- $dch_color_class = 'dh-colored';
381
- }else if( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) {
382
- $dch_color_class = 'dh-colored-reverse';
383
- }
384
  ?>
385
  <?php if( 'dch-default' == $settings['eael_dch_type'] ) : ?>
386
- <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">
387
- <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?>
388
- <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
389
- <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?>
390
- <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
391
- <?php else: ?>
392
- <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
393
- <?php endif; ?>
394
  <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
395
  <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
396
  <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
@@ -399,47 +385,29 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
399
  <?php endif; ?>
400
 
401
  <?php if( 'dch-icon-on-top' == $settings['eael_dch_type'] ) : ?>
402
- <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">
403
  <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
404
  <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
405
  <?php endif; ?>
406
- <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?>
407
- <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
408
- <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?>
409
- <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
410
- <?php else: ?>
411
- <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
412
- <?php endif; ?>
413
  <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
414
  </div>
415
  <?php endif; ?>
416
 
417
  <?php if( 'dch-icon-subtext-on-top' == $settings['eael_dch_type'] ) : ?>
418
- <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">
419
  <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
420
  <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
421
  <?php endif; ?>
422
  <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
423
- <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?>
424
- <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
425
- <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?>
426
- <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
427
- <?php else: ?>
428
- <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
429
- <?php endif; ?>
430
  </div>
431
  <?php endif; ?>
432
 
433
  <?php if( 'dch-subtext-on-top' == $settings['eael_dch_type'] ) : ?>
434
- <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">
435
  <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
436
- <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?>
437
- <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
438
- <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?>
439
- <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
440
- <?php else: ?>
441
- <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
442
- <?php endif; ?>
443
  <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
444
  <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
445
  <?php endif; ?>
49
  ]
50
  );
51
 
52
+ // $this->add_control(
53
+ // 'eael_dch_color_type',
54
+ // [
55
+ // 'label' => esc_html__( 'Color Style', 'essential-addons-elementor' ),
56
+ // 'type' => Controls_Manager::SELECT,
57
+ // 'default' => 'dch-colored',
58
+ // 'label_block' => false,
59
+ // 'options' => [
60
+ // 'dch-basic' => esc_html__( 'Basic', 'essential-addons-elementor' ),
61
+ // 'dch-colored' => esc_html__( 'Colored', 'essential-addons-elementor' ),
62
+ // 'dch-colored-reverse' => esc_html__( 'Reverse Color', 'essential-addons-elementor' ),
63
+ // ],
64
+ // ]
65
+ // );
66
 
67
  $this->add_control(
68
  'eael_show_dch_icon_content',
307
  $this->add_control(
308
  'eael_dch_base_title_color',
309
  [
310
+ 'label' => esc_html__( 'Main Color', 'essential-addons-elementor' ),
311
  'type' => Controls_Manager::COLOR,
312
  'default' => '#4d4d4d',
313
  'selectors' => [
319
  $this->add_control(
320
  'eael_dch_dual_title_color',
321
  [
322
+ 'label' => esc_html__( 'Dual Color', 'essential-addons-elementor' ),
323
  'type' => Controls_Manager::COLOR,
324
  'default' => '#1abc9c',
325
  'selectors' => [
326
+ '{{WRAPPER}} .eael-dual-header .title span.lead' => 'color: {{VALUE}};',
327
  ],
328
  ]
329
  );
332
  Group_Control_Typography::get_type(),
333
  [
334
  'name' => 'eael_dch_first_title_typography',
335
+ 'selector' => '{{WRAPPER}} .eael-dual-header .title, {{WRAPPER}} .eael-dual-header .title span',
336
  ]
337
  );
338
 
369
 
370
  }
371
 
 
372
  protected function render( ) {
373
 
374
  $settings = $this->get_settings();
375
 
 
 
 
 
 
 
 
376
  ?>
377
  <?php if( 'dch-default' == $settings['eael_dch_type'] ) : ?>
378
+ <div class="eael-dual-header">
379
+ <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
 
 
 
 
 
 
380
  <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
381
  <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
382
  <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
385
  <?php endif; ?>
386
 
387
  <?php if( 'dch-icon-on-top' == $settings['eael_dch_type'] ) : ?>
388
+ <div class="eael-dual-header">
389
  <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
390
  <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
391
  <?php endif; ?>
392
+ <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
 
 
 
 
 
 
393
  <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
394
  </div>
395
  <?php endif; ?>
396
 
397
  <?php if( 'dch-icon-subtext-on-top' == $settings['eael_dch_type'] ) : ?>
398
+ <div class="eael-dual-header">
399
  <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
400
  <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
401
  <?php endif; ?>
402
  <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
403
+ <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
 
 
 
 
 
 
404
  </div>
405
  <?php endif; ?>
406
 
407
  <?php if( 'dch-subtext-on-top' == $settings['eael_dch_type'] ) : ?>
408
+ <div class="eael-dual-header">
409
  <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
410
+ <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
 
 
 
 
 
 
411
  <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
412
  <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
413
  <?php endif; ?>
elements/flipbox/flipbox.php CHANGED
@@ -103,6 +103,9 @@ class Widget_Eael_Flip_Box extends Widget_Base {
103
  'selectors' => [
104
  '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'width: {{SIZE}}px;',
105
  ],
 
 
 
106
  ]
107
  );
108
 
@@ -238,7 +241,7 @@ class Widget_Eael_Flip_Box extends Widget_Base {
238
  'icon' => 'fa fa-align-right',
239
  ],
240
  ],
241
- 'default' => 'left',
242
  'prefix_class' => 'eael-flipbox-content-align-',
243
  ]
244
  );
@@ -668,9 +671,10 @@ class Widget_Eael_Flip_Box extends Widget_Base {
668
 
669
  protected function render( ) {
670
 
671
- $settings = $this->get_settings();
672
- $flipbox_image = $this->get_settings( 'eael_flipbox_image' );
673
- $flipbox_image_url = Group_Control_Image_Size::get_attachment_image_src( $flipbox_image['id'], 'thumbnail', $settings );
 
674
 
675
  ?>
676
 
103
  'selectors' => [
104
  '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'width: {{SIZE}}px;',
105
  ],
106
+ 'condition' => [
107
+ 'eael_flipbox_img_or_icon' => 'img'
108
+ ]
109
  ]
110
  );
111
 
241
  'icon' => 'fa fa-align-right',
242
  ],
243
  ],
244
+ 'default' => 'center',
245
  'prefix_class' => 'eael-flipbox-content-align-',
246
  ]
247
  );
671
 
672
  protected function render( ) {
673
 
674
+ $settings = $this->get_settings();
675
+ $flipbox_image = $this->get_settings( 'eael_flipbox_image' );
676
+ $flipbox_image_url = Group_Control_Image_Size::get_attachment_image_src( $flipbox_image['id'], 'thumbnail', $settings );
677
+ if( empty( $flipbox_image_url ) ) : $flipbox_image_url = $flipbox_image['url']; else: $flipbox_image_url = $flipbox_image_url; endif;
678
 
679
  ?>
680
 
elements/infobox/infobox.php CHANGED
@@ -100,34 +100,6 @@ class Widget_Eael_Info_Box extends Widget_Base {
100
  ]
101
  );
102
 
103
- $this->add_responsive_control(
104
- 'eael_infobox_icon_alignment',
105
- [
106
- 'label' => esc_html__( 'Icon Alignment', 'essential-addons-elementor' ),
107
- 'type' => Controls_Manager::CHOOSE,
108
- 'label_block' => true,
109
- 'options' => [
110
- 'left' => [
111
- 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
112
- 'icon' => 'fa fa-align-left',
113
- ],
114
- 'center' => [
115
- 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
116
- 'icon' => 'fa fa-align-center',
117
- ],
118
- 'right' => [
119
- 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
120
- 'icon' => 'fa fa-align-right',
121
- ],
122
- ],
123
- 'default' => 'center',
124
- 'prefix_class' => 'eael-infobox-icon-align-',
125
- 'condition' => [
126
- 'eael_infobox_img_or_icon' => 'icon'
127
- ]
128
- ]
129
- );
130
-
131
  $this->end_controls_section();
132
 
133
  /**
@@ -190,6 +162,9 @@ class Widget_Eael_Info_Box extends Widget_Base {
190
  ],
191
  'default' => 'center',
192
  'prefix_class' => 'eael-infobox-content-align-',
 
 
 
193
  ]
194
  );
195
  $this->end_controls_section();
@@ -298,7 +273,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
298
  [
299
  'label' => esc_html__( 'Image Shape', 'essential-addons-elementor' ),
300
  'type' => Controls_Manager::SELECT,
301
- 'default' => 'circle',
302
  'label_block' => false,
303
  'options' => [
304
  'square' => esc_html__( 'Square', 'essential-addons-elementor' ),
@@ -318,7 +293,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
318
  'label' => esc_html__( 'Image Resizer', 'essential-addons-elementor' ),
319
  'type' => Controls_Manager::SLIDER,
320
  'default' => [
321
- 'size' => '100'
322
  ],
323
  'range' => [
324
  'px' => [
@@ -329,7 +304,8 @@ class Widget_Eael_Info_Box extends Widget_Base {
329
  '{{WRAPPER}} .eael-infobox .infobox-icon img' => 'width: {{SIZE}}px;',
330
  ],
331
  'condition' => [
332
- 'eael_infobox_img_or_icon' => 'img'
 
333
  ]
334
  ]
335
  );
@@ -342,37 +318,8 @@ class Widget_Eael_Info_Box extends Widget_Base {
342
  'condition' => [
343
  'eael_infobox_image[url]!' => '',
344
  ],
345
- 'condition' => [
346
- 'eael_infobox_img_or_icon' => 'img'
347
- ]
348
- ]
349
- );
350
-
351
- $this->add_responsive_control(
352
- 'eael_infobox_img_alignment',
353
- [
354
- 'label' => esc_html__( 'Image Alignment', 'essential-addons-elementor' ),
355
- 'type' => Controls_Manager::CHOOSE,
356
- 'label_block' => true,
357
- 'options' => [
358
- 'left' => [
359
- 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
360
- 'icon' => 'fa fa-align-left',
361
- ],
362
- 'center' => [
363
- 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
364
- 'icon' => 'fa fa-align-center',
365
- ],
366
- 'right' => [
367
- 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
368
- 'icon' => 'fa fa-align-right',
369
- ],
370
- ],
371
- 'default' => 'left',
372
- 'prefix_class' => 'eael-infobox-img-align-',
373
  'condition' => [
374
  'eael_infobox_img_or_icon' => 'img',
375
- 'eael_infobox_img_type!' => 'img-on-left',
376
  ]
377
  ]
378
  );
@@ -544,9 +491,10 @@ class Widget_Eael_Info_Box extends Widget_Base {
544
 
545
  protected function render( ) {
546
 
547
- $settings = $this->get_settings();
548
- $infobox_image = $this->get_settings( 'eael_infobox_image' );
549
- $infobox_image_url = Group_Control_Image_Size::get_attachment_image_src( $infobox_image['id'], 'thumbnail', $settings );
 
550
 
551
  ?>
552
  <?php if( 'img-on-top' == $settings['eael_infobox_img_type'] ) : ?>
100
  ]
101
  );
102
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
  $this->end_controls_section();
104
 
105
  /**
162
  ],
163
  'default' => 'center',
164
  'prefix_class' => 'eael-infobox-content-align-',
165
+ 'condition' => [
166
+ 'eael_infobox_img_type' => 'img-on-top'
167
+ ]
168
  ]
169
  );
170
  $this->end_controls_section();
273
  [
274
  'label' => esc_html__( 'Image Shape', 'essential-addons-elementor' ),
275
  'type' => Controls_Manager::SELECT,
276
+ 'default' => 'square',
277
  'label_block' => false,
278
  'options' => [
279
  'square' => esc_html__( 'Square', 'essential-addons-elementor' ),
293
  'label' => esc_html__( 'Image Resizer', 'essential-addons-elementor' ),
294
  'type' => Controls_Manager::SLIDER,
295
  'default' => [
296
+ 'size' => 100
297
  ],
298
  'range' => [
299
  'px' => [
304
  '{{WRAPPER}} .eael-infobox .infobox-icon img' => 'width: {{SIZE}}px;',
305
  ],
306
  'condition' => [
307
+ 'eael_infobox_img_or_icon' => 'img',
308
+ 'eael_infobox_img_type' => 'img-on-top'
309
  ]
310
  ]
311
  );
318
  'condition' => [
319
  'eael_infobox_image[url]!' => '',
320
  ],
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
321
  'condition' => [
322
  'eael_infobox_img_or_icon' => 'img',
 
323
  ]
324
  ]
325
  );
491
 
492
  protected function render( ) {
493
 
494
+ $settings = $this->get_settings();
495
+ $infobox_image = $this->get_settings( 'eael_infobox_image' );
496
+ $infobox_image_url = Group_Control_Image_Size::get_attachment_image_src( $infobox_image['id'], 'thumbnail', $settings );
497
+ if( empty( $infobox_image_url ) ) : $infobox_image_url = $infobox_image['url']; else: $infobox_image_url = $infobox_image_url; endif;
498
 
499
  ?>
500
  <?php if( 'img-on-top' == $settings['eael_infobox_img_type'] ) : ?>
elements/pricing-table/pricing-table.php CHANGED
@@ -29,7 +29,7 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
29
  $this->start_controls_section(
30
  'eael_section_pricing_table_settings',
31
  [
32
- 'label' => esc_html__( 'Pricing Table Settings', 'essential-addons-elementor' )
33
  ]
34
  );
35
 
@@ -49,60 +49,21 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
49
  ]
50
  );
51
 
52
- $this->add_control(
53
- 'eael_pricing_table_price_cur',
54
- [
55
- 'label' => esc_html__( 'Price Currency', 'essential-addons-elementor' ),
56
- 'type' => Controls_Manager::TEXT,
57
- 'label_block' => false,
58
- 'default' => esc_html__( '$', 'essential-addons-elementor' ),
59
- 'selectors' => [
60
- '{{WRAPPER}} .eael-pricing .eael-pricing-item .price-tag:before ' => 'content: "{{VALUE}}";',
61
- ],
62
- ]
63
- );
64
-
65
- $this->add_control(
66
- 'eael_pricing_table_price',
67
- [
68
- 'label' => esc_html__( 'Price', 'essential-addons-elementor' ),
69
- 'type' => Controls_Manager::TEXT,
70
- 'label_block' => false,
71
- 'default' => esc_html__( '99', 'essential-addons-elementor' )
72
- ]
73
- );
74
 
75
  /**
76
- * Condition: 'eael_pricing_table_style' => 'style-3'
77
  */
78
  $this->add_control(
79
- 'eael_pricing_table_style_3_price_position',
80
- [
81
- 'label' => esc_html__( 'Pricing Position', 'essential-addons-elementor' ),
82
- 'type' => Controls_Manager::SELECT,
83
- 'default' => 'bottom',
84
- 'label_block' => false,
85
- 'options' => [
86
- 'top' => esc_html__( 'On Top', 'essential-addons-elementor' ),
87
- 'bottom' => esc_html__( 'At Bottom', 'essential-addons-elementor' ),
88
- ],
89
- 'condition' => [
90
- 'eael_pricing_table_style' => 'style-3'
91
- ]
92
- ]
93
- );
94
-
95
- $this->add_control(
96
- 'eael_pricing_table_price_period',
97
  [
98
- 'label' => esc_html__( 'Price Period (per)', 'essential-addons-elementor' ),
99
- 'type' => Controls_Manager::TEXT,
100
- 'label_block' => false,
101
- 'default' => esc_html__( 'month', 'essential-addons-elementor' )
102
  ]
103
  );
104
 
105
- $this->add_control(
106
  'eael_pricing_table_title',
107
  [
108
  'label' => esc_html__( 'Title', 'essential-addons-elementor' ),
@@ -163,138 +124,84 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
163
  ]
164
  );
165
 
166
- /**
167
- * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes'
168
- */
169
- $this->add_control(
170
- 'eael_pricing_table_icon_enabled',
171
- [
172
- 'label' => esc_html__( 'List Icon', 'essential-addons-elementor' ),
173
- 'type' => Controls_Manager::SWITCHER,
174
- 'return_value' => 'show',
175
- 'default' => 'show',
176
- ]
177
- );
178
 
179
- $this->add_control(
180
- 'eael_pricing_table_featured',
181
- [
182
- 'label' => esc_html__( 'Featured?', 'essential-addons-elementor' ),
183
- 'type' => Controls_Manager::SWITCHER,
184
- 'return_value' => 'yes',
185
- 'default' => 'no',
186
- ]
187
- );
188
 
189
- $this->add_control(
190
- 'eael_pricing_table_style_1_featured_bar_color',
191
  [
192
- 'label' => esc_html__( 'Featured Line Color', 'essential-addons-elementor' ),
193
- 'type' => Controls_Manager::COLOR,
194
- 'default' => '#00C853',
195
- 'selectors' => [
196
- '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'background: {{VALUE}};',
197
- ],
198
- 'condition' => [
199
- 'eael_pricing_table_style' => 'style-1'
200
- ],
201
  ]
202
  );
203
 
204
- $this->add_control(
205
- 'eael_pricing_table_style_1_featured_bar_height',
206
  [
207
- 'label' => esc_html__( 'Featured Line Height', 'essential-addons-elementor' ),
208
- 'type' => Controls_Manager::SLIDER,
209
- 'default' => [
210
- 'size' => 3
211
- ],
212
- 'range' => [
213
- 'px' => [
214
- 'max' => 50,
215
- ],
216
- ],
217
  'selectors' => [
218
- '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'height: {{SIZE}}px;',
219
- ],
220
- 'condition' => [
221
- 'eael_pricing_table_style' => 'style-1'
222
- ],
223
  ]
224
  );
225
 
226
  /**
227
- * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes'
228
  */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
229
  $this->add_control(
230
- 'eael_pricing_table_featured_tag_text',
231
  [
232
- 'label' => esc_html__( 'Featured Tag Text', 'essential-addons-elementor' ),
233
  'type' => Controls_Manager::TEXT,
234
  'label_block' => false,
235
- 'default' => esc_html__( 'Featured', 'essential-addons-elementor' ),
236
- 'selectors' => [
237
- '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";',
238
- '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";',
239
- ],
240
- 'condition' => [
241
- 'eael_pricing_table_style' => [ 'style-3', 'style-4' ],
242
- 'eael_pricing_table_featured' => 'yes'
243
- ]
244
  ]
245
  );
246
 
247
- $this->add_responsive_control(
248
- 'eael_pricing_table_content_alignment',
249
- [
250
- 'label' => esc_html__( 'Content Alignment', 'essential-addons-elementor' ),
251
- 'type' => Controls_Manager::CHOOSE,
252
- 'label_block' => true,
253
- 'options' => [
254
- 'left' => [
255
- 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
256
- 'icon' => 'fa fa-align-left',
257
- ],
258
- 'center' => [
259
- 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
260
- 'icon' => 'fa fa-align-center',
261
- ],
262
- 'right' => [
263
- 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
264
- 'icon' => 'fa fa-align-right',
265
- ],
266
- ],
267
- 'default' => 'center',
268
- 'prefix_class' => 'eael-pricing-content-align-',
269
- ]
270
- );
271
 
272
- $this->add_responsive_control(
273
- 'eael_pricing_table_content_button_alignment',
274
- [
275
- 'label' => esc_html__( 'Button Alignment', 'essential-addons-elementor' ),
276
- 'type' => Controls_Manager::CHOOSE,
277
- 'label_block' => true,
278
- 'options' => [
279
- 'left' => [
280
- 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
281
- 'icon' => 'fa fa-align-left',
282
- ],
283
- 'center' => [
284
- 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
285
- 'icon' => 'fa fa-align-center',
286
- ],
287
- 'right' => [
288
- 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
289
- 'icon' => 'fa fa-align-right',
290
- ],
291
- ],
292
- 'default' => 'center',
293
- 'prefix_class' => 'eael-pricing-button-align-',
294
- ]
295
- );
296
 
297
- $this->add_control(
298
  'eael_pricing_table_items',
299
  [
300
  'type' => Controls_Manager::REPEATER,
@@ -339,7 +246,19 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
339
  ]
340
  );
341
 
342
- $this->add_control(
 
 
 
 
 
 
 
 
 
 
 
 
343
  'eael_pricing_table_button_icon',
344
  [
345
  'label' => esc_html__( 'Button Icon', 'essential-addons-elementor' ),
@@ -363,7 +282,6 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
363
  ]
364
  );
365
 
366
-
367
  $this->add_control(
368
  'eael_pricing_table_button_icon_indent',
369
  [
@@ -407,8 +325,51 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
407
  'show_external' => true,
408
  ]
409
  );
410
-
411
- $this->end_controls_section();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
412
 
413
  /**
414
  * -------------------------------------------
@@ -435,6 +396,21 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
435
  ]
436
  );
437
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
438
  $this->add_responsive_control(
439
  'eael_pricing_table_container_padding',
440
  [
@@ -491,7 +467,59 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
491
  Group_Control_Box_Shadow::get_type(),
492
  [
493
  'name' => 'eael_pricing_table_shadow',
494
- 'selector' => '{{WRAPPER}} .eael-pricing .eael-pricing-item',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
495
  ]
496
  );
497
 
@@ -733,14 +761,53 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
733
  $this->start_controls_section(
734
  'eael_section_pricing_table_style_3_featured_tag_settings',
735
  [
736
- 'label' => esc_html__( 'Featured Tag Style', 'essential-addons-elementor' ),
737
  'tab' => Controls_Manager::TAB_STYLE,
738
  'condition' => [
739
- 'eael_pricing_table_style' => [ 'style-3', 'style-4' ]
740
  ]
741
  ]
742
  );
743
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
744
  $this->add_control(
745
  'eael_pricing_table_featured_tag_font_size',
746
  [
@@ -758,6 +825,10 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
758
  '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'font-size: {{SIZE}}px;',
759
  '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'font-size: {{SIZE}}px;',
760
  ],
 
 
 
 
761
  ]
762
  );
763
 
@@ -771,6 +842,10 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
771
  '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'color: {{VALUE}};',
772
  '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'color: {{VALUE}};',
773
  ],
 
 
 
 
774
  ]
775
  );
776
 
@@ -785,6 +860,10 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
785
  '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:after' => 'border-bottom-color: {{VALUE}};',
786
  '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'background: {{VALUE}};',
787
  ],
 
 
 
 
788
  ]
789
  );
790
 
@@ -808,32 +887,197 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
808
  );
809
 
810
  $this->add_control(
811
- 'eael_pricing_table_icon_settings',
812
- [
813
- 'label' => esc_html__( 'Icon Size', 'essential-addons-elementor' ),
814
- 'type' => Controls_Manager::SLIDER,
815
- 'default' => [
816
- 'size' => 30
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
817
  ],
818
- 'range' => [
819
- 'px' => [
820
- 'max' => 60,
821
- ],
 
 
 
 
 
 
 
 
 
 
 
 
 
 
822
  ],
823
- 'selectors' => [
824
- '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'font-size: {{SIZE}}px;',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
825
  ],
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
826
  ]
827
- );
828
 
829
  $this->add_control(
830
- 'eael_pricing_table_style_2_icon_color',
831
  [
832
- 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
833
  'type' => Controls_Manager::COLOR,
834
  'default' => '',
835
  'selectors' => [
836
- '{{WRAPPER}} .eael-pricing-item .eael-pricing-icon .icon i' => 'color: {{VALUE}};',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
837
  ],
838
  ]
839
  );
@@ -1048,7 +1292,7 @@ class Widget_Eael_Pricing_Table extends Widget_Base {
1048
  <div class="eael-pricing style-2">
1049
  <div class="eael-pricing-item <?php echo esc_attr( $featured_class ); ?>">
1050
  <div class="eael-pricing-icon">
1051
- <span class="icon"><i class="<?php echo esc_attr( $settings['eael_pricing_table_style_2_icon'] ); ?>"></i></span>
1052
  </div>
1053
  <div class="header">
1054
  <h2 class="title"><?php echo $settings['eael_pricing_table_title']; ?></h2>
29
  $this->start_controls_section(
30
  'eael_section_pricing_table_settings',
31
  [
32
+ 'label' => esc_html__( 'Settings', 'essential-addons-elementor' )
33
  ]
34
  );
35
 
49
  ]
50
  );
51
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
52
 
53
  /**
54
+ * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes'
55
  */
56
  $this->add_control(
57
+ 'eael_pricing_table_icon_enabled',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  [
59
+ 'label' => esc_html__( 'List Icon', 'essential-addons-elementor' ),
60
+ 'type' => Controls_Manager::SWITCHER,
61
+ 'return_value' => 'show',
62
+ 'default' => 'show',
63
  ]
64
  );
65
 
66
+ $this->add_control(
67
  'eael_pricing_table_title',
68
  [
69
  'label' => esc_html__( 'Title', 'essential-addons-elementor' ),
124
  ]
125
  );
126
 
127
+ $this->end_controls_section();
 
 
 
 
 
 
 
 
 
 
 
128
 
129
+ /**
130
+ * Pricing Table Price
131
+ */
132
+ $this->start_controls_section(
133
+ 'eael_section_pricing_table_price',
134
+ [
135
+ 'label' => esc_html__( 'Price', 'essential-addons-elementor' )
136
+ ]
137
+ );
138
 
139
+ $this->add_control(
140
+ 'eael_pricing_table_price',
141
  [
142
+ 'label' => esc_html__( 'Price', 'essential-addons-elementor' ),
143
+ 'type' => Controls_Manager::TEXT,
144
+ 'label_block' => false,
145
+ 'default' => esc_html__( '99', 'essential-addons-elementor' )
 
 
 
 
 
146
  ]
147
  );
148
 
149
+ $this->add_control(
150
+ 'eael_pricing_table_price_cur',
151
  [
152
+ 'label' => esc_html__( 'Price Currency', 'essential-addons-elementor' ),
153
+ 'type' => Controls_Manager::TEXT,
154
+ 'label_block' => false,
155
+ 'default' => esc_html__( '$', 'essential-addons-elementor' ),
 
 
 
 
 
 
156
  'selectors' => [
157
+ '{{WRAPPER}} .eael-pricing .eael-pricing-item .price-tag:before ' => 'content: "{{VALUE}}";',
158
+ ],
 
 
 
159
  ]
160
  );
161
 
162
  /**
163
+ * Condition: 'eael_pricing_table_style' => 'style-3'
164
  */
165
+ $this->add_control(
166
+ 'eael_pricing_table_style_3_price_position',
167
+ [
168
+ 'label' => esc_html__( 'Pricing Position', 'essential-addons-elementor' ),
169
+ 'type' => Controls_Manager::SELECT,
170
+ 'default' => 'bottom',
171
+ 'label_block' => false,
172
+ 'options' => [
173
+ 'top' => esc_html__( 'On Top', 'essential-addons-elementor' ),
174
+ 'bottom' => esc_html__( 'At Bottom', 'essential-addons-elementor' ),
175
+ ],
176
+ 'condition' => [
177
+ 'eael_pricing_table_style' => 'style-3'
178
+ ]
179
+ ]
180
+ );
181
+
182
  $this->add_control(
183
+ 'eael_pricing_table_price_period',
184
  [
185
+ 'label' => esc_html__( 'Price Period (per)', 'essential-addons-elementor' ),
186
  'type' => Controls_Manager::TEXT,
187
  'label_block' => false,
188
+ 'default' => esc_html__( 'month', 'essential-addons-elementor' )
 
 
 
 
 
 
 
 
189
  ]
190
  );
191
 
192
+ $this->end_controls_section();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
193
 
194
+ /**
195
+ * Pricing Table Feature
196
+ */
197
+ $this->start_controls_section(
198
+ 'eael_section_pricing_table_feature',
199
+ [
200
+ 'label' => esc_html__( 'Feature', 'essential-addons-elementor' )
201
+ ]
202
+ );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
203
 
204
+ $this->add_control(
205
  'eael_pricing_table_items',
206
  [
207
  'type' => Controls_Manager::REPEATER,
246
  ]
247
  );
248
 
249
+ $this->end_controls_section();
250
+
251
+ /**
252
+ * Pricing Table Footer
253
+ */
254
+ $this->start_controls_section(
255
+ 'eael_section_pricing_table_footerr',
256
+ [
257
+ 'label' => esc_html__( 'Footer', 'essential-addons-elementor' )
258
+ ]
259
+ );
260
+
261
+ $this->add_control(
262
  'eael_pricing_table_button_icon',
263
  [
264
  'label' => esc_html__( 'Button Icon', 'essential-addons-elementor' ),
282
  ]
283
  );
284
 
 
285
  $this->add_control(
286
  'eael_pricing_table_button_icon_indent',
287
  [
325
  'show_external' => true,
326
  ]
327
  );
328
+
329
+ $this->end_controls_section();
330
+
331
+ /**
332
+ * Pricing Table Rebon
333
+ */
334
+ $this->start_controls_section(
335
+ 'eael_section_pricing_table_featured',
336
+ [
337
+ 'label' => esc_html__( 'Ribbon', 'essential-addons-elementor' )
338
+ ]
339
+ );
340
+
341
+ $this->add_control(
342
+ 'eael_pricing_table_featured',
343
+ [
344
+ 'label' => esc_html__( 'Featured?', 'essential-addons-elementor' ),
345
+ 'type' => Controls_Manager::SWITCHER,
346
+ 'return_value' => 'yes',
347
+ 'default' => 'no',
348
+ ]
349
+ );
350
+
351
+ /**
352
+ * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes'
353
+ */
354
+ $this->add_control(
355
+ 'eael_pricing_table_featured_tag_text',
356
+ [
357
+ 'label' => esc_html__( 'Featured Tag Text', 'essential-addons-elementor' ),
358
+ 'type' => Controls_Manager::TEXT,
359
+ 'label_block' => false,
360
+ 'default' => esc_html__( 'Featured', 'essential-addons-elementor' ),
361
+ 'selectors' => [
362
+ '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";',
363
+ '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";',
364
+ ],
365
+ 'condition' => [
366
+ 'eael_pricing_table_style' => [ 'style-3', 'style-4' ],
367
+ 'eael_pricing_table_featured' => 'yes'
368
+ ]
369
+ ]
370
+ );
371
+
372
+ $this->end_controls_section();
373
 
374
  /**
375
  * -------------------------------------------
396
  ]
397
  );
398
 
399
+ $this->add_control(
400
+ 'eael_pricing_table_featured_bg_color',
401
+ [
402
+ 'label' => esc_html__( 'Featured Background Color', 'essential-addons-elementor' ),
403
+ 'type' => Controls_Manager::COLOR,
404
+ 'default' => '',
405
+ 'selectors' => [
406
+ '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured .header' => 'background-color: {{VALUE}};',
407
+ ],
408
+ 'condition' => [
409
+ 'eael_pricing_table_style' => 'style-4'
410
+ ]
411
+ ]
412
+ );
413
+
414
  $this->add_responsive_control(
415
  'eael_pricing_table_container_padding',
416
  [
467
  Group_Control_Box_Shadow::get_type(),
468
  [
469
  'name' => 'eael_pricing_table_shadow',
470
+ 'selectors' => [
471
+ '{{WRAPPER}} .eael-pricing .eael-pricing-item',
472
+ ],
473
+ ]
474
+ );
475
+
476
+ $this->add_responsive_control(
477
+ 'eael_pricing_table_content_alignment',
478
+ [
479
+ 'label' => esc_html__( 'Content Alignment', 'essential-addons-elementor' ),
480
+ 'type' => Controls_Manager::CHOOSE,
481
+ 'label_block' => true,
482
+ 'options' => [
483
+ 'left' => [
484
+ 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
485
+ 'icon' => 'fa fa-align-left',
486
+ ],
487
+ 'center' => [
488
+ 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
489
+ 'icon' => 'fa fa-align-center',
490
+ ],
491
+ 'right' => [
492
+ 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
493
+ 'icon' => 'fa fa-align-right',
494
+ ],
495
+ ],
496
+ 'default' => 'center',
497
+ 'prefix_class' => 'eael-pricing-content-align-',
498
+ ]
499
+ );
500
+
501
+ $this->add_responsive_control(
502
+ 'eael_pricing_table_content_button_alignment',
503
+ [
504
+ 'label' => esc_html__( 'Button Alignment', 'essential-addons-elementor' ),
505
+ 'type' => Controls_Manager::CHOOSE,
506
+ 'label_block' => true,
507
+ 'options' => [
508
+ 'left' => [
509
+ 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
510
+ 'icon' => 'fa fa-align-left',
511
+ ],
512
+ 'center' => [
513
+ 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
514
+ 'icon' => 'fa fa-align-center',
515
+ ],
516
+ 'right' => [
517
+ 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
518
+ 'icon' => 'fa fa-align-right',
519
+ ],
520
+ ],
521
+ 'default' => 'center',
522
+ 'prefix_class' => 'eael-pricing-button-align-',
523
  ]
524
  );
525
 
761
  $this->start_controls_section(
762
  'eael_section_pricing_table_style_3_featured_tag_settings',
763
  [
764
+ 'label' => esc_html__( 'Ribbon Style', 'essential-addons-elementor' ),
765
  'tab' => Controls_Manager::TAB_STYLE,
766
  'condition' => [
767
+ 'eael_pricing_table_style' => [ 'style-1', 'style-3', 'style-4' ]
768
  ]
769
  ]
770
  );
771
 
772
+ $this->add_control(
773
+ 'eael_pricing_table_style_1_featured_bar_color',
774
+ [
775
+ 'label' => esc_html__( 'Line Color', 'essential-addons-elementor' ),
776
+ 'type' => Controls_Manager::COLOR,
777
+ 'default' => '#00C853',
778
+ 'selectors' => [
779
+ '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'background: {{VALUE}};',
780
+ ],
781
+ 'condition' => [
782
+ 'eael_pricing_table_style' => 'style-1',
783
+ 'eael_pricing_table_featured' => 'yes'
784
+ ],
785
+ ]
786
+ );
787
+
788
+ $this->add_control(
789
+ 'eael_pricing_table_style_1_featured_bar_height',
790
+ [
791
+ 'label' => esc_html__( 'Line Height', 'essential-addons-elementor' ),
792
+ 'type' => Controls_Manager::SLIDER,
793
+ 'default' => [
794
+ 'size' => 3
795
+ ],
796
+ 'range' => [
797
+ 'px' => [
798
+ 'max' => 50,
799
+ ],
800
+ ],
801
+ 'selectors' => [
802
+ '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'height: {{SIZE}}px;',
803
+ ],
804
+ 'condition' => [
805
+ 'eael_pricing_table_style' => 'style-1',
806
+ 'eael_pricing_table_featured' => 'yes'
807
+ ],
808
+ ]
809
+ );
810
+
811
  $this->add_control(
812
  'eael_pricing_table_featured_tag_font_size',
813
  [
825
  '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'font-size: {{SIZE}}px;',
826
  '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'font-size: {{SIZE}}px;',
827
  ],
828
+ 'condition' => [
829
+ 'eael_pricing_table_style' => ['style-3', 'style-4'],
830
+ 'eael_pricing_table_featured' => 'yes'
831
+ ],
832
  ]
833
  );
834
 
842
  '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'color: {{VALUE}};',
843
  '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'color: {{VALUE}};',
844
  ],
845
+ 'condition' => [
846
+ 'eael_pricing_table_style' => ['style-3', 'style-4'],
847
+ 'eael_pricing_table_featured' => 'yes'
848
+ ],
849
  ]
850
  );
851
 
860
  '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:after' => 'border-bottom-color: {{VALUE}};',
861
  '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'background: {{VALUE}};',
862
  ],
863
+ 'condition' => [
864
+ 'eael_pricing_table_style' => ['style-3', 'style-4'],
865
+ 'eael_pricing_table_featured' => 'yes'
866
+ ],
867
  ]
868
  );
869
 
887
  );
888
 
889
  $this->add_control(
890
+ 'eael_pricing_table_icon_bg_show',
891
+ [
892
+ 'label' => __( 'Show Background', 'essential-addons-elementor' ),
893
+ 'type' => Controls_Manager::SWITCHER,
894
+ 'default' => 'yes',
895
+ 'label_on' => __( 'Show', 'essential-addons-elementor' ),
896
+ 'label_off' => __( 'Hide', 'essential-addons-elementor' ),
897
+ 'return_value' => 'yes',
898
+ ]
899
+ );
900
+
901
+ /**
902
+ * Condition: 'eael_pricing_table_icon_bg_show' => 'yes'
903
+ */
904
+ $this->add_control(
905
+ 'eael_pricing_table_icon_bg_color',
906
+ [
907
+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
908
+ 'type' => Controls_Manager::COLOR,
909
+ 'default' => '',
910
+ 'selectors' => [
911
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'background-color: {{VALUE}};',
912
+ ],
913
+ 'condition' => [
914
+ 'eael_pricing_table_icon_bg_show' => 'yes'
915
+ ]
916
+ ]
917
+ );
918
+
919
+ /**
920
+ * Condition: 'eael_pricing_table_icon_bg_show' => 'yes'
921
+ */
922
+ $this->add_control(
923
+ 'eael_pricing_table_icon_bg_hover_color',
924
+ [
925
+ 'label' => esc_html__( 'Background Hover Color', 'essential-addons-elementor' ),
926
+ 'type' => Controls_Manager::COLOR,
927
+ 'default' => '',
928
+ 'selectors' => [
929
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon' => 'background-color: {{VALUE}};',
930
+ ],
931
+ 'condition' => [
932
+ 'eael_pricing_table_icon_bg_show' => 'yes'
933
+ ],
934
+ 'separator'=> 'after',
935
+ ]
936
+ );
937
+
938
+
939
+ $this->add_control(
940
+ 'eael_pricing_table_icon_settings',
941
+ [
942
+ 'label' => esc_html__( 'Icon Size', 'essential-addons-elementor' ),
943
+ 'type' => Controls_Manager::SLIDER,
944
+ 'default' => [
945
+ 'size' => 30
946
+ ],
947
+ 'range' => [
948
+ 'px' => [
949
+ 'max' => 100,
950
  ],
951
+ ],
952
+ 'selectors' => [
953
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'font-size: {{SIZE}}px;',
954
+ ],
955
+ ]
956
+ );
957
+
958
+ $this->add_control(
959
+ 'eael_pricing_table_icon_area_width',
960
+ [
961
+ 'label' => esc_html__( 'Icon Area Width', 'essential-addons-elementor' ),
962
+ 'type' => Controls_Manager::SLIDER,
963
+ 'default' => [
964
+ 'size' => 80
965
+ ],
966
+ 'range' => [
967
+ 'px' => [
968
+ 'max' => 200,
969
  ],
970
+ ],
971
+ 'selectors' => [
972
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'width: {{SIZE}}px;',
973
+ ],
974
+ ]
975
+ );
976
+
977
+ $this->add_control(
978
+ 'eael_pricing_table_icon_area_height',
979
+ [
980
+ 'label' => esc_html__( 'Icon Area Height', 'essential-addons-elementor' ),
981
+ 'type' => Controls_Manager::SLIDER,
982
+ 'default' => [
983
+ 'size' => 80
984
+ ],
985
+ 'range' => [
986
+ 'px' => [
987
+ 'max' => 200,
988
+ ],
989
+ ],
990
+ 'selectors' => [
991
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'height: {{SIZE}}px;',
992
+ ],
993
+ ]
994
+ );
995
+
996
+ $this->add_control(
997
+ 'eael_pricing_table_icon_line_height',
998
+ [
999
+ 'label' => esc_html__( 'Icon Alignment', 'essential-addons-elementor' ),
1000
+ 'type' => Controls_Manager::SLIDER,
1001
+ 'default' => [
1002
+ 'size' => 80
1003
+ ],
1004
+ 'range' => [
1005
+ 'px' => [
1006
+ 'max' => 300,
1007
  ],
1008
+ ],
1009
+ 'selectors' => [
1010
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'line-height: {{SIZE}}px;',
1011
+ ],
1012
+ ]
1013
+ );
1014
+
1015
+
1016
+
1017
+ $this->add_control(
1018
+ 'eael_pricing_table_icon_color',
1019
+ [
1020
+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
1021
+ 'type' => Controls_Manager::COLOR,
1022
+ 'default' => '',
1023
+ 'selectors' => [
1024
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'color: {{VALUE}};',
1025
+ ],
1026
+ ]
1027
+ );
1028
+
1029
+ $this->add_control(
1030
+ 'eael_pricing_table_icon_hover_color',
1031
+ [
1032
+ 'label' => esc_html__( 'Icon Hover Color', 'essential-addons-elementor' ),
1033
+ 'type' => Controls_Manager::COLOR,
1034
+ 'default' => '',
1035
+ 'selectors' => [
1036
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i' => 'color: {{VALUE}};',
1037
+ ],
1038
+ 'separator' => 'after'
1039
+ ]
1040
+ );
1041
+
1042
+ $this->add_group_control(
1043
+ Group_Control_Border::get_type(),
1044
+ [
1045
+ 'name' => 'eael_pricing_table_icon_border',
1046
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
1047
+ 'selector' => '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon',
1048
  ]
1049
+ );
1050
 
1051
  $this->add_control(
1052
+ 'eael_pricing_table_icon_border_hover_color',
1053
  [
1054
+ 'label' => esc_html__( 'Hover Color', 'essential-addons-elementor' ),
1055
  'type' => Controls_Manager::COLOR,
1056
  'default' => '',
1057
  'selectors' => [
1058
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon' => 'border-color: {{VALUE}};',
1059
+ ],
1060
+ 'condition' => [
1061
+ 'eael_pricing_table_icon_border_border!' => ''
1062
+ ]
1063
+ ]
1064
+ );
1065
+
1066
+ $this->add_control(
1067
+ 'eael_pricing_table_icon_border_radius',
1068
+ [
1069
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
1070
+ 'type' => Controls_Manager::SLIDER,
1071
+ 'default' => [
1072
+ 'size' => 50,
1073
+ ],
1074
+ 'range' => [
1075
+ 'px' => [
1076
+ 'max' => 50,
1077
+ ],
1078
+ ],
1079
+ 'selectors' => [
1080
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'border-radius: {{SIZE}}%;',
1081
  ],
1082
  ]
1083
  );
1292
  <div class="eael-pricing style-2">
1293
  <div class="eael-pricing-item <?php echo esc_attr( $featured_class ); ?>">
1294
  <div class="eael-pricing-icon">
1295
+ <span class="icon" style="background:<?php if('yes' != $settings['eael_pricing_table_icon_bg_show']) : echo 'none'; endif; ?>;"><i class="<?php echo esc_attr( $settings['eael_pricing_table_style_2_icon'] ); ?>"></i></span>
1296
  </div>
1297
  <div class="header">
1298
  <h2 class="title"><?php echo $settings['eael_pricing_table_title']; ?></h2>
essential_adons_elementor.php CHANGED
@@ -4,7 +4,7 @@
4
  * Description: Elements bundle for Elementor page builder plugin for WordPress. <a href="https://essential-addons.com/elementor/buy.php">Get Premium version</a>
5
  * Plugin URI: https://essential-addons.com/elementor/
6
  * Author: Codetic
7
- * Version: 2.2.0
8
  * Author URI: http://www.codetic.net
9
  *
10
  * Text Domain: essential-addons-elementor
4
  * Description: Elements bundle for Elementor page builder plugin for WordPress. <a href="https://essential-addons.com/elementor/buy.php">Get Premium version</a>
5
  * Plugin URI: https://essential-addons.com/elementor/
6
  * Author: Codetic
7
+ * Version: 2.2.1
8
  * Author URI: http://www.codetic.net
9
  *
10
  * Text Domain: essential-addons-elementor
readme.txt CHANGED
@@ -1,9 +1,9 @@
1
  === Elementor Essential Addons ===
2
- Contributors: Codetic, re_enter_rupok
3
  Tags: elementor, elements, addons, elementor addon, elementor widget, page builder, builder, visual editor, wordpress page builder
4
  Requires at least: 4.0
5
  Tested up to: 4.8.2
6
- Stable tag: 2.2.0
7
  License: GPLv3
8
  License URI: https://opensource.org/licenses/GPL-3.0
9
 
@@ -43,7 +43,7 @@ Ultimate elements library for Elementor WordPress Page Builder. Lots of useful
43
  * <a href="https://essential-addons.com/elementor/flip-box/" target="_blank">Flip Box</a>
44
  * <a href="https://essential-addons.com/elementor/dual-color-headline/" target="_blank">Dual Color Headline</a>
45
  * <a href="https://essential-addons.com/elementor/call-to-action/" target="_blank">Call to Action</a>
46
- * <a href="https://essential-addons.com/elementor/pricing-table/" target="_blank">Pricing Table</a>
47
 
48
 
49
  ### More elements on <a href="https://essential-addons.com/elementor/buy.php">Premium Version</a>
@@ -90,6 +90,17 @@ Your existing elements/content will work with premium version. So you won't lose
90
 
91
  == Changelog ==
92
 
 
 
 
 
 
 
 
 
 
 
 
93
  = 2.2.0 =
94
 
95
  - Pricing Table Element added
@@ -129,9 +140,9 @@ Initial stable realese
129
 
130
  == Upgrade Notice ==
131
 
132
- = 2.2.0 =
133
 
134
- - Pricing Table Element added
135
- - Flipbox element animation improved and more options added
136
- - Post Timeline responsiveness improved
137
- - Few minor improvements/
1
  === Elementor Essential Addons ===
2
+ Contributors: Codetic, re_enter_rupok, robicse11128
3
  Tags: elementor, elements, addons, elementor addon, elementor widget, page builder, builder, visual editor, wordpress page builder
4
  Requires at least: 4.0
5
  Tested up to: 4.8.2
6
+ Stable tag: 2.2.1
7
  License: GPLv3
8
  License URI: https://opensource.org/licenses/GPL-3.0
9
 
43
  * <a href="https://essential-addons.com/elementor/flip-box/" target="_blank">Flip Box</a>
44
  * <a href="https://essential-addons.com/elementor/dual-color-headline/" target="_blank">Dual Color Headline</a>
45
  * <a href="https://essential-addons.com/elementor/call-to-action/" target="_blank">Call to Action</a>
46
+ * <a href="https://essential-addons.com/elementor/pricing-table/" target="_blank">Pricing-table</a>
47
 
48
 
49
  ### More elements on <a href="https://essential-addons.com/elementor/buy.php">Premium Version</a>
90
 
91
  == Changelog ==
92
 
93
+ = 2.2.1 =
94
+
95
+ - (Clear cache after update)
96
+
97
+ - Several improvements for CTA, Info Box, Flip box and dual heading elements
98
+ - Call to action width control and button control added
99
+ - Pricing table options improved
100
+ - Admin page improved and optimized
101
+
102
+
103
+
104
  = 2.2.0 =
105
 
106
  - Pricing Table Element added
140
 
141
  == Upgrade Notice ==
142
 
143
+ = 2.2.1 =
144
 
145
+ - Several improvements for CTA, Info Box, Flip box and dual heading elements
146
+ - Call to action width control and button control added
147
+ - Pricing table options improved
148
+ - Admin page improved and optimized