Elementor Essential Addons - Version 2.2.0

Version Description

  • Pricing Table Element added
  • Flipbox element animation improved and more options added
  • Post Timeline responsiveness improved
  • Few minor improvements
Download this release

Release Info

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

Code changes from version 2.1 to 2.2.0

Files changed (11) hide show
  1. admin/assets/js/admin.js +2 -0
  2. admin/settings.php +10 -0
  3. assets/css/essential-addons-elementor.css +669 -233
  4. elements/call-to-action/call-to-action.php +38 -113
  5. elements/dual-color-header/dual-color-header.php +31 -72
  6. elements/flipbox/flipbox.php +233 -243
  7. elements/infobox/infobox.php +102 -116
  8. elements/post-timeline/post-timeline.php +1 -1
  9. elements/pricing-table/pricing-table.php +1114 -0
  10. essential_adons_elementor.php +6 -3
  11. readme.txt +21 -10
admin/assets/js/admin.js CHANGED
@@ -40,6 +40,7 @@
40
  var flipBox = $( '#flip-box' ).attr( 'checked' ) ? 1 : 0;
41
  var infoBox = $( '#info-box' ).attr( 'checked' ) ? 1 : 0;
42
  var dualHeader = $( '#dual-header' ).attr( 'checked' ) ? 1 : 0;
 
43
 
44
  var customCss = $( '#eael-custom-css' ).val();
45
  var customJs = $( '#eael-custom-js' ).val();
@@ -63,6 +64,7 @@
63
  flipBox: flipBox,
64
  infoBox: infoBox,
65
  dualHeader: dualHeader,
 
66
  customCss: customCss,
67
  customJs: customJs,
68
  },
40
  var flipBox = $( '#flip-box' ).attr( 'checked' ) ? 1 : 0;
41
  var infoBox = $( '#info-box' ).attr( 'checked' ) ? 1 : 0;
42
  var dualHeader = $( '#dual-header' ).attr( 'checked' ) ? 1 : 0;
43
+ var priceTable = $( '#price-table' ).attr( 'checked' ) ? 1 : 0;
44
 
45
  var customCss = $( '#eael-custom-css' ).val();
46
  var customJs = $( '#eael-custom-js' ).val();
64
  flipBox: flipBox,
65
  infoBox: infoBox,
66
  dualHeader: dualHeader,
67
+ priceTable: priceTable,
68
  customCss: customCss,
69
  customJs: customJs,
70
  },
admin/settings.php CHANGED
@@ -22,6 +22,7 @@ class Eael_Admin_Settings {
22
  'flip-box' => true,
23
  'info-box' => true,
24
  'dual-header' => true,
 
25
  );
26
 
27
  private $eael_settings;
@@ -258,6 +259,14 @@ class Eael_Admin_Settings {
258
  <p class="desc"><?php _e( 'Activate / Deactive Dual Color Header', 'essential-addons-elementor' ); ?></p>
259
  <input type="checkbox" id="dual-header" name="dual-header" <?php checked( 1, $this->eael_get_settings['dual-header'], true ); ?> >
260
  <label for="dual-header"></label>
 
 
 
 
 
 
 
 
261
  </div>
262
  </td>
263
  </tr>
@@ -422,6 +431,7 @@ class Eael_Admin_Settings {
422
  'flip-box' => intval( $_POST['flipBox'] ? 1 : 0 ),
423
  'info-box' => intval( $_POST['infoBox'] ? 1 : 0 ),
424
  'dual-header' => intval( $_POST['dualHeader'] ? 1 : 0 ),
 
425
 
426
  'eael-custom-css' => wp_unslash( $_POST['customCss'] ),
427
  'eael-custom-js' => wp_unslash( $_POST['customJs'] ),
22
  'flip-box' => true,
23
  'info-box' => true,
24
  'dual-header' => true,
25
+ 'price-table' => true,
26
  );
27
 
28
  private $eael_settings;
259
  <p class="desc"><?php _e( 'Activate / Deactive Dual Color Header', 'essential-addons-elementor' ); ?></p>
260
  <input type="checkbox" id="dual-header" name="dual-header" <?php checked( 1, $this->eael_get_settings['dual-header'], true ); ?> >
261
  <label for="dual-header"></label>
262
+ </div>
263
+ </td>
264
+ <td>
265
+ <div class="eael-checkbox">
266
+ <p class="title"><?php _e( 'Pricing Table', 'essential-addons-elementor' ) ?></p>
267
+ <p class="desc"><?php _e( 'Activate / Deactive Pricing Table', 'essential-addons-elementor' ); ?></p>
268
+ <input type="checkbox" id="price-table" name="price-table" <?php checked( 1, $this->eael_get_settings['price-table'], true ); ?> >
269
+ <label for="price-table"></label>
270
  </div>
271
  </td>
272
  </tr>
431
  'flip-box' => intval( $_POST['flipBox'] ? 1 : 0 ),
432
  'info-box' => intval( $_POST['infoBox'] ? 1 : 0 ),
433
  'dual-header' => intval( $_POST['dualHeader'] ? 1 : 0 ),
434
+ 'price-table' => intval( $_POST['priceTable'] ? 1 : 0 ),
435
 
436
  'eael-custom-css' => wp_unslash( $_POST['customCss'] ),
437
  'eael-custom-js' => wp_unslash( $_POST['customJs'] ),
assets/css/essential-addons-elementor.css CHANGED
@@ -560,7 +560,7 @@
560
  margin: 30px 40px 30px auto;
561
  position: relative;
562
  height: 320px;
563
- width: 480px;
564
  }
565
  .eael-timeline-post:nth-child(even) .eael-timeline-post-inner {
566
  float: left;
@@ -599,7 +599,8 @@
599
  line-height: 1.6em;
600
  }
601
  .eael-timeline-post-image {
602
- background-size: 100% auto;
 
603
  background-repeat: no-repeat;
604
  display: block;
605
  height: 100%;
@@ -693,6 +694,18 @@
693
  opacity: 1;
694
  }
695
 
 
 
 
 
 
 
 
 
 
 
 
 
696
  /* Responsive Style for Post Timeline */
697
 
698
  @media only screen and (max-width: 1366px) {
@@ -706,7 +719,6 @@
706
  @media only screen and (max-width: 1169px) {
707
  .eael-timeline-post-inner {
708
  height: 320px;
709
- width: 420px;
710
  }
711
  }
712
  @media only screen and (max-width: 992px) {
@@ -728,7 +740,6 @@
728
  .eael-timeline-post-inner {
729
  height: 320px;
730
  padding-bottom: 30px;
731
- width: 420px;
732
  }
733
  .eael-timeline-post-title {
734
  bottom: 50px;
@@ -780,7 +791,6 @@
780
  display: block;
781
  float: none;
782
  margin: 0 auto;
783
- width: 90%;
784
  }
785
  }
786
  @media only screen and (max-width: 479px) {
@@ -1664,12 +1674,15 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1664
  width: 100%;
1665
  }
1666
  }
1667
-
1668
  /* Info-box Style */
1669
  .eael-infobox {}
1670
  .eael-infobox .infobox-icon {}
1671
  .eael-infobox .infobox-icon img {
 
 
 
1672
  transform: scale(.9);
 
1673
  transition: .5s;
1674
  }
1675
  .eael-infobox .infobox-icon i {
@@ -1677,6 +1690,7 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1677
  text-align: center;
1678
  }
1679
  .eael-infobox:hover .infobox-icon img {
 
1680
  transform: scale(1.0);
1681
  }
1682
  .eael-infobox .infobox-content {}
@@ -1719,6 +1733,7 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1719
  line-height: 90px;
1720
  border-radius: 50%;
1721
  border: 2px solid #ededed;
 
1722
  transition: .5s;
1723
  }
1724
  .eael-infobox-icon-bg-shape-radius .eael-infobox .infobox-icon i {
@@ -1728,6 +1743,7 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1728
  line-height: 90px;
1729
  border-radius: 15px;
1730
  border: 2px solid #ededed;
 
1731
  transition: .5s;
1732
  }
1733
  .eael-infobox-icon-bg-shape-square .eael-infobox .infobox-icon i {
@@ -1737,11 +1753,13 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1737
  line-height: 90px;
1738
  border-radius: 0px;
1739
  border: 2px solid #ededed;
 
1740
  transition: .5s;
1741
  }
1742
  .eael-infobox-icon-bg-shape-circle:hover .eael-infobox .infobox-icon i,
1743
  .eael-infobox-icon-bg-shape-radius:hover .eael-infobox .infobox-icon i,
1744
  .eael-infobox-icon-bg-shape-square:hover .eael-infobox .infobox-icon i {
 
1745
  transform: scale(1.2);
1746
  }
1747
  /* Infobox Style (Icon On Left) */
@@ -1795,259 +1813,234 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
1795
  /**
1796
  * Flipbox Style
1797
  */
1798
- .eael-flipbox {}
1799
- .eael-flipbox .eael-vertical-flip {
1800
- display: block;
1801
- width: 100%;
1802
- min-height: 280px;
1803
- position: relative;
1804
- z-index: 0;
1805
- text-align: center;
1806
- -webkit-perspective: 1000px;
1807
- perspective: 1000px;
1808
  }
1809
- .eael-flipbox .eael-vertical-flip .front {
1810
- width: 100%;
1811
- height: 100%;
1812
- position: absolute;
1813
- display: flex;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1814
  -webkit-display: flex;
1815
- align-items: center;
1816
  -webkit-align-items: center;
1817
- top: 0px;
1818
- left: 0px;
1819
- padding: 15px;
1820
- background: #14bcc8;
1821
- z-index: 10;
1822
- transform: rotateX(0deg) rotateY(0deg);
1823
- -webkit-transform: rotateX(0deg) rotateY(0deg);
1824
- -moz-transform: rotateX(0deg) rotateY(0deg);
1825
- transform-style: preserved-card;
1826
- -webkit-transform-style: preserved-card;
1827
- -moz-transform-style: preserved-card;
1828
- backface-visibility: hidden;
1829
- -webkit-backface-visibility: hidden;
1830
- transition: 1s;
1831
- -webkit-transition: 1s;
1832
- -moz-transition: 1s;
1833
  }
1834
- .eael-flipbox .eael-vertical-flip .back {
1835
- width: 100%;
1836
- height: 100%;
1837
- position: absolute;
 
 
 
 
 
 
 
 
 
 
 
1838
  display: flex;
1839
- -webkit-display: flex;
1840
- align-items: center;
1841
  -webkit-align-items: center;
1842
- top: 0px;
1843
- left: 0px;
1844
- background: #ff7e70;
1845
- z-index: 20;
1846
- transform-style: preserved-card;
1847
- -webkit-transform-style: preserved-card;
1848
- -moz-transform-style: preserved-card;
1849
- backface-visibility: hidden;
1850
- -webkit-backface-visibility: hidden;
1851
- -moz-backface-visibility: hidden;
1852
- transition: 1s;
1853
- -webkit-transition: 1s;
1854
- -moz-transition: 1s;
1855
- }
1856
- .eael-flipbox .eael-vertical-flip.flip-left .back {
1857
- transform: rotateY(-180deg);
1858
- -webkit-transform: rotateY(-180deg);
1859
- -moz-transform: rotateY(-180deg);
1860
- }
1861
- .eael-flipbox .eael-vertical-flip.flip-right .back {
1862
- transform: rotateY(180deg);
1863
- -webkit-transform: rotateY(180deg);
1864
- -moz-transform: rotateY(180deg);
1865
- }
1866
- .eael-flipbox .eael-vertical-flip.flip-left.flip .front {
1867
- transform: rotateY(180deg) scale(1.1);
1868
- -webkit-transform: rotateY(180deg) scale(1.1);
1869
- -moz-transform: rotateY(180deg) scale(1.1);
1870
- }
1871
- .eael-flipbox .eael-vertical-flip.flip-left.flip .back {
1872
- transform: rotateX(0deg) rotateY(0deg);
1873
- -webkit-transform: rotateX(0deg) rotateY(0deg);
1874
- -moz-transform: rotateX(0deg) rotateY(0deg);
1875
- }
1876
- .eael-flipbox .eael-vertical-flip.flip-right.flip .front {
1877
- transform: rotateY(-180deg) scale(1.1);
1878
- -webkit-transform: rotateY(-180deg) scale(1.1);
1879
- -moz-transform: rotateY(-180deg) scale(1.1);
1880
- }
1881
- .eael-flipbox .eael-vertical-flip.flip-right.flip .back {
1882
- transform: rotateX(-360deg) rotateY(-360deg);
1883
- -webkit-transform: rotateX(-360deg) rotateY(-360deg);
1884
- -moz-transform: rotateX(-0deg) rotateY(-0deg);
1885
- }
1886
- .eael-flipbox .front .content,
1887
- .eael-flipbox .back .content {
1888
- width: 100%;
1889
- height: auto;
1890
- padding: 15px;
1891
- color: #fff;
1892
- font-size: 16px;
1893
- font-weight: 400;
1894
- line-height: 27px;
1895
- margin-bottom: 0px;
1896
  }
1897
- .eael-flipbox .front .content .title,
1898
- .eael-flipbox .back .content .title {
1899
- font-size: 24px;
1900
- font-weight: 600;
1901
- line-height: 20px;
1902
- margin-bottom: 10px;
1903
- margin-top: 20px;
1904
  }
1905
- .eael-flipbox .eael-vertical-flip .front .content i {
1906
- font-size: 36px;
 
 
 
 
1907
  }
1908
 
1909
- /* Horizontal Flip */
1910
- .eael-flipbox .eael-horizontal-flip {
1911
- display: block;
1912
- width: 100%;
1913
- min-height: 280px;
1914
- position: relative;
1915
- z-index: 0;
1916
- text-align: center;
1917
- -webkit-perspective: 1000px;
1918
- perspective: 1000px;
1919
  }
1920
- .eael-flipbox .eael-horizontal-flip .front {
1921
- width: 100%;
1922
- height: 100%;
1923
- position: absolute;
1924
- display: flex;
1925
- -webkit-display: flex;
1926
- align-items: center;
1927
- -webkit-align-items: center;
1928
- top: 0px;
1929
- left: 0px;
1930
- padding: 15px;
1931
- background: #14bcc8;
1932
- z-index: 10;
1933
- transform-style: preserved-card;
1934
- -webkit-transform-style: preserved-card;
1935
- -moz-transform-style: preserved-card;
1936
- backface-visibility: hidden;
1937
- -webkit-backface-visibility: hidden;
1938
- transition: 1s;
1939
- -webkit-transition: 1s;
1940
- -moz-transition: 1s;
1941
  }
1942
- .eael-flipbox .eael-horizontal-flip.flip-bottom .front {
1943
- transform: rotateX(0deg) rotateY(0deg);
1944
- -webkit-transform: rotateX(0deg) rotateY(0deg);
1945
- -moz-transform: rotateX(0deg) rotateY(0deg);
 
1946
  }
1947
- .eael-flipbox .eael-horizontal-flip.flip-top .front {
1948
- transform: rotateX(0deg) rotateY(0deg);
1949
- -webkit-transform: rotateX(0deg) rotateY(0deg);
1950
- -moz-transform: rotateX(0deg) rotateY(0deg);
 
 
1951
  }
1952
- .eael-flipbox .eael-horizontal-flip .back {
1953
  width: 100%;
1954
  height: 100%;
1955
- position: absolute;
1956
- display: flex;
1957
- -webkit-display: flex;
1958
- align-items: center;
1959
- -webkit-align-items: center;
1960
- top: 0px;
1961
- left: 0px;
1962
- background: #ff7e70;
1963
- z-index: 20;
1964
- transform-style: preserved-card;
1965
- -webkit-transform-style: preserved-card;
1966
- -moz-transform-style: preserved-card;
1967
- backface-visibility: hidden;
1968
- -webkit-backface-visibility: hidden;
1969
  -moz-backface-visibility: hidden;
1970
- transition: 1s;
1971
- -webkit-transition: 1s;
1972
- -moz-transition: 1s;
1973
- }
1974
- .eael-flipbox .eael-horizontal-flip.flip-bottom .back {
1975
- transform: rotateX(-180deg);
1976
- -webkit-transform: rotateX(-180deg);
1977
- -moz-transform: rotateX(-180deg);
1978
- }
1979
- .eael-flipbox .eael-horizontal-flip.flip-top .back {
1980
- transform: rotateX(180deg);
1981
- -webkit-transform: rotateX(180deg);
1982
- -moz-transform: rotateX(180deg);
1983
- }
1984
-
1985
- .eael-flipbox .eael-horizontal-flip.flip-bottom.flip .front {
1986
- transform: rotateX(180deg) scale(1.1);
1987
- -webkit-transform: rotateX(180deg) scale(1.1);
1988
- -moz-transform: rotateX(180deg) scale(1.1);
1989
- }
1990
- .eael-flipbox .eael-horizontal-flip.flip-bottom.flip .back {
1991
- transform: rotateX(0deg) rotateY(0deg);
1992
- -webkit-transform: rotateX(0deg) rotateY(0deg);
1993
- -moz-transform: rotateX(0deg) rotateY(0deg);
1994
- }
1995
- .eael-flipbox .eael-horizontal-flip.flip-top.flip .front {
1996
- transform: rotateX(-180deg) scale(1.1);
1997
- -webkit-transform: rotateX(-180deg) scale(1.1);
1998
- -moz-transform: rotateX(-180deg) scale(1.1);
1999
- }
2000
- .eael-flipbox .eael-horizontal-flip.flip-top.flip .back {
2001
- transform: rotateX(0deg) rotateY(0deg);
2002
- -webkit-transform: rotateX(0deg) rotateY(0deg);
2003
- -moz-transform: rotateX(0deg) rotateY(0deg);
2004
- }
2005
- .eael-flipbox .eael-horizontal-flip .front .content,
2006
- .eael-flipbox .eael-horizontal-flip .back .content {
2007
- width: 100%;
2008
- height: auto;
2009
- padding: 15px;
2010
- color: #fff;
2011
- font-size: 16px;
2012
- font-weight: 400;
2013
- line-height: 27px;
2014
- margin-bottom: 0px;
2015
  }
2016
- .eael-flipbox .eael-horizontal-flip .front .content .title,
2017
- .eael-flipbox .eael-horizontal-flip .back .content .title {
2018
- font-size: 24px;
2019
- font-weight: 600;
2020
- line-height: 30px;
2021
- margin-bottom: 10px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2022
  }
2023
- .eael-flipbox .eael-horizontal-flip .front .content i {
2024
- font-size: 36px;
 
2025
  }
2026
 
2027
- /* Bulider Related Css */
2028
- .eael-flipbox-content-align-left .eael-flipbox .eael-vertical-flip .content,
2029
- .eael-flipbox-content-align-left .eael-flipbox .eael-horizontal-flip .content {
2030
- text-align: left;
2031
  }
2032
- .eael-flipbox-content-align-right .eael-flipbox .eael-vertical-flip .content,
2033
- .eael-flipbox-content-align-right .eael-flipbox .eael-horizontal-flip .content {
2034
- text-align: right;
2035
  }
2036
- .eael-flipbox-shape-circle .eael-flipbox .eael-vertical-flip .content img,
2037
- .eael-flipbox-shape-circle .eael-flipbox .eael-horizontal-flip .content img {
2038
- border-radius: 50%;
2039
- transition: .4s;
 
 
2040
  }
2041
- .eael-flipbox-shape-square .eael-flipbox .eael-vertical-flip .content img,
2042
- .eael-flipbox-shape-square .eael-flipbox .eael-horizontal-flip .content img {
2043
- border-radius: 0;
2044
- transition: .4s;
2045
  }
2046
- .eael-flipbox-shape-radius .eael-flipbox .eael-vertical-flip .content img,
2047
- .eael-flipbox-shape-radius .eael-flipbox .eael-horizontal-flip .content img {
2048
- border-radius: 15px;
2049
- transition: .4s;
 
 
 
 
 
 
 
 
 
 
2050
  }
 
2051
  /**
2052
  * Call To Action
2053
  */
@@ -2300,4 +2293,447 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
2300
  }
2301
  .eael-dual-header-content-align-right {
2302
  text-align: right;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2303
  }
560
  margin: 30px 40px 30px auto;
561
  position: relative;
562
  height: 320px;
563
+ width: calc(100% - 40px);
564
  }
565
  .eael-timeline-post:nth-child(even) .eael-timeline-post-inner {
566
  float: left;
599
  line-height: 1.6em;
600
  }
601
  .eael-timeline-post-image {
602
+ background-size: cover;
603
+ background-position: center center;
604
  background-repeat: no-repeat;
605
  display: block;
606
  height: 100%;
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) {
719
  @media only screen and (max-width: 1169px) {
720
  .eael-timeline-post-inner {
721
  height: 320px;
 
722
  }
723
  }
724
  @media only screen and (max-width: 992px) {
740
  .eael-timeline-post-inner {
741
  height: 320px;
742
  padding-bottom: 30px;
 
743
  }
744
  .eael-timeline-post-title {
745
  bottom: 50px;
791
  display: block;
792
  float: none;
793
  margin: 0 auto;
 
794
  }
795
  }
796
  @media only screen and (max-width: 479px) {
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 {
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 {}
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 {
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 {
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) */
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
  */
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,
2685
+ .eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
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
  }
elements/call-to-action/call-to-action.php CHANGED
@@ -14,7 +14,7 @@ class Widget_Eael_Cta_Box extends Widget_Base {
14
  }
15
 
16
  public function get_icon() {
17
- return 'fa fa-paper-plane-o';
18
  }
19
 
20
  public function get_categories() {
@@ -174,7 +174,7 @@ class Widget_Eael_Cta_Box extends Widget_Base {
174
  $this->start_controls_section(
175
  'eael_section_cta_style_settings',
176
  [
177
- 'label' => esc_html__( 'Call to Action Styles', 'essential-addons-elementor' ),
178
  'tab' => Controls_Manager::TAB_STYLE
179
  ]
180
  );
@@ -215,38 +215,12 @@ class Widget_Eael_Cta_Box extends Widget_Base {
215
  ]
216
  );
217
 
218
- $this->add_control(
219
- 'eael_cta_border_type',
220
- [
221
- 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
222
- 'type' => Controls_Manager::SELECT,
223
- 'default' => 'none',
224
- 'options' => [
225
- 'none' => esc_html__( 'None', 'essential-addons-elementor' ),
226
- 'solid' => esc_html__( 'Solid', 'essential-addons-elementor' ),
227
- 'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
228
- 'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
229
- 'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
230
- ],
231
- 'selectors' => [
232
- '{{WRAPPER}} .eael-call-to-action' => 'border-style: {{VALUE}};',
233
- ],
234
- ]
235
- );
236
-
237
- $this->add_control(
238
- 'eael_cta_border_thickness',
239
  [
240
- 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
241
- 'type' => Controls_Manager::SLIDER,
242
- 'range' => [
243
- 'px' => [
244
- 'max' => 50,
245
- ],
246
- ],
247
- 'selectors' => [
248
- '{{WRAPPER}} .eael-call-to-action' => 'border-width: {{SIZE}}px;',
249
- ],
250
  ]
251
  );
252
 
@@ -266,20 +240,6 @@ class Widget_Eael_Cta_Box extends Widget_Base {
266
  ]
267
  );
268
 
269
- $this->add_control(
270
- 'eael_cta_border_color',
271
- [
272
- 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
273
- 'type' => Controls_Manager::COLOR,
274
- 'default' => '',
275
- 'separator' => 'after',
276
- 'selectors' => [
277
- '{{WRAPPER}} .eael-call-to-action' => 'border-color: {{VALUE}};',
278
- ],
279
- ]
280
-
281
- );
282
-
283
  $this->add_group_control(
284
  Group_Control_Box_Shadow::get_type(),
285
  [
@@ -299,16 +259,16 @@ class Widget_Eael_Cta_Box extends Widget_Base {
299
  $this->start_controls_section(
300
  'eael_section_cta_title_style_settings',
301
  [
302
- 'label' => esc_html__( 'Title Typography &amp; Color', 'essential-addons-elementor' ),
303
  'tab' => Controls_Manager::TAB_STYLE
304
  ]
305
  );
306
 
307
- $this->add_group_control(
308
- Group_Control_Typography::get_type(),
309
  [
310
- 'name' => 'eael_cta_title_typography',
311
- 'selector' => '{{WRAPPER}} .eael-call-to-action .title',
312
  ]
313
  );
314
 
@@ -324,26 +284,20 @@ class Widget_Eael_Cta_Box extends Widget_Base {
324
  ]
325
  );
326
 
327
- $this->end_controls_section();
328
-
329
- /**
330
- * -------------------------------------------
331
- * Tab Style (Cta Content Style)
332
- * -------------------------------------------
333
- */
334
- $this->start_controls_section(
335
- 'eael_section_cta_content_style_settings',
336
  [
337
- 'label' => esc_html__( 'Content Typography &amp; Color', 'essential-addons-elementor' ),
338
- 'tab' => Controls_Manager::TAB_STYLE
339
  ]
340
  );
341
-
342
- $this->add_group_control(
343
- Group_Control_Typography::get_type(),
344
  [
345
- 'name' => 'eael_cta_content_typography',
346
- 'selector' => '{{WRAPPER}} .eael-call-to-action p',
 
347
  ]
348
  );
349
 
@@ -359,11 +313,19 @@ class Widget_Eael_Cta_Box extends Widget_Base {
359
  ]
360
  );
361
 
 
 
 
 
 
 
 
 
362
  $this->end_controls_section();
363
 
364
  /**
365
  * -------------------------------------------
366
- * Tab Style (Buttont Style)
367
  * -------------------------------------------
368
  */
369
  $this->start_controls_section(
@@ -448,38 +410,12 @@ class Widget_Eael_Cta_Box extends Widget_Base {
448
  ]
449
  );
450
 
451
- $this->add_control(
452
- 'eael_cta_btn_border_type',
453
- [
454
- 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
455
- 'type' => Controls_Manager::SELECT,
456
- 'default' => 'none',
457
- 'options' => [
458
- 'none' => esc_html__( 'None', 'essential-addons-elementor' ),
459
- 'solid' => esc_html__( 'Solid', 'essential-addons-elementor' ),
460
- 'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
461
- 'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
462
- 'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
463
- ],
464
- 'selectors' => [
465
- '{{WRAPPER}} .eael-call-to-action .cta-button' => 'border-style: {{VALUE}};',
466
- ],
467
- ]
468
- );
469
-
470
- $this->add_control(
471
- 'eael_cta_btn_border_thickness',
472
  [
473
- 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
474
- 'type' => Controls_Manager::SLIDER,
475
- 'range' => [
476
- 'px' => [
477
- 'max' => 50,
478
- ],
479
- ],
480
- 'selectors' => [
481
- '{{WRAPPER}} .eael-call-to-action .cta-button' => 'border-width: {{SIZE}}px;',
482
- ],
483
  ]
484
  );
485
 
@@ -499,19 +435,6 @@ class Widget_Eael_Cta_Box extends Widget_Base {
499
  ]
500
  );
501
 
502
- $this->add_control(
503
- 'eael_cta_btn_normal_border_color',
504
- [
505
- 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
506
- 'type' => Controls_Manager::COLOR,
507
- 'default' => '',
508
- 'selectors' => [
509
- '{{WRAPPER}} .eael-call-to-action .cta-button' => 'border-color: {{VALUE}};',
510
- ],
511
- ]
512
-
513
- );
514
-
515
  $this->end_controls_tab();
516
 
517
  // Hover State Tab
@@ -582,6 +505,8 @@ class Widget_Eael_Cta_Box extends Widget_Base {
582
  $cta_class = 'bg-img';
583
  }else if( 'cta-bg-img-fixed' == $settings['eael_cta_color_type'] ) {
584
  $cta_class = 'bg-img bg-fixed';
 
 
585
  }
586
  // Is Basic Cta Content Center or Not
587
  if( 'cta-center' == $settings['eael_cta_content_type'] ) {
14
  }
15
 
16
  public function get_icon() {
17
+ return 'eicon-call-to-action';
18
  }
19
 
20
  public function get_categories() {
174
  $this->start_controls_section(
175
  'eael_section_cta_style_settings',
176
  [
177
+ 'label' => esc_html__( 'Call to Action Style', 'essential-addons-elementor' ),
178
  'tab' => Controls_Manager::TAB_STYLE
179
  ]
180
  );
215
  ]
216
  );
217
 
218
+ $this->add_group_control(
219
+ Group_Control_Border::get_type(),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
220
  [
221
+ 'name' => 'eael_cta_border',
222
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
223
+ 'selector' => '{{WRAPPER}} .eael-call-to-action',
 
 
 
 
 
 
 
224
  ]
225
  );
226
 
240
  ]
241
  );
242
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
243
  $this->add_group_control(
244
  Group_Control_Box_Shadow::get_type(),
245
  [
259
  $this->start_controls_section(
260
  'eael_section_cta_title_style_settings',
261
  [
262
+ 'label' => esc_html__( 'Color &amp; Typography ', 'essential-addons-elementor' ),
263
  'tab' => Controls_Manager::TAB_STYLE
264
  ]
265
  );
266
 
267
+ $this->add_control(
268
+ 'eael_cta_title_heading',
269
  [
270
+ 'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
271
+ 'type' => Controls_Manager::HEADING,
272
  ]
273
  );
274
 
284
  ]
285
  );
286
 
287
+ $this->add_group_control(
288
+ Group_Control_Typography::get_type(),
 
 
 
 
 
 
 
289
  [
290
+ 'name' => 'eael_cta_title_typography',
291
+ 'selector' => '{{WRAPPER}} .eael-call-to-action .title',
292
  ]
293
  );
294
+
295
+ $this->add_control(
296
+ 'eael_cta_content_heading',
297
  [
298
+ 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
299
+ 'type' => Controls_Manager::HEADING,
300
+ 'separator' => 'before'
301
  ]
302
  );
303
 
313
  ]
314
  );
315
 
316
+ $this->add_group_control(
317
+ Group_Control_Typography::get_type(),
318
+ [
319
+ 'name' => 'eael_cta_content_typography',
320
+ 'selector' => '{{WRAPPER}} .eael-call-to-action p',
321
+ ]
322
+ );
323
+
324
  $this->end_controls_section();
325
 
326
  /**
327
  * -------------------------------------------
328
+ * Tab Style (Button Style)
329
  * -------------------------------------------
330
  */
331
  $this->start_controls_section(
410
  ]
411
  );
412
 
413
+ $this->add_group_control(
414
+ Group_Control_Border::get_type(),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
415
  [
416
+ 'name' => 'eael_cat_btn_normal_border',
417
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
418
+ 'selector' => '{{WRAPPER}} .eael-call-to-action .cta-button',
 
 
 
 
 
 
 
419
  ]
420
  );
421
 
435
  ]
436
  );
437
 
 
 
 
 
 
 
 
 
 
 
 
 
 
438
  $this->end_controls_tab();
439
 
440
  // Hover State Tab
505
  $cta_class = 'bg-img';
506
  }else if( 'cta-bg-img-fixed' == $settings['eael_cta_color_type'] ) {
507
  $cta_class = 'bg-img bg-fixed';
508
+ }else {
509
+ $cta_class = '';
510
  }
511
  // Is Basic Cta Content Center or Not
512
  if( 'cta-center' == $settings['eael_cta_content_type'] ) {
elements/dual-color-header/dual-color-header.php CHANGED
@@ -10,11 +10,11 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
10
  }
11
 
12
  public function get_title() {
13
- return esc_html__( 'EA Dual Color Header', 'essential-addons-elementor' );
14
  }
15
 
16
  public function get_icon() {
17
- return 'fa fa-header';
18
  }
19
 
20
  public function get_categories() {
@@ -156,7 +156,7 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
156
  $this->start_controls_section(
157
  'eael_section_dch_style_settings',
158
  [
159
- 'label' => esc_html__( 'Dual Heading Styles', 'essential-addons-elementor' ),
160
  'tab' => Controls_Manager::TAB_STYLE
161
  ]
162
  );
@@ -197,38 +197,12 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
197
  ]
198
  );
199
 
200
- $this->add_control(
201
- 'eael_dch_border_type',
202
- [
203
- 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
204
- 'type' => Controls_Manager::SELECT,
205
- 'default' => 'none',
206
- 'options' => [
207
- 'none' => esc_html__( 'None', 'essential-addons-elementor' ),
208
- 'solid' => esc_html__( 'Solid', 'essential-addons-elementor' ),
209
- 'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
210
- 'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
211
- 'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
212
- ],
213
- 'selectors' => [
214
- '{{WRAPPER}} .eael-dual-header' => 'border-style: {{VALUE}};',
215
- ],
216
- ]
217
- );
218
-
219
- $this->add_control(
220
- 'eael_dch_border_thickness',
221
  [
222
- 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
223
- 'type' => Controls_Manager::SLIDER,
224
- 'range' => [
225
- 'px' => [
226
- 'max' => 50,
227
- ],
228
- ],
229
- 'selectors' => [
230
- '{{WRAPPER}} .eael-dual-header' => 'border-width: {{SIZE}}px;',
231
- ],
232
  ]
233
  );
234
 
@@ -248,20 +222,6 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
248
  ]
249
  );
250
 
251
- $this->add_control(
252
- 'eael_dch_border_color',
253
- [
254
- 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
255
- 'type' => Controls_Manager::COLOR,
256
- 'default' => '',
257
- 'separator' => 'after',
258
- 'selectors' => [
259
- '{{WRAPPER}} .eael-dual-header' => 'border-color: {{VALUE}};',
260
- ],
261
- ]
262
-
263
- );
264
-
265
  $this->add_group_control(
266
  Group_Control_Box_Shadow::get_type(),
267
  [
@@ -331,19 +291,16 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
331
  $this->start_controls_section(
332
  'eael_section_dch_title_style_settings',
333
  [
334
- 'label' => esc_html__( 'Title Style &amp; Typography', 'essential-addons-elementor' ),
335
  'tab' => Controls_Manager::TAB_STYLE,
336
- 'condition' => [
337
- 'eael_show_dch_icon_content' => 'yes'
338
- ]
339
  ]
340
  );
341
 
342
- $this->add_group_control(
343
- Group_Control_Typography::get_type(),
344
  [
345
- 'name' => 'eael_dch_first_title_typography',
346
- 'selector' => '{{WRAPPER}} .eael-dual-header .title, .eael-dual-header .title span.lead',
347
  ]
348
  );
349
 
@@ -366,31 +323,25 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
366
  'type' => Controls_Manager::COLOR,
367
  'default' => '#1abc9c',
368
  'selectors' => [
369
- '{{WRAPPER}} .eael-dual-header.dh-colored .title span.lead, .eael-dual-header.dh-colored-reverse .title span.lead' => 'color: {{VALUE}};',
370
  ],
371
  ]
372
  );
373
 
374
- $this->end_controls_section();
375
-
376
- /**
377
- * -------------------------------------------
378
- * Tab Style (Subtext Style)
379
- * -------------------------------------------
380
- */
381
- $this->start_controls_section(
382
- 'eael_section_dch_subtext_style_settings',
383
  [
384
- 'label' => esc_html__( 'Subtext Style &amp; Typography', 'essential-addons-elementor' ),
385
- 'tab' => Controls_Manager::TAB_STYLE,
386
  ]
387
  );
388
 
389
- $this->add_group_control(
390
- Group_Control_Typography::get_type(),
391
  [
392
- 'name' => 'eael_dch_subtext_typography',
393
- 'selector' => '{{WRAPPER}} .eael-dual-header .subtext',
 
394
  ]
395
  );
396
 
@@ -406,6 +357,14 @@ class Widget_Eael_Dual_Color_Header extends Widget_Base {
406
  ]
407
  );
408
 
 
 
 
 
 
 
 
 
409
  $this->end_controls_section();
410
 
411
  }
10
  }
11
 
12
  public function get_title() {
13
+ return esc_html__( 'EA Dual Color Heading', 'essential-addons-elementor' );
14
  }
15
 
16
  public function get_icon() {
17
+ return 'eicon-animated-headline';
18
  }
19
 
20
  public function get_categories() {
156
  $this->start_controls_section(
157
  'eael_section_dch_style_settings',
158
  [
159
+ 'label' => esc_html__( 'Dual Heading Style', 'essential-addons-elementor' ),
160
  'tab' => Controls_Manager::TAB_STYLE
161
  ]
162
  );
197
  ]
198
  );
199
 
200
+ $this->add_group_control(
201
+ Group_Control_Border::get_type(),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
202
  [
203
+ 'name' => 'eael_dch_border',
204
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
205
+ 'selector' => '{{WRAPPER}} .eael-dual-header',
 
 
 
 
 
 
 
206
  ]
207
  );
208
 
222
  ]
223
  );
224
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
225
  $this->add_group_control(
226
  Group_Control_Box_Shadow::get_type(),
227
  [
291
  $this->start_controls_section(
292
  'eael_section_dch_title_style_settings',
293
  [
294
+ 'label' => esc_html__( 'Color &amp; Typography', 'essential-addons-elementor' ),
295
  'tab' => Controls_Manager::TAB_STYLE,
 
 
 
296
  ]
297
  );
298
 
299
+ $this->add_control(
300
+ 'eael_dch_title_heading',
301
  [
302
+ 'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
303
+ 'type' => Controls_Manager::HEADING,
304
  ]
305
  );
306
 
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
  );
330
 
331
+ $this->add_group_control(
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
 
339
+ $this->add_control(
340
+ 'eael_dch_sub_title_heading',
341
  [
342
+ 'label' => esc_html__( 'Sub-title Style ', 'essential-addons-elementor' ),
343
+ 'type' => Controls_Manager::HEADING,
344
+ 'separator' => 'before'
345
  ]
346
  );
347
 
357
  ]
358
  );
359
 
360
+ $this->add_group_control(
361
+ Group_Control_Typography::get_type(),
362
+ [
363
+ 'name' => 'eael_dch_subtext_typography',
364
+ 'selector' => '{{WRAPPER}} .eael-dual-header .subtext',
365
+ ]
366
+ );
367
+
368
  $this->end_controls_section();
369
 
370
  }
elements/flipbox/flipbox.php CHANGED
@@ -14,7 +14,7 @@ class Widget_Eael_Flip_Box extends Widget_Base {
14
  }
15
 
16
  public function get_icon() {
17
- return 'fa fa-newspaper-o';
18
  }
19
 
20
  public function get_categories() {
@@ -38,13 +38,15 @@ class Widget_Eael_Flip_Box extends Widget_Base {
38
  [
39
  'label' => esc_html__( 'Flipbox Type', 'essential-addons-elementor' ),
40
  'type' => Controls_Manager::SELECT,
41
- 'default' => 'vf-right-to-left',
42
  'label_block' => false,
43
  'options' => [
44
- 'vf-left-to-right' => esc_html__( 'Vertical Flip ( Left to Right )', 'essential-addons-elementor' ),
45
- 'vf-right-to-left' => esc_html__( 'Vertical Flip ( Right to Left )', 'essential-addons-elementor' ),
46
- 'hf-top-to-bottom' => esc_html__( 'Horizontal Flip ( Top to Bottom )', 'essential-addons-elementor' ),
47
- 'hf-bottom-to-top' => esc_html__( 'Horizontal Flip ( Bottom to Top )', 'essential-addons-elementor' ),
 
 
48
  ],
49
  ]
50
  );
@@ -52,7 +54,7 @@ class Widget_Eael_Flip_Box extends Widget_Base {
52
  $this->add_responsive_control(
53
  'eael_flipbox_img_or_icon',
54
  [
55
- 'label' => esc_html__( 'Image Or Icon', 'essential-addons-elementor' ),
56
  'type' => Controls_Manager::CHOOSE,
57
  'label_block' => true,
58
  'options' => [
@@ -65,7 +67,7 @@ class Widget_Eael_Flip_Box extends Widget_Base {
65
  'icon' => 'fa fa-info-circle',
66
  ],
67
  ],
68
- 'default' => 'img',
69
  ]
70
  );
71
  /**
@@ -85,6 +87,25 @@ class Widget_Eael_Flip_Box extends Widget_Base {
85
  ]
86
  );
87
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
88
  $this->add_group_control(
89
  Group_Control_Image_Size::get_type(),
90
  [
@@ -225,13 +246,13 @@ class Widget_Eael_Flip_Box extends Widget_Base {
225
 
226
  /**
227
  * -------------------------------------------
228
- * Tab Style (Info Box Style)
229
  * -------------------------------------------
230
  */
231
  $this->start_controls_section(
232
  'eael_section_flipbox_style_settings',
233
  [
234
- 'label' => esc_html__( 'Filp Box Styles', 'essential-addons-elementor' ),
235
  'tab' => Controls_Manager::TAB_STYLE
236
  ]
237
  );
@@ -243,8 +264,7 @@ class Widget_Eael_Flip_Box extends Widget_Base {
243
  'type' => Controls_Manager::COLOR,
244
  'default' => '#14bcc8',
245
  'selectors' => [
246
- '{{WRAPPER}} .eael-flipbox .eael-vertical-flip .front' => 'background: {{VALUE}};',
247
- '{{WRAPPER}} .eael-flipbox .eael-horizontal-flip .front' => 'background: {{VALUE}};',
248
  ],
249
  ]
250
  );
@@ -256,8 +276,7 @@ class Widget_Eael_Flip_Box extends Widget_Base {
256
  'type' => Controls_Manager::COLOR,
257
  'default' => '#ff7e70',
258
  'selectors' => [
259
- '{{WRAPPER}} .eael-flipbox .eael-vertical-flip .back' => 'background: {{VALUE}};',
260
- '{{WRAPPER}} .eael-flipbox .eael-horizontal-flip .back' => 'background: {{VALUE}};',
261
  ],
262
  ]
263
  );
@@ -269,7 +288,7 @@ class Widget_Eael_Flip_Box extends Widget_Base {
269
  'type' => Controls_Manager::DIMENSIONS,
270
  'size_units' => [ 'px', 'em', '%' ],
271
  'selectors' => [
272
- '{{WRAPPER}} .eael-flipbox' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
273
  ],
274
  ]
275
  );
@@ -277,12 +296,12 @@ class Widget_Eael_Flip_Box extends Widget_Base {
277
  $this->add_responsive_control(
278
  'eael_flipbox_front_back_padding',
279
  [
280
- 'label' => esc_html__( 'Fornt / Back Padding', 'essential-addons-elementor' ),
281
  'type' => Controls_Manager::DIMENSIONS,
282
  'size_units' => [ 'px', 'em', '%' ],
283
  'selectors' => [
284
- '{{WRAPPER}} .eael-flipbox .front' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
285
- '{{WRAPPER}} .eael-flipbox .back' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
286
  ],
287
  ]
288
  );
@@ -294,47 +313,18 @@ class Widget_Eael_Flip_Box extends Widget_Base {
294
  'type' => Controls_Manager::DIMENSIONS,
295
  'size_units' => [ 'px', 'em', '%' ],
296
  'selectors' => [
297
- '{{WRAPPER}} .eael-flipbox .front' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
298
- '{{WRAPPER}} .eael-flipbox .back' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
299
  ],
300
  ]
301
  );
302
 
303
- $this->add_control(
304
- 'eael_flipbox_border_type',
305
- [
306
- 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
307
- 'type' => Controls_Manager::SELECT,
308
- 'default' => 'none',
309
- 'options' => [
310
- 'none' => esc_html__( 'None', 'essential-addons-elementor' ),
311
- 'solid' => esc_html__( 'Solid', 'essential-addons-elementor' ),
312
- 'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
313
- 'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
314
- 'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
315
- ],
316
- 'selectors' => [
317
- '{{WRAPPER}} .eael-flipbox .front' => 'border-style: {{VALUE}};',
318
- '{{WRAPPER}} .eael-flipbox .back' => 'border-style: {{VALUE}};',
319
- ],
320
- ]
321
- );
322
-
323
- $this->add_control(
324
- 'eael_flipbox_border_thickness',
325
- [
326
- 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
327
- 'type' => Controls_Manager::SLIDER,
328
- 'range' => [
329
- 'px' => [
330
- 'max' => 50,
331
- ],
332
- ],
333
- 'selectors' => [
334
- '{{WRAPPER}} .eael-flipbox .front' => 'border-width: {{SIZE}}px;',
335
- '{{WRAPPER}} .eael-flipbox .back' => 'border-width: {{SIZE}}px;',
336
- ],
337
- ]
338
  );
339
 
340
  $this->add_control(
@@ -344,36 +334,20 @@ class Widget_Eael_Flip_Box extends Widget_Base {
344
  'type' => Controls_Manager::SLIDER,
345
  'range' => [
346
  'px' => [
347
- 'max' => 500,
348
  ],
349
  ],
350
  'selectors' => [
351
- '{{WRAPPER}} .eael-flipbox .front' => 'border-radius: {{SIZE}}px;',
352
- '{{WRAPPER}} .eael-flipbox .back' => 'border-radius: {{SIZE}}px;',
353
- ],
354
- ]
355
- );
356
-
357
- $this->add_control(
358
- 'eael_flipbox_border_color',
359
- [
360
- 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
361
- 'type' => Controls_Manager::COLOR,
362
- 'default' => '',
363
- 'separator' => 'after',
364
- 'selectors' => [
365
- '{{WRAPPER}} .eael-flipbox .front' => 'border-color: {{VALUE}};',
366
- '{{WRAPPER}} .eael-flipbox .back' => 'border-color: {{VALUE}};',
367
  ],
368
  ]
369
-
370
  );
371
 
372
  $this->add_group_control(
373
  Group_Control_Box_Shadow::get_type(),
374
  [
375
  'name' => 'eael_flipbox_shadow',
376
- 'selector' => '{{WRAPPER}} .eael-flipbox',
377
  ]
378
  );
379
 
@@ -396,24 +370,47 @@ class Widget_Eael_Flip_Box extends Widget_Base {
396
  );
397
 
398
  $this->add_control(
399
- 'eael_flipbox_img_shape',
400
  [
401
- 'label' => esc_html__( 'Image Shape', 'essential-addons-elementor' ),
402
  'type' => Controls_Manager::SELECT,
403
- 'default' => 'circle',
404
  'label_block' => false,
405
  'options' => [
406
- 'square' => esc_html__( 'Square', 'essential-addons-elementor' ),
407
- 'circle' => esc_html__( 'Circle', 'essential-addons-elementor' ),
408
  'radius' => esc_html__( 'Radius', 'essential-addons-elementor' ),
 
409
  ],
410
- 'prefix_class' => 'eael-flipbox-shape-',
411
  'condition' => [
412
  'eael_flipbox_img_or_icon' => 'img'
413
  ]
414
  ]
415
  );
416
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
417
  $this->end_controls_section();
418
 
419
  /**
@@ -432,38 +429,53 @@ class Widget_Eael_Flip_Box extends Widget_Base {
432
  ]
433
  );
434
 
 
 
 
 
 
 
 
 
 
 
 
 
435
  $this->add_control(
436
- 'eael_flipbox_icon_size',
437
- [
438
- 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
439
- 'type' => Controls_Manager::SLIDER,
440
- 'default' => [
441
- 'size' => 80,
442
- ],
443
- 'range' => [
444
- 'px' => [
445
- 'min' => 20,
446
- 'max' => 120,
447
- 'step' => 1,
448
- ]
449
- ],
450
- 'selectors' => [
451
- '{{WRAPPER}} .eael-vertical-flip .front .content i' => 'font-size: {{SIZE}}px;',
452
- '{{WRAPPER}} .eael-horizontal-flip .front .content i' => 'font-size: {{SIZE}}px;',
453
- ],
454
- ]
455
  );
456
 
457
  $this->add_control(
458
- 'eael_flipbox_icon_color',
459
  [
460
- 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
461
- 'type' => Controls_Manager::COLOR,
462
- 'default' => '#fff',
 
 
 
 
463
  'selectors' => [
464
- '{{WRAPPER}} .eael-vertical-flip .front .content i' => 'color: {{VALUE}};',
465
- '{{WRAPPER}} .eael-horizontal-flip .front .content i' => 'color: {{VALUE}};',
466
  ],
 
 
 
467
  ]
468
  );
469
 
@@ -477,44 +489,41 @@ class Widget_Eael_Flip_Box extends Widget_Base {
477
  $this->start_controls_section(
478
  'eael_section_flipbox_title_style_settings',
479
  [
480
- 'label' => esc_html__( 'Title Typography &amp; Color', 'essential-addons-elementor' ),
481
  'tab' => Controls_Manager::TAB_STYLE
482
  ]
483
  );
484
 
485
  $this->add_responsive_control(
486
- 'eael_flipbox_front_or_back_title_typo',
487
  [
488
- 'label' => esc_html__( 'Front or Back Title', 'essential-addons-elementor' ),
489
  'type' => Controls_Manager::CHOOSE,
490
  'label_block' => true,
491
  'options' => [
492
  'front' => [
493
- 'title' => esc_html__( 'Front Title', 'essential-addons-elementor' ),
494
- 'icon' => 'fa fa-reply',
495
  ],
496
  'back' => [
497
- 'title' => esc_html__( 'Back Title', 'essential-addons-elementor' ),
498
- 'icon' => 'fa fa-share',
499
  ],
500
  ],
501
  'default' => 'front',
502
  ]
503
  );
504
- /**
505
- * Condition: 'eael_flipbox_front_or_back_title_typo' => 'front'
506
- */
507
- $this->add_group_control(
508
- Group_Control_Typography::get_type(),
509
  [
510
- 'name' => 'eael_flipbox_front_title_typography',
511
- 'selector' => '{{WRAPPER}} .eael-flipbox .front .content .title',
512
- 'condition' => [
513
- 'eael_flipbox_front_or_back_title_typo' => 'front'
514
- ]
515
  ]
516
  );
517
-
 
 
518
  $this->add_control(
519
  'eael_flipbox_front_title_color',
520
  [
@@ -522,27 +531,17 @@ class Widget_Eael_Flip_Box extends Widget_Base {
522
  'type' => Controls_Manager::COLOR,
523
  'default' => '#fff',
524
  'selectors' => [
525
- '{{WRAPPER}} .eael-flipbox .front .content .title' => 'color: {{VALUE}};',
526
  ],
527
  'condition' => [
528
- 'eael_flipbox_front_or_back_title_typo' => 'front'
529
  ]
530
  ]
531
  );
 
532
  /**
533
- * Condition: 'eael_flipbox_front_or_back_title_typo' => 'back'
534
  */
535
- $this->add_group_control(
536
- Group_Control_Typography::get_type(),
537
- [
538
- 'name' => 'eael_flipbox_back_title_typography',
539
- 'selector' => '{{WRAPPER}} .eael-flipbox .back .content .title',
540
- 'condition' => [
541
- 'eael_flipbox_front_or_back_title_typo' => 'back'
542
- ]
543
- ]
544
- );
545
-
546
  $this->add_control(
547
  'eael_flipbox_back_title_color',
548
  [
@@ -550,103 +549,114 @@ class Widget_Eael_Flip_Box extends Widget_Base {
550
  'type' => Controls_Manager::COLOR,
551
  'default' => '#fff',
552
  'selectors' => [
553
- '{{WRAPPER}} .eael-flipbox .back .content .title' => 'color: {{VALUE}};',
554
  ],
555
  'condition' => [
556
- 'eael_flipbox_front_or_back_title_typo' => 'back'
557
  ]
558
  ]
559
  );
560
 
561
- $this->end_controls_section();
562
-
563
  /**
564
- * -------------------------------------------
565
- * Tab Style (Flip Box Content Style)
566
- * -------------------------------------------
567
  */
568
- $this->start_controls_section(
569
- 'eael_section_flipbox_content_style_settings',
570
  [
571
- 'label' => esc_html__( 'Content Typography &amp; Color', 'essential-addons-elementor' ),
572
- 'tab' => Controls_Manager::TAB_STYLE
 
 
 
573
  ]
574
  );
575
 
576
- $this->add_responsive_control(
577
- 'eael_flipbox_front_or_back_typography',
 
 
 
578
  [
579
- 'label' => esc_html__( 'Front or Back Content', 'essential-addons-elementor' ),
580
- 'type' => Controls_Manager::CHOOSE,
581
- 'label_block' => true,
582
- 'options' => [
583
- 'front' => [
584
- 'title' => esc_html__( 'Front Content', 'essential-addons-elementor' ),
585
- 'icon' => 'fa fa-reply',
586
- ],
587
- 'back' => [
588
- 'title' => esc_html__( 'Back Content', 'essential-addons-elementor' ),
589
- 'icon' => 'fa fa-share',
590
- ],
591
  ],
592
- 'default' => 'front',
593
  ]
594
  );
595
 
596
  /**
597
- * Condition: 'eael_flipbox_front_or_back_typography' => 'front'
598
  */
599
- $this->add_group_control(
600
- Group_Control_Typography::get_type(),
601
  [
602
- 'name' => 'eael_flipbox_front_content_typography',
603
- 'selector' => '{{WRAPPER}} .eael-flipbox .front .content',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
604
  'condition' => [
605
- 'eael_flipbox_front_or_back_typography' => 'front'
606
  ]
607
  ]
608
  );
609
 
 
 
 
610
  $this->add_control(
611
- 'eael_flipbox_front_content_color',
612
  [
613
  'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
614
  'type' => Controls_Manager::COLOR,
615
  'default' => '#fff',
616
  'selectors' => [
617
- '{{WRAPPER}} .eael-flipbox .front .content' => 'color: {{VALUE}};',
618
  ],
619
  'condition' => [
620
- 'eael_flipbox_front_or_back_typography' => 'front'
621
  ]
622
  ]
623
  );
624
 
625
  /**
626
- * Condition: 'eael_flipbox_front_or_back_typography' => 'back'
627
  */
628
  $this->add_group_control(
629
  Group_Control_Typography::get_type(),
630
  [
631
- 'name' => 'eael_flipbox_back_content_typography',
632
- 'selector' => '{{WRAPPER}} .eael-flipbox .back .content',
633
  'condition' => [
634
- 'eael_flipbox_front_or_back_typography' => 'back'
635
  ]
636
  ]
637
  );
638
 
639
- $this->add_control(
640
- 'eael_flipbox_back_content_color',
 
 
 
641
  [
642
- 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
643
- 'type' => Controls_Manager::COLOR,
644
- 'default' => '#fff',
645
- 'selectors' => [
646
- '{{WRAPPER}} .eael-flipbox .back .content' => 'color: {{VALUE}};',
647
- ],
648
  'condition' => [
649
- 'eael_flipbox_front_or_back_typography' => 'back'
650
  ]
651
  ]
652
  );
@@ -661,65 +671,45 @@ class Widget_Eael_Flip_Box extends Widget_Base {
661
  $settings = $this->get_settings();
662
  $flipbox_image = $this->get_settings( 'eael_flipbox_image' );
663
  $flipbox_image_url = Group_Control_Image_Size::get_attachment_image_src( $flipbox_image['id'], 'thumbnail', $settings );
664
-
665
- if( 'vf-right-to-left' == $settings['eael_flipbox_type'] ) {
666
- $flip_class = 'eael-vertical-flip flip-left';
667
- }else if( 'vf-left-to-right' == $settings['eael_flipbox_type'] ) {
668
- $flip_class = 'eael-vertical-flip flip-right';
669
- }else if( 'hf-top-to-bottom' == $settings['eael_flipbox_type'] ) {
670
- $flip_class = 'eael-horizontal-flip flip-bottom';
671
- }else if( 'hf-bottom-to-top' == $settings['eael_flipbox_type'] ) {
672
- $flip_class = 'eael-horizontal-flip flip-top';
673
- }
674
  ?>
675
- <div class="eael-flipbox">
676
- <div class="<?php echo esc_attr( $flip_class ); ?>">
677
- <div class="front">
678
- <div class="content">
679
- <?php if( 'img' == $settings['eael_flipbox_img_or_icon'] ) : ?>
680
- <img src="<?php echo esc_url( $flipbox_image_url ); ?>" alt="Icon Image">
681
- <?php endif; ?>
682
- <?php if( 'icon' == $settings['eael_flipbox_img_or_icon'] ) : ?>
683
- <i class="<?php echo esc_attr( $settings['eael_flipbox_icon'] ); ?>"></i>
684
- <?php endif; ?>
685
- <h4 class="title"><?php echo $settings['eael_flipbox_front_title']; ?></h4>
686
- <?php if( $settings['eael_flipbox_front_text'] != '' ) : ?>
687
- <p><?php echo $settings['eael_flipbox_front_text']; ?></p>
688
- <?php endif; ?>
689
- </div>
690
- </div>
691
- <div class="back">
692
- <div class="content">
693
- <h4 class="title"><?php echo $settings['eael_flipbox_back_title']; ?></h4>
694
- <?php if( $settings['eael_flipbox_back_text'] != '' ) : ?>
695
- <p><?php echo $settings['eael_flipbox_back_text']; ?></p>
696
- <?php endif; ?>
697
- </div>
698
- </div>
699
- </div>
700
- </div>
701
- <?php if( 'vf-right-to-left' == $settings['eael_flipbox_type'] || 'vf-left-to-right' == $settings['eael_flipbox_type'] ) : ?>
702
- <script>
703
- jQuery(document).ready( function($) {
704
- $(".eael-vertical-flip").hover( function() {
705
- $(this).addClass( 'flip' );
706
- }, function() {
707
- $(this).removeClass( 'flip' );
708
- } );
709
- } );
710
- </script>
711
- <?php endif; ?>
712
- <?php if( 'hf-top-to-bottom' == $settings['eael_flipbox_type'] || 'hf-bottom-to-top' == $settings['eael_flipbox_type'] ) : ?>
713
- <script>
714
- jQuery(document).ready( function($) {
715
- $(".eael-horizontal-flip").hover( function() {
716
- $(this).addClass( 'flip' );
717
- }, function() {
718
- $(this).removeClass( 'flip' );
719
- } );
720
- } );
721
- </script>
722
- <?php endif; ?>
723
  <?php
724
  }
725
 
14
  }
15
 
16
  public function get_icon() {
17
+ return 'eicon-flip-box';
18
  }
19
 
20
  public function get_categories() {
38
  [
39
  'label' => esc_html__( 'Flipbox Type', 'essential-addons-elementor' ),
40
  'type' => Controls_Manager::SELECT,
41
+ 'default' => 'animate-left',
42
  'label_block' => false,
43
  'options' => [
44
+ 'animate-left' => esc_html__( 'Flip Left', 'essential-addons-elementor' ),
45
+ 'animate-right' => esc_html__( 'Flip Right', 'essential-addons-elementor' ),
46
+ 'animate-up' => esc_html__( 'Flip Top', 'essential-addons-elementor' ),
47
+ 'animate-down' => esc_html__( 'Flip Bottom', 'essential-addons-elementor' ),
48
+ 'animate-zoom-in' => esc_html__( 'Zoom In', 'essential-addons-elementor' ),
49
+ 'animate-zoom-out' => esc_html__( 'Zoom Out', 'essential-addons-elementor' ),
50
  ],
51
  ]
52
  );
54
  $this->add_responsive_control(
55
  'eael_flipbox_img_or_icon',
56
  [
57
+ 'label' => esc_html__( 'Image or Icon', 'essential-addons-elementor' ),
58
  'type' => Controls_Manager::CHOOSE,
59
  'label_block' => true,
60
  'options' => [
67
  'icon' => 'fa fa-info-circle',
68
  ],
69
  ],
70
+ 'default' => 'icon',
71
  ]
72
  );
73
  /**
87
  ]
88
  );
89
 
90
+ $this->add_control(
91
+ 'eael_flipbox_image_resizer',
92
+ [
93
+ 'label' => esc_html__( 'Image Resizer', 'essential-addons-elementor' ),
94
+ 'type' => Controls_Manager::SLIDER,
95
+ 'default' => [
96
+ 'size' => '100'
97
+ ],
98
+ 'range' => [
99
+ 'px' => [
100
+ 'max' => 500,
101
+ ],
102
+ ],
103
+ 'selectors' => [
104
+ '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'width: {{SIZE}}px;',
105
+ ],
106
+ ]
107
+ );
108
+
109
  $this->add_group_control(
110
  Group_Control_Image_Size::get_type(),
111
  [
246
 
247
  /**
248
  * -------------------------------------------
249
+ * Tab Style (Flipbox Style)
250
  * -------------------------------------------
251
  */
252
  $this->start_controls_section(
253
  'eael_section_flipbox_style_settings',
254
  [
255
+ 'label' => esc_html__( 'Filp Box Style', 'essential-addons-elementor' ),
256
  'tab' => Controls_Manager::TAB_STYLE
257
  ]
258
  );
264
  'type' => Controls_Manager::COLOR,
265
  'default' => '#14bcc8',
266
  'selectors' => [
267
+ '{{WRAPPER}} .eael-elements-flip-box-front-container' => 'background: {{VALUE}};',
 
268
  ],
269
  ]
270
  );
276
  'type' => Controls_Manager::COLOR,
277
  'default' => '#ff7e70',
278
  'selectors' => [
279
+ '{{WRAPPER}} .eael-elements-flip-box-rear-container' => 'background: {{VALUE}};',
 
280
  ],
281
  ]
282
  );
288
  'type' => Controls_Manager::DIMENSIONS,
289
  'size_units' => [ 'px', 'em', '%' ],
290
  'selectors' => [
291
+ '{{WRAPPER}} .eael-elements-progression-flip-box-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
292
  ],
293
  ]
294
  );
296
  $this->add_responsive_control(
297
  'eael_flipbox_front_back_padding',
298
  [
299
+ 'label' => esc_html__( 'Fornt / Back Content Padding', 'essential-addons-elementor' ),
300
  'type' => Controls_Manager::DIMENSIONS,
301
  'size_units' => [ 'px', 'em', '%' ],
302
  'selectors' => [
303
+ '{{WRAPPER}} .eael-elements-flip-box-front-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
304
+ '{{WRAPPER}} .eael-elements-flip-box-rear-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
305
  ],
306
  ]
307
  );
313
  'type' => Controls_Manager::DIMENSIONS,
314
  'size_units' => [ 'px', 'em', '%' ],
315
  'selectors' => [
316
+ '{{WRAPPER}} .eael-elements-progression-flip-box-container' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
 
317
  ],
318
  ]
319
  );
320
 
321
+ $this->add_group_control(
322
+ Group_Control_Border::get_type(),
323
+ [
324
+ 'name' => 'eael_filbpox_border',
325
+ 'label' => esc_html__( 'Border Style', 'essential-addons-elementor' ),
326
+ 'selectors' => ['{{WRAPPER}} .eael-elements-flip-box-front-container', '{{WRAPPER}} .eael-elements-flip-box-rear-container'],
327
+ ]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
328
  );
329
 
330
  $this->add_control(
334
  'type' => Controls_Manager::SLIDER,
335
  'range' => [
336
  'px' => [
337
+ 'max' => 50,
338
  ],
339
  ],
340
  'selectors' => [
341
+ '{{WRAPPER}} .eael-elements-progression-flip-box-container' => 'border-radius: {{SIZE}}px;',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
342
  ],
343
  ]
 
344
  );
345
 
346
  $this->add_group_control(
347
  Group_Control_Box_Shadow::get_type(),
348
  [
349
  'name' => 'eael_flipbox_shadow',
350
+ 'selector' => '{{WRAPPER}} .eael-elements-progression-flip-box-container',
351
  ]
352
  );
353
 
370
  );
371
 
372
  $this->add_control(
373
+ 'eael_flipbox_img_type',
374
  [
375
+ 'label' => esc_html__( 'Image Type', 'essential-addons-elementor' ),
376
  'type' => Controls_Manager::SELECT,
377
+ 'default' => 'default',
378
  'label_block' => false,
379
  'options' => [
380
+ 'circle' => esc_html__( 'Circle', 'essential-addons-elementor' ),
 
381
  'radius' => esc_html__( 'Radius', 'essential-addons-elementor' ),
382
+ 'default' => esc_html__( 'Default', 'essential-addons-elementor' ),
383
  ],
384
+ 'prefix_class' => 'eael-flipbox-img-',
385
  'condition' => [
386
  'eael_flipbox_img_or_icon' => 'img'
387
  ]
388
  ]
389
  );
390
 
391
+ /**
392
+ * Condition: 'eael_flipbox_img_type' => 'radius'
393
+ */
394
+ $this->add_control(
395
+ 'eael_filpbox_img_border_radius',
396
+ [
397
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
398
+ 'type' => Controls_Manager::SLIDER,
399
+ 'range' => [
400
+ 'px' => [
401
+ 'max' => 100,
402
+ ],
403
+ ],
404
+ 'selectors' => [
405
+ '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'border-radius: {{SIZE}}px;',
406
+ ],
407
+ 'condition' => [
408
+ 'eael_flipbox_img_or_icon' => 'img',
409
+ 'eael_flipbox_img_type' => 'radius'
410
+ ]
411
+ ]
412
+ );
413
+
414
  $this->end_controls_section();
415
 
416
  /**
429
  ]
430
  );
431
 
432
+ $this->add_group_control(
433
+ Group_Control_Border::get_type(),
434
+ [
435
+ 'name' => 'eael_flipbox_border',
436
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
437
+ 'selector' => '{{WRAPPER}} .eael-elements-flip-box-icon-image',
438
+ 'condition' => [
439
+ 'eael_flipbox_img_or_icon' => 'icon'
440
+ ]
441
+ ]
442
+ );
443
+
444
  $this->add_control(
445
+ 'eael_flipbox_icon_border_padding',
446
+ [
447
+ 'label' => esc_html__( 'Border Padding', 'essential-addons-elementor' ),
448
+ 'type' => Controls_Manager::SLIDER,
449
+ 'range' => [
450
+ 'px' => [
451
+ 'max' => 100,
452
+ ],
453
+ ],
454
+ 'selectors' => [
455
+ '{{WRAPPER}} .eael-elements-flip-box-icon-image' => 'padding: {{SIZE}}px;',
456
+ ],
457
+ 'condition' => [
458
+ 'eael_flipbox_img_or_icon' => 'icon'
459
+ ]
460
+ ]
 
 
 
461
  );
462
 
463
  $this->add_control(
464
+ 'eael_flipbox_icon_border_radius',
465
  [
466
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
467
+ 'type' => Controls_Manager::SLIDER,
468
+ 'range' => [
469
+ 'px' => [
470
+ 'max' => 50,
471
+ ],
472
+ ],
473
  'selectors' => [
474
+ '{{WRAPPER}} .eael-elements-flip-box-icon-image' => 'border-radius: {{SIZE}}px;',
 
475
  ],
476
+ 'condition' => [
477
+ 'eael_flipbox_img_or_icon' => 'icon'
478
+ ]
479
  ]
480
  );
481
 
489
  $this->start_controls_section(
490
  'eael_section_flipbox_title_style_settings',
491
  [
492
+ 'label' => esc_html__( 'Color &amp; Typography', 'essential-addons-elementor' ),
493
  'tab' => Controls_Manager::TAB_STYLE
494
  ]
495
  );
496
 
497
  $this->add_responsive_control(
498
+ 'eael_flipbox_front_back_content_toggler',
499
  [
500
+ 'label' => esc_html__( 'Front or Rear Content', 'essential-addons-elementor' ),
501
  'type' => Controls_Manager::CHOOSE,
502
  'label_block' => true,
503
  'options' => [
504
  'front' => [
505
+ 'title' => esc_html__( 'Front Content', 'essential-addons-elementor' ),
506
+ 'icon' => 'fa fa-arrow-left',
507
  ],
508
  'back' => [
509
+ 'title' => esc_html__( 'Rear Content', 'essential-addons-elementor' ),
510
+ 'icon' => 'fa fa-arrow-right',
511
  ],
512
  ],
513
  'default' => 'front',
514
  ]
515
  );
516
+
517
+ $this->add_control(
518
+ 'eael_flipbox_front_title_heading',
 
 
519
  [
520
+ 'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
521
+ 'type' => Controls_Manager::HEADING,
 
 
 
522
  ]
523
  );
524
+ /**
525
+ * Condition: 'eael_flipbox_front_back_content_toggler' => 'front'
526
+ */
527
  $this->add_control(
528
  'eael_flipbox_front_title_color',
529
  [
531
  'type' => Controls_Manager::COLOR,
532
  'default' => '#fff',
533
  'selectors' => [
534
+ '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-heading' => 'color: {{VALUE}};',
535
  ],
536
  'condition' => [
537
+ 'eael_flipbox_front_back_content_toggler' => 'front'
538
  ]
539
  ]
540
  );
541
+
542
  /**
543
+ * Condition: 'eael_flipbox_front_back_content_toggler' => 'back'
544
  */
 
 
 
 
 
 
 
 
 
 
 
545
  $this->add_control(
546
  'eael_flipbox_back_title_color',
547
  [
549
  'type' => Controls_Manager::COLOR,
550
  'default' => '#fff',
551
  'selectors' => [
552
+ '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading' => 'color: {{VALUE}};',
553
  ],
554
  'condition' => [
555
+ 'eael_flipbox_front_back_content_toggler' => 'back'
556
  ]
557
  ]
558
  );
559
 
 
 
560
  /**
561
+ * Condition: 'eael_flipbox_front_back_content_toggler' => 'front'
 
 
562
  */
563
+ $this->add_group_control(
564
+ Group_Control_Typography::get_type(),
565
  [
566
+ 'name' => 'eael_flipbox_front_title_typography',
567
+ 'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-heading',
568
+ 'condition' => [
569
+ 'eael_flipbox_front_back_content_toggler' => 'front'
570
+ ],
571
  ]
572
  );
573
 
574
+ /**
575
+ * Condition: 'eael_flipbox_front_back_content_toggler' => 'back'
576
+ */
577
+ $this->add_group_control(
578
+ Group_Control_Typography::get_type(),
579
  [
580
+ 'name' => 'eael_flipbox_back_title_typography',
581
+ 'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading',
582
+ 'condition' => [
583
+ 'eael_flipbox_front_back_content_toggler' => 'back'
 
 
 
 
 
 
 
 
584
  ],
 
585
  ]
586
  );
587
 
588
  /**
589
+ * Content
590
  */
591
+ $this->add_control(
592
+ 'eael_flipbox_content_heading',
593
  [
594
+ 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
595
+ 'type' => Controls_Manager::HEADING,
596
+ 'separator' => 'before'
597
+ ]
598
+ );
599
+
600
+ /**
601
+ * Condition: 'eael_flipbox_front_back_content_toggler' => 'front'
602
+ */
603
+ $this->add_control(
604
+ 'eael_flipbox_front_content_color',
605
+ [
606
+ 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
607
+ 'type' => Controls_Manager::COLOR,
608
+ 'default' => '#fff',
609
+ 'selectors' => [
610
+ '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-content' => 'color: {{VALUE}};',
611
+ ],
612
  'condition' => [
613
+ 'eael_flipbox_front_back_content_toggler' => 'front'
614
  ]
615
  ]
616
  );
617
 
618
+ /**
619
+ * Condition: 'eael_flipbox_front_back_content_toggler' => 'back'
620
+ */
621
  $this->add_control(
622
+ 'eael_flipbox_back_content_color',
623
  [
624
  'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
625
  'type' => Controls_Manager::COLOR,
626
  'default' => '#fff',
627
  'selectors' => [
628
+ '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-content' => 'color: {{VALUE}};',
629
  ],
630
  'condition' => [
631
+ 'eael_flipbox_front_back_content_toggler' => 'back'
632
  ]
633
  ]
634
  );
635
 
636
  /**
637
+ * Condition: 'eael_flipbox_front_back_content_toggler' => 'front'
638
  */
639
  $this->add_group_control(
640
  Group_Control_Typography::get_type(),
641
  [
642
+ 'name' => 'eael_flipbox_front_content_typography',
643
+ 'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-content',
644
  'condition' => [
645
+ 'eael_flipbox_front_back_content_toggler' => 'front'
646
  ]
647
  ]
648
  );
649
 
650
+ /**
651
+ * Condition: 'eael_flipbox_front_back_content_toggler' => 'back'
652
+ */
653
+ $this->add_group_control(
654
+ Group_Control_Typography::get_type(),
655
  [
656
+ 'name' => 'eael_flipbox_back_content_typography',
657
+ 'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-content',
 
 
 
 
658
  'condition' => [
659
+ 'eael_flipbox_front_back_content_toggler' => 'back'
660
  ]
661
  ]
662
  );
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
+
677
+ <div class="eael-elements-progression-flip-box-container eael-animate-flip eael-<?php echo esc_attr( $settings['eael_flipbox_type'] ); ?>">
678
+ <div class="eael-elements-flip-box-flip-card">
679
+ <div class="eael-elements-flip-box-front-container">
680
+ <div class="eael-elements-slider-display-table">
681
+ <div class="eael-elements-flip-box-vertical-align">
682
+ <div class="eael-elements-flip-box-padding">
683
+ <div class="eael-elements-flip-box-icon-image">
684
+ <?php if( 'icon' === $settings['eael_flipbox_img_or_icon'] ) : ?>
685
+ <i class="<?php echo esc_attr( $settings['eael_flipbox_icon'] ); ?>"></i>
686
+ <?php elseif( 'img' === $settings['eael_flipbox_img_or_icon'] ): ?>
687
+ <img src="<?php echo esc_url( $flipbox_image_url ); ?>" alt="">
688
+ <?php endif; ?>
689
+ </div>
690
+ <h2 class="eael-elements-flip-box-heading"><?php echo esc_html__( $settings['eael_flipbox_front_title'], 'essential-addons-elementor' ); ?></h2>
691
+ <div class="eael-elements-flip-box-content">
692
+ <p><?php echo esc_html__( $settings['eael_flipbox_front_text'], 'essential-addons-elementor' ); ?></p>
693
+ </div>
694
+ </div>
695
+ </div>
696
+ </div>
697
+ </div>
698
+ <div class="eael-elements-flip-box-rear-container">
699
+ <div class="eael-elements-slider-display-table">
700
+ <div class="eael-elements-flip-box-vertical-align">
701
+ <div class="eael-elements-flip-box-padding">
702
+ <h2 class="eael-elements-flip-box-heading"><?php echo esc_html__( $settings['eael_flipbox_back_title'], 'essential-addons-elementor' ); ?></h2>
703
+ <div class="eael-elements-flip-box-content">
704
+ <p><?php echo esc_html__( $settings['eael_flipbox_back_text'], 'essential-addons-elementor' ); ?></p>
705
+ </div>
706
+ </div>
707
+ </div>
708
+ </div>
709
+ </div>
710
+ </div>
711
+ </div>
712
+
 
 
 
 
 
 
 
 
 
 
 
713
  <?php
714
  }
715
 
elements/infobox/infobox.php CHANGED
@@ -14,7 +14,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
14
  }
15
 
16
  public function get_icon() {
17
- return 'fa fa-info';
18
  }
19
 
20
  public function get_categories() {
@@ -51,7 +51,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
51
  $this->add_responsive_control(
52
  'eael_infobox_img_or_icon',
53
  [
54
- 'label' => esc_html__( 'Image Or Icon', 'essential-addons-elementor' ),
55
  'type' => Controls_Manager::CHOOSE,
56
  'label_block' => true,
57
  'options' => [
@@ -64,7 +64,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
64
  'icon' => 'fa fa-info-circle',
65
  ],
66
  ],
67
- 'default' => 'img',
68
  ]
69
  );
70
  /**
@@ -84,48 +84,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
84
  ]
85
  );
86
 
87
- $this->add_group_control(
88
- Group_Control_Image_Size::get_type(),
89
- [
90
- 'name' => 'thumbnail',
91
- 'default' => 'full',
92
- 'condition' => [
93
- 'eael_infobox_image[url]!' => '',
94
- ],
95
- 'condition' => [
96
- 'eael_infobox_img_or_icon' => 'img'
97
- ]
98
- ]
99
- );
100
-
101
- $this->add_responsive_control(
102
- 'eael_infobox_img_alignment',
103
- [
104
- 'label' => esc_html__( 'Image Alignment', 'essential-addons-elementor' ),
105
- 'type' => Controls_Manager::CHOOSE,
106
- 'label_block' => true,
107
- 'options' => [
108
- 'left' => [
109
- 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
110
- 'icon' => 'fa fa-align-left',
111
- ],
112
- 'center' => [
113
- 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
114
- 'icon' => 'fa fa-align-center',
115
- ],
116
- 'right' => [
117
- 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
118
- 'icon' => 'fa fa-align-right',
119
- ],
120
- ],
121
- 'default' => 'left',
122
- 'prefix_class' => 'eael-infobox-img-align-',
123
- 'condition' => [
124
- 'eael_infobox_img_or_icon' => 'img',
125
- 'eael_infobox_img_type!' => 'img-on-left',
126
- ]
127
- ]
128
- );
129
  /**
130
  * Condition: 'eael_infobox_img_or_icon' => 'icon'
131
  */
@@ -161,7 +120,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
161
  'icon' => 'fa fa-align-right',
162
  ],
163
  ],
164
- 'default' => 'left',
165
  'prefix_class' => 'eael-infobox-icon-align-',
166
  'condition' => [
167
  'eael_infobox_img_or_icon' => 'icon'
@@ -229,7 +188,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
229
  'icon' => 'fa fa-align-right',
230
  ],
231
  ],
232
- 'default' => 'left',
233
  'prefix_class' => 'eael-infobox-content-align-',
234
  ]
235
  );
@@ -243,7 +202,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
243
  $this->start_controls_section(
244
  'eael_section_infobox_style_settings',
245
  [
246
- 'label' => esc_html__( 'Info Box Styles', 'essential-addons-elementor' ),
247
  'tab' => Controls_Manager::TAB_STYLE
248
  ]
249
  );
@@ -284,39 +243,13 @@ class Widget_Eael_Info_Box extends Widget_Base {
284
  ]
285
  );
286
 
287
- $this->add_control(
288
- 'eael_infobox_border_type',
289
- [
290
- 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
291
- 'type' => Controls_Manager::SELECT,
292
- 'default' => 'none',
293
- 'options' => [
294
- 'none' => esc_html__( 'None', 'essential-addons-elementor' ),
295
- 'solid' => esc_html__( 'Solid', 'essential-addons-elementor' ),
296
- 'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
297
- 'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
298
- 'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
299
- ],
300
- 'selectors' => [
301
- '{{WRAPPER}} .eael-infobox' => 'border-style: {{VALUE}};',
302
- ],
303
- ]
304
- );
305
-
306
- $this->add_control(
307
- 'eael_infobox_border_thickness',
308
- [
309
- 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
310
- 'type' => Controls_Manager::SLIDER,
311
- 'range' => [
312
- 'px' => [
313
- 'max' => 50,
314
- ],
315
- ],
316
- 'selectors' => [
317
- '{{WRAPPER}} .eael-infobox' => 'border-width: {{SIZE}}px;',
318
- ],
319
- ]
320
  );
321
 
322
  $this->add_control(
@@ -326,7 +259,7 @@ class Widget_Eael_Info_Box extends Widget_Base {
326
  'type' => Controls_Manager::SLIDER,
327
  'range' => [
328
  'px' => [
329
- 'max' => 500,
330
  ],
331
  ],
332
  'selectors' => [
@@ -335,20 +268,6 @@ class Widget_Eael_Info_Box extends Widget_Base {
335
  ]
336
  );
337
 
338
- $this->add_control(
339
- 'eael_infobox_border_color',
340
- [
341
- 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
342
- 'type' => Controls_Manager::COLOR,
343
- 'default' => '',
344
- 'separator' => 'after',
345
- 'selectors' => [
346
- '{{WRAPPER}} .eael-infobox' => 'border-color: {{VALUE}};',
347
- ],
348
- ]
349
-
350
- );
351
-
352
  $this->add_group_control(
353
  Group_Control_Box_Shadow::get_type(),
354
  [
@@ -393,6 +312,71 @@ class Widget_Eael_Info_Box extends Widget_Base {
393
  ]
394
  );
395
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
396
  $this->end_controls_section();
397
 
398
  /**
@@ -491,16 +475,16 @@ class Widget_Eael_Info_Box extends Widget_Base {
491
  $this->start_controls_section(
492
  'eael_section_infobox_title_style_settings',
493
  [
494
- 'label' => esc_html__( 'Title Typography &amp; Color', 'essential-addons-elementor' ),
495
  'tab' => Controls_Manager::TAB_STYLE
496
  ]
497
  );
498
 
499
- $this->add_group_control(
500
- Group_Control_Typography::get_type(),
501
  [
502
- 'name' => 'eael_infobox_title_typography',
503
- 'selector' => '{{WRAPPER}} .eael-infobox .infobox-content .title',
504
  ]
505
  );
506
 
@@ -516,26 +500,20 @@ class Widget_Eael_Info_Box extends Widget_Base {
516
  ]
517
  );
518
 
519
- $this->end_controls_section();
520
-
521
- /**
522
- * -------------------------------------------
523
- * Tab Style (Info Box Content Style)
524
- * -------------------------------------------
525
- */
526
- $this->start_controls_section(
527
- 'eael_section_infobox_content_style_settings',
528
  [
529
- 'label' => esc_html__( 'Content Typography &amp; Color', 'essential-addons-elementor' ),
530
- 'tab' => Controls_Manager::TAB_STYLE
531
  ]
532
  );
533
 
534
- $this->add_group_control(
535
- Group_Control_Typography::get_type(),
536
  [
537
- 'name' => 'eael_infobox_content_typography',
538
- 'selector' => '{{WRAPPER}} .eael-infobox .infobox-content p',
 
539
  ]
540
  );
541
 
@@ -550,6 +528,14 @@ class Widget_Eael_Info_Box extends Widget_Base {
550
  ],
551
  ]
552
  );
 
 
 
 
 
 
 
 
553
 
554
  $this->end_controls_section();
555
 
14
  }
15
 
16
  public function get_icon() {
17
+ return 'eicon-info-box';
18
  }
19
 
20
  public function get_categories() {
51
  $this->add_responsive_control(
52
  'eael_infobox_img_or_icon',
53
  [
54
+ 'label' => esc_html__( 'Image or Icon', 'essential-addons-elementor' ),
55
  'type' => Controls_Manager::CHOOSE,
56
  'label_block' => true,
57
  'options' => [
64
  'icon' => 'fa fa-info-circle',
65
  ],
66
  ],
67
+ 'default' => 'icon',
68
  ]
69
  );
70
  /**
84
  ]
85
  );
86
 
87
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
88
  /**
89
  * Condition: 'eael_infobox_img_or_icon' => 'icon'
90
  */
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'
188
  'icon' => 'fa fa-align-right',
189
  ],
190
  ],
191
+ 'default' => 'center',
192
  'prefix_class' => 'eael-infobox-content-align-',
193
  ]
194
  );
202
  $this->start_controls_section(
203
  'eael_section_infobox_style_settings',
204
  [
205
+ 'label' => esc_html__( 'Info Box Style', 'essential-addons-elementor' ),
206
  'tab' => Controls_Manager::TAB_STYLE
207
  ]
208
  );
243
  ]
244
  );
245
 
246
+ $this->add_group_control(
247
+ Group_Control_Border::get_type(),
248
+ [
249
+ 'name' => 'eael_infobox_border',
250
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
251
+ 'selector' => '{{WRAPPER}} .eael-infobox',
252
+ ]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
253
  );
254
 
255
  $this->add_control(
259
  'type' => Controls_Manager::SLIDER,
260
  'range' => [
261
  'px' => [
262
+ 'max' => 50,
263
  ],
264
  ],
265
  'selectors' => [
268
  ]
269
  );
270
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
271
  $this->add_group_control(
272
  Group_Control_Box_Shadow::get_type(),
273
  [
312
  ]
313
  );
314
 
315
+ $this->add_control(
316
+ 'eael_infobox_image_resizer',
317
+ [
318
+ 'label' => esc_html__( 'Image Resizer', 'essential-addons-elementor' ),
319
+ 'type' => Controls_Manager::SLIDER,
320
+ 'default' => [
321
+ 'size' => '100'
322
+ ],
323
+ 'range' => [
324
+ 'px' => [
325
+ 'max' => 500,
326
+ ],
327
+ ],
328
+ 'selectors' => [
329
+ '{{WRAPPER}} .eael-infobox .infobox-icon img' => 'width: {{SIZE}}px;',
330
+ ],
331
+ 'condition' => [
332
+ 'eael_infobox_img_or_icon' => 'img'
333
+ ]
334
+ ]
335
+ );
336
+
337
+ $this->add_group_control(
338
+ Group_Control_Image_Size::get_type(),
339
+ [
340
+ 'name' => 'thumbnail',
341
+ 'default' => 'full',
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
+ );
379
+
380
  $this->end_controls_section();
381
 
382
  /**
475
  $this->start_controls_section(
476
  'eael_section_infobox_title_style_settings',
477
  [
478
+ 'label' => esc_html__( 'Color &amp; Typography', 'essential-addons-elementor' ),
479
  'tab' => Controls_Manager::TAB_STYLE
480
  ]
481
  );
482
 
483
+ $this->add_control(
484
+ 'eael_infobox_title_heading',
485
  [
486
+ 'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
487
+ 'type' => Controls_Manager::HEADING,
488
  ]
489
  );
490
 
500
  ]
501
  );
502
 
503
+ $this->add_group_control(
504
+ Group_Control_Typography::get_type(),
 
 
 
 
 
 
 
505
  [
506
+ 'name' => 'eael_infobox_title_typography',
507
+ 'selector' => '{{WRAPPER}} .eael-infobox .infobox-content .title',
508
  ]
509
  );
510
 
511
+ $this->add_control(
512
+ 'eael_infobox_content_heading',
513
  [
514
+ 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
515
+ 'type' => Controls_Manager::HEADING,
516
+ 'separator' => 'before'
517
  ]
518
  );
519
 
528
  ],
529
  ]
530
  );
531
+
532
+ $this->add_group_control(
533
+ Group_Control_Typography::get_type(),
534
+ [
535
+ 'name' => 'eael_infobox_content_typography',
536
+ 'selector' => '{{WRAPPER}} .eael-infobox .infobox-content p',
537
+ ]
538
+ );
539
 
540
  $this->end_controls_section();
541
 
elements/post-timeline/post-timeline.php CHANGED
@@ -289,7 +289,7 @@ class Widget_PostTimeline extends Widget_Base {
289
  [
290
  'label' => __( 'Border & Arrow Color', 'essential-addons-elementor' ),
291
  'type' => Controls_Manager::COLOR,
292
- 'default'=> '#ffffff',
293
  'selectors' => [
294
  '{{WRAPPER}} .eael-timeline-post-inner' => 'border-color: {{VALUE}};',
295
  '{{WRAPPER}} .eael-timeline-post-inner::after' => 'border-left-color: {{VALUE}};',
289
  [
290
  'label' => __( 'Border & Arrow Color', 'essential-addons-elementor' ),
291
  'type' => Controls_Manager::COLOR,
292
+ 'default'=> '#e5eaed',
293
  'selectors' => [
294
  '{{WRAPPER}} .eael-timeline-post-inner' => 'border-color: {{VALUE}};',
295
  '{{WRAPPER}} .eael-timeline-post-inner::after' => 'border-left-color: {{VALUE}};',
elements/pricing-table/pricing-table.php ADDED
@@ -0,0 +1,1114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ namespace Elementor;
3
+
4
+ if ( ! defined( 'ABSPATH' ) ) exit; // If this file is called directly, abort.
5
+
6
+ class Widget_Eael_Pricing_Table extends Widget_Base {
7
+
8
+ public function get_name() {
9
+ return 'eael-pricing-table';
10
+ }
11
+
12
+ public function get_title() {
13
+ return esc_html__( 'EA Pricing Table', 'essential-addons-elementor' );
14
+ }
15
+
16
+ public function get_icon() {
17
+ return 'eicon-price-table';
18
+ }
19
+
20
+ public function get_categories() {
21
+ return [ 'essential-addons-elementor' ];
22
+ }
23
+
24
+ protected function _register_controls() {
25
+
26
+ /**
27
+ * Pricing Table Settings
28
+ */
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
+
36
+ $this->add_control(
37
+ 'eael_pricing_table_style',
38
+ [
39
+ 'label' => esc_html__( 'Pricing Style', 'essential-addons-elementor' ),
40
+ 'type' => Controls_Manager::SELECT,
41
+ 'default' => 'style-1',
42
+ 'label_block' => false,
43
+ 'options' => [
44
+ 'style-1' => esc_html__( 'Default', 'essential-addons-elementor' ),
45
+ 'style-2' => esc_html__( 'Pricing Style 2', 'essential-addons-elementor' ),
46
+ 'style-3' => esc_html__( 'Pricing Style 3', 'essential-addons-elementor' ),
47
+ 'style-4' => esc_html__( 'Pricing Style 4', 'essential-addons-elementor' ),
48
+ ],
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' ),
109
+ 'type' => Controls_Manager::TEXT,
110
+ 'label_block' => false,
111
+ 'default' => esc_html__( 'Startup', 'essential-addons-elementor' )
112
+ ]
113
+ );
114
+
115
+ /**
116
+ * Condition: 'eael_pricing_table_style' => 'style-2'
117
+ */
118
+ $this->add_control(
119
+ 'eael_pricing_table_sub_title',
120
+ [
121
+ 'label' => esc_html__( 'Sub Title', 'essential-addons-elementor' ),
122
+ 'type' => Controls_Manager::TEXT,
123
+ 'label_block' => false,
124
+ 'default' => esc_html__( 'A tagline here.', 'essential-addons-elementor' ),
125
+ 'condition' => [
126
+ 'eael_pricing_table_style' => [ 'style-2', 'style-3', 'style-4' ]
127
+ ]
128
+ ]
129
+ );
130
+
131
+ /**
132
+ * Condition: 'eael_pricing_table_style' => 'style-2'
133
+ */
134
+ $this->add_control(
135
+ 'eael_pricing_table_style_2_icon',
136
+ [
137
+ 'label' => esc_html__( 'Icon', 'essential-addons-elementor' ),
138
+ 'type' => Controls_Manager::ICON,
139
+ 'default' => 'fa fa-home',
140
+ 'condition' => [
141
+ 'eael_pricing_table_style' => 'style-2'
142
+ ]
143
+ ]
144
+ );
145
+
146
+ /**
147
+ * Condition: 'eael_pricing_table_style' => 'style-4'
148
+ */
149
+ $this->add_control(
150
+ 'eael_pricing_table_style_4_image',
151
+ [
152
+ 'label' => esc_html__( 'Header Image', 'essential-addons-elementor' ),
153
+ 'type' => Controls_Manager::MEDIA,
154
+ 'default' => [
155
+ 'url' => Utils::get_placeholder_image_src(),
156
+ ],
157
+ 'selectors' => [
158
+ '{{WRAPPER}} .eael-pricing-image' => 'background-image: url({{URL}});',
159
+ ],
160
+ 'condition' => [
161
+ 'eael_pricing_table_style' => 'style-4'
162
+ ]
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,
301
+ 'seperator' => 'before',
302
+ 'default' => [
303
+ [ 'eael_pricing_table_item' => 'Unlimited calls' ],
304
+ [ 'eael_pricing_table_item' => 'Free hosting' ],
305
+ [ 'eael_pricing_table_item' => '500 MB of storage space' ],
306
+ [ 'eael_pricing_table_item' => '500 MB Bandwidth' ],
307
+ [ 'eael_pricing_table_item' => '24/7 support' ]
308
+ ],
309
+ 'fields' => [
310
+ [
311
+ 'name' => 'eael_pricing_table_item',
312
+ 'label' => esc_html__( 'List Item', 'essential-addons-elementor' ),
313
+ 'type' => Controls_Manager::TEXT,
314
+ 'label_block' => true,
315
+ 'default' => esc_html__( 'Pricing table list item', 'essential-addons-elementor' )
316
+ ],
317
+ [
318
+ 'name' => 'eael_pricing_table_list_icon',
319
+ 'label' => esc_html__( 'List Icon', 'essential-addons-elementor' ),
320
+ 'type' => Controls_Manager::ICON,
321
+ 'label_block' => false,
322
+ 'default' => 'fa fa-check',
323
+ ],
324
+ [
325
+ 'name' => 'eael_pricing_table_icon_mood',
326
+ 'label' => esc_html__( 'Item Active?', 'essential-addons-elementor' ),
327
+ 'type' => Controls_Manager::SWITCHER,
328
+ 'return_value' => 'yes',
329
+ 'default' => 'yes',
330
+ ],
331
+ [
332
+ 'name' => 'eael_pricing_table_list_icon_color',
333
+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
334
+ 'type' => Controls_Manager::COLOR,
335
+ 'default' => '#00C853',
336
+ ]
337
+ ],
338
+ 'title_field' => '{{eael_pricing_table_item}}',
339
+ ]
340
+ );
341
+
342
+ $this->add_control(
343
+ 'eael_pricing_table_button_icon',
344
+ [
345
+ 'label' => esc_html__( 'Button Icon', 'essential-addons-elementor' ),
346
+ 'type' => Controls_Manager::ICON,
347
+ ]
348
+ );
349
+
350
+ $this->add_control(
351
+ 'eael_pricing_table_button_icon_alignment',
352
+ [
353
+ 'label' => esc_html__( 'Icon Position', 'essential-addons-elementor' ),
354
+ 'type' => Controls_Manager::SELECT,
355
+ 'default' => 'left',
356
+ 'options' => [
357
+ 'left' => esc_html__( 'Before', 'essential-addons-elementor' ),
358
+ 'right' => esc_html__( 'After', 'essential-addons-elementor' ),
359
+ ],
360
+ 'condition' => [
361
+ 'eael_pricing_table_button_icon!' => '',
362
+ ],
363
+ ]
364
+ );
365
+
366
+
367
+ $this->add_control(
368
+ 'eael_pricing_table_button_icon_indent',
369
+ [
370
+ 'label' => esc_html__( 'Icon Spacing', 'essential-addons-elementor' ),
371
+ 'type' => Controls_Manager::SLIDER,
372
+ 'range' => [
373
+ 'px' => [
374
+ 'max' => 60,
375
+ ],
376
+ ],
377
+ 'condition' => [
378
+ 'eael_pricing_table_button_icon!' => '',
379
+ ],
380
+ 'selectors' => [
381
+ '{{WRAPPER}} .eael-pricing-button i.fa-icon-left' => 'margin-right: {{SIZE}}px;',
382
+ '{{WRAPPER}} .eael-pricing-button i.fa-icon-right' => 'margin-left: {{SIZE}}px;',
383
+ ],
384
+ ]
385
+ );
386
+
387
+ $this->add_control(
388
+ 'eael_pricing_table_btn',
389
+ [
390
+ 'label' => esc_html__( 'Button Text', 'essential-addons-elementor' ),
391
+ 'type' => Controls_Manager::TEXT,
392
+ 'label_block' => true,
393
+ 'default' => esc_html__( 'Choose Plan', 'essential-addons-elementor' ),
394
+ ]
395
+ );
396
+
397
+ $this->add_control(
398
+ 'eael_pricing_table_btn_link',
399
+ [
400
+ 'label' => esc_html__( 'Button Link', 'essential-addons-elementor' ),
401
+ 'type' => Controls_Manager::URL,
402
+ 'label_block' => true,
403
+ 'default' => [
404
+ 'url' => '#',
405
+ 'is_external' => '',
406
+ ],
407
+ 'show_external' => true,
408
+ ]
409
+ );
410
+
411
+ $this->end_controls_section();
412
+
413
+ /**
414
+ * -------------------------------------------
415
+ * Tab Style (Pricing Table Style)
416
+ * -------------------------------------------
417
+ */
418
+ $this->start_controls_section(
419
+ 'eael_section_pricing_table_style_settings',
420
+ [
421
+ 'label' => esc_html__( 'Pricing Table Style', 'essential-addons-elementor' ),
422
+ 'tab' => Controls_Manager::TAB_STYLE
423
+ ]
424
+ );
425
+
426
+ $this->add_control(
427
+ 'eael_pricing_table_bg_color',
428
+ [
429
+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
430
+ 'type' => Controls_Manager::COLOR,
431
+ 'default' => '',
432
+ 'selectors' => [
433
+ '{{WRAPPER}} .eael-pricing .eael-pricing-item' => 'background-color: {{VALUE}};',
434
+ ],
435
+ ]
436
+ );
437
+
438
+ $this->add_responsive_control(
439
+ 'eael_pricing_table_container_padding',
440
+ [
441
+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
442
+ 'type' => Controls_Manager::DIMENSIONS,
443
+ 'size_units' => [ 'px', 'em', '%' ],
444
+ 'selectors' => [
445
+ '{{WRAPPER}} .eael-pricing .eael-pricing-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
446
+ ],
447
+ ]
448
+ );
449
+
450
+ $this->add_responsive_control(
451
+ 'eael_pricing_table_container_margin',
452
+ [
453
+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
454
+ 'type' => Controls_Manager::DIMENSIONS,
455
+ 'size_units' => [ 'px', 'em', '%' ],
456
+ 'selectors' => [
457
+ '{{WRAPPER}} .eael-pricing .eael-pricing-item' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
458
+ ],
459
+ ]
460
+ );
461
+
462
+ $this->add_group_control(
463
+ Group_Control_Border::get_type(),
464
+ [
465
+ 'name' => 'eael_pricing_table_border',
466
+ 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
467
+ 'selector' => '{{WRAPPER}} .eael-pricing .eael-pricing-item',
468
+ ]
469
+ );
470
+
471
+ $this->add_control(
472
+ 'eael_pricing_table_border_radius',
473
+ [
474
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
475
+ 'type' => Controls_Manager::SLIDER,
476
+ 'default' => [
477
+ 'size' => 4,
478
+ ],
479
+ 'range' => [
480
+ 'px' => [
481
+ 'max' => 50,
482
+ ],
483
+ ],
484
+ 'selectors' => [
485
+ '{{WRAPPER}} .eael-pricing .eael-pricing-item' => 'border-radius: {{SIZE}}px;',
486
+ ],
487
+ ]
488
+ );
489
+
490
+ $this->add_group_control(
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
+
498
+ $this->end_controls_section();
499
+
500
+ /**
501
+ * -------------------------------------------
502
+ * Tab Style (Pricing Table Title Style)
503
+ * -------------------------------------------
504
+ */
505
+ $this->start_controls_section(
506
+ 'eael_section_pricing_table_title_style_settings',
507
+ [
508
+ 'label' => esc_html__( 'Color &amp; Typography', 'essential-addons-elementor' ),
509
+ 'tab' => Controls_Manager::TAB_STYLE
510
+ ]
511
+ );
512
+
513
+ $this->add_control(
514
+ 'eael_pricing_table_title_heading',
515
+ [
516
+ 'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
517
+ 'type' => Controls_Manager::HEADING,
518
+ ]
519
+ );
520
+
521
+ $this->add_control(
522
+ 'eael_pricing_table_title_color',
523
+ [
524
+ 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
525
+ 'type' => Controls_Manager::COLOR,
526
+ 'default' => '',
527
+ 'selectors' => [
528
+ '{{WRAPPER}} .eael-pricing-item .header .title' => 'color: {{VALUE}};',
529
+ '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item:hover .header:after' => 'background: {{VALUE}};',
530
+ ],
531
+ ]
532
+ );
533
+
534
+ $this->add_control(
535
+ 'eael_pricing_table_style_2_title_bg_color',
536
+ [
537
+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
538
+ 'type' => Controls_Manager::COLOR,
539
+ 'default' => '#C8E6C9',
540
+ 'selectors' => [
541
+ '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .header' => 'background: {{VALUE}};',
542
+ '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item .header' => 'background: {{VALUE}};',
543
+ ],
544
+ 'condition' => [
545
+ 'eael_pricing_table_style' => ['style-2', 'style-4']
546
+ ]
547
+ ]
548
+ );
549
+
550
+ $this->add_control(
551
+ 'eael_pricing_table_style_1_title_line_color',
552
+ [
553
+ 'label' => esc_html__( 'Line Color', 'essential-addons-elementor' ),
554
+ 'type' => Controls_Manager::COLOR,
555
+ 'default' => '#dbdbdb',
556
+ 'selectors' => [
557
+ '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item .header:after' => 'background: {{VALUE}};',
558
+ ],
559
+ 'condition' => [
560
+ 'eael_pricing_table_style' => ['style-1']
561
+ ]
562
+ ]
563
+ );
564
+
565
+ $this->add_control(
566
+ 'eael_pricing_table_style_3_title_line_color',
567
+ [
568
+ 'label' => esc_html__( 'Line Color', 'essential-addons-elementor' ),
569
+ 'type' => Controls_Manager::COLOR,
570
+ 'default' => '#E25A77',
571
+ 'selectors' => [
572
+ '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item .header:after' => 'background: {{VALUE}};',
573
+ ],
574
+ 'condition' => [
575
+ 'eael_pricing_table_style' => ['style-3']
576
+ ]
577
+ ]
578
+ );
579
+
580
+ $this->add_group_control(
581
+ Group_Control_Typography::get_type(),
582
+ [
583
+ 'name' => 'eael_pricing_table_title_typography',
584
+ 'selector' => '{{WRAPPER}} .eael-pricing-item .header .title',
585
+ ]
586
+ );
587
+
588
+ $this->add_control(
589
+ 'eael_pricing_table_subtitle_heading',
590
+ [
591
+ 'label' => esc_html__( 'Subtitle Style', 'essential-addons-elementor' ),
592
+ 'type' => Controls_Manager::HEADING,
593
+ 'separator' => 'before',
594
+ 'condition' => [
595
+ 'eael_pricing_table_style!' => 'style-1'
596
+ ]
597
+ ]
598
+ );
599
+
600
+ $this->add_control(
601
+ 'eael_pricing_table_subtitle_color',
602
+ [
603
+ 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
604
+ 'type' => Controls_Manager::COLOR,
605
+ 'default' => '',
606
+ 'selectors' => [
607
+ '{{WRAPPER}} .eael-pricing-item .header .subtitle' => 'color: {{VALUE}};',
608
+ ],
609
+ 'condition' => [
610
+ 'eael_pricing_table_style!' => 'style-1'
611
+ ]
612
+ ]
613
+ );
614
+
615
+ $this->add_group_control(
616
+ Group_Control_Typography::get_type(),
617
+ [
618
+ 'name' => 'eael_pricing_table_subtitle_typography',
619
+ 'selector' => '{{WRAPPER}} .eael-pricing-item .header .subtitle',
620
+ 'condition' => [
621
+ 'eael_pricing_table_style!' => 'style-1'
622
+ ]
623
+ ]
624
+
625
+ );
626
+
627
+ $this->add_control(
628
+ 'eael_pricing_table_price_tag_heading',
629
+ [
630
+ 'label' => esc_html__( 'Price Tag Style', 'essential-addons-elementor' ),
631
+ 'type' => Controls_Manager::HEADING,
632
+ 'separator' => 'before'
633
+ ]
634
+ );
635
+
636
+ $this->add_control(
637
+ 'eael_pricing_table_pricing_color',
638
+ [
639
+ 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
640
+ 'type' => Controls_Manager::COLOR,
641
+ 'default' => '',
642
+ 'selectors' => [
643
+ '{{WRAPPER}} .eael-pricing-item .price-tag' => 'color: {{VALUE}};',
644
+ ],
645
+ ]
646
+ );
647
+
648
+ $this->add_control(
649
+ 'eael_pricing_table_pricing_icon_color',
650
+ [
651
+ 'label' => esc_html__( 'Currency Color', 'essential-addons-elementor' ),
652
+ 'type' => Controls_Manager::COLOR,
653
+ 'default' => '',
654
+ 'selectors' => [
655
+ '{{WRAPPER}} .eael-pricing-item .price-tag:before' => 'color: {{VALUE}};',
656
+ ],
657
+ ]
658
+ );
659
+
660
+ $this->add_group_control(
661
+ Group_Control_Typography::get_type(),
662
+ [
663
+ 'name' => 'eael_pricing_table_price_tag_typography',
664
+ 'selector' => '{{WRAPPER}} .eael-pricing-item .price-tag',
665
+ ]
666
+ );
667
+
668
+ $this->add_control(
669
+ 'eael_pricing_table_pricing_period_heading',
670
+ [
671
+ 'label' => esc_html__( 'Pricing Period Style', 'essential-addons-elementor' ),
672
+ 'type' => Controls_Manager::HEADING,
673
+ 'separator' => 'before'
674
+ ]
675
+ );
676
+
677
+ $this->add_control(
678
+ 'eael_pricing_table_pricing_period_color',
679
+ [
680
+ 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
681
+ 'type' => Controls_Manager::COLOR,
682
+ 'default' => '',
683
+ 'selectors' => [
684
+ '{{WRAPPER}} .eael-pricing-item .price-period' => 'color: {{VALUE}};',
685
+ ],
686
+ ]
687
+ );
688
+
689
+ $this->add_group_control(
690
+ Group_Control_Typography::get_type(),
691
+ [
692
+ 'name' => 'eael_pricing_table_price_preiod_typography',
693
+ 'selector' => '{{WRAPPER}} .eael-pricing-item .price-period',
694
+ ]
695
+ );
696
+
697
+ $this->add_control(
698
+ 'eael_pricing_table_price_list_heading',
699
+ [
700
+ 'label' => esc_html__( 'Feature List Style', 'essential-addons-elementor' ),
701
+ 'type' => Controls_Manager::HEADING,
702
+ 'separator' => 'before'
703
+ ]
704
+ );
705
+
706
+ $this->add_control(
707
+ 'eael_pricing_table_list_item_color',
708
+ [
709
+ 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
710
+ 'type' => Controls_Manager::COLOR,
711
+ 'default' => '',
712
+ 'selectors' => [
713
+ '{{WRAPPER}} .eael-pricing-item .body ul li' => 'color: {{VALUE}};',
714
+ ],
715
+ ]
716
+ );
717
+
718
+ $this->add_group_control(
719
+ Group_Control_Typography::get_type(),
720
+ [
721
+ 'name' => 'eael_pricing_table_list_item_typography',
722
+ 'selector' => '{{WRAPPER}} .eael-pricing-item .body ul li',
723
+ ]
724
+ );
725
+
726
+ $this->end_controls_section();
727
+
728
+ /**
729
+ * -------------------------------------------
730
+ * Tab Style (Pricing Table Featured Tag Style)
731
+ * -------------------------------------------
732
+ */
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
+ [
747
+ 'label' => esc_html__( 'Font Size', 'essential-addons-elementor' ),
748
+ 'type' => Controls_Manager::SLIDER,
749
+ 'default' => [
750
+ 'size' => 10
751
+ ],
752
+ 'range' => [
753
+ 'px' => [
754
+ 'max' => 18,
755
+ ],
756
+ ],
757
+ 'selectors' => [
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
+
764
+ $this->add_control(
765
+ 'eael_pricing_table_featured_tag_text_color',
766
+ [
767
+ 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
768
+ 'type' => Controls_Manager::COLOR,
769
+ 'default' => '',
770
+ 'selectors' => [
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
+
777
+ $this->add_control(
778
+ 'eael_pricing_table_featured_tag_bg_color',
779
+ [
780
+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
781
+ 'type' => Controls_Manager::COLOR,
782
+ 'default' => '',
783
+ 'selectors' => [
784
+ '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'background: {{VALUE}};',
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
+
791
+ $this->end_controls_section();
792
+
793
+ /**
794
+ * -------------------------------------------
795
+ * Tab Style (Pricing Table Icon Style)
796
+ * Condition: 'eael_pricing_table_style' => 'style-2'
797
+ * -------------------------------------------
798
+ */
799
+ $this->start_controls_section(
800
+ 'eael_section_pricing_table_icon_settings',
801
+ [
802
+ 'label' => esc_html__( 'Icon Settings', 'essential-addons-elementor' ),
803
+ 'tab' => Controls_Manager::TAB_STYLE,
804
+ 'condition' => [
805
+ 'eael_pricing_table_style' => 'style-2'
806
+ ]
807
+ ]
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
+ );
840
+
841
+ $this->end_controls_section();
842
+
843
+ /**
844
+ * -------------------------------------------
845
+ * Tab Style (Button Style)
846
+ * -------------------------------------------
847
+ */
848
+ $this->start_controls_section(
849
+ 'eael_section_pricing_table_btn_style_settings',
850
+ [
851
+ 'label' => esc_html__( 'Button Style', 'essential-addons-elementor' ),
852
+ 'tab' => Controls_Manager::TAB_STYLE
853
+ ]
854
+ );
855
+
856
+ $this->add_responsive_control(
857
+ 'eael_pricing_table_btn_padding',
858
+ [
859
+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
860
+ 'type' => Controls_Manager::DIMENSIONS,
861
+ 'size_units' => [ 'px', 'em', '%' ],
862
+ 'selectors' => [
863
+ '{{WRAPPER}} .eael-pricing .eael-pricing-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
864
+ ],
865
+ ]
866
+ );
867
+
868
+ $this->add_responsive_control(
869
+ 'eael_pricing_table_btn_margin',
870
+ [
871
+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
872
+ 'type' => Controls_Manager::DIMENSIONS,
873
+ 'size_units' => [ 'px', 'em', '%' ],
874
+ 'selectors' => [
875
+ '{{WRAPPER}} .eael-pricing .eael-pricing-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
876
+ ],
877
+ ]
878
+ );
879
+ $this->add_group_control(
880
+ Group_Control_Typography::get_type(),
881
+ [
882
+ 'name' => 'eael_pricing_table_btn_typography',
883
+ 'selector' => '{{WRAPPER}} .eael-pricing .eael-pricing-button',
884
+ ]
885
+ );
886
+
887
+ $this->start_controls_tabs( 'eael_cta_button_tabs' );
888
+
889
+ // Normal State Tab
890
+ $this->start_controls_tab( 'eael_pricing_table_btn_normal', [ 'label' => esc_html__( 'Normal', 'essential-addons-elementor' ) ] );
891
+
892
+ $this->add_control(
893
+ 'eael_pricing_table_btn_normal_text_color',
894
+ [
895
+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
896
+ 'type' => Controls_Manager::COLOR,
897
+ 'default' => '#fff',
898
+ 'selectors' => [
899
+ '{{WRAPPER}} .eael-pricing .eael-pricing-button' => 'color: {{VALUE}};',
900
+ ],
901
+ ]
902
+ );
903
+
904
+ $this->add_control(
905
+ 'eael_pricing_table_btn_normal_bg_color',
906
+ [
907
+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
908
+ 'type' => Controls_Manager::COLOR,
909
+ 'default' => '#00C853',
910
+ 'selectors' => [
911
+ '{{WRAPPER}} .eael-pricing .eael-pricing-button' => 'background: {{VALUE}};',
912
+ ],
913
+ ]
914
+ );
915
+
916
+ $this->add_group_control(
917
+ Group_Control_Border::get_type(),
918
+ [
919
+ 'name' => 'eael_pricing_table_btn_border',
920
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
921
+ 'selector' => '{{WRAPPER}} .eael-pricing .eael-pricing-button',
922
+ ]
923
+ );
924
+
925
+ $this->add_control(
926
+ 'eael_pricing_table_btn_border_radius',
927
+ [
928
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
929
+ 'type' => Controls_Manager::SLIDER,
930
+ 'range' => [
931
+ 'px' => [
932
+ 'max' => 50,
933
+ ],
934
+ ],
935
+ 'selectors' => [
936
+ '{{WRAPPER}} .eael-pricing .eael-pricing-button' => 'border-radius: {{SIZE}}px;',
937
+ ],
938
+ ]
939
+ );
940
+
941
+ $this->end_controls_tab();
942
+
943
+ // Hover State Tab
944
+ $this->start_controls_tab( 'eael_pricing_table_btn_hover', [ 'label' => esc_html__( 'Hover', 'essential-addons-elementor' ) ] );
945
+
946
+ $this->add_control(
947
+ 'eael_pricing_table_btn_hover_text_color',
948
+ [
949
+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
950
+ 'type' => Controls_Manager::COLOR,
951
+ 'default' => '#f9f9f9',
952
+ 'selectors' => [
953
+ '{{WRAPPER}} .eael-pricing .eael-pricing-button:hover' => 'color: {{VALUE}};',
954
+ ],
955
+ ]
956
+ );
957
+
958
+ $this->add_control(
959
+ 'eael_pricing_table_btn_hover_bg_color',
960
+ [
961
+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
962
+ 'type' => Controls_Manager::COLOR,
963
+ 'default' => '#03b048',
964
+ 'selectors' => [
965
+ '{{WRAPPER}} .eael-pricing .eael-pricing-button:hover' => 'background: {{VALUE}};',
966
+ ],
967
+ ]
968
+ );
969
+
970
+ $this->add_control(
971
+ 'eael_pricing_table_btn_hover_border_color',
972
+ [
973
+ 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
974
+ 'type' => Controls_Manager::COLOR,
975
+ 'default' => '',
976
+ 'selectors' => [
977
+ '{{WRAPPER}} .eael-pricing .eael-pricing-button:hover' => 'border-color: {{VALUE}};',
978
+ ],
979
+ ]
980
+
981
+ );
982
+
983
+ $this->end_controls_tab();
984
+
985
+ $this->end_controls_tabs();
986
+
987
+ $this->add_group_control(
988
+ Group_Control_Box_Shadow::get_type(),
989
+ [
990
+ 'name' => 'eael_cta_button_shadow',
991
+ 'selector' => '{{WRAPPER}} .eael-pricing .eael-pricing-button',
992
+ 'separator' => 'before'
993
+ ]
994
+ );
995
+
996
+ $this->end_controls_section();
997
+
998
+ }
999
+
1000
+
1001
+ protected function render( ) {
1002
+
1003
+ $settings = $this->get_settings();
1004
+ $pricing_table_image = $this->get_settings( 'eael_pricing_table_image' );
1005
+ $pricing_table_image_url = Group_Control_Image_Size::get_attachment_image_src( $pricing_table_image['id'], 'thumbnail', $settings );
1006
+ $target = $settings['eael_pricing_table_btn_link']['is_external'] ? 'target="_blank"' : '';
1007
+ $nofollow = $settings['eael_pricing_table_btn_link']['nofollow'] ? 'rel="nofollow"' : '';
1008
+ if( 'yes' === $settings['eael_pricing_table_featured'] ) : $featured_class = 'featured'; else : $featured_class = ''; endif;
1009
+ ?>
1010
+ <?php if( 'style-1' === $settings['eael_pricing_table_style'] ) : ?>
1011
+ <div class="eael-pricing style-1">
1012
+ <div class="eael-pricing-item <?php echo esc_attr( $featured_class ); ?>">
1013
+ <div class="header">
1014
+ <h2 class="title"><?php echo $settings['eael_pricing_table_title']; ?></h2>
1015
+ </div>
1016
+ <div class="eael-pricing-tag">
1017
+ <span class="price-tag"><?php echo $settings['eael_pricing_table_price'] ?></span> <span class="price-period">/ <?php echo $settings['eael_pricing_table_price_period']; ?></span>
1018
+ </div>
1019
+ <div class="body">
1020
+ <ul>
1021
+ <?php
1022
+ foreach( $settings['eael_pricing_table_items'] as $item ) :
1023
+ if( 'yes' === $item['eael_pricing_table_icon_mood'] ) : $icon_mood = ''; else : $icon_mood = 'disable-item'; endif;
1024
+ ?>
1025
+ <li class="<?php echo esc_attr( $icon_mood ); ?>">
1026
+ <?php if( 'show' === $settings['eael_pricing_table_icon_enabled'] ) : ?>
1027
+ <span class="li-icon" style="color:<?php echo esc_attr( $item['eael_pricing_table_list_icon_color'] ); ?>"><i class="<?php echo esc_attr( $item['eael_pricing_table_list_icon'] ); ?>"></i></span>
1028
+ <?php endif; ?>
1029
+ <?php echo $item['eael_pricing_table_item']; ?>
1030
+ </li>
1031
+ <?php endforeach; ?>
1032
+ </ul>
1033
+ </div>
1034
+ <div class="footer">
1035
+ <a href="<?php echo esc_url( $settings['eael_pricing_table_btn_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> class="eael-pricing-button">
1036
+ <?php if( 'left' == $settings['eael_pricing_table_button_icon_alignment'] ) : ?>
1037
+ <i class="<?php echo esc_attr( $settings['eael_pricing_table_button_icon'] ); ?> fa-icon-left"></i>
1038
+ <?php echo $settings['eael_pricing_table_btn']; ?>
1039
+ <?php elseif( 'right' == $settings['eael_pricing_table_button_icon_alignment'] ) : ?>
1040
+ <?php echo $settings['eael_pricing_table_btn']; ?>
1041
+ <i class="<?php echo esc_attr( $settings['eael_pricing_table_button_icon'] ); ?> fa-icon-right"></i>
1042
+ <?php endif; ?>
1043
+ </a>
1044
+ </div>
1045
+ </div>
1046
+ </div>
1047
+ <?php elseif( 'style-2' === $settings['eael_pricing_table_style'] ) : ?>
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>
1055
+ <span class="subtitle"><?php echo $settings['eael_pricing_table_sub_title']; ?></span>
1056
+ </div>
1057
+ <div class="eael-pricing-tag">
1058
+ <span class="price-tag"><?php echo $settings['eael_pricing_table_price'] ?></span> <span class="price-period">/ <?php echo $settings['eael_pricing_table_price_period']; ?></span>
1059
+ </div>
1060
+ <div class="body">
1061
+ <ul>
1062
+ <?php
1063
+ foreach( $settings['eael_pricing_table_items'] as $item ) :
1064
+ if( 'yes' === $item['eael_pricing_table_icon_mood'] ) : $icon_mood = ''; else : $icon_mood = 'disable-item'; endif;
1065
+ ?>
1066
+ <li class="<?php echo esc_attr( $icon_mood ); ?>">
1067
+ <?php if( 'show' === $settings['eael_pricing_table_icon_enabled'] ) : ?>
1068
+ <span class="li-icon" style="color:<?php echo esc_attr( $item['eael_pricing_table_list_icon_color'] ); ?>"><i class="<?php echo esc_attr( $item['eael_pricing_table_list_icon'] ); ?>"></i></span>
1069
+ <?php endif; ?>
1070
+ <?php echo $item['eael_pricing_table_item']; ?>
1071
+ </li>
1072
+ <?php endforeach; ?>
1073
+ </ul>
1074
+ </div>
1075
+ <div class="footer">
1076
+ <a href="<?php echo esc_url( $settings['eael_pricing_table_btn_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> class="eael-pricing-button">
1077
+ <?php if( 'left' == $settings['eael_pricing_table_button_icon_alignment'] ) : ?>
1078
+ <i class="<?php echo esc_attr( $settings['eael_pricing_table_button_icon'] ); ?> fa-icon-left"></i>
1079
+ <?php echo $settings['eael_pricing_table_btn']; ?>
1080
+ <?php elseif( 'right' == $settings['eael_pricing_table_button_icon_alignment'] ) : ?>
1081
+ <?php echo $settings['eael_pricing_table_btn']; ?>
1082
+ <i class="<?php echo esc_attr( $settings['eael_pricing_table_button_icon'] ); ?> fa-icon-right"></i>
1083
+ <?php endif; ?>
1084
+ </a>
1085
+ </div>
1086
+ </div>
1087
+ </div>
1088
+ <?php elseif( 'style-3' === $settings['eael_pricing_table_style'] ) : ?>
1089
+ <div class="eael-pricing style-3">
1090
+ <div class="only-in-pro">
1091
+ <h2 class="title"><?php echo esc_html__( 'Available in Pro Version!', 'essential-addons-elementor' ); ?></h2>
1092
+ </div>
1093
+ </div>
1094
+ <?php elseif( 'style-4' === $settings['eael_pricing_table_style'] ) : ?>
1095
+ <div class="eael-pricing style-4">
1096
+ <div class="only-in-pro">
1097
+ <h2 class="title"><?php echo esc_html__( 'Available in Pro Version!', 'essential-addons-elementor' ); ?></h2>
1098
+ </div>
1099
+ </div>
1100
+ <?php endif; ?>
1101
+ <?php
1102
+ }
1103
+
1104
+ protected function content_template() {
1105
+
1106
+ ?>
1107
+
1108
+
1109
+ <?php
1110
+ }
1111
+ }
1112
+
1113
+
1114
+ Plugin::instance()->widgets_manager->register_widget_type( new Widget_Eael_Pricing_Table() );
essential_adons_elementor.php CHANGED
@@ -1,10 +1,10 @@
1
  <?php
2
  /**
3
- * Plugin Name: 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.1
8
  * Author URI: http://www.codetic.net
9
  *
10
  * Text Domain: essential-addons-elementor
@@ -37,6 +37,7 @@ function add_eael_elements(){
37
  'flip-box' => true,
38
  'info-box' => true,
39
  'dual-header' => true,
 
40
  );
41
  $is_component_active = get_option( 'eael_save_settings', $eael_default_settings );
42
  // load elements
@@ -89,7 +90,9 @@ function add_eael_elements(){
89
  if( $is_component_active['dual-header'] ) {
90
  require_once ESSENTIAL_ADDONS_EL_PATH.'elements/dual-color-header/dual-color-header.php';
91
  }
92
-
 
 
93
  }
94
  add_action('elementor/widgets/widgets_registered','add_eael_elements');
95
 
1
  <?php
2
  /**
3
+ * Plugin Name: Essential Addons Elementor [Lite]
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
37
  'flip-box' => true,
38
  'info-box' => true,
39
  'dual-header' => true,
40
+ 'price-table' => true,
41
  );
42
  $is_component_active = get_option( 'eael_save_settings', $eael_default_settings );
43
  // load elements
90
  if( $is_component_active['dual-header'] ) {
91
  require_once ESSENTIAL_ADDONS_EL_PATH.'elements/dual-color-header/dual-color-header.php';
92
  }
93
+ if( $is_component_active['price-table'] ) {
94
+ require_once ESSENTIAL_ADDONS_EL_PATH.'elements/pricing-table/pricing-table.php';
95
+ }
96
  }
97
  add_action('elementor/widgets/widgets_registered','add_eael_elements');
98
 
readme.txt CHANGED
@@ -3,7 +3,7 @@ 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.1
7
  License: GPLv3
8
  License URI: https://opensource.org/licenses/GPL-3.0
9
 
@@ -20,12 +20,12 @@ Ultimate elements library for Elementor WordPress Page Builder. Lots of useful
20
 
21
  ### Features
22
 
23
- * 14+ Stunning Elements (Free)
24
  * Fully Customizable
25
  * Unlimited Design Options
26
  * Elements Control option
27
  * Lightweight and Fast
28
-
29
 
30
  ### Available Elements
31
 
@@ -43,6 +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
 
47
 
48
  ### More elements on <a href="https://essential-addons.com/elementor/buy.php">Premium Version</a>
@@ -54,6 +55,8 @@ Ultimate elements library for Elementor WordPress Page Builder. Lots of useful
54
  * <a href="https://essential-addons.com/elementor/interactive-promo/" target="_blank">Interactive Promo</a>
55
  * <a href="https://essential-addons.com/elementor/instagram-feed/" target="_blank">Interactive Promo</a>
56
  * <a href="https://essential-addons.com/elementor/static-product/" target="_blank">Static Product</a>
 
 
57
 
58
  More coming soon...
59
 
@@ -87,11 +90,18 @@ Your existing elements/content will work with premium version. So you won't lose
87
 
88
  == Changelog ==
89
 
 
 
 
 
 
 
 
90
  = 2.1 =
91
 
92
- * More options added to CTA and Info Box elements
93
- * Flip box animation improved
94
- * Options panel improved and community support links added
95
 
96
  = 2.0 =
97
 
@@ -119,8 +129,9 @@ Initial stable realese
119
 
120
  == Upgrade Notice ==
121
 
122
- = 2.1 =
123
 
124
- * More options added to CTA and Info Box elements
125
- * Flip box animation improved
126
- * Options panel improved and community support links added
 
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
 
20
 
21
  ### Features
22
 
23
+ * 15+ Stunning Elements (Free)
24
  * Fully Customizable
25
  * Unlimited Design Options
26
  * Elements Control option
27
  * Lightweight and Fast
28
+ * Extra-ordinary support
29
 
30
  ### Available Elements
31
 
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>
55
  * <a href="https://essential-addons.com/elementor/interactive-promo/" target="_blank">Interactive Promo</a>
56
  * <a href="https://essential-addons.com/elementor/instagram-feed/" target="_blank">Interactive Promo</a>
57
  * <a href="https://essential-addons.com/elementor/static-product/" target="_blank">Static Product</a>
58
+ * <a href="https://essential-addons.com/elementor/flip-carousel/" target="_blank">Flip Carousel</a>
59
+
60
 
61
  More coming soon...
62
 
90
 
91
  == Changelog ==
92
 
93
+ = 2.2.0 =
94
+
95
+ - Pricing Table Element added
96
+ - Flipbox element animation improved and more options added
97
+ - Post Timeline responsiveness improved
98
+ - Few minor improvements
99
+
100
  = 2.1 =
101
 
102
+ - More options added to CTA and Info Box elements
103
+ - Flip box animation improved
104
+ - Options panel improved and community support links added
105
 
106
  = 2.0 =
107
 
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/