Plugin Directory

Changeset 1750549


Ignore:
Timestamp:
10/22/2017 06:08:43 AM (8 years ago)
Author:
codetic
Message:

maintenance release with lots of improvements

Location:
essential-addons-for-elementor-lite
Files:
75 added
11 edited

Legend:

Unmodified
Added
Removed
  • essential-addons-for-elementor-lite/trunk/admin/assets/css/admin.css

    r1740124 r1750549  
    77/* General Style */
    88
    9 
     9.eael-header-bar {
     10    height: auto;
     11    padding: 20px;
     12    background: #fff;
     13    border: 1px solid rgba( 0,0,0,0.1 );
     14    -webkit-display: flex;
     15    display: flex;
     16    -webkit-justify-content: flex-end;
     17    justify-content: flex-end;
     18    -webkit-align-items: center;
     19    align-items: center;
     20}
     21.eael-header-bar .title {
     22    font-size: 28px;
     23    font-weight: 600;
     24    margin: 0px;
     25    line-height: 1;
     26}
     27
     28.eael-header-left,
     29.eael-header-right {
     30    -webkit-flex-grow: 1;
     31    flex-grow: 1;
     32}
     33.eael-header-right {
     34    text-align: right;
     35}
    1036.eael-settings-tabs {
    1137    padding-top: 15px;
     
    292318}
    293319
     320/* Header Button */
     321.eael-header-bar .eael-btn {
     322    background-color: #3CCD94;
     323}
     324.eael-header-bar .eael-btn:hover, .eael-header-bar .eael-btn:focus {
     325    background-color: #02CC7B;
     326}
     327.eael-save-btn-wrap .eael-btn.save-now,
     328.eael-header-bar .eael-btn.save-now {
     329    background: #E74C3C;
     330}
     331.eael-save-btn-wrap .eael-btn.save-now:hover,
     332.eael-header-bar .eael-btn.save-now:hover {
     333    background: #ff5544;
     334}
  • essential-addons-for-elementor-lite/trunk/admin/assets/js/admin.js

    r1746620 r1750549  
    1919    $('.eael-settings-tabs ul li a').click(function () {
    2020        var tabUrl = $(this).attr( 'href' );
    21        window.location.hash = tabUrl;
    22        return false;
     21        window.location.hash = tabUrl;
     22        $('html, body').scrollTop(tabUrl);
    2323    });
     24
     25    // Save Button reacting on any changes
     26    var headerSaveBtn = $( '.eael-header-bar .eael-btn' );
     27    var footerSaveBtn = $( '.eael-save-btn-wrap .eael-btn' );
     28    $('.eael-checkbox input[type="checkbox"]').on( 'click', function() {
     29        headerSaveBtn.addClass( 'save-now' );
     30        footerSaveBtn.addClass( 'save-now' );
     31    } );
    2432
    2533    // Saving Data With Ajax Request
     
    7583                  'success'
    7684                );
     85                headerSaveBtn.removeClass( 'save-now' );
     86                footerSaveBtn.removeClass( 'save-now' );
    7787            },
    7888            error: function() {
  • essential-addons-for-elementor-lite/trunk/admin/settings.php

    r1746620 r1750549  
    113113        ?>
    114114        <div class="wrap">
    115             <h2><?php _e( 'Essential Elementor Addon Settings', 'essential-addons-elementor' ); ?></h2> <hr>
    116             <div class="response-wrap"></div>
     115            <div class="response-wrap"></div>
    117116            <form action="" method="POST" id="eael-settings" name="eael-settings">
     117                <div class="eael-header-bar">
     118                    <div class="eael-header-left">
     119                        <h4 class="title"><?php _e( 'Essential Addons Settings', 'essential-addons-elementor' ); ?></h4>
     120                    </div>
     121                    <div class="eael-header-right">
     122                        <input type="submit" value="Save settings" class="button eael-btn"/>
     123                    </div>
     124                </div>
    118125                <div class="eael-settings-tabs">
    119126                    <ul>
     
    276283                            <div class="premium-elements-title">
    277284                                <img src="<?php echo plugins_url( '/', __FILE__ ).'assets/images/lock-icon.png'; ?>">
    278                                 <h2 class="section-title">Premium Elements</h2>
     285                                <h4 class="section-title">Premium Elements</h4>
    279286                            </div>
    280287                            <table class="form-table">
     
    483490
    484491new Eael_Admin_Settings();
    485 
    486    
    487 
    488 
  • essential-addons-for-elementor-lite/trunk/assets/css/essential-addons-elementor.css

    r1746620 r1750549  
    33 */
    44
    5 .clearfix::before, .clearfix::after {
    6   content: " ";
    7   display: table;
    8   clear: both;
    9 }
    10 
    11 
     5.clearfix::before,
     6.clearfix::after {
     7    content: " ";
     8    display: table;
     9    clear: both;
     10}
    1211/* Common Styles for slider elements */
    1312
    14 .eael-testimonial-slider .slick-prev, .eael-testimonial-slider .slick-next,
    15 .eael-team-slider .slick-prev, .eael-team-slider .slick-next,
    16 .eael-logo-carousel .slick-prev, .eael-logo-carousel .slick-next,
    17 .eael-post-carousel .slick-prev, .eael-post-carousel .slick-next,
    18 .eael-product-carousel .slick-prev, .eael-product-carousel .slick-next {
    19   border-radius: 3px;
    20   height: 30px;
    21   position: absolute;
    22   text-shadow: none;
    23   top: calc(50% - 15px);
    24   width: 30px;
    25 }
    26 
    27 .eael-testimonial-slider .slick-prev::before, .eael-testimonial-slider .slick-next::before,
    28 .eael-logo-carousel .slick-prev::before, .eael-logo-carousel .slick-next::before,
    29 .eael-team-slider .slick-prev::before, .eael-team-slider .slick-next::before,
    30 .eael-post-carousel .slick-prev::before, .eael-post-carousel .slick-next::before,
    31 .eael-product-carousel .slick-prev::before, .eael-product-carousel .slick-next::before {
    32   font-family: "FontAwesome";
    33   font-size: 20px;
    34   opacity: 0.75;
    35   text-align: center;
    36 }
    37 
    38 .eael-testimonial-slider .slick-prev:hover::before, .eael-testimonial-slider .slick-next:hover::before,
    39 .eael-logo-carousel .slick-prev:hover::before, .eael-logo-carousel .slick-next:hover::before,
    40 .eael-team-slider .slick-prev:hover::before, .eael-team-slider .slick-next:hover::before,
    41 .eael-post-carousel .slick-prev:hover::before, .eael-post-carousel .slick-next:hover::before,
    42 .eael-product-carousel .slick-prev:hover::before, .eael-product-carousel .slick-next:hover::before {
    43   opacity: 1;
    44 }
    45 
     13.eael-testimonial-slider .slick-prev,
     14.eael-testimonial-slider .slick-next,
     15.eael-team-slider .slick-prev,
     16.eael-team-slider .slick-next,
     17.eael-logo-carousel .slick-prev,
     18.eael-logo-carousel .slick-next,
     19.eael-post-carousel .slick-prev,
     20.eael-post-carousel .slick-next,
     21.eael-product-carousel .slick-prev,
     22.eael-product-carousel .slick-next {
     23    border-radius: 3px;
     24    height: 30px;
     25    position: absolute;
     26    text-shadow: none;
     27    top: calc(50% - 15px);
     28    width: 30px;
     29}
     30.eael-testimonial-slider .slick-prev::before,
     31.eael-testimonial-slider .slick-next::before,
     32.eael-logo-carousel .slick-prev::before,
     33.eael-logo-carousel .slick-next::before,
     34.eael-team-slider .slick-prev::before,
     35.eael-team-slider .slick-next::before,
     36.eael-post-carousel .slick-prev::before,
     37.eael-post-carousel .slick-next::before,
     38.eael-product-carousel .slick-prev::before,
     39.eael-product-carousel .slick-next::before {
     40    font-family: "FontAwesome";
     41    font-size: 20px;
     42    opacity: 0.75;
     43    text-align: center;
     44}
     45.eael-testimonial-slider .slick-prev:hover::before,
     46.eael-testimonial-slider .slick-next:hover::before,
     47.eael-logo-carousel .slick-prev:hover::before,
     48.eael-logo-carousel .slick-next:hover::before,
     49.eael-team-slider .slick-prev:hover::before,
     50.eael-team-slider .slick-next:hover::before,
     51.eael-post-carousel .slick-prev:hover::before,
     52.eael-post-carousel .slick-next:hover::before,
     53.eael-product-carousel .slick-prev:hover::before,
     54.eael-product-carousel .slick-next:hover::before {
     55    opacity: 1;
     56}
    4657.eael-testimonial-slider .slick-prev::before,
    4758.eael-logo-carousel .slick-prev::before,
     
    4960.eael-post-carousel .slick-prev::before,
    5061.eael-product-carousel .slick-prev::before {
    51   content: "\f104";
    52   padding-right: 3px;
    53 }
    54 
     62    content: "\f104";
     63    padding-right: 3px;
     64}
    5565.eael-testimonial-slider .slick-next::before,
    5666.eael-logo-carousel .slick-next::before,
     
    5868.eael-post-carousel .slick-next::before,
    5969.eael-product-carousel .slick-next::before {
    60   content: "\f105";
    61   padding-left: 4px;
    62 }
    63 
     70    content: "\f105";
     71    padding-left: 4px;
     72}
    6473.eael-testimonial-slider .slick-dots li button::before,
    6574.eael-logo-carousel .slick-dots li button::before,
     
    6776.eael-post-carousel .slick-dots li button::before,
    6877.eael-product-carousel .slick-dots li button::before {
    69   font-size: 12px;
    70   opacity: 0.5;
    71 }
    72 
     78    font-size: 12px;
     79    opacity: 0.5;
     80}
    7381.eael-testimonial-slider .slick-dots li.slick-active button::before,
    7482.eael-logo-carousel .slick-dots li.slick-active button::before,
     
    7684.eael-post-carousel .slick-dots li.slick-active button::before,
    7785.eael-product-carousel .slick-dots li.slick-active button::before {
    78   font-size: 18px;
    79   opacity: 1;
    80 }
    81 
     86    font-size: 18px;
     87    opacity: 1;
     88}
    8289.eael-testimonial-slider .slick-prev,
    8390.eael-team-slider .slick-prev,
     
    8592.eael-post-carousel .slick-prev,
    8693.eael-product-carousel .slick-prev {
    87   left: -50px;
    88 }
    89 
     94    left: -50px;
     95}
    9096.eael-testimonial-slider .slick-next,
    9197.eael-team-slider .slick-next,
     
    9399.eael-post-carousel .slick-next,
    94100.eael-product-carousel .slick-next {
    95   right: -50px;
    96 }
    97 
    98 
     101    right: -50px;
     102}
    99103.eael-testimonial-slider.nav-top-left .slick-prev,
    100104.eael-team-slider.nav-top-left .slick-prev,
     
    102106.eael-post-carousel.nav-top-left .slick-prev,
    103107.eael-product-carousel.nav-top-left .slick-prev {
    104   left: 10px;
    105   top: 20px;
    106 }
    107 
     108    left: 10px;
     109    top: 20px;
     110}
    108111.eael-testimonial-slider.nav-top-left .slick-next,
    109112.eael-team-slider.nav-top-left .slick-next,
     
    111114.eael-post-carousel.nav-top-left .slick-next,
    112115.eael-product-carousel.nav-top-left .slick-next {
    113   left: 45px;
    114   top: 20px;
    115 }
    116 
     116    left: 45px;
     117    top: 20px;
     118}
    117119.eael-testimonial-slider.nav-top-right .slick-prev,
    118120.eael-team-slider.nav-top-right .slick-prev,
     
    120122.eael-post-carousel.nav-top-right .slick-prev,
    121123.eael-product-carousel.nav-top-right .slick-prev {
    122   left: auto;
    123   right: 45px;
    124   top: 20px;
    125 }
    126 
     124    left: auto;
     125    right: 45px;
     126    top: 20px;
     127}
    127128.eael-testimonial-slider.nav-top-right .slick-next,
    128129.eael-team-slider.nav-top-right .slick-next,
     
    130131.eael-post-carousel.nav-top-right .slick-next,
    131132.eael-product-carousel.nav-top-right .slick-next {
    132   left: auto;
    133   right: 10px;
    134   top: 20px;
    135 }
    136 
    137 .eael-testimonial-slider.nav-top-left, .eael-testimonial-slider.nav-top-right,
    138 .eael-team-slider.nav-top-left, .eael-team-slider.nav-top-right,
    139 .eael-logo-carousel.nav-top-left, .eael-logo-carousel.nav-top-right,
    140 .eael-post-carousel.nav-top-left, .eael-post-carousel.nav-top-right,
    141 .eael-product-carousel.nav-top-left, .eael-product-carousel.nav-top-right {
    142   padding-top: 40px;
    143 }
    144 
     133    left: auto;
     134    right: 10px;
     135    top: 20px;
     136}
     137.eael-testimonial-slider.nav-top-left,
     138.eael-testimonial-slider.nav-top-right,
     139.eael-team-slider.nav-top-left,
     140.eael-team-slider.nav-top-right,
     141.eael-logo-carousel.nav-top-left,
     142.eael-logo-carousel.nav-top-right,
     143.eael-post-carousel.nav-top-left,
     144.eael-post-carousel.nav-top-right,
     145.eael-product-carousel.nav-top-left,
     146.eael-product-carousel.nav-top-right {
     147    padding-top: 40px;
     148}
    145149.eael-testimonial-slider .slick-dots,
    146150.eael-team-slider .slick-dots,
     
    148152.eael-post-carousel .slick-dots,
    149153.eael-product-carousel .slick-dots {
    150   bottom: -40px;
    151 }
    152 
     154    bottom: -40px;
     155}
    153156.eael-testimonial-slider .slick-dotted.slick-slider,
    154157.eael-team-slider .slick-dotted.slick-slider,
    155158.eael-logo-carousel .slick-dotted.slick-slider,
    156159.eael-post-carousel .slick-dotted.slick-slider,
    157 .eael-product-carousel .slick-dotted.slick-slider{
    158   margin-bottom: 30px;
    159 }
    160 
     160.eael-product-carousel .slick-dotted.slick-slider {
     161    margin-bottom: 30px;
     162}
    161163/*
    162164====  FANCY TEXT STYLES ======
    163165*/
     166
    164167.eael-fancy-text-strings {
    165     display:inline-block;
    166 }
    167 
    168 .morphext > .animated {
    169168    display: inline-block;
    170169}
    171 
     170.morphext>.animated {
     171    display: inline-block;
     172}
    172173.typed-cursor {
    173     opacity: 1;
    174     -webkit-animation: blink_cursor 0.7s infinite;
    175     -moz-animation: blink_cursor 0.7s infinite;
    176     animation: blink_cursor 0.7s infinite;
    177 }
    178 @keyframes blink_cursor{
    179     0% { opacity:1; }
    180     50% { opacity:0; }
    181     100% { opacity:1; }
    182 }
    183 @-webkit-keyframes blink_cursor{
    184     0% { opacity:1; }
    185     50% { opacity:0; }
    186     100% { opacity:1; }
    187 }
    188 @-moz-keyframes blink_cursor{
    189     0% { opacity:1; }
    190     50% { opacity:0; }
    191     100% { opacity:1; }
    192 }
    193 
    194 
    195 
     174    opacity: 1;
     175    -webkit-animation: blink_cursor 0.7s infinite;
     176    -moz-animation: blink_cursor 0.7s infinite;
     177    animation: blink_cursor 0.7s infinite;
     178}
     179@keyframes blink_cursor {
     180    0% {
     181        opacity: 1;
     182    }
     183    50% {
     184        opacity: 0;
     185    }
     186    100% {
     187        opacity: 1;
     188    }
     189}
     190@-webkit-keyframes blink_cursor {
     191    0% {
     192        opacity: 1;
     193    }
     194    50% {
     195        opacity: 0;
     196    }
     197    100% {
     198        opacity: 1;
     199    }
     200}
     201@-moz-keyframes blink_cursor {
     202    0% {
     203        opacity: 1;
     204    }
     205    50% {
     206        opacity: 0;
     207    }
     208    100% {
     209        opacity: 1;
     210    }
     211}
    196212/* Creative Button styles */
    197213
    198214.eael-creative-button-align-center {
    199   text-align: center;
    200 }
    201 
     215    text-align: center;
     216}
    202217.eael-creative-button-align-center .eael-creative-button {
    203   float: none;
    204   display: inline-block;
    205 }
    206 
     218    float: none;
     219    display: inline-block;
     220}
    207221.eael-creative-button-align-left .eael-creative-button {
    208   float: left;
     222    float: left;
    209223}
    210224.eael-creative-button-align-right .eael-creative-button {
    211   float: right;
     225    float: right;
    212226}
    213227.eael-creative-button-align-justify .eael-creative-button {
    214   display: block;
    215   float: none;
    216 }
    217 
     228    display: block;
     229    float: none;
     230}
    218231.eael-creative-button {
    219   float: left;
    220   min-width: 150px;
    221   text-align: center;
    222   vertical-align: middle;
    223   position: relative;
    224   z-index: 1;
    225   -webkit-backface-visibility: hidden;
    226   -moz-osx-font-smoothing: grayscale;
     232    float: left;
     233    min-width: 150px;
     234    text-align: center;
     235    vertical-align: middle;
     236    position: relative;
     237    z-index: 1;
     238    -webkit-backface-visibility: hidden;
     239    -moz-osx-font-smoothing: grayscale;
    227240}
    228241.eael-creative-button:focus {
    229   outline: none;
    230 }
    231 .eael-creative-button > span {
    232   vertical-align: middle;
    233 }
    234 
     242    outline: none;
     243}
     244.eael-creative-button>span {
     245    vertical-align: middle;
     246}
    235247.eael-creative-button {
    236   border-radius: 2px;
    237   padding: 20px 30px;
    238   font-size: 16px;
    239   line-height: 1;
    240 }
    241 
     248    border-radius: 2px;
     249    padding: 20px 30px;
     250    font-size: 16px;
     251    line-height: 1;
     252}
    242253/* Individual eael-creative-button styles */
    243 
    244254/* Winona */
     255
    245256.eael-creative-button--winona {
    246   overflow: hidden;
    247   padding: 0!important;
    248   -webkit-transition: border-color 0.3s, background-color 0.3s;
    249   transition: border-color 0.3s, background-color 0.3s;
    250   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    251   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     257    overflow: hidden;
     258    padding: 0!important;
     259    -webkit-transition: border-color 0.3s, background-color 0.3s;
     260    transition: border-color 0.3s, background-color 0.3s;
     261    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     262    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    252263}
    253264.eael-creative-button--winona::after {
    254   content: attr(data-text);
    255   position: absolute;
    256   width: 100%;
    257   height: 100%;
    258   top: 0;
    259   left: 0;
    260   opacity: 0;
    261   -webkit-transform: translate3d(0, 25%, 0);
    262   transform: translate3d(0, 25%, 0);
    263 }
    264 .eael-creative-button--winona > span {
    265   display: block;
     265    content: attr(data-text);
     266    position: absolute;
     267    width: 100%;
     268    height: 100%;
     269    top: 0;
     270    left: 0;
     271    opacity: 0;
     272    -webkit-transform: translate3d(0, 25%, 0);
     273    transform: translate3d(0, 25%, 0);
     274}
     275.eael-creative-button--winona>span {
     276    display: block;
    266277}
    267278.eael-creative-button--winona::after,
    268 .eael-creative-button--winona > span {
    269   padding: 1em 2em;
    270   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    271   transition: transform 0.3s, opacity 0.3s;
    272   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    273   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     279.eael-creative-button--winona>span {
     280    padding: 1em 2em;
     281    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     282    transition: transform 0.3s, opacity 0.3s;
     283    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     284    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    274285}
    275286.eael-creative-button--winona:hover::after {
    276   opacity: 1;
    277   -webkit-transform: translate3d(0, 0, 0);
    278   transform: translate3d(0, 0, 0);
    279 }
    280 .eael-creative-button--winona:hover > span {
    281   opacity: 0;
    282   -webkit-transform: translate3d(0, -25%, 0);
    283   transform: translate3d(0, -25%, 0);
    284 }
    285 
     287    opacity: 1;
     288    -webkit-transform: translate3d(0, 0, 0);
     289    transform: translate3d(0, 0, 0);
     290}
     291.eael-creative-button--winona:hover>span {
     292    opacity: 0;
     293    -webkit-transform: translate3d(0, -25%, 0);
     294    transform: translate3d(0, -25%, 0);
     295}
    286296/* Ujarak */
     297
    287298.eael-creative-button--ujarak {
    288   -webkit-transition: border-color 0.4s, color 0.4s;
    289   transition: border-color 0.4s, color 0.4s;
    290 }
    291 
     299    -webkit-transition: border-color 0.4s, color 0.4s;
     300    transition: border-color 0.4s, color 0.4s;
     301}
    292302.eael-creative-button--ujarak::before {
    293   content: '';
    294   position: absolute;
    295   top: 0;
    296   left: 0;
    297   width: 100%;
    298   height: 100%;
    299   z-index: -1;
    300   opacity: 0;
    301   -webkit-transform: scale3d(0.7, 1, 1);
    302   transform: scale3d(0.7, 1, 1);
    303   -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    304   transition: transform 0.4s, opacity 0.4s;
    305   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    306   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    307 }
    308 
     303    content: '';
     304    position: absolute;
     305    top: 0;
     306    left: 0;
     307    width: 100%;
     308    height: 100%;
     309    z-index: -1;
     310    opacity: 0;
     311    -webkit-transform: scale3d(0.7, 1, 1);
     312    transform: scale3d(0.7, 1, 1);
     313    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
     314    transition: transform 0.4s, opacity 0.4s;
     315    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     316    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     317}
    309318.eael-creative-button--ujarak,
    310319.eael-creative-button--ujarak::before {
    311   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    312   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    313 }
    314 
     320    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     321    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     322}
    315323.eael-creative-button--ujarak:hover::before {
    316   opacity: 1;
    317   -webkit-transform: translate3d(0, 0, 0);
    318   transform: translate3d(0, 0, 0);
    319 }
    320 
     324    opacity: 1;
     325    -webkit-transform: translate3d(0, 0, 0);
     326    transform: translate3d(0, 0, 0);
     327}
    321328/* Wayra */
     329
    322330.eael-creative-button--wayra {
    323   overflow: hidden;
    324   -webkit-transition: border-color 0.3s, color 0.3s;
    325   transition: border-color 0.3s, color 0.3s;
    326   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    327   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     331    overflow: hidden;
     332    -webkit-transition: border-color 0.3s, color 0.3s;
     333    transition: border-color 0.3s, color 0.3s;
     334    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     335    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    328336}
    329337.eael-creative-button--wayra::before {
    330   content: '';
    331   position: absolute;
    332   top: 0;
    333   left: 0;
    334   width: 150%;
    335   height: 100%;
    336   z-index: -1;
    337   -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    338   transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    339   -webkit-transform-origin: 0% 100%;
    340   transform-origin: 0% 100%;
    341   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    342   transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
    343 }
    344 
     338    content: '';
     339    position: absolute;
     340    top: 0;
     341    left: 0;
     342    width: 150%;
     343    height: 100%;
     344    z-index: -1;
     345    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
     346    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
     347    -webkit-transform-origin: 0% 100%;
     348    transform-origin: 0% 100%;
     349    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
     350    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
     351}
    345352.eael-creative-button--wayra:hover::before {
    346   opacity: 1;
    347   -webkit-transform: rotate3d(0, 0, 1, 0deg);
    348   transform: rotate3d(0, 0, 1, 0deg);
    349   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    350   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    351 }
    352 
     353    opacity: 1;
     354    -webkit-transform: rotate3d(0, 0, 1, 0deg);
     355    transform: rotate3d(0, 0, 1, 0deg);
     356    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     357    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     358}
    353359/* Tamaya */
    354360
    355361.eael-creative-button--tamaya {
    356   overflow: hidden;
    357 }
    358 
     362    overflow: hidden;
     363}
    359364.eael-creative-button--tamaya::before,
    360365.eael-creative-button--tamaya::after {
    361   content: attr(data-text);
    362   position: absolute;
    363   width: 100%;
    364   height: 50%;
    365   left: 0;
    366   overflow: hidden;
    367   -webkit-transition: -webkit-transform 0.3s;
    368   transition: transform 0.3s;
    369   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    370   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    371 }
    372 
     366    content: attr(data-text);
     367    position: absolute;
     368    width: 100%;
     369    height: 50%;
     370    left: 0;
     371    overflow: hidden;
     372    -webkit-transition: -webkit-transform 0.3s;
     373    transition: transform 0.3s;
     374    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     375    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     376}
    373377.eael-creative-button--tamaya::before {
    374   top: 0;
    375   padding: 20px 30px;
    376 }
    377 
     378    top: 0;
     379    padding: 20px 30px;
     380}
    378381.eael-creative-button--tamaya::after {
    379   bottom: 0;
    380   line-height: 0;
     382    bottom: 0;
     383    line-height: 0;
    381384}
    382385.eael-creative-button--tamaya:hover::after {
    383   bottom: -1px;
    384 }
    385 .eael-creative-button--tamaya > span {
    386   display: block;
    387   -webkit-transform: scale3d(0.2, 0.2, 1);
    388   transform: scale3d(0.2, 0.2, 1);
    389   opacity: 0;
    390   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    391   transition: transform 0.3s, opacity 0.3s;
    392   -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    393   transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     386    bottom: -1px;
     387}
     388.eael-creative-button--tamaya>span {
     389    display: block;
     390    -webkit-transform: scale3d(0.2, 0.2, 1);
     391    transform: scale3d(0.2, 0.2, 1);
     392    opacity: 0;
     393    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     394    transition: transform 0.3s, opacity 0.3s;
     395    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     396    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    394397}
    395398.eael-creative-button--tamaya:hover::before {
    396   -webkit-transform: translate3d(0, -100%, 0);
    397   transform: translate3d(0, -100%, 0);
     399    -webkit-transform: translate3d(0, -100%, 0);
     400    transform: translate3d(0, -100%, 0);
    398401}
    399402.eael-creative-button--tamaya:hover::after {
    400   -webkit-transform: translate3d(0, 100%, 0);
    401   transform: translate3d(0, 100%, 0);
    402 }
    403 .eael-creative-button--tamaya:hover > span {
    404   opacity: 1;
    405   -webkit-transform: scale3d(1, 1, 1);
    406   transform: scale3d(1, 1, 1);
    407 }
    408 
     403    -webkit-transform: translate3d(0, 100%, 0);
     404    transform: translate3d(0, 100%, 0);
     405}
     406.eael-creative-button--tamaya:hover>span {
     407    opacity: 1;
     408    -webkit-transform: scale3d(1, 1, 1);
     409    transform: scale3d(1, 1, 1);
     410}
    409411/* Rayen */
     412
    410413.eael-creative-button--rayen {
    411   overflow: hidden;
    412   padding: 0!important;
    413 }
    414 
     414    overflow: hidden;
     415    padding: 0!important;
     416}
    415417.eael-creative-button--rayen::before {
    416   content: attr(data-text);
    417   position: absolute;
    418   top: 0;
    419   left: 0;
    420   width: 100%;
    421   height: 100%;
    422   -webkit-transform: translate3d(-100%, 0, 0);
    423   transform: translate3d(-100%, 0, 0);
    424 }
    425 
    426 .eael-creative-button--rayen > span {
    427   display: block;
     418    content: attr(data-text);
     419    position: absolute;
     420    top: 0;
     421    left: 0;
     422    width: 100%;
     423    height: 100%;
     424    -webkit-transform: translate3d(-100%, 0, 0);
     425    transform: translate3d(-100%, 0, 0);
     426}
     427.eael-creative-button--rayen>span {
     428    display: block;
    428429}
    429430.eael-creative-button--rayen::before,
    430 .eael-creative-button--rayen > span {
    431   padding: 1em 2em;
    432   -webkit-transition: -webkit-transform 0.3s;
    433   transition: transform 0.3s;
    434   -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    435   transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     431.eael-creative-button--rayen>span {
     432    padding: 1em 2em;
     433    -webkit-transition: -webkit-transform 0.3s;
     434    transition: transform 0.3s;
     435    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     436    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    436437}
    437438.eael-creative-button--rayen:hover::before {
    438   -webkit-transform: translate3d(0, 0, 0);
    439   transform: translate3d(0, 0, 0);
    440 }
    441 .eael-creative-button--rayen:hover > span {
    442   -webkit-transform: translate3d(0, 100%, 0);
    443   transform: translate3d(0, 100%, 0);
    444 }
    445 
     439    -webkit-transform: translate3d(0, 0, 0);
     440    transform: translate3d(0, 0, 0);
     441}
     442.eael-creative-button--rayen:hover>span {
     443    -webkit-transform: translate3d(0, 100%, 0);
     444    transform: translate3d(0, 100%, 0);
     445}
    446446/* Countdown Styles */
    447447
    448448.eael-countdown-items {
    449   list-style: none;
    450   margin: 0;
    451   padding: 0;
    452   display: table;
    453   table-layout: fixed;
    454   width: 100%;
    455 }
    456 
    457 .eael-countdown-items > li {
    458   list-style: none;
    459   margin: 0;
    460   padding: 0;
    461   display: table-cell;
    462   position: relative;
    463 }
    464 
    465 .eael-countdown-item > div {
    466   text-align: center;
    467   padding: 20px;
    468 }
    469 
    470 .eael-countdown-label-block .eael-countdown-digits, .eael-countdown-label-block .eael-countdown-label {
    471   display: block;
    472   text-align: center;
    473 }
    474 
     449    list-style: none;
     450    margin: 0;
     451    padding: 0;
     452    display: table;
     453    table-layout: fixed;
     454    width: 100%;
     455}
     456.eael-countdown-items>li {
     457    list-style: none;
     458    margin: 0;
     459    padding: 0;
     460    display: table-cell;
     461    position: relative;
     462}
     463.eael-countdown-item>div {
     464    text-align: center;
     465    padding: 20px;
     466}
     467.eael-countdown-label-block .eael-countdown-digits,
     468.eael-countdown-label-block .eael-countdown-label {
     469    display: block;
     470    text-align: center;
     471}
    475472.eael-countdown-digits {
    476   font-size: 54px;
    477   line-height: 1;
    478 }
    479 
     473    font-size: 54px;
     474    line-height: 1;
     475}
    480476.eael-countdown-label {
    481   font-size: 18px;
    482   line-height: 1;
    483 }
    484 
     477    font-size: 18px;
     478    line-height: 1;
     479}
    485480.eael-countdown-show-separator .eael-countdown-digits::after {
    486   content: ":";
    487   position: absolute;
    488   left: 98%;
    489   z-index: 9999;
    490 }
    491 
     481    content: ":";
     482    position: absolute;
     483    left: 98%;
     484    z-index: 9999;
     485}
    492486.eael-countdown-item:last-child .eael-countdown-digits::after {
    493   display: none;
    494 }
    495 
    496 
     487    display: none;
     488}
    497489/* Post Timeline Styles */
    498490
     
    503495    position: relative;
    504496}
    505 
    506497.eael-timeline-column {
    507   width: 50%;
    508   margin-left: 0;
    509   float: left;
    510   margin-top: 0 !important;
    511 }
    512 
     498    width: 50%;
     499    margin-left: 0;
     500    float: left;
     501    margin-top: 0 !important;
     502}
    513503.eael-timeline-post {
    514504    position: relative;
     
    589579    width: 0;
    590580}
    591 
    592581.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after {
    593   border-left-color: transparent !important;
    594 }
    595 
     582    border-left-color: transparent !important;
     583}
    596584.eael-timeline-post p {
    597585    margin: 1.6rem 0 0 0;
     
    694682    opacity: 1;
    695683}
    696 
    697684.eael-timeline-post::after {
    698   height: 100%;
    699 }
    700 
     685    height: 100%;
     686}
    701687.eael-post-timeline .eael-timeline-post:nth-last-child(2)::after {
    702   height: 245px;
    703 }
    704 
     688    height: 245px;
     689}
    705690.eael-post-timeline .eael-timeline-post:last-child::after {
    706   display: none;
    707 }
    708 
     691    display: none;
     692}
    709693/* Responsive Style for Post Timeline */
    710694
     
    806790    }
    807791}
    808 
    809792/* Team Members Styles */
    810793
    811 
    812794.eael-team-item {
    813   overflow: hidden;
    814   position: relative;
    815 }
    816 
     795    overflow: hidden;
     796    position: relative;
     797}
    817798.team-avatar-rounded figure img {
    818   border-radius: 50%;
    819   height: auto;
    820 }
    821 .eael-team-image > figure {
    822   margin: 0;
    823   padding: 0;
    824 }
    825 
    826 .eael-team-image > figure img {
    827   display: block;
    828   margin: 0 auto;
    829 }
    830 
     799    border-radius: 50%;
     800    height: auto;
     801}
     802.eael-team-image>figure {
     803    margin: 0;
     804    padding: 0;
     805}
     806.eael-team-image>figure img {
     807    display: block;
     808    margin: 0 auto;
     809}
    831810.eael-team-item .eael-team-content {
    832   padding: 10px;
    833 }
    834 
     811    padding: 10px;
     812}
    835813.eael-team-item .eael-team-member-name {
    836   font-size: 20px;
    837   font-weight: bold;
    838   letter-spacing: 0.05em;
    839   margin: 5px 0;
    840   text-transform: uppercase;
    841 }
    842 
     814    font-size: 20px;
     815    font-weight: bold;
     816    letter-spacing: 0.05em;
     817    margin: 5px 0;
     818    text-transform: uppercase;
     819}
    843820.eael-team-item .eael-team-member-position {
    844   font-size: 14px;
    845   font-weight: normal;
    846   letter-spacing: 0.05em;
    847   margin: 5px 0 10px;
    848   text-transform: uppercase;
    849 }
    850 
    851 .eael-team-item .eael-team-content,
     821    font-size: 14px;
     822    font-weight: normal;
     823    letter-spacing: 0.05em;
     824    margin: 5px 0 10px;
     825    text-transform: uppercase;
     826}
     827.eael-team-item .eael-team-content,
    852828.eael-team-item .eael-team-content .eael-team-text {
    853   font-size: 14px;
    854   line-height: 1.5;
    855 }
    856 
    857 .eael-team-content > ul {
    858   margin: 0;
    859   padding: 0;
    860 }
    861 
     829    font-size: 14px;
     830    line-height: 1.5;
     831}
     832.eael-team-content>ul {
     833    margin: 0;
     834    padding: 0;
     835}
    862836.eael-team-content li {
    863   display: inline-block;
    864   list-style: outside none none;
    865   margin-right: 10px;
    866   text-align: center;
    867 }
    868 
     837    display: inline-block;
     838    list-style: outside none none;
     839    margin-right: 10px;
     840    text-align: center;
     841}
    869842.eael-team-content li a {
    870   font-size: 2.5rem;
     843    font-size: 2.5rem;
    871844}
    872845.eael-team-align-left .eael-team-item .eael-team-member-name,
     
    875848.eael-team-align-left .eael-team-item .eael-team-content p,
    876849.eael-team-align-left .eael-team-item .eael-team-content ul,
    877 .eael-team-align-left .eael-team-item .eael-team-content li{
    878   text-align: left;
     850.eael-team-align-left .eael-team-item .eael-team-content li {
     851    text-align: left;
    879852}
    880853.eael-team-align-right .eael-team-item .eael-team-member-name,
     
    883856.eael-team-align-right .eael-team-item .eael-team-content p,
    884857.eael-team-align-right .eael-team-item .eael-team-content ul,
    885 .eael-team-align-right .eael-team-item .eael-team-content li{
    886   text-align: right;
     858.eael-team-align-right .eael-team-item .eael-team-content li {
     859    text-align: right;
    887860}
    888861.eael-team-align-centered .eael-team-item .eael-team-member-name,
     
    891864.eael-team-align-centered .eael-team-item .eael-team-content p,
    892865.eael-team-align-centered .eael-team-item .eael-team-content ul,
    893 .eael-team-align-centered .eael-team-item .eael-team-content li{
    894   text-align: center;
    895 }
    896 
     866.eael-team-align-centered .eael-team-item .eael-team-content li {
     867    text-align: center;
     868}
    897869.eael-team-item.eael-team-members-overlay .eael-team-content {
    898   bottom: 10px;
    899   left: 10px;
    900   margin-bottom: 0;
    901   padding-top: 15%;
    902   opacity: 0;
    903   overflow: hidden;
    904   text-overflow: ellipsis;
    905   position: absolute;
    906   right: 10px;
    907   top: 10px;
    908   -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    909   transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    910 }
    911 
    912  .eael-team-item.eael-team-members-overlay:hover .eael-team-content {
    913   opacity: 1;
    914 }
    915 
    916  .eael-team-member-social-link > a {
    917   display: inline-block;
    918   -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    919   transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    920  }
    921  .eael-team-member-social-link > a:focus {
    922   outline: none;
    923  }
    924 
    925 
     870    bottom: 10px;
     871    left: 10px;
     872    margin-bottom: 0;
     873    padding-top: 15%;
     874    opacity: 0;
     875    overflow: hidden;
     876    text-overflow: ellipsis;
     877    position: absolute;
     878    right: 10px;
     879    top: 10px;
     880    -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     881    transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     882}
     883.eael-team-item.eael-team-members-overlay:hover .eael-team-content {
     884    opacity: 1;
     885}
     886.eael-team-member-social-link>a {
     887    display: inline-block;
     888    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     889    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     890}
     891.eael-team-member-social-link>a:focus {
     892    outline: none;
     893}
    926894/* Testimonials Styles */
    927895
    928896.eael-testimonial-slider {
    929   position: relative;
    930 }
    931 
     897    position: relative;
     898}
    932899/* Default styles */
    933900
    934901.eael-testimonial-image img {
    935   max-width: 100%;
    936 }
    937 
     902    max-width: 100%;
     903}
    938904.eael-testimonial-image {
    939   padding: 10px 10px 10px 20px;
    940 }
    941 
    942 .eael-testimonial-image > figure {
    943   display: block;
    944   margin: 0;
    945 }
    946 
     905    padding: 10px 10px 10px 20px;
     906}
     907.eael-testimonial-image>figure {
     908    display: block;
     909    margin: 0;
     910}
    947911.testimonial-avatar-rounded figure img {
    948   border-radius: 50%;
    949   height: auto;
    950 }
    951 
     912    border-radius: 50%;
     913    height: auto;
     914}
    952915.eael-testimonial-content {
    953   margin: 0;
    954   padding: 10px 20px 50px;
    955 }
    956 
    957 .eael-testimonial-item > figure {
    958   margin: 0 auto;
    959   padding: 0 20px;
    960 }
    961 
     916    margin: 0;
     917    padding: 10px 20px 50px;
     918}
     919.eael-testimonial-item>figure {
     920    margin: 0 auto;
     921    padding: 0 20px;
     922}
    962923.eael-testimonial-item .center-text {
    963924    text-align: center;
     
    972933    text-align: justify;
    973934}
    974 
    975 
    976935/* Default aligned */
    977936
    978937.eael-testimonial-content .eael-testimonial-text {
    979   font-size: 100%;
    980   font-style: italic;
    981   line-height: 1.5;
    982   margin-bottom: 10px;
    983 }
    984 
     938    font-size: 100%;
     939    font-style: italic;
     940    line-height: 1.5;
     941    margin-bottom: 10px;
     942}
    985943.eael-testimonial-content .eael-testimonial-user {
    986   float: left;
    987   font-family: inherit;
    988   font-size: 105%;
    989   font-style: italic;
    990   font-weight: normal;
    991   line-height: 1.5;
    992   margin-bottom: 0;
    993   margin-right: 5px;
    994 }
    995 
     944    float: left;
     945    font-family: inherit;
     946    font-size: 105%;
     947    font-style: italic;
     948    font-weight: normal;
     949    line-height: 1.5;
     950    margin-bottom: 0;
     951    margin-right: 5px;
     952}
    996953.eael-testimonial-content .eael-testimonial-user-company {
    997   float: left;
    998   font-family: inherit;
    999   font-size: 90%;
    1000   font-style: italic;
    1001   font-weight: lighter;
    1002   line-height: 1.75;
    1003   margin-bottom: 0;
    1004   margin-top: 1px;
    1005 }
    1006 
    1007 .eael-testimonial-image  {
    1008   position: relative;
    1009 }
    1010 
     954    float: left;
     955    font-family: inherit;
     956    font-size: 90%;
     957    font-style: italic;
     958    font-weight: lighter;
     959    line-height: 1.75;
     960    margin-bottom: 0;
     961    margin-top: 1px;
     962}
     963.eael-testimonial-image {
     964    position: relative;
     965}
    1011966.eael-testimonial-image .eael-testimonial-quote::after {
    1012   color: inherit!important;
    1013   content: "\f10e";
    1014   font-family: "FontAwesome";
    1015   font-size: 200%;
    1016   position: absolute;
    1017   right: 20px;
    1018   top: 10px;
    1019 }
    1020 
    1021 
     967    color: inherit!important;
     968    content: "\f10e";
     969    font-family: "FontAwesome";
     970    font-size: 200%;
     971    position: absolute;
     972    right: 20px;
     973    top: 10px;
     974}
    1022975/* Left align */
    1023976
     
    1025978.eael-testimonial-align-left .eael-testimonial-user,
    1026979.eael-testimonial-align-left .eael-testimonial-user-company {
    1027   text-align: left;
    1028 }
    1029 
     980    text-align: left;
     981}
    1030982.eael-testimonial-align-left .eael-testimonial-image {
    1031   float: left;
    1032   width: 30%;
    1033 }
    1034 
     983    float: left;
     984    width: 30%;
     985}
    1035986.eael-testimonial-align-left .eael-testimonial-content {
    1036   float: left;
    1037   margin-top: 20px;
    1038   position: relative;
    1039   width: 70%;
    1040 }
    1041 
     987    float: left;
     988    margin-top: 20px;
     989    position: relative;
     990    width: 70%;
     991}
    1042992.eael-testimonial-align-left .eael-testimonial-image .eael-testimonial-quote {
    1043   display: none;
    1044 }
    1045 
     993    display: none;
     994}
    1046995.eael-testimonial-align-left .eael-testimonial-quote::before {
    1047   color: inherit;
    1048   content: "\f10e";
    1049   font-family: "FontAwesome";
    1050   font-size: 28px;
    1051   right: 20px;
    1052   position: absolute;
    1053   top: 0;
    1054 }
    1055 
     996    color: inherit;
     997    content: "\f10e";
     998    font-family: "FontAwesome";
     999    font-size: 28px;
     1000    right: 20px;
     1001    position: absolute;
     1002    top: 0;
     1003}
    10561004.eael-testimonial-align-left .eael-testimonial-text {
    1057   padding-right: 25px;
     1005    padding-right: 25px;
    10581006}
    10591007.eael-testimonial-align-left .eael-testimonial-content {
    1060   margin: 0;
    1061   padding: 10px 25px 30px 10px;
    1062 }
    1063 
     1008    margin: 0;
     1009    padding: 10px 25px 30px 10px;
     1010}
    10641011/* Center align */
    10651012
    10661013.eael-testimonial-align-centered .eael-testimonial-content .eael-testimonial-text {
    1067   text-align: center;
    1068 }
    1069 
     1014    text-align: center;
     1015}
    10701016.eael-testimonial-align-centered .eael-testimonial-user,
    1071 .eael-testimonial-align-centered .eael-testimonial-user-company  {
    1072   float: none;
    1073   text-align: center;
    1074 }
    1075 
    1076 .eael-testimonial-align-centered .eael-testimonial-image > figure img {
    1077   display: block;
    1078   margin-left: auto !important;
    1079   margin-right: auto !important;
    1080 }
    1081 
     1017.eael-testimonial-align-centered .eael-testimonial-user-company {
     1018    float: none;
     1019    text-align: center;
     1020}
     1021.eael-testimonial-align-centered .eael-testimonial-image>figure img {
     1022    display: block;
     1023    margin-left: auto !important;
     1024    margin-right: auto !important;
     1025}
    10821026/* Right align */
    10831027
     
    10851029.eael-testimonial-align-right .eael-testimonial-user,
    10861030.eael-testimonial-align-right .eael-testimonial-user-company {
    1087   text-align: right;
    1088 }
    1089 
     1031    text-align: right;
     1032}
    10901033.eael-testimonial-align-right .eael-testimonial-image {
    1091   float: right;
    1092   width: 30%;
    1093 }
    1094 
     1034    float: right;
     1035    width: 30%;
     1036}
    10951037.eael-testimonial-align-right .eael-testimonial-content {
    1096   float: right;
    1097   margin-top: 20px;
    1098   position: relative;
    1099   width: 70%;
    1100 }
    1101 
     1038    float: right;
     1039    margin-top: 20px;
     1040    position: relative;
     1041    width: 70%;
     1042}
    11021043.eael-testimonial-align-right .eael-testimonial-image .eael-testimonial-quote {
    1103   display: none;
    1104 }
    1105 
     1044    display: none;
     1045}
    11061046.eael-testimonial-align-right .eael-testimonial-quote::before {
    1107   color: inherit;
    1108   content: "\f10d";
    1109   font-family: "FontAwesome";
    1110   font-size: 28px;
    1111   left: 20px;
    1112   position: absolute;
    1113   top: 0;
    1114 }
    1115 
     1047    color: inherit;
     1048    content: "\f10d";
     1049    font-family: "FontAwesome";
     1050    font-size: 28px;
     1051    left: 20px;
     1052    position: absolute;
     1053    top: 0;
     1054}
    11161055.eael-testimonial-align-right .eael-testimonial-text {
    1117   padding-left: 30px;
    1118 }
    1119 
     1056    padding-left: 30px;
     1057}
    11201058.eael-testimonial-align-right .eael-testimonial-user,
    1121 .eael-testimonial-align-right .eael-testimonial-user-company  {
    1122   float: none;
    1123   text-align: right;
    1124 }
    1125 
     1059.eael-testimonial-align-right .eael-testimonial-user-company {
     1060    float: none;
     1061    text-align: right;
     1062}
    11261063.eael-testimonial-align-right .eael-testimonial-content {
    1127   padding: 10px 10px 30px 25px;
    1128 }
    1129 
    1130 
     1064    padding: 10px 10px 30px 25px;
     1065}
    11311066/* Product Styles */
    11321067
    11331068.eael-product-carousel .woocommerce li.product {
    1134   background-color: #fff;
    1135   border-radius: 0;
    1136   box-shadow: none;
    1137 }
    1138 
     1069    background-color: #fff;
     1070    border-radius: 0;
     1071    box-shadow: none;
     1072}
    11391073.hide_rating .woocommerce .star-rating-container,
    11401074.hide_rating .woocommerce .star-rating {
    1141   display: none !important;
    1142 }
    1143 
     1075    display: none !important;
     1076}
    11441077.eael-product-carousel .woocommerce ul.products li.product h3 {
    1145   padding: 0.5em;
    1146 }
    1147 
     1078    padding: 0.5em;
     1079}
    11481080.eael-product-carousel .woocommerce .products .star-rating {
    1149   display: block;
    1150   float: none;
    1151   margin: 10px auto;
    1152 }
    1153 
    1154 
     1081    display: block;
     1082    float: none;
     1083    margin: 10px auto;
     1084}
    11551085body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-carousel .woocommerce li.product .button {
    1156   box-shadow: none;
    1157   display: block;
    1158   left: auto;
    1159   margin: 15px;
    1160   padding: 0.45em 0.5em 0.575em;
    1161   position: relative;
    1162   right: auto;
    1163   text-shadow: none;
    1164   top: auto;
    1165 }
    1166 
     1086    box-shadow: none;
     1087    display: block;
     1088    left: auto;
     1089    margin: 15px;
     1090    padding: 0.45em 0.5em 0.575em;
     1091    position: relative;
     1092    right: auto;
     1093    text-shadow: none;
     1094    top: auto;
     1095}
    11671096/* Product Simple and Reveal Style */
    11681097
    11691098.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-featured {
    1170   background-color: transparent;
    1171   border: medium none;
    1172   box-shadow: none;
    1173   padding: 0;
    1174 }
    1175 
    1176 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap, .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
    1177   background-color: transparent;
    1178   bottom: auto;
    1179   box-shadow: none;
    1180   padding: 15px 0 0;
    1181   position: relative;
    1182   text-align: center;
    1183   top: auto;
    1184 }
    1185 
     1099    background-color: transparent;
     1100    border: medium none;
     1101    box-shadow: none;
     1102    padding: 0;
     1103}
     1104.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap,
     1105.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
     1106    background-color: transparent;
     1107    bottom: auto;
     1108    box-shadow: none;
     1109    padding: 15px 0 0;
     1110    position: relative;
     1111    text-align: center;
     1112    top: auto;
     1113}
    11861114.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3,
    11871115.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 {
    1188   font-size: 14px;
    1189   line-height: 1.2;
    1190   margin: 0 0 5px;
    1191   padding-bottom: 0.5em;
     1116    font-size: 14px;
     1117    line-height: 1.2;
     1118    margin: 0 0 5px;
     1119    padding-bottom: 0.5em;
    11921120}
    11931121.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3 a,
    11941122.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 a {
    1195   color: #272727;
    1196   font-weight: normal;
    1197   letter-spacing: 0.01rem;
    1198   text-transform: uppercase;
    1199 }
    1200 
    1201 .eael-product-carousel.eael-product-simple .woocommerce li.product .price > .amount,
    1202 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > .amount,
    1203 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > ins > .amount,
    1204 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > .amount,
    1205 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > ins > .amount {
    1206   color: #272727;
    1207   font-size: 18px;
    1208   font-weight: normal;
    1209 }
    1210 
     1123    color: #272727;
     1124    font-weight: normal;
     1125    letter-spacing: 0.01rem;
     1126    text-transform: uppercase;
     1127}
     1128.eael-product-carousel.eael-product-simple .woocommerce li.product .price>.amount,
     1129.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>.amount,
     1130.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>ins>.amount,
     1131.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>.amount,
     1132.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>ins>.amount {
     1133    color: #272727;
     1134    font-size: 18px;
     1135    font-weight: normal;
     1136}
    12111137.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap::before,
    12121138.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap::before {
    1213   display: none;
    1214 }
    1215 
     1139    display: none;
     1140}
    12161141.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button {
    1217   background-color: transparent;
    1218   border: 1px solid rgba(0, 0, 0, 0.5);
    1219   border-radius: 0;
    1220   box-shadow: none;
    1221   color: #272727;
    1222   display: block;
    1223   font-size: 14px;
    1224   left: auto;
    1225   margin: 20px auto;
    1226   opacity: 1;
    1227   position: relative;
    1228   right: auto;
    1229   text-shadow: none;
    1230   top: auto;
    1231   width: 80%;
    1232 }
    1233 
    1234 
     1142    background-color: transparent;
     1143    border: 1px solid rgba(0, 0, 0, 0.5);
     1144    border-radius: 0;
     1145    box-shadow: none;
     1146    color: #272727;
     1147    display: block;
     1148    font-size: 14px;
     1149    left: auto;
     1150    margin: 20px auto;
     1151    opacity: 1;
     1152    position: relative;
     1153    right: auto;
     1154    text-shadow: none;
     1155    top: auto;
     1156    width: 80%;
     1157}
    12351158.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button:hover {
    1236   background-color: #e74c3c;
    1237   border: 1px solid #e74c3c;
    1238   color: #fff;
    1239 }
    1240 
     1159    background-color: #e74c3c;
     1160    border: 1px solid #e74c3c;
     1161    color: #fff;
     1162}
    12411163.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container {
    1242   background-color: transparent;
    1243   left: auto;
    1244   opacity: 1;
    1245   position: relative;
    1246   right: auto;
    1247   top: 5px;
    1248   display: block;
    1249   margin: 0 auto;
    1250   width: 110px;
    1251 }
    1252 
     1164    background-color: transparent;
     1165    left: auto;
     1166    opacity: 1;
     1167    position: relative;
     1168    right: auto;
     1169    top: 5px;
     1170    display: block;
     1171    margin: 0 auto;
     1172    width: 110px;
     1173}
    12531174.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating::before,
    12541175.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating::before {
    1255   color: #f2b01e;
    1256 }
    1257 
     1176    color: #f2b01e;
     1177}
    12581178.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating span::before,
    12591179.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before {
    1260   color: #f2b01e;
    1261 }
    1262 
    1263 .eael-product-carousel:not(.eael-product-no-style) .onsale{
    1264   border-radius: 0;
    1265   box-shadow: none;
    1266   display: block;
    1267   font-size: 14px;
    1268   height: 100px;
    1269   letter-spacing: 0;
    1270   line-height: 160px;
    1271   position: absolute;
    1272   text-align: center;
    1273   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    1274   text-transform: uppercase;
    1275   transform: rotate(-45deg);
    1276   width: 200px;
    1277   z-index: 1;
    1278 }
    1279 
     1180    color: #f2b01e;
     1181}
     1182.eael-product-carousel:not(.eael-product-no-style) .onsale {
     1183    border-radius: 0;
     1184    box-shadow: none;
     1185    display: block;
     1186    font-size: 14px;
     1187    height: 100px;
     1188    letter-spacing: 0;
     1189    line-height: 160px;
     1190    position: absolute;
     1191    text-align: center;
     1192    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
     1193    text-transform: uppercase;
     1194    transform: rotate(-45deg);
     1195    width: 200px;
     1196    z-index: 1;
     1197}
    12801198.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .onsale {
    1281   left: -95px;
    1282   top: -45px;
    1283 }
    1284 
     1199    left: -95px;
     1200    top: -45px;
     1201}
    12851202.eael-product-carousel .woocommerce ul.products {
    1286   margin: 0 0 30px;
    1287 }
    1288 
     1203    margin: 0 0 30px;
     1204}
    12891205/* Product Reveal Styles */
    12901206
    12911207.eael-product-carousel .woocommerce li.product {
    1292   background-color: #fff;
    1293   float: left;
    1294   overflow: hidden;
    1295   padding: 0;
    1296   position: relative;
    1297   text-align: center;
    1298 }
    1299 
    1300 
     1208    background-color: #fff;
     1209    float: left;
     1210    overflow: hidden;
     1211    padding: 0;
     1212    position: relative;
     1213    text-align: center;
     1214}
    13011215.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap {
    1302   bottom: -63px;
    1303   margin-top: -63px;
    1304   position: relative;
    1305   top: auto;
    1306   -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    1307   transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s
     1216    bottom: -63px;
     1217    margin-top: -63px;
     1218    position: relative;
     1219    top: auto;
     1220    -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     1221    transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s
    13081222}
    13091223.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap {
    1310   bottom: 0;
    1311 }
    1312 
     1224    bottom: 0;
     1225}
    13131226.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap::before {
    1314   background-color: #fff;
    1315   display: block;
    1316 }
    1317 
     1227    background-color: #fff;
     1228    display: block;
     1229}
    13181230.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container {
    1319   background-color: rgba(255, 255, 255, 0.9);
    1320   left: auto;
    1321   opacity: 0;
    1322   position: absolute;
    1323   right: 10px;
    1324   top: 10px;
    1325 }
    1326 
     1231    background-color: rgba(255, 255, 255, 0.9);
     1232    left: auto;
     1233    opacity: 0;
     1234    position: absolute;
     1235    right: 10px;
     1236    top: 10px;
     1237}
    13271238.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .star-rating-container {
    1328   opacity: 1;
    1329 }
    1330 
     1239    opacity: 1;
     1240}
    13311241/* Product Overlay Styles */
    13321242
     
    13421252}
    13431253.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap {
    1344   background-color: rgba(0, 0, 0, 0.5);
    1345   bottom: auto;
    1346   font-size: 14px;
    1347   left: 0;
    1348   padding: 0;
    1349   position: absolute;
    1350   right: 0;
    1351   text-align: center;
    1352   top: calc(100% - 4em);
    1353   -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    1354   transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    1355 }
    1356 
     1254    background-color: rgba(0, 0, 0, 0.5);
     1255    bottom: auto;
     1256    font-size: 14px;
     1257    left: 0;
     1258    padding: 0;
     1259    position: absolute;
     1260    right: 0;
     1261    text-align: center;
     1262    top: calc(100% - 4em);
     1263    -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     1264    transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     1265}
    13571266.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap::before {
    1358   background-color: rgba(0, 0, 0, 0.5);
    1359   content: "";
    1360   display: block;
    1361   height: 50em;
    1362   left: 0;
    1363   position: absolute;
    1364   right: 0;
    1365   top: 0;
    1366   transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    1367   z-index: 0;
    1368 }
    1369 
     1267    background-color: rgba(0, 0, 0, 0.5);
     1268    content: "";
     1269    display: block;
     1270    height: 50em;
     1271    left: 0;
     1272    position: absolute;
     1273    right: 0;
     1274    top: 0;
     1275    transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
     1276    z-index: 0;
     1277}
    13701278.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before {
    1371   background-color: rgba(0, 0, 0, 0.75);
    1372 }
    1373 
     1279    background-color: rgba(0, 0, 0, 0.75);
     1280}
    13741281.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header {
    13751282    position: relative;
     
    13881295    color: #fff;
    13891296}
    1390 .eael-product-carousel.eael-product-overlay .woocommerce li.product .price > del,
    1391 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > del{
     1297.eael-product-carousel.eael-product-overlay .woocommerce li.product .price>del,
     1298.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>del {
    13921299    display: none;
    13931300}
    1394 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > .amount, .woocommerce li.product .entry-header .price > ins > .amount {
     1301.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>.amount,
     1302.woocommerce li.product .entry-header .price>ins>.amount {
    13951303    color: #fff;
    13961304    font-size: 24px;
    13971305}
    1398 
    13991306.eael-product-carousel.eael-product-overlay .woocommerce li.product .added_to_cart {
    14001307    display: none;
     
    14091316    opacity: 1;
    14101317}
    1411 
    1412 
    14131318/* Contact Form 7 Styles */
    14141319
    1415 .eael-contact-form-container input, .eael-contact-form-container textarea {
    1416   height: auto;
    1417   padding: 10px;
    1418 }
    1419 
    1420 .eael-contact-form-align-center .eael-contact-form-container, .eael-contact-form-btn-align-center .eael-contact-form-container input.wpcf7-submit {
    1421   margin-left: auto !important;
    1422   margin-right: auto !important;
    1423   display: block;
    1424   float: none;
    1425 }
    1426 
    1427 .eael-contact-form-align-left .eael-contact-form-container, .eael-contact-form-btn-align-left .eael-contact-form-container input.wpcf7-submit {
    1428   float: left;
    1429   width: auto;
    1430 }
    1431 
    1432 .eael-contact-form-align-right .eael-contact-form-container, .eael-contact-form-btn-align-right .eael-contact-form-container input.wpcf7-submit {
    1433   float: right;
    1434   width: auto;
    1435 }
    1436 
    1437 .eael-contact-form-container textarea, .eael-contact-form-container input[type="text"], .eael-contact-form-container input[type="password"], .eael-contact-form-container input[type="datetime"], .eael-contact-form-container input[type="datetime-local"], .eael-contact-form-container input[type="date"], .eael-contact-form-container input[type="month"], .eael-contact-form-container input[type="time"], .eael-contact-form-container input[type="week"], .eael-contact-form-container input[type="number"], .eael-contact-form-container input[type="email"], .eael-contact-form-container input[type="url"], .eael-contact-form-container input[type="search"], .eael-contact-form-container input[type="tel"], .eael-contact-form-container input[type="color"], .eael-contact-form-container .uneditable-input {
    1438   -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    1439   transition: border linear 0.2s,box-shadow linear 0.2s;
    1440 }
    1441 
    1442 .eael-contact-form-container .wpcf7-form::before, .eael-contact-form-container .wpcf7-form::after {
    1443   content: " ";
    1444   clear: both;
    1445   display: table;
    1446 }
    1447 
     1320.eael-contact-form-container input,
     1321.eael-contact-form-container textarea {
     1322    height: auto;
     1323    padding: 10px;
     1324}
     1325.eael-contact-form-align-center .eael-contact-form-container,
     1326.eael-contact-form-btn-align-center .eael-contact-form-container input.wpcf7-submit {
     1327    margin-left: auto !important;
     1328    margin-right: auto !important;
     1329    display: block;
     1330    float: none;
     1331}
     1332.eael-contact-form-align-left .eael-contact-form-container,
     1333.eael-contact-form-btn-align-left .eael-contact-form-container input.wpcf7-submit {
     1334    float: left;
     1335    width: auto;
     1336}
     1337.eael-contact-form-align-right .eael-contact-form-container,
     1338.eael-contact-form-btn-align-right .eael-contact-form-container input.wpcf7-submit {
     1339    float: right;
     1340    width: auto;
     1341}
     1342.eael-contact-form-container textarea,
     1343.eael-contact-form-container input[type="text"],
     1344.eael-contact-form-container input[type="password"],
     1345.eael-contact-form-container input[type="datetime"],
     1346.eael-contact-form-container input[type="datetime-local"],
     1347.eael-contact-form-container input[type="date"],
     1348.eael-contact-form-container input[type="month"],
     1349.eael-contact-form-container input[type="time"],
     1350.eael-contact-form-container input[type="week"],
     1351.eael-contact-form-container input[type="number"],
     1352.eael-contact-form-container input[type="email"],
     1353.eael-contact-form-container input[type="url"],
     1354.eael-contact-form-container input[type="search"],
     1355.eael-contact-form-container input[type="tel"],
     1356.eael-contact-form-container input[type="color"],
     1357.eael-contact-form-container .uneditable-input {
     1358    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     1359    transition: border linear 0.2s, box-shadow linear 0.2s;
     1360}
     1361.eael-contact-form-container .wpcf7-form::before,
     1362.eael-contact-form-container .wpcf7-form::after {
     1363    content: " ";
     1364    clear: both;
     1365    display: table;
     1366}
    14481367.eael-contact-form-container .wpcf7-response-output {
    1449   clear: both;
    1450 }
    1451 
     1368    clear: both;
     1369}
    14521370/* weForm Styles */
    14531371
    1454 .eael-weform-container input, .eael-weform-container textarea {
    1455   height: auto;
    1456   padding: 10px;
    1457 }
    1458 
    1459 .eael-contact-form-align-center .eael-weform-container, .eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
    1460   margin-left: auto !important;
    1461   margin-right: auto !important;
    1462   display: block;
    1463   float: none;
    1464 }
    1465 
    1466 .eael-contact-form-align-left .eael-weform-container, .eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
    1467   float: left;
    1468   width: auto;
    1469 }
    1470 
    1471 .eael-contact-form-align-right .eael-weform-container, .eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
    1472   float: right;
    1473   width: auto;
    1474 }
    1475 
    1476 .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], .eael-weform-container ul.wpuf-form li .wpuf-fields textarea {
    1477   max-width: 100%;
    1478 }
    1479 
     1372.eael-weform-container input,
     1373.eael-weform-container textarea {
     1374    height: auto;
     1375    padding: 10px;
     1376}
     1377.eael-contact-form-align-center .eael-weform-container,
     1378.eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
     1379    margin-left: auto !important;
     1380    margin-right: auto !important;
     1381    display: block;
     1382    float: none;
     1383}
     1384.eael-contact-form-align-left .eael-weform-container,
     1385.eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
     1386    float: left;
     1387    width: auto;
     1388}
     1389.eael-contact-form-align-right .eael-weform-container,
     1390.eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
     1391    float: right;
     1392    width: auto;
     1393}
     1394.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"],
     1395.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"],
     1396.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"],
     1397.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"],
     1398.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"],
     1399.eael-weform-container ul.wpuf-form li .wpuf-fields textarea {
     1400    max-width: 100%;
     1401}
    14801402/* Post Grid Style */
    14811403
    1482 
    14831404.eael-grid-post {
    1484   float: left;
    1485   padding: 10px;
    1486 }
    1487 
     1405    float: left;
     1406    padding: 10px;
     1407}
    14881408.eael-grid-post-holder {
    1489   border: 1px solid rgba(0,0,0,.1);
    1490 }
    1491 
     1409    border: 1px solid rgba(0, 0, 0, .1);
     1410}
    14921411.eael-grid-post-holder-inner {
    1493   height: 100%;
    1494 }
    1495 
     1412    height: 100%;
     1413}
    14961414.eael-entry-media {
    1497   position: relative;
    1498 }
    1499 
     1415    position: relative;
     1416}
    15001417.eael-entry-overlay {
    1501   position: absolute;
    1502   top: 0;
    1503   left: 0;
    1504   width: 100%;
    1505   height: 100%;
    1506   z-index: 999;
    1507   opacity: 0;
    1508   -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1);
    1509   -moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1);
    1510   transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1);
    1511 }
    1512 
     1418    position: absolute;
     1419    top: 0;
     1420    left: 0;
     1421    width: 100%;
     1422    height: 100%;
     1423    z-index: 999;
     1424    opacity: 0;
     1425    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
     1426    -moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
     1427    transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
     1428}
    15131429.eael-entry-overlay:hover {
    1514   opacity: 1;
    1515 }
    1516 
    1517 
    1518 .eael-entry-overlay > a {
    1519   position: absolute;
    1520   top: 0;
    1521   left: 0;
    1522   width: 100%;
    1523   height: 100%;
    1524   z-index: 99999;
    1525 }
    1526 
     1430    opacity: 1;
     1431}
     1432.eael-entry-overlay>a {
     1433    position: absolute;
     1434    top: 0;
     1435    left: 0;
     1436    width: 100%;
     1437    height: 100%;
     1438    z-index: 99999;
     1439}
    15271440.eael-entry-title {
    1528   margin: 10px 0 5px;
    1529   font-size: 1.2em;
    1530 }
    1531 
     1441    margin: 10px 0 5px;
     1442    font-size: 1.2em;
     1443}
    15321444.eael-entry-overlay i {
    1533   color: #fff;
    1534   width: 60px;
    1535   text-align: center;
    1536   line-height: 60px;
    1537   height: 60px;
    1538   position: absolute;
    1539   left: 50%;
    1540   margin-left: -30px;
    1541   font-size: 32px;
    1542   top: 50%;
    1543   margin-top: -30px;
    1544   -webkit-perspective: 1000;
    1545   -moz-perspective: 1000;
    1546   -ms-perspective: 1000;
    1547   perspective: 1000;
    1548   opacity: 0;
    1549   -webkit-transform: translatex(-20px);
    1550   -moz-transform: translatex(-20px);
    1551   -ms-transform: translatex(-20px);
    1552   transform: translatex(-20px);
    1553   -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1);
    1554   -moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1);
    1555   transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1);
    1556 }
    1557 
     1445    color: #fff;
     1446    width: 60px;
     1447    text-align: center;
     1448    line-height: 60px;
     1449    height: 60px;
     1450    position: absolute;
     1451    left: 50%;
     1452    margin-left: -30px;
     1453    font-size: 32px;
     1454    top: 50%;
     1455    margin-top: -30px;
     1456    -webkit-perspective: 1000;
     1457    -moz-perspective: 1000;
     1458    -ms-perspective: 1000;
     1459    perspective: 1000;
     1460    opacity: 0;
     1461    -webkit-transform: translatex(-20px);
     1462    -moz-transform: translatex(-20px);
     1463    -ms-transform: translatex(-20px);
     1464    transform: translatex(-20px);
     1465    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1);
     1466    -moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1);
     1467    transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1);
     1468}
    15581469.eael-entry-media:hover .eael-entry-overlay i {
    1559   -webkit-transform: translatex(0px);
    1560   -moz-transform: translatex(0px);
    1561   -ms-transform: translatex(0px);
    1562   transform: translatex(0px);
    1563   opacity: 1;
    1564 }
    1565 
     1470    -webkit-transform: translatex(0px);
     1471    -moz-transform: translatex(0px);
     1472    -ms-transform: translatex(0px);
     1473    transform: translatex(0px);
     1474    opacity: 1;
     1475}
    15661476.eael-entry-thumbnail img {
    1567   width: 100%;
    1568   max-width: 100%;
    1569   vertical-align: middle;
    1570 }
    1571 
     1477    width: 100%;
     1478    max-width: 100%;
     1479    vertical-align: middle;
     1480}
    15721481.eael-entry-footer {
    1573   display: flex;
    1574   flex-flow: row nowrap;
    1575   align-items: center;
    1576 }
    1577 
     1482    display: flex;
     1483    flex-flow: row nowrap;
     1484    align-items: center;
     1485}
    15781486.eael-entry-footer .eael-author-avatar {
    1579   flex: 0 0 auto;
    1580   width: 50px;
    1581 }
    1582 
     1487    flex: 0 0 auto;
     1488    width: 50px;
     1489}
    15831490.eael-entry-footer .eael-author-avatar .avatar {
    1584   border-radius: 50%;
    1585 }
    1586 
    1587 .eael-post-grid .eael-entry-footer  .eael-entry-meta {
    1588   padding-left: 8px;
    1589 }
    1590 
    1591 .eael-entry-meta > div {
    1592   font-size: 12px;
    1593   line-height: 1.2;
    1594   padding-bottom: 5px;
    1595 }
    1596 
     1491    border-radius: 50%;
     1492}
     1493.eael-post-grid .eael-entry-footer .eael-entry-meta {
     1494    padding-left: 8px;
     1495}
     1496.eael-entry-meta>div {
     1497    font-size: 12px;
     1498    line-height: 1.2;
     1499    padding-bottom: 5px;
     1500}
    15971501.eael-grid-post-excerpt p {
    1598   margin: 0;
    1599   font-size: 14px;
    1600 }
    1601 
    1602 .eael-entry-meta .eael-entry-footer  .eael-posted-by {
    1603   display: block;
    1604 }
    1605 
    1606 .eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer {
    1607   padding: 15px;
    1608 }
    1609 
     1502    margin: 0;
     1503    font-size: 14px;
     1504}
     1505.eael-entry-meta .eael-entry-footer .eael-posted-by {
     1506    display: block;
     1507}
     1508.eael-grid-post .eael-entry-wrapper,
     1509.eael-grid-post .eael-entry-footer {
     1510    padding: 15px;
     1511}
    16101512.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on {
    1611   padding-left: 5px;
    1612 }
    1613 
     1513    padding-left: 5px;
     1514}
    16141515.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before {
    1615   content: '\f111';
    1616   font-family: FontAwesome;
    1617   color: inherit;
    1618   opacity: .4;
    1619   font-size: .8em;
    1620   padding-right: 7px;
    1621 }
    1622 
    1623 
     1516    content: '\f111';
     1517    font-family: FontAwesome;
     1518    color: inherit;
     1519    opacity: .4;
     1520    font-size: .8em;
     1521    padding-right: 7px;
     1522}
    16241523/* Post Grid Column */
    16251524
    16261525.eael-col-1 .eael-post-grid-column {
    1627   float: none;
    1628   width: 100%;
    1629 }
    1630 .eael-col-2 .eael-post-grid-column{
    1631   float: left;
    1632   width: 50%;
     1526    float: none;
     1527    width: 100%;
     1528}
     1529.eael-col-2 .eael-post-grid-column {
     1530    float: left;
     1531    width: 50%;
    16331532}
    16341533.eael-col-3 .eael-post-grid-column {
    1635   float: left;
    1636   width: 33.3333%;
     1534    float: left;
     1535    width: 33.3333%;
    16371536}
    16381537.eael-col-4 .eael-post-grid-column {
    1639   float: left;
    1640   width: 25%;
     1538    float: left;
     1539    width: 25%;
    16411540}
    16421541.eael-col-5 .eael-post-grid-column {
    1643   float: left;
    1644   width: 20%;
     1542    float: left;
     1543    width: 20%;
    16451544}
    16461545.eael-col-6 .eael-post-grid-column {
    1647   float: left;
    1648   width: 16.6666%;
    1649 }
    1650 
     1546    float: left;
     1547    width: 16.6666%;
     1548}
    16511549/* Responsive Styles for Post Grid */
    16521550
    16531551@media only screen and (max-width: 979px) {
    1654 .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
    1655 .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
    1656 .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
    1657   width: 33.3333%;
    1658 }
    1659 }
    1660 
     1552    .eael-col-1 .eael-post-grid-column,
     1553    .eael-col-2 .eael-post-grid-column,
     1554    .eael-col-3 .eael-post-grid-column,
     1555    .eael-col-4 .eael-post-grid-column,
     1556    .eael-col-5 .eael-post-grid-column,
     1557    .eael-col-6 .eael-post-grid-column {
     1558        width: 33.3333%;
     1559    }
     1560}
    16611561@media only screen and (max-width: 767px) {
    1662 .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
    1663 .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
    1664 .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
    1665   width: 50%;
    1666 }
    1667 }
    1668 
     1562    .eael-col-1 .eael-post-grid-column,
     1563    .eael-col-2 .eael-post-grid-column,
     1564    .eael-col-3 .eael-post-grid-column,
     1565    .eael-col-4 .eael-post-grid-column,
     1566    .eael-col-5 .eael-post-grid-column,
     1567    .eael-col-6 .eael-post-grid-column {
     1568        width: 50%;
     1569    }
     1570}
    16691571@media only screen and (max-width: 480px) {
    1670 .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
    1671 .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
    1672 .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
    1673   float: none;
    1674   width: 100%;
    1675 }
     1572    .eael-col-1 .eael-post-grid-column,
     1573    .eael-col-2 .eael-post-grid-column,
     1574    .eael-col-3 .eael-post-grid-column,
     1575    .eael-col-4 .eael-post-grid-column,
     1576    .eael-col-5 .eael-post-grid-column,
     1577    .eael-col-6 .eael-post-grid-column {
     1578        float: none;
     1579        width: 100%;
     1580    }
    16761581}
    16771582/* 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;
     1583
     1584.eael-infobox {} .eael-infobox .infobox-icon {} .eael-infobox .infobox-icon img {
     1585    max-width: 100%;
     1586    height: auto;
     1587    -webkit-transform: scale(.9);
     1588    transform: scale(.9);
     1589    -webkit-transition: .5s;
     1590    transition: .5s;
    16871591}
    16881592.eael-infobox .infobox-icon i {
    1689   font-size: 40px;
    1690   text-align: center;
     1593    font-size: 40px;
     1594    text-align: center;
    16911595}
    16921596.eael-infobox:hover .infobox-icon img {
    1693   -webkit-transform: scale(1.0);
    1694   transform: scale(1.0);
    1695 }
    1696 .eael-infobox .infobox-content {}
    1697 .eael-infobox .infobox-content .title {
    1698   margin-bottom: 10px;
     1597    -webkit-transform: scale(1.0);
     1598    transform: scale(1.0);
     1599}
     1600.eael-infobox .infobox-content {} .eael-infobox .infobox-content .title {
     1601    margin-bottom: 10px;
    16991602}
    17001603.eael-infobox .infobox-content p {
    1701   margin-top: 0px;
    1702   line-height: 28px;
    1703 }
    1704 .eael-infobox-img-align-left .eael-infobox .infobox-icon,
    1705 .eael-infobox-icon-align-left .eael-infobox .infobox-icon,
    1706 .eael-infobox-content-align-left .eael-infobox .infobox-content {
    1707   text-align: left;
    1708 }
    1709 .eael-infobox-img-align-right .eael-infobox .infobox-icon,
    1710 .eael-infobox-icon-align-right .eael-infobox .infobox-icon,
    1711 .eael-infobox-content-align-right .eael-infobox .infobox-content {
    1712   text-align: right;
    1713 }
    1714 .eael-infobox-img-align-center .eael-infobox .infobox-icon,
    1715 .eael-infobox-icon-align-center .eael-infobox .infobox-icon,
    1716 .eael-infobox-content-align-center .eael-infobox .infobox-content {
    1717   text-align: center;
     1604    margin-top: 0px;
     1605    line-height: 28px;
     1606}
     1607.eael-infobox-content-align-left .eael-infobox {
     1608    text-align: left;
     1609}
     1610.eael-infobox-content-align-right .eael-infobox {
     1611    text-align: right;
     1612}
     1613.eael-infobox-content-align-center .eael-infobox {
     1614    text-align: center;
    17181615}
    17191616.eael-infobox-shape-circle .eael-infobox .infobox-icon img {
    1720   -webkit-border-radius: 50%;
    1721   -ms-border-radius: 50%;
    1722   border-radius: 50%;
     1617    -webkit-border-radius: 50%;
     1618    -ms-border-radius: 50%;
     1619    border-radius: 50%;
    17231620}
    17241621.eael-infobox-shape-radius .eael-infobox .infobox-icon img {
    1725   -webkit-border-radius: 15px;
    1726   -ms-border-radius: 15px;
    1727   border-radius: 15px;
     1622    -webkit-border-radius: 15px;
     1623    -ms-border-radius: 15px;
     1624    border-radius: 15px;
    17281625}
    17291626.eael-infobox-icon-bg-shape-circle .eael-infobox .infobox-icon i {
    1730   background: #f4f4f4;
    1731   width: 90px;
    1732   height: 90px;
    1733   line-height: 90px;
    1734   border-radius: 50%;
    1735   border: 2px solid #ededed;
    1736   -webkit-transition: .5s;
    1737   transition: .5s;
     1627    background: #f4f4f4;
     1628    width: 90px;
     1629    height: 90px;
     1630    line-height: 90px;
     1631    border-radius: 50%;
     1632    border: 2px solid #ededed;
     1633    -webkit-transition: .5s;
     1634    transition: .5s;
    17381635}
    17391636.eael-infobox-icon-bg-shape-radius .eael-infobox .infobox-icon i {
    1740   background: #f4f4f4;
    1741   width: 90px;
    1742   height: 90px;
    1743   line-height: 90px;
    1744   border-radius: 15px;
    1745   border: 2px solid #ededed;
    1746   -webkit-transition: .5s;
    1747   transition: .5s;
     1637    background: #f4f4f4;
     1638    width: 90px;
     1639    height: 90px;
     1640    line-height: 90px;
     1641    border-radius: 15px;
     1642    border: 2px solid #ededed;
     1643    -webkit-transition: .5s;
     1644    transition: .5s;
    17481645}
    17491646.eael-infobox-icon-bg-shape-square .eael-infobox .infobox-icon i {
    1750   background: #f4f4f4;
    1751   width: 90px;
    1752   height: 90px;
    1753   line-height: 90px;
    1754   border-radius: 0px;
    1755   border: 2px solid #ededed;
    1756   -webkit-transition: .5s;
    1757   transition: .5s;
     1647    background: #f4f4f4;
     1648    width: 90px;
     1649    height: 90px;
     1650    line-height: 90px;
     1651    border-radius: 0px;
     1652    border: 2px solid #ededed;
     1653    -webkit-transition: .5s;
     1654    transition: .5s;
    17581655}
    17591656.eael-infobox-icon-bg-shape-circle:hover .eael-infobox .infobox-icon i,
    17601657.eael-infobox-icon-bg-shape-radius:hover .eael-infobox .infobox-icon i,
    17611658.eael-infobox-icon-bg-shape-square:hover .eael-infobox .infobox-icon i {
    1762   -webkit-transform: scale(1.2);
    1763   transform: scale(1.2);
     1659    -webkit-transform: scale(1.2);
     1660    transform: scale(1.2);
    17641661}
    17651662/* Infobox Style (Icon On Left) */
    1766 .eael-infobox.icon-on-left {}
    1767 .eael-infobox.icon-on-left .infobox-icon {
    1768   position: absolute;
    1769   width: 55px;
    1770   height: 55px;
    1771   top: 0px;
    1772   left: 0px;
    1773   z-index: 1;
     1663
     1664.eael-infobox.icon-on-left {} .eael-infobox.icon-on-left .infobox-icon {
     1665    position: absolute;
     1666    width: 55px;
     1667    height: 55px;
     1668    top: 0px;
     1669    left: 0px;
     1670    z-index: 1;
    17741671}
    17751672.eael-infobox.icon-on-left .infobox-content {
    1776   padding-left: 65px;
     1673    padding-left: 65px;
    17771674}
    17781675.eael-infobox.icon-on-left .infobox-icon.eael-icon-only {
    1779   position: absolute;
    1780   width: 45px;
    1781   height: 45px;
    1782   top: 7px;
    1783   left: 0px;
    1784   z-index: 1;
     1676    position: absolute;
     1677    width: 45px;
     1678    height: 45px;
     1679    top: 7px;
     1680    left: 0px;
     1681    z-index: 1;
    17851682}
    17861683.eael-infobox.icon-on-left .infobox-content.eael-icon-only {
    1787   padding-left: 45px;
     1684    padding-left: 45px;
    17881685}
    17891686/* Infobox Style (Icon Beside Title) */
    1790 .eael-infobox.icon-beside-title {}
    17911687.eael-infobox.icon-beside-title figure {
    1792   position: absolute;
    1793   display: block;
    1794   width: 55px;
    1795   height: 55px;
    1796   top: 0px;
    1797   left: 0px;
    1798   z-index: 1;
    1799   font-size: 45px;
     1688    position: absolute;
     1689    display: block;
     1690    width: 55px;
     1691    height: 55px;
     1692    top: 0px;
     1693    left: 0px;
     1694    z-index: 1;
     1695    font-size: 45px;
     1696}
     1697.eael-infobox.icon-beside-title figure img {
     1698  -webkit-transition: .4s;
     1699  transition: .4s;
     1700}
     1701.eael-infobox-shape-circle .eael-infobox.icon-beside-title figure img {
     1702  -webkit-border-radius: 50%;
     1703  border-radius: 50%;
     1704}
     1705.eael-infobox-shape-radius .eael-infobox.icon-beside-title figure img {
     1706  -webkit-border-radius: 15px;
     1707  border-radius: 15px;
    18001708}
    18011709.eael-infobox.icon-beside-title .infobox-content .title {
    1802   position: relative;
    1803   display: block;
    1804   padding-left: 65px;
    1805   line-height: 45px;
    1806   margin-bottom: 20px;
    1807 }
    1808 
     1710    position: relative;
     1711    display: block;
     1712    min-height: 55px;
     1713    padding-left: 65px;
     1714    line-height: 27px;
     1715    margin-bottom: 20px;
     1716}
    18091717.eael-infobox.icon-beside-title .infobox-content .title.eael-icon-only {
    1810   padding-left: 50px;
    1811 }
    1812 
     1718    padding-left: 50px;
     1719}
    18131720/**
    18141721 * Flipbox Style
    18151722 */
     1723
    18161724.eael-elements-progression-flip-box-container {
    1817   position:relative;
    1818   height:300px;
    1819   width:100%;
    1820 }
    1821 
     1725    position: relative;
     1726    height: 300px;
     1727    width: 100%;
     1728}
    18221729.eael-elements-progression-flip-box-container a {
    1823   display:block;
    1824 }
    1825 
     1730    display: block;
     1731}
    18261732.eael-elements-flip-box-vertical-align {
    1827   width:100%;
    1828 }
    1829 
     1733    width: 100%;
     1734}
    18301735.eael-elements-flip-box-padding {
    1831   padding:0px 30px 5px 30px;
    1832 }
    1833 
     1736    padding: 0px 30px 5px 30px;
     1737}
    18341738.eael-elements-flip-box-icon-image {
    1835   display:inline-block;
    1836   margin:0 auto 0px auto;
    1837   line-height:1;
    1838 }
    1839 
     1739    display: inline-block;
     1740    margin: 0 auto 0px auto;
     1741    line-height: 1;
     1742}
    18401743.eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background {
    1841   background:#cccccc;
    1842 }
    1843 
     1744    background: #cccccc;
     1745}
    18441746.eael_eleements_flip_front_icon_style_bordered {
    1845   border:2px solid #ffffff;
    1846 }
    1847 
     1747    border: 2px solid #ffffff;
     1748}
    18481749.eael_flip_box_icon_border_round {
    1849   border-radius:100px;
    1850 }
    1851 
     1750    border-radius: 100px;
     1751}
    18521752.eael_eleements_flip_front_icon_style_background,
    18531753.eael_eleements_flip_front_icon_style_bordered {
    1854   padding:15px;
    1855 }
    1856 
     1754    padding: 15px;
     1755}
    18571756.eael-elements-flip-box-icon-image i {
    1858   font-size:40px;
    1859   line-height:40px;
    1860   width:40px;
    1861 }
    1862 
     1757    font-size: 40px;
     1758    line-height: 40px;
     1759    width: 40px;
     1760}
     1761.eael-elements-slider-display-table {
     1762    width: 100%;
     1763}
    18631764.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 
     1765    text-align: center;
     1766    position: absolute;
     1767    top: 0px;
     1768    left: 0px;
     1769    z-index: 2;
     1770    width: 100%;
     1771    height: 100%;
     1772    background: #0e9dd2;
     1773    color: #ffffff;
     1774    border-color: #000000;
     1775    -webkit-display: flex;
     1776    display: flex;
     1777    -webkit-align-items: center;
     1778    align-items: center;
     1779}
    18821780.eael-elements-flip-box-content,
    18831781h2.eael-elements-flip-box-heading {
    1884   color:#ffffff;
    1885 }
    1886 
     1782    color: #ffffff;
     1783}
    18871784.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 
     1785    text-align: center;
     1786    position: absolute;
     1787    top: 0px;
     1788    left: 0px;
     1789    width: 100%;
     1790    height: 100%;
     1791    background: #444444;
     1792    color: #ffffff;
     1793    display: flex;
     1794    -webkit-align-items: center;
     1795    align-items: center;
     1796}
    19031797/* Floating Button Styles */
     1798
    19041799.eael-elements-progression-button-floating-container {
    1905   position:fixed;
    1906   z-index:100;
    1907 }
    1908 
     1800    position: fixed;
     1801    z-index: 100;
     1802}
    19091803.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 
     1804    margin-top: 0px;
     1805    font-size: 14px;
     1806    position: relative;
     1807    padding: 14px 20px;
     1808}
    19161809.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 
     1810    cursor: pointer;
     1811    display: inline-block;
     1812    background: #077bbe;
     1813    color: #ffffff;
     1814    line-height: 1;
     1815    padding: 16px 25px;
     1816    margin-top: 15px;
     1817}
    19261818.eael-elements-button:hover {
    1927   background:#077bbe;
    1928   color:#ffffff;
    1929 }
    1930 
    1931 
     1819    background: #077bbe;
     1820    color: #ffffff;
     1821}
    19321822/* CSS3 Transitions */
     1823
    19331824.eael-elements-progression-flip-box-container {
    1934   perspective: 1000px;
    1935 }
    1936 
     1825    perspective: 1000px;
     1826}
    19371827.eael-elements-flip-box-front-container,
    19381828.eael-elements-flip-box-rear-container {
    1939   transition-duration:500ms;
    1940   transition-property: all;
    1941   transition-timing-function: ease;
     1829    transition-duration: 500ms;
     1830    transition-property: all;
     1831    transition-timing-function: ease;
    19421832}
    19431833.eael-elements-flip-box-flip-card {
    1944   width: 100%;
    1945   height: 100%;
    1946   transform-style: preserve-3d;
    1947   transition: all 500ms ease;
     1834    width: 100%;
     1835    height: 100%;
     1836    transform-style: preserve-3d;
     1837    transition: all 500ms ease;
    19481838}
    19491839.eael-elements-flip-box-rear-container,
    19501840.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 
     1841    -moz-backface-visibility: hidden;
     1842    -webkit-backface-visibility: hidden;
     1843    backface-visibility: hidden;
     1844    transform: rotateX(0deg);
     1845    transform: rotateY(0deg);
     1846}
    19581847/* 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 
     1848
     1849.eael-animate-flip.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
     1850.eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container {
     1851    transform: rotateX(180deg);
     1852}
     1853.eael-animate-flip.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
     1854.eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container {
     1855    transform: rotateX(-180deg);
     1856}
     1857.eael-animate-flip.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
     1858.eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container {
     1859    transform: rotateY(-180deg);
     1860}
     1861.eael-animate-flip.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
     1862.eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container {
     1863    transform: rotateY(180deg);
     1864}
    19721865/* Slide */
     1866
    19731867.eael-animate-push.eael-elements-progression-flip-box-container,
    1974 .eael-animate-slide.eael-elements-progression-flip-box-container { overflow:hidden; }
     1868.eael-animate-slide.eael-elements-progression-flip-box-container {
     1869    overflow: hidden;
     1870}
    19751871.eael-animate-push .eael-elements-flip-box-rear-container,
    1976 .eael-animate-slide .eael-elements-flip-box-rear-container { z-index:3; }
    1977 
     1872.eael-animate-slide .eael-elements-flip-box-rear-container {
     1873    z-index: 3;
     1874}
    19781875.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%;  }
     1876.eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container {
     1877    top: 100%;
     1878}
    19801879.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 
     1880.eael-animate-slide.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
     1881    top: 0;
     1882}
    19831883.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%; }
     1884.eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container {
     1885    top: auto;
     1886    bottom: 100%;
     1887}
    19851888.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 
     1889.eael-animate-slide.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
     1890    top: auto;
     1891    bottom: 0;
     1892}
    19881893.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%; }
     1894.eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container {
     1895    left: 100%;
     1896}
    19901897.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 
     1898.eael-animate-slide.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
     1899    left: 0;
     1900}
    19941901.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%; }
     1902.eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container {
     1903    left: auto;
     1904    right: 100%;
     1905}
    19961906.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 
     1907.eael-animate-slide.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
     1908    left: auto;
     1909    right: 0;
     1910}
    20001911/* Push + Slide Above */
     1912
    20011913.eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
    2002   top:-100%;
    2003 }
    2004 
     1914    top: -100%;
     1915}
    20051916.eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
    2006   top:100%;
    2007 }
    2008 
     1917    top: 100%;
     1918}
    20091919.eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
    2010   left:-100%;
    2011 }
    2012 
     1920    left: -100%;
     1921}
    20131922.eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
    2014   left:100%;
    2015 }
    2016 
     1923    left: 100%;
     1924}
    20171925/* Zoom In */
     1926
    20181927.eael-animate-zoom-in .eael-elements-flip-box-rear-container {
    2019   opacity:0;
    2020   transform: scale(0.75);
    2021   z-index:3;
    2022 }
    2023 
     1928    opacity: 0;
     1929    transform: scale(0.75);
     1930    z-index: 3;
     1931}
    20241932.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 
     1933    opacity: 1;
     1934    transform: scale(1);
     1935}
    20291936/* Zoom Out */
     1937
    20301938.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 
     1939    opacity: 0;
     1940    transform: scale(0.75);
     1941}
    20351942.eael-animate-fade.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
    2036   opacity:0;
    2037 }
    2038 
     1943    opacity: 0;
     1944}
    20391945/* Builder Related Style */
     1946
     1947.eael-flipbox-content-align-right .eael-elements-flip-box-padding {
     1948    text-align: right;
     1949}
     1950.eael-flipbox-content-align-left .eael-elements-flip-box-padding {
     1951    text-align: left;
     1952}
     1953.eael-flipbox-content-align-center .eael-elements-flip-box-padding {
     1954    text-align: center;
     1955}
    20401956.eael-flipbox-img-circle .eael-elements-flip-box-icon-image img {
    2041   border-radius: 50%;
    2042 }
    2043 
     1957    border-radius: 50%;
     1958}
    20441959/**
    20451960 * Call To Action
    20461961 */
     1962
    20471963.eael-call-to-action {
    2048   width: 100%;
    2049   height: auto;
    2050   display: block;
    2051   padding: 30px;
    2052   font-size: 16px;
    2053   color: #4d4d4d;
    2054   font-weight: 400;
    2055   line-height: 27px;
     1964    width: 100%;
     1965    height: auto;
     1966    display: block;
     1967    padding: 30px;
     1968    font-size: 16px;
     1969    color: #4d4d4d;
     1970    font-weight: 400;
     1971    line-height: 27px;
     1972    margin: 0 auto;
    20561973}
    20571974.eael-call-to-action p {
    2058   margin-bottom: 10px;
     1975    margin-bottom: 10px;
    20591976}
    20601977.eael-call-to-action .title {
    2061   font-size: 36px;
    2062   font-weight: 600;
    2063   line-height: 36px;
    2064   margin-bottom: 10px;
    2065   text-transform: capitalize;
    2066   font-style: normal;
     1978    font-size: 36px;
     1979    font-weight: 600;
     1980    line-height: 36px;
     1981    margin-bottom: 10px;
     1982    text-transform: capitalize;
     1983    font-style: normal;
    20671984}
    20681985.eael-call-to-action.cta-center {
    2069   text-align: center;
     1986    text-align: center;
     1987}
     1988.eael-call-to-action.cta-right {
     1989    text-align: right;
     1990}
     1991.eael-call-to-action.cta-left {
     1992    text-align: left;
    20701993}
    20711994.eael-call-to-action.bg-lite {
    2072   background: #f4f4f4;
     1995    background: #f4f4f4;
    20731996}
    20741997.eael-call-to-action.bg-img {
    2075   background-image: url( '../img/bg.jpg' );
    2076   background-repeat: no-repeat;
    2077   background-position: center;
    2078   background-size: cover;
    2079   position: relative;
    2080   z-index: 0;
    2081   color: rgba( 255,255,255, 0.7 );
     1998    background-image: url('../img/bg.jpg');
     1999    background-repeat: no-repeat;
     2000    background-position: center;
     2001    background-size: cover;
     2002    position: relative;
     2003    z-index: 0;
     2004    color: rgba( 255, 255, 255, 0.7);
    20822005}
    20832006.eael-call-to-action.bg-img .icon {
    2084   color: #fff;
     2007    color: #fff;
    20852008}
    20862009.eael-call-to-action.bg-img:after {
    2087   content: "";
    2088   position: absolute;
    2089   width: 100%;
    2090   height: 100%;
    2091   top: 0px;
    2092   left: 0px;
    2093   z-index: -1;
    2094   background: rgba( 0,0,0,0.8 );
     2010    content: "";
     2011    position: absolute;
     2012    width: 100%;
     2013    height: 100%;
     2014    top: 0px;
     2015    left: 0px;
     2016    z-index: -1;
     2017    background: rgba( 0, 0, 0, 0.8);
    20952018}
    20962019.eael-call-to-action.bg-img.bg-fixed {
    2097   background-attachment: fixed;
    2098   background-position: center center;
     2020    background-attachment: fixed;
     2021    background-position: center center;
    20992022}
    21002023.eael-call-to-action.bg-img .title {
    2101   color: rgba( 255,255,255, 0.9 );
     2024    color: rgba( 255, 255, 255, 0.9);
    21022025}
    21032026/* Cta Flex */
     2027
    21042028.eael-call-to-action.cta-flex,
    21052029.eael-call-to-action.cta-icon-flex {
    2106   display: flex;
    2107   justify-content: space-between;
    2108   align-items: flex-start;
    2109 }
     2030    display: flex;
     2031    justify-content: space-between;
     2032    align-items: flex-start;
     2033}
     2034/* Cta Icon Flex */
     2035
     2036.eael-call-to-action.cta-icon-flex .icon {
     2037    flex-grow: 1;
     2038    font-size: 80px;
     2039    text-align: left;
     2040    line-height: 130px;
     2041}
     2042.eael-call-to-action.cta-icon-flex .action {
     2043    flex-grow: 1;
     2044    text-align: right;
     2045    padding-top: 22px;
     2046    flex-basis: 22%;
     2047}
     2048.eael-call-to-action.cta-icon-flex .content {
     2049    flex-grow: 1;
     2050    padding: 0px 30px;
     2051}
     2052/* Cta Flex */
     2053
    21102054.eael-call-to-action.cta-flex .content {
    2111   width: 75%;
     2055    padding: 0px 15px;
     2056    flex-grow: 1;
    21122057}
    21132058.eael-call-to-action.cta-flex .action {
    2114   width: 23%;
    2115   text-align: right;
    2116   padding-top: 25px;
    2117 }
    2118 .eael-call-to-action.cta-icon-flex .icon {
    2119   width: 8%;
    2120   font-size: 80px;
    2121   text-align: left;
    2122   line-height: 130px;
    2123 }
    2124 .eael-call-to-action.cta-icon-flex .action {
    2125   width: 22%;
    2126   text-align: right;
    2127   padding-top: 22px;
    2128 }
    2129 .eael-call-to-action.cta-icon-flex .content {
    2130   width: 61%;
     2059    flex-grow: 1;
     2060    text-align: right;
     2061    padding-top: 25px;
     2062    flex-basis: 23%;
    21312063}
    21322064/* Cta Button */
     2065
    21332066.eael-call-to-action .cta-button {
    2134   position: relative;
    2135   display: inline-block;
    2136   padding: 12px 30px;
    2137   background: #f9f9f9;
    2138   font-size: 16px;
    2139   text-decoration: none;
    2140   color: #4d4d4d;
    2141   -webkit-transition: .5s;
    2142   -ms-transition: .5s;
    2143   transition: .5s;
    2144   -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
    2145   -ms-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
    2146   box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);
    2147   margin-right: 10px;
    2148   margin-top: 10px;
    2149   z-index: 0;
    2150   overflow: hidden;
     2067    position: relative;
     2068    display: inline-block;
     2069    padding: 12px 30px;
     2070    background: #f9f9f9;
     2071    font-size: 16px;
     2072    text-decoration: none;
     2073    color: #4d4d4d;
     2074    -webkit-transition: .5s;
     2075    -ms-transition: .5s;
     2076    transition: .5s;
     2077    -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
     2078    -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
     2079    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
     2080    margin-right: 10px;
     2081    margin-top: 10px;
     2082    z-index: 0;
     2083    overflow: hidden;
    21512084}
    21522085.eael-call-to-action .cta-button:last-child {
    2153   margin-right: 0px;
     2086    margin-right: 0px;
    21542087}
    21552088.eael-call-to-action .cta-button:focus {
    2156   outline: none;
    2157 }
    2158 .eael-call-to-action .cta-button:after {
    2159   content: "";
    2160   position: absolute;
    2161   width: 100%;
    2162   height: 100%;
    2163   background: #3F51B5;
    2164   top: 0px;
    2165   left: 0px;
    2166   transform: translateY(-100%);
    2167   -webkit-transform: translateY(-100%);
    2168   -ms-transform: translateY(-100%);
    2169   z-index: -1;
    2170   -webkit-transition: .5s;
    2171   -ms-transition: .5s;
    2172   transition: .5s;
    2173   color: #fff;
     2089    outline: none;
    21742090}
    21752091/* Hover */
     2092
    21762093.eael-call-to-action .cta-button:hover {
    2177   color: #fff;
    2178   -webkit-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
    2179   -ms-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
    2180   box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1);
    2181 }
    2182 .eael-call-to-action .cta-button:hover::after {
    2183   -webkit-transform: translateY(0);
    2184   -ms-transform: translateY(0);
    2185   transform: translateY(0);
    2186 }
    2187 
     2094    color: #fff;
     2095    background: #3F51B5;
     2096    -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
     2097    -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
     2098    box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
     2099}
     2100/* Cta Button effect 1 */
     2101
     2102.eael-call-to-action .cta-button.effect-1:after {
     2103    content: "";
     2104    position: absolute;
     2105    width: 100%;
     2106    height: 100%;
     2107    background: #3F51B5;
     2108    top: 0px;
     2109    left: 0px;
     2110    transform: translateY(-100%);
     2111    -webkit-transform: translateY(-100%);
     2112    -ms-transform: translateY(-100%);
     2113    z-index: -1;
     2114    -webkit-transition: .5s;
     2115    -ms-transition: .5s;
     2116    transition: .5s;
     2117    color: #fff;
     2118}
     2119.eael-call-to-action .cta-button.effect-1:hover::after {
     2120    -webkit-transform: translateY(0);
     2121    -ms-transform: translateY(0);
     2122    transform: translateY(0);
     2123}
    21882124/* Cta Button effect 2 */
     2125
    21892126.eael-call-to-action .cta-button.effect-2:after {
    2190   transform: translateX(-100%);
     2127    content: "";
     2128    position: absolute;
     2129    width: 100%;
     2130    height: 100%;
     2131    background: #3F51B5;
     2132    top: 0px;
     2133    left: 0px;
     2134    z-index: -1;
     2135    -webkit-transition: .5s;
     2136    -ms-transition: .5s;
     2137    transition: .5s;
     2138    color: #fff;
     2139    -webkit-transform: translateX(-100%);
     2140    transform: translateX(-100%);
    21912141}
    21922142.eael-call-to-action .cta-button.effect-2:hover::after {
    2193   transform: translateX(0);
     2143    -webkit-transform: translateX(0);
     2144    transform: translateX(0);
    21942145}
    21952146/* Media Queries */
    2196 @media only screen and (max-width: 768px) {
    2197   .eael-call-to-action .title {
    2198     font-size: 28px;
    2199     line-height: 36px;
    2200     margin-top: 0px;
    2201   }
    2202   .eael-call-to-action.cta-icon-flex .icon {
    2203     width: 5%;
    2204     font-size: 48px;
    2205     line-height: 60px;
    2206   }
    2207   .eael-call-to-action.cta-icon-flex .content {
    2208     width: 62%;
    2209   }
    2210   .eael-call-to-action .cta-button {
    2211     padding: 12px 25px;
    2212   }
    2213 }
    2214 @media only screen and (max-width: 480px) {
    2215   .eael-call-to-action .title {
    2216     font-size: 28px;
    2217     line-height: 36px;
    2218     margin-top: 0px;
    2219   }
    2220   .eael-call-to-action.cta-flex,
    2221   .eael-call-to-action.cta-icon-flex {
    2222     display: block;
    2223   }
    2224   .eael-call-to-action.cta-flex .content,
    2225   .eael-call-to-action.cta-icon-flex .content {
    2226     width: 100%;
    2227     text-align: center;
    2228   }
    2229   .eael-call-to-action.cta-flex .action,
    2230   .eael-call-to-action.cta-icon-flex .action {
    2231     width: 100%;
    2232     text-align: center;
    2233     padding-top: 0px;
    2234   }
    2235   .eael-call-to-action.cta-icon-flex .icon {
    2236     text-align: center;
    2237     width: 100%;
    2238   }
    2239   .eael-call-to-action .cta-button {
    2240     padding: 12px 25px;
    2241   }
     2147
     2148@media only screen and (max-width: 768px) {
     2149    .eael-call-to-action.cta-flex,
     2150    .eael-call-to-action.cta-icon-flex {
     2151        flex-wrap: wrap;
     2152    }
     2153    .eael-call-to-action .title {
     2154        font-size: 28px;
     2155        line-height: 36px;
     2156        margin-top: 0px;
     2157    }
     2158    .eael-call-to-action.cta-icon-flex .icon {
     2159        flex-grow: 1;
     2160        font-size: 48px;
     2161        line-height: 90px;
     2162        text-align: center;
     2163    }
     2164    .eael-call-to-action.cta-flex .content,
     2165    .eael-call-to-action.cta-icon-flex .content {
     2166        flex-grow: 1;
     2167        text-align: center;
     2168        padding: 0px;
     2169    }
     2170    .eael-call-to-action.cta-flex .action,
     2171    .eael-call-to-action.cta-icon-flex .action {
     2172        text-align: center;
     2173        padding-top: 0px;
     2174    }
     2175    .eael-call-to-action .cta-button {
     2176        padding: 12px 25px;
     2177    }
    22422178}
    22432179@media only screen and (max-width: 360px) {
    2244   .eael-call-to-action {
    2245     font-size: 14px;
    2246     line-height: 26px;
    2247   }
    2248   .eael-call-to-action .cta-button {
    2249     padding: 4px 20px;
    2250     font-size: 12px;
    2251   }
    2252   .eael-call-to-action .title {
    2253     font-size: 20px;
    2254     line-height: 30px;
    2255   }
    2256 } 
     2180    .eael-call-to-action {
     2181        font-size: 14px;
     2182        line-height: 26px;
     2183    }
     2184    .eael-call-to-action .cta-button {
     2185        padding: 4px 20px;
     2186        font-size: 12px;
     2187    }
     2188    .eael-call-to-action .title {
     2189        font-size: 20px;
     2190        line-height: 30px;
     2191    }
     2192}
    22572193/**
    22582194 * Dual Color Heading
    22592195 */
     2196
    22602197.eael-dual-header {
    2261   display: block;
    2262   margin-bottom: 50px;
     2198    display: block;
     2199    margin-bottom: 50px;
    22632200}
    22642201.eael-dual-header .title,
    22652202.eael-dual-header .title span {
    2266   font-size: 36px;
    2267   font-weight: 700;
    2268   text-transform: uppercase;
    2269   line-height: 48px;
    2270   margin: 10px 0px;
     2203    font-size: 36px;
     2204    font-weight: 700;
     2205    text-transform: uppercase;
     2206    line-height: 48px;
     2207    margin: 10px 0px;
    22712208}
    22722209.eael-dual-header .subtext {
    2273   font-size: 16px;
    2274   display: block;
     2210    font-size: 16px;
     2211    display: block;
    22752212}
    22762213.eael-dual-header i {
    2277   display: block;
    2278   padding: 0px;
    2279   margin: 20px 0px 10px 0px;
    2280   font-size: 36px;
    2281 }
    2282 .eael-dual-header.dh-colored .title span.lead,
    2283 .eael-dual-header.dh-colored-reverse .title span.lead {
    2284   color: #1abc9c;
    2285 }
    2286 
     2214    display: block;
     2215    padding: 0px;
     2216    margin: 20px 0px 10px 0px;
     2217    font-size: 36px;
     2218}
     2219.eael-dual-header .title span.lead {
     2220    color: #1abc9c;
     2221}
    22872222/* Builder Related Css */
     2223
    22882224.eael-dual-header-content-align-center {
    2289   text-align: center;
     2225    text-align: center;
    22902226}
    22912227.eael-dual-header-content-align-left {
    2292   text-align: left;
     2228    text-align: left;
    22932229}
    22942230.eael-dual-header-content-align-right {
    2295   text-align: right;
    2296 }
    2297 
     2231    text-align: right;
     2232}
    22982233/**
    22992234 * Pricing Table
    23002235 */
     2236
    23012237.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;
     2238    -webkit-display: flex;
     2239    display: flex;
     2240    -webkit-justify-content: center;
     2241    justify-content: center;
     2242    -webkit-align-items: center;
     2243    align-items: center;
    23082244}
    23092245.eael-pricing .eael-pricing-item {
    2310   width: 100%;
    2311   height: auto;
    2312   margin: 0;
     2246    width: 100%;
     2247    height: auto;
     2248    margin: 0;
    23132249}
    23142250.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;
     2251    display: inline-block;
     2252    padding: 12px 25px;
     2253    background: #00C853;
     2254    font-size: 14px;
     2255    font-weight: 600;
     2256    color: #fff;
     2257    text-transform: uppercase;
     2258    text-decoration: none;
     2259    -webkit-transition: .3s;
     2260    transition: .3s;
     2261    -webkit-border-radius: 4px;
     2262    border-radius: 4px;
    23272263}
    23282264.eael-pricing .eael-pricing-button:hover {
    2329   background: #03b048;
     2265    background: #03b048;
    23302266}
    23312267.eael-pricing .eael-pricing-item ul {
    2332   padding: 0px;
    2333   margin: 0px;
    2334   list-style: none;
     2268    padding: 0px;
     2269    margin: 0px;
     2270    list-style: none;
    23352271}
    23362272.eael-pricing .eael-pricing-item ul li.disable-item {
    2337   text-decoration: line-through;
    2338   opacity: 0.5;
     2273    text-decoration: line-through;
     2274    opacity: 0.5;
    23392275}
    23402276.eael-pricing .eael-pricing-item ul li span.li-icon {
    2341   color: #00C853;
    2342   margin-right: 6px;
     2277    color: #00C853;
     2278    margin-right: 6px;
    23432279}
    23442280.eael-pricing .eael-pricing-item ul li.disable-item span.li-icon {
    2345   color: #EF5350;
     2281    color: #EF5350;
    23462282}
    23472283/* Pricing Table: Style 1 */
     2284
    23482285.eael-pricing.style-1 {
    2349   position: relative;
    2350   z-index: 0;
    2351   text-align: center;
     2286    position: relative;
     2287    z-index: 0;
     2288    text-align: center;
    23522289}
    23532290.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;
     2291    border: 1px solid rgba( 9, 9, 9, .1);
     2292    padding: 30px;
     2293    -webkit-border-radius: 5px;
     2294    border-radius: 5px;
     2295    -webkit-transition: .5s;
     2296    transition: .5s;
    23602297}
    23612298.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  }
     2299    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
     2300    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
     2301}
    23652302.eael-pricing.style-1 .eael-pricing-item.featured {
    2366   position: relative;
     2303    position: relative;
    23672304}
    23682305.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;
     2306    content: "";
     2307    position: absolute;
     2308    width: 100%;
     2309    height: 3px;
     2310    background: #00C853;
     2311    top: 0px;
     2312    left: 0px;
     2313    right: 0px;
     2314    z-index: 1;
     2315    -webkit-border-radius: 5px 5px 0px 0px;
     2316    border-radius: 5px 5px 0px 0px;
    23802317}
    23812318.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;
     2319    display: block;
     2320    position: relative;
     2321    z-index: 0;
     2322    padding-bottom: 15px;
     2323    margin-bottom: 15px;
    23872324}
    23882325.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 );
     2326    content: "";
     2327    position: absolute;
     2328    width: 140px;
     2329    height: 1px;
     2330    bottom: 0px;
     2331    left: 0px;
     2332    right: 0px;
     2333    margin: 0 auto;
     2334    z-index: 1;
     2335    background: rgba( 9, 9, 9, .1);
    23992336}
    24002337.eael-pricing.style-1 .eael-pricing-item .header .title {
    2401   font-weight: 700;
    2402   line-height: 30px;
    2403   margin: 0px;
     2338    font-weight: 700;
     2339    line-height: 30px;
     2340    margin: 0px;
    24042341}
    24052342.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;
     2343    position: relative;
     2344    z-index: 0;
     2345    padding: 15px 0px;
     2346    margin-bottom: 15px;
    24102347}
    24112348.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 );
     2349    content: "";
     2350    position: absolute;
     2351    width: 140px;
     2352    height: 1px;
     2353    bottom: 0px;
     2354    left: 0px;
     2355    right: 0px;
     2356    margin: 0 auto;
     2357    z-index: 1;
     2358    background: rgba( 9, 9, 9, .04);
    24222359}
    24232360.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;
     2361    position: relative;
     2362    display: inline-block;
     2363    font-size: 28px;
     2364    font-weight: 500;
     2365    line-height: 0px;
     2366    margin: 0px auto;
    24302367}
    24312368.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 } 
     2369    content: "$";
     2370    position: absolute;
     2371    width: 10px;
     2372    height: 10px;
     2373    font-size: 16px;
     2374    font-weight: 700;
     2375    color: #00C853;
     2376    top: -7px;
     2377    left: -12px;
     2378    z-index: 1;
     2379}
    24432380.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;
     2381    color: #999;
     2382}
     2383.eael-pricing.style-1 .eael-pricing-item .body {} .eael-pricing.style-1 .eael-pricing-item .body ul {
     2384    display: block;
     2385    width: 100%;
     2386    margin-bottom: 15px;
    24512387}
    24522388.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 );
     2389    display: block;
     2390    width: 100%;
     2391    height: auto;
     2392    padding: 10px 0px;
     2393    font-size: 14px;
     2394    color: #6d6d6d;
     2395    border-bottom: 1px solid rgba( 9, 9, 9, .04);
    24602396}
    24612397.eael-pricing.style-1 .eael-pricing-item .body ul li:last-child {
    2462   border: none;
     2398    border: none;
    24632399}
    24642400.eael-pricing.style-1 .eael-pricing-item.featured-large {
    2465   padding: 60px 0px;
     2401    padding: 60px 0px;
    24662402}
    24672403/* Pricing Table : Style 2 */
     2404
    24682405.eael-pricing.style-2 {
    2469   position: relative;
    2470   z-index: 0;
    2471   text-align: center;
     2406    position: relative;
     2407    z-index: 0;
     2408    text-align: center;
    24722409}
    24732410.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 );
     2411    padding: 30px 0px;
     2412    border-radius: 5px;
     2413    margin: 0px;
     2414    border: 1px solid rgba( 9, 9, 9, .1);
    24782415}
    24792416.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;
     2417    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
     2418    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
     2419}
     2420.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon {} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon {
     2421    display: inline-block;
     2422    position: relative;
     2423    width: 80px;
     2424    height: 80px;
     2425    background: #00c853;
     2426    border-radius: 50%;
     2427    /*border: 2px solid #00c853;*/
     2428   
     2429    margin-bottom: 30px;
     2430    text-align: center;
     2431    -webkit-transition: .5s;
     2432    transition: .5s;
     2433    overflow: hidden;
    24982434}
    24992435.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;
     2436    font-size: 30px;
     2437    color: #fff;
     2438    line-height: 80px;
     2439    -webkit-transition: .5s;
     2440    transition: .5s;
     2441}
     2442.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon {
     2443    background: #43A047;
     2444    /*border: 2px solid #43A047;*/
    25052445}
    25062446.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i {
    2507   color: #00C853;
     2447    color: #fff;
    25082448}
    25092449.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;
     2450    background: #C8E6C9;
     2451    padding: 25px 30px;
     2452    margin-bottom: 15px;
     2453    position: relative;
     2454    z-index: 0;
    25152455}
    25162456.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);
     2457    content: "";
     2458    position: absolute;
     2459    width: 100%;
     2460    height: 100%;
     2461    top: 0px;
     2462    left: 0px;
     2463    right: 0px;
     2464    bottom: 0px;
     2465    z-index: -1;
     2466    background: rgba(255, 255, 255, .4);
    25272467}
    25282468.eael-pricing.style-2 .eael-pricing-item .header .title {
    2529   font-size: 28px;
    2530   font-weight: 700;
    2531   line-height: 40px;
    2532   margin: 0px;
     2469    font-size: 28px;
     2470    font-weight: 700;
     2471    line-height: 40px;
     2472    margin: 0px;
    25332473}
    25342474.eael-pricing.style-2 .eael-pricing-item .header .subititle {
    2535   font-size: 14px;
    2536   font-weight: 600;
    2537   color: #6d6d6d;
     2475    font-size: 14px;
     2476    font-weight: 600;
     2477    color: #6d6d6d;
    25382478}
    25392479.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;
     2480    position: relative;
     2481    z-index: 0;
     2482    padding: 15px 0px;
     2483    margin-bottom: 15px;
    25442484}
    25452485.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 );
     2486    content: "";
     2487    position: absolute;
     2488    width: 140px;
     2489    height: 1px;
     2490    bottom: 0px;
     2491    left: 0px;
     2492    right: 0px;
     2493    margin: 0 auto;
     2494    z-index: 1;
     2495    background: rgba( 9, 9, 9, .04);
    25562496}
    25572497.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;
     2498    position: relative;
     2499    display: inline-block;
     2500    font-size: 28px;
     2501    font-weight: 500;
     2502    line-height: 0px;
     2503    margin: 0px auto;
    25642504}
    25652505.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 } 
     2506    content: "$";
     2507    position: absolute;
     2508    width: 10px;
     2509    height: 10px;
     2510    font-size: 16px;
     2511    font-weight: 700;
     2512    color: #00C853;
     2513    top: -7px;
     2514    left: -12px;
     2515    z-index: 1;
     2516}
    25772517.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;
     2518    color: #999;
     2519}
     2520.eael-pricing.style-2 .eael-pricing-item .body {} .eael-pricing.style-2 .eael-pricing-item .body ul {
     2521    display: block;
     2522    width: 100%;
     2523    margin-bottom: 15px;
    25852524}
    25862525.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 );
     2526    display: block;
     2527    width: 100%;
     2528    height: auto;
     2529    padding: 10px 15px;
     2530    font-size: 14px;
     2531    color: #6d6d6d;
     2532    border-bottom: 1px solid rgba( 9, 9, 9, .04);
    25942533}
    25952534.eael-pricing.style-2 .eael-pricing-item .body ul li:last-child {
    2596   border: none;
    2597 }
    2598 
     2535    border: none;
     2536}
     2537/* Pricing Table: Style 3 */
     2538
     2539.eael-pricing.style-3 {} .eael-pricing.style-3 .eael-pricing-item {
     2540    background: #262c37;
     2541    padding: 30px;
     2542    color: #fff;
     2543}
     2544.eael-pricing.style-3 .eael-pricing-item.featured {
     2545    position: relative;
     2546    z-index: 0;
     2547}
     2548.eael-pricing.style-3 .eael-pricing-item.featured:before {
     2549    content: "Featured";
     2550    position: absolute;
     2551    width: auto;
     2552    background: #E25A77;
     2553    color: #fff;
     2554    top: 35px;
     2555    right: -15px;
     2556    z-index: 10;
     2557    font-size: 10px;
     2558    font-weight: 600;
     2559    text-transform: uppercase;
     2560    padding: 0px 10px;
     2561}
     2562.eael-pricing.style-3 .eael-pricing-item.featured:after {
     2563    content: "";
     2564    position: absolute;
     2565    top: 20px;
     2566    right: -15px;
     2567    width: 0;
     2568    height: 0;
     2569    border-bottom: 15px solid #bf4a63;
     2570    border-right: 15px solid transparent;
     2571    z-index: 9;
     2572    opacity: 0.9;
     2573}
     2574.eael-pricing.style-3 .eael-pricing-item .header {
     2575    position: relative;
     2576    padding-bottom: 15px;
     2577    margin-bottom: 15px;
     2578    z-index: 0;
     2579    overflow: hidden;
     2580}
     2581.eael-pricing.style-3 .eael-pricing-item .header:after {
     2582    position: absolute;
     2583    content: "";
     2584    width: 100%;
     2585    height: 1px;
     2586    bottom: 0px;
     2587    left: 0px;
     2588    right: 0px;
     2589    margin: 0 auto;
     2590    z-index: 1;
     2591    -webkit-transition: 1s;
     2592    transition: 1s;
     2593    -webkit-transform: scaleX( 0.4);
     2594    transform: scaleX( 0.4);
     2595    background: #E25A77;
     2596}
     2597.eael-pricing.style-3 .eael-pricing-item:hover .header:after {
     2598    -webkit-transform: scaleX(1);
     2599    transform: scaleX(1);
     2600}
     2601.eael-pricing.style-3 .eael-pricing-item .header .title {
     2602    font-family: 'Raleway', sans-serif;
     2603    font-size: 28px;
     2604    font-weight: 400;
     2605    line-height: 40px;
     2606    margin: 0px;
     2607}
     2608.eael-pricing.style-3 .eael-pricing-item .header .subtitle {
     2609    font-size: 14px;
     2610    color: rgba( 255, 255, 255, .5);
     2611}
     2612.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag {
     2613    margin-bottom: 30px;
     2614}
     2615.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-tag {
     2616    position: relative;
     2617    display: inline-block;
     2618    font-size: 36px;
     2619    font-weight: 700;
     2620    line-height: 0px;
     2621    padding-left: 12px;
     2622    z-index: 0;
     2623}
     2624.eael-pricing.style-3 .eael-pricing-item .price-tag:before {
     2625    content: "$";
     2626    position: absolute;
     2627    width: 10px;
     2628    height: 10px;
     2629    font-size: 16px;
     2630    font-weight: 700;
     2631    color: #fff;
     2632    top: -7px;
     2633    left: 0px;
     2634    z-index: 1;
     2635}
     2636.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-period {} .eael-pricing.style-3 .eael-pricing-item .body {} .eael-pricing.style-3 .eael-pricing-item .body ul {
     2637    margin-bottom: 30px;
     2638}
     2639.eael-pricing.style-3 .eael-pricing-item .body ul li {
     2640    display: block;
     2641    width: 100%;
     2642    height: auto;
     2643    padding: 10px 0px;
     2644    font-size: 14px;
     2645    color: rgba( 255, 255, 255, .7);
     2646    border-bottom: 1px solid rgba( 9, 9, 9, .04);
     2647}
     2648.eael-pricing.style-3 .eael-pricing-item .body ul li:last-child {
     2649    border: none;
     2650}
     2651.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag.on-top {
     2652    margin-top: 15px;
     2653    margin-bottom: 15px;
     2654}
     2655/* Pricing Table : Style 4 */
     2656
     2657.eael-pricing.style-4 {
     2658    position: relative;
     2659    z-index: 0;
     2660    text-align: center;
     2661    overflow: hidden;
     2662    padding: 0px;
     2663}
     2664.eael-pricing.style-4 .eael-pricing-item {
     2665    padding: 0px 0px 30px 0px;
     2666    border-radius: 5px;
     2667    margin: 0px;
     2668    -webkit-transition: .5s;
     2669    transition: .5s;
     2670}
     2671.eael-pricing.style-4 .eael-pricing-item.featured:before {
     2672    content: "Featured";
     2673    position: absolute;
     2674    width: auto;
     2675    background: rgba( 0, 0, 0, 0.6);
     2676    color: #fff;
     2677    top: 15px;
     2678    right: 15px;
     2679    z-index: 10;
     2680    font-size: 13px;
     2681    font-weight: 600;
     2682    text-transform: uppercase;
     2683    padding: 0px 14px;
     2684}
     2685.eael-pricing.style-4 .eael-pricing-item:hover {
     2686    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
     2687    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
     2688}
     2689.eael-pricing.style-4 .eael-pricing-item .header {
     2690    background: #C8E6C9;
     2691    padding: 25px 0px;
     2692    margin-bottom: 15px;
     2693    position: relative;
     2694    z-index: 0;
     2695}
     2696.eael-pricing.style-4 .eael-pricing-item .header .title {
     2697    font-size: 28px;
     2698    font-weight: 700;
     2699    line-height: 40px;
     2700    margin: 0px;
     2701}
     2702.eael-pricing.style-4 .eael-pricing-item .header .subititle {
     2703    font-size: 14px;
     2704    font-weight: 600;
     2705    color: #6d6d6d;
     2706}
     2707.eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag {
     2708    position: relative;
     2709    z-index: 0;
     2710    padding: 15px 0px;
     2711    margin-bottom: 15px;
     2712}
     2713.eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag:after {
     2714    content: "";
     2715    position: absolute;
     2716    width: 140px;
     2717    height: 1px;
     2718    bottom: 0px;
     2719    left: 0px;
     2720    right: 0px;
     2721    margin: 0 auto;
     2722    z-index: 1;
     2723    background: rgba( 9, 9, 9, .04);
     2724}
     2725.eael-pricing.style-4 .eael-pricing-item .price-tag {
     2726    position: relative;
     2727    display: inline-block;
     2728    font-size: 28px;
     2729    font-weight: 500;
     2730    line-height: 0px;
     2731    margin: 0px auto;
     2732}
     2733.eael-pricing.style-4 .eael-pricing-item .price-tag:before {
     2734    content: "$";
     2735    position: absolute;
     2736    width: 10px;
     2737    height: 10px;
     2738    font-size: 16px;
     2739    font-weight: 700;
     2740    color: #00C853;
     2741    top: -7px;
     2742    left: -12px;
     2743    z-index: 1;
     2744}
     2745.eael-pricing.style-4 .eael-pricing-item .price-period {
     2746    color: #999;
     2747}
     2748.eael-pricing.style-4 .eael-pricing-item .body {} .eael-pricing.style-4 .eael-pricing-item .body ul {
     2749    display: block;
     2750    width: 100%;
     2751    margin-bottom: 15px;
     2752}
     2753.eael-pricing.style-4 .eael-pricing-item .body ul li {
     2754    display: block;
     2755    width: 100%;
     2756    height: auto;
     2757    padding: 10px 0px;
     2758    font-size: 14px;
     2759    color: #6d6d6d;
     2760    border-bottom: 1px solid rgba( 9, 9, 9, .04);
     2761}
     2762.eael-pricing.style-4 .eael-pricing-item .body ul li:last-child {
     2763    border: none;
     2764}
     2765.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image {
     2766    position: relative;
     2767    -webkit-display: flex;
     2768    display: flex;
     2769    -webkit-justify-content: center;
     2770    justify-content: center;
     2771    -webkit-align-items: center;
     2772    align-items: center;
     2773    z-index: 0;
     2774    width: 100%;
     2775    height: 120px;
     2776    background-size: cover;
     2777    background-repeat: no-repeat;
     2778    background-position: center;
     2779    padding-top: 15px;
     2780}
     2781.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image:after {
     2782    position: absolute;
     2783    content: "";
     2784    width: 100%;
     2785    height: 100%;
     2786    top: 0px;
     2787    left: 0px;
     2788    right: 0px;
     2789    bottom: 0px;
     2790    background: rgba( 0, 0, 0, 0.5);
     2791    z-index: -1;
     2792}
     2793.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag {
     2794    padding: 0px;
     2795    margin: 0px;
     2796}
     2797.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag {
     2798    font-size: 48px;
     2799    font-weight: 700;
     2800    color: #fff;
     2801    line-height: 0px;
     2802    margin-bottom: 0px;
     2803}
     2804.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag:before {
     2805    font-size: 24px;
     2806    top: -20px;
     2807    left: -18px;
     2808}
     2809.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-period {
     2810    font-size: 13px;
     2811    font-weight: 600;
     2812}
    25992813/* 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   }
     2814
     2815@media only screen and ( min-width: 768px) and (max-width: 992px) {
     2816    .eael-pricing {
     2817        display: block;
     2818    }
     2819    .eael-pricing .eael-pricing-item,
     2820    .eael-pricing.style-2 .eael-pricing-item,
     2821    .eael-pricing.style-4 .eael-pricing-item {
     2822        width: 100%;
     2823        margin: 0 auto 30px auto;
     2824    }
    26102825}
    26112826@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 
     2827    .eael-pricing {
     2828        display: block;
     2829    }
     2830    .eael-pricing .eael-pricing-item {
     2831        width: 100%;
     2832    }
     2833    .eael-pricing .eael-pricing-item,
     2834    .eael-pricing.style-2 .eael-pricing-item,
     2835    .eael-pricing.style-4 .eael-pricing-item {
     2836        margin: 0 auto 30px auto;
     2837    }
     2838}
    26252839/* Page Builder Related Style */
     2840
    26262841.eael-pricing-content-align-center .eael-pricing {
    2627   text-align: center;
     2842    text-align: center;
    26282843}
    26292844.eael-pricing-content-align-left .eael-pricing {
    2630   text-align: left;
     2845    text-align: left;
    26312846}
    26322847.eael-pricing-content-align-right .eael-pricing {
    2633   text-align: right;
    2634 }
    2635 
     2848    text-align: right;
     2849}
    26362850.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag {
    2637   padding-left: 45px;
     2851    padding-left: 45px;
    26382852}
    26392853.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
    2640   left: 30px;
     2854    left: 30px;
    26412855}
    26422856.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
    2643   padding-right: 30px;
    2644 }
    2645 
     2857    padding-right: 30px;
     2858}
    26462859.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header,
    26472860.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, 
     2861.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer,
    26492862.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header,
    26502863.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer {
    2651   padding-left: 30px;
    2652   padding-right: 30px;
     2864    padding-left: 30px;
     2865    padding-right: 30px;
    26532866}
    26542867.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header,
    26552868.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, 
     2869.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer,
    26572870.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header,
    26582871.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer {
    2659   padding-right: 30px;
    2660   padding-left: 30px;
     2872    padding-right: 30px;
     2873    padding-left: 30px;
    26612874}
    26622875.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li,
    26632876.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li {
    2664   padding-left: 30px;
     2877    padding-left: 30px;
    26652878}
    26662879.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li,
    26672880.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li {
    2668   padding-right: 30px;
     2881    padding-right: 30px;
    26692882}
    26702883.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after {
    2671   -webkit-transform: translateX( -80% );
    2672   transform: translateX( -80% );
     2884    -webkit-transform: translateX( -80%);
     2885    transform: translateX( -80%);
    26732886}
    26742887.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after {
    2675   -webkit-transform: translateX( 80% );
    2676   transform: translateX( 80% );
     2888    -webkit-transform: translateX( 80%);
     2889    transform: translateX( 80%);
    26772890}
    26782891.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after,
    26792892.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after {
    2680   -webkit-transform: translateX( 0% );
    2681   transform: translateX( 0% );
     2893    -webkit-transform: translateX( 0%);
     2894    transform: translateX( 0%);
    26822895}
    26832896.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after,
     
    26872900.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after,
    26882901.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
    2689   margin: 0;
    2690   width: 100%;
    2691 } 
     2902    margin: 0;
     2903    width: 100%;
     2904}
    26922905/* Button Alignment */
     2906
    26932907.eael-pricing-button-align-right .eael-pricing.style-1 .footer,
    26942908.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
    26952909.eael-pricing-button-align-right .eael-pricing.style-3 .footer,
    26962910.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
    2697   text-align: right;
     2911    text-align: right;
    26982912}
    26992913.eael-pricing-button-align-center .eael-pricing.style-1 .footer,
     
    27012915.eael-pricing-button-align-center .eael-pricing.style-3 .footer,
    27022916.eael-pricing-button-align-center .eael-pricing.style-4 .footer {
    2703   text-align: center;
     2917    text-align: center;
    27042918}
    27052919.eael-pricing-button-align-left .eael-pricing.style-1 .footer,
     
    27072921.eael-pricing-button-align-left .eael-pricing.style-3 .footer,
    27082922.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
    2709   text-align: left;
     2923    text-align: left;
    27102924}
    27112925.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
    27122926.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
    2713   padding-right: 30px;
     2927    padding-right: 30px;
    27142928}
    27152929.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
    27162930.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
    2717   padding-left: 30px;
     2931    padding-left: 30px;
    27182932}
    27192933/* Only In Pro */
     2934
    27202935.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;
     2936    width: 100%;
     2937    -webkit-display: flex;
     2938    display: flex;
     2939    -webkit-align-items: center;
     2940    align-items: center;
     2941    -webkit-justify-content: center;
     2942    justify-content: center;
     2943    padding: 15px;
     2944    min-width: 200px;
     2945    background: #EF5350;
     2946    color: #fff;
     2947    text-align: center;
    27332948}
    27342949.only-in-pro .title {
    2735   font-family: 'Roboto', sans-serif;
    2736   font-size: 24px;
    2737   line-height: 40px;
    2738   margin: 0px;
    2739 }
     2950    font-family: 'Roboto', sans-serif;
     2951    font-size: 24px;
     2952    line-height: 40px;
     2953    margin: 0px;
     2954}
  • essential-addons-for-elementor-lite/trunk/elements/call-to-action/call-to-action.php

    r1746620 r1750549  
    6060                'label_block'   => false,
    6161                'options'       => [
    62                     'cta-default'   => esc_html__( 'Default', 'essential-addons-elementor' ),
     62                    'cta-default'   => esc_html__( 'Left', 'essential-addons-elementor' ),
    6363                    'cta-center'        => esc_html__( 'Center', 'essential-addons-elementor' ),
     64                    'cta-right'         => esc_html__( 'Right', 'essential-addons-elementor' ),
    6465                ],
    6566                'condition'    => [
     
    181182
    182183        $this->add_control(
     184            'eael_cta_container_width',
     185            [
     186                'label' => esc_html__( 'Set max width for the container?', 'essential-addons-elementor' ),
     187                'type' => Controls_Manager::SWITCHER,
     188                'label_on' => __( 'yes', 'essential-addons-elementor' ),
     189                'label_off' => __( 'no', 'essential-addons-elementor' ),
     190                'default' => 'yes',
     191            ]
     192        );
     193
     194        $this->add_responsive_control(
     195            'eael_cta_container_width_value',
     196            [
     197                'label' => __( 'Container Max Width (% or px)', 'essential-addons-elementor' ),
     198                'type' => Controls_Manager::SLIDER,
     199                'default' => [
     200                    'size' => 1170,
     201                    'unit' => 'px',
     202                ],
     203                'size_units' => [ 'px', '%' ],
     204                'range' => [
     205                    'px' => [
     206                        'min' => 0,
     207                        'max' => 1500,
     208                        'step' => 5,
     209                    ],
     210                    '%' => [
     211                        'min' => 1,
     212                        'max' => 100,
     213                    ],
     214                ],
     215                'selectors' => [
     216                    '{{WRAPPER}} .eael-call-to-action' => 'max-width: {{SIZE}}{{UNIT}};',
     217                ],
     218                'condition' => [
     219                    'eael_cta_container_width' => 'yes',
     220                ],
     221            ]
     222        );
     223
     224        $this->add_control(
    183225            'eael_cta_bg_color',
    184226            [
     
    346388                'options'       => [
    347389                    'default'           => esc_html__( 'Default', 'essential-addons-elementor' ),
     390                    'top-to-bottom'     => esc_html__( 'Top to Bottom', 'essential-addons-elementor' ),
    348391                    'left-to-right'     => esc_html__( 'Left to Right', 'essential-addons-elementor' ),
    349392                ],
     
    461504                    'selectors' => [
    462505                        '{{WRAPPER}} .eael-call-to-action .cta-button:after' => 'background: {{VALUE}};',
     506                        '{{WRAPPER}} .eael-call-to-action .cta-button:hover' => 'background: {{VALUE}};',
    463507                    ],
    464508                ]
     
    493537        $this->end_controls_section();
    494538
     539        /**
     540         * -------------------------------------------
     541         * Tab Style (Button Style)
     542         * -------------------------------------------
     543         */
     544        $this->start_controls_section(
     545            'eael_section_cta_icon_style_settings',
     546            [
     547                'label' => esc_html__( 'Icon Style', 'essential-addons-elementor' ),
     548                'tab' => Controls_Manager::TAB_STYLE,
     549                'condition' => [
     550                    'eael_cta_type' => 'cta-icon-flex'
     551                ]
     552            ]
     553        );
     554
     555        $this->add_control(
     556            'eael_section_cta_icon_size',
     557            [
     558                'label' => esc_html__( 'Font Size', 'essential-addons-elementor' ),
     559                'type' => Controls_Manager::SLIDER,
     560                'default' => [
     561                    'size' => 80
     562                ],
     563                'range' => [
     564                    'px' => [
     565                        'max' => 160,
     566                    ],
     567                ],
     568                'selectors' => [
     569                    '{{WRAPPER}} .eael-call-to-action.cta-icon-flex .icon' => 'font-size: {{SIZE}}px;',
     570                ],
     571            ]
     572        );
     573
     574        $this->add_control(
     575            'eael_section_cta_icon_color',
     576            [
     577                'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
     578                'type' => Controls_Manager::COLOR,
     579                'default' => '#444',
     580                'selectors' => [
     581                    '{{WRAPPER}} .eael-call-to-action.cta-icon-flex .icon' => 'color: {{VALUE}};',
     582                ],
     583            ]
     584        );
     585
     586        $this->end_controls_section();
     587
    495588    }
    496589
     
    498591    protected function render( ) {
    499592       
    500     $settings = $this->get_settings(); 
    501         $target = $settings['eael_cta_btn_link']['url'] ? 'target="_blank"' : '';
     593        $settings = $this->get_settings(); 
     594        $target = $settings['eael_cta_btn_link']['is_external'] ? 'target="_blank"' : '';
     595        $nofollow = $settings['eael_cta_btn_link']['nofollow'] ? 'rel="nofollow"' : '';
    502596        if( 'cta-bg-color' == $settings['eael_cta_color_type'] ) {
    503597            $cta_class = 'bg-lite';
     
    510604        }
    511605        // Is Basic Cta Content Center or Not
    512         if( 'cta-center' == $settings['eael_cta_content_type'] ) {
    513             $cta_center = 'cta-center';
     606        if( 'cta-center' === $settings['eael_cta_content_type'] ) {
     607            $cta_alignment = 'cta-center';
     608        }elseif( 'cta-right' === $settings['eael_cta_content_type'] ) {
     609            $cta_alignment = 'cta-right';
    514610        }else {
    515             $cta_center = '';
     611            $cta_alignment = 'cta-left';
    516612        }
    517613        // Button Effect
    518614        if( 'left-to-right' == $settings['eael_cta_btn_effect_type'] ) {
    519615            $cta_btn_effect = 'effect-2';
     616        }elseif( 'top-to-bottom' == $settings['eael_cta_btn_effect_type'] ) {
     617            $cta_btn_effect = 'effect-1';
    520618        }else {
    521619            $cta_btn_effect = '';
     
    524622    ?>
    525623    <?php if( 'cta-basic' == $settings['eael_cta_type'] ) : ?>
    526     <div class="eael-call-to-action <?php echo esc_attr( $cta_class ); ?> <?php echo esc_attr( $cta_center ); ?>">
     624    <div class="eael-call-to-action <?php echo esc_attr( $cta_class ); ?> <?php echo esc_attr( $cta_alignment ); ?>">
    527625        <h2 class="title"><?php echo $settings['eael_cta_title']; ?></h2>
    528626        <p><?php echo $settings['eael_cta_content']; ?></p>
    529         <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>
     627        <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>
    530628    </div>     
    531629    <?php endif; ?>
     
    537635        </div>
    538636        <div class="action">
    539             <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>
     637            <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>
    540638        </div>
    541639    </div>
  • essential-addons-for-elementor-lite/trunk/elements/dual-color-header/dual-color-header.php

    r1746620 r1750549  
    5050        );
    5151
    52         $this->add_control(
    53           'eael_dch_color_type',
    54             [
    55             'label'         => esc_html__( 'Color Style', 'essential-addons-elementor' ),
    56                 'type'          => Controls_Manager::SELECT,
    57                 'default'       => 'dch-colored',
    58                 'label_block'   => false,
    59                 'options'       => [
    60                     'dch-basic'                     => esc_html__( 'Basic', 'essential-addons-elementor' ),
    61                     'dch-colored'               => esc_html__( 'Colored', 'essential-addons-elementor' ),
    62                     'dch-colored-reverse'       => esc_html__( 'Reverse Color', 'essential-addons-elementor' ),
    63                 ],
    64             ]
    65         );
     52        // $this->add_control(
     53        //   'eael_dch_color_type',
     54        //      [
     55        //      'label'         => esc_html__( 'Color Style', 'essential-addons-elementor' ),
     56        //          'type'          => Controls_Manager::SELECT,
     57        //          'default'       => 'dch-colored',
     58        //          'label_block'   => false,
     59        //          'options'       => [
     60        //              'dch-basic'                     => esc_html__( 'Basic', 'essential-addons-elementor' ),
     61        //              'dch-colored'               => esc_html__( 'Colored', 'essential-addons-elementor' ),
     62        //              'dch-colored-reverse'       => esc_html__( 'Reverse Color', 'essential-addons-elementor' ),
     63        //          ],
     64        //      ]
     65        // );
    6666
    6767        $this->add_control(
     
    308308            'eael_dch_base_title_color',
    309309            [
    310                 'label' => esc_html__( 'Base Title Color', 'essential-addons-elementor' ),
     310                'label' => esc_html__( 'Main Color', 'essential-addons-elementor' ),
    311311                'type' => Controls_Manager::COLOR,
    312312                'default' => '#4d4d4d',
     
    320320            'eael_dch_dual_title_color',
    321321            [
    322                 'label' => esc_html__( 'Dual Title Color', 'essential-addons-elementor' ),
     322                'label' => esc_html__( 'Dual Color', 'essential-addons-elementor' ),
    323323                'type' => Controls_Manager::COLOR,
    324324                'default' => '#1abc9c',
    325325                'selectors' => [
    326                     '{{WRAPPER}} .eael-dual-header.dh-colored .title span.lead, {{WRAPPER}} .eael-dual-header.dh-colored-reverse .title span.lead' => 'color: {{VALUE}};',
     326                    '{{WRAPPER}} .eael-dual-header .title span.lead' => 'color: {{VALUE}};',
    327327                ],
    328328            ]
     
    333333            [
    334334            'name' => 'eael_dch_first_title_typography',
    335                 'selector' => '{{WRAPPER}} .eael-dual-header .title, .eael-dual-header .title span.lead',
     335                'selector' => '{{WRAPPER}} .eael-dual-header .title, {{WRAPPER}} .eael-dual-header .title span',
    336336            ]
    337337        );
     
    370370    }
    371371
    372 
    373372    protected function render( ) {
    374373       
    375374    $settings = $this->get_settings();
    376375
    377     if( 'dch-basic' == $settings['eael_dch_color_type'] ) {
    378         $dch_color_class = 'dh-basic';
    379     }else if( 'dch-colored' == $settings['eael_dch_color_type'] ) {
    380         $dch_color_class = 'dh-colored';
    381     }else if( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) {
    382         $dch_color_class = 'dh-colored-reverse';
    383     }
    384376    ?>
    385377    <?php if( 'dch-default' == $settings['eael_dch_type'] ) : ?>
    386     <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">
    387         <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?>
    388         <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
    389         <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?>
    390             <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
    391         <?php else: ?>
    392             <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
    393         <?php endif; ?>
     378    <div class="eael-dual-header">
     379        <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
    394380       <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
    395381       <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
     
    400386
    401387    <?php if( 'dch-icon-on-top' == $settings['eael_dch_type'] ) : ?>
    402     <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">
     388    <div class="eael-dual-header">
    403389        <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
    404390        <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
    405391        <?php endif; ?>
    406         <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?>
    407        <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
    408        <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?>
    409             <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
    410         <?php else: ?>
    411             <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
    412         <?php endif; ?>
     392        <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
    413393       <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
    414394    </div>
     
    416396
    417397    <?php if( 'dch-icon-subtext-on-top' == $settings['eael_dch_type'] ) : ?>
    418     <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">
     398    <div class="eael-dual-header">
    419399        <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
    420400        <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
    421401        <?php endif; ?>
    422402       <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
    423        <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?>
    424        <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
    425        <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?>
    426             <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
    427         <?php else: ?>
    428             <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
    429         <?php endif; ?>
     403       <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
    430404    </div>
    431405    <?php endif; ?>
    432406
    433407    <?php if( 'dch-subtext-on-top' == $settings['eael_dch_type'] ) : ?>
    434     <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">
     408    <div class="eael-dual-header">
    435409       <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span>
    436        <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?>
    437        <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
    438        <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?>
    439             <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
    440         <?php else: ?>
    441             <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2>
    442         <?php endif; ?>
     410            <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2>
    443411        <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?>
    444412        <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i>
  • essential-addons-for-elementor-lite/trunk/elements/flipbox/flipbox.php

    r1746620 r1750549  
    104104                    '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'width: {{SIZE}}px;',
    105105                ],
     106                'condition' => [
     107                    'eael_flipbox_img_or_icon' => 'img'
     108                ]
    106109            ]
    107110        );
     
    239242                    ],
    240243                ],
    241                 'default' => 'left',
     244                'default' => 'center',
    242245                'prefix_class' => 'eael-flipbox-content-align-',
    243246            ]
     
    669672    protected function render( ) {
    670673       
    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        $settings = $this->get_settings();
     675        $flipbox_image = $this->get_settings( 'eael_flipbox_image' );
     676        $flipbox_image_url = Group_Control_Image_Size::get_attachment_image_src( $flipbox_image['id'], 'thumbnail', $settings );
     677        if( empty( $flipbox_image_url ) ) : $flipbox_image_url = $flipbox_image['url']; else: $flipbox_image_url = $flipbox_image_url; endif;
    674678
    675679    ?>
  • essential-addons-for-elementor-lite/trunk/elements/infobox/infobox.php

    r1746620 r1750549  
    101101        );
    102102
    103         $this->add_responsive_control(
    104             'eael_infobox_icon_alignment',
    105             [
    106                 'label' => esc_html__( 'Icon Alignment', 'essential-addons-elementor' ),
    107                 'type' => Controls_Manager::CHOOSE,
    108                 'label_block' => true,
    109                 'options' => [
    110                     'left' => [
    111                         'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
    112                         'icon' => 'fa fa-align-left',
    113                     ],
    114                     'center' => [
    115                         'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
    116                         'icon' => 'fa fa-align-center',
    117                     ],
    118                     'right' => [
    119                         'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
    120                         'icon' => 'fa fa-align-right',
    121                     ],
    122                 ],
    123                 'default' => 'center',
    124                 'prefix_class' => 'eael-infobox-icon-align-',
    125                 'condition' => [
    126                     'eael_infobox_img_or_icon' => 'icon'
    127                 ]
    128             ]
    129         );
    130 
    131103        $this->end_controls_section();
    132104
     
    191163                'default' => 'center',
    192164                'prefix_class' => 'eael-infobox-content-align-',
     165                'condition' => [
     166                    'eael_infobox_img_type' => 'img-on-top'
     167                ]
    193168            ]
    194169        );
     
    299274            'label'         => esc_html__( 'Image Shape', 'essential-addons-elementor' ),
    300275                'type'          => Controls_Manager::SELECT,
    301                 'default'       => 'circle',
     276                'default'       => 'square',
    302277                'label_block'   => false,
    303278                'options'       => [
     
    319294                'type' => Controls_Manager::SLIDER,
    320295                'default' => [
    321                     'size' => '100'
     296                    'size' => 100
    322297                ],
    323298                'range' => [
     
    330305                ],
    331306                'condition' => [
    332                     'eael_infobox_img_or_icon' => 'img'
     307                    'eael_infobox_img_or_icon' => 'img',
     308                    'eael_infobox_img_type' => 'img-on-top'
    333309                ]
    334310            ]
     
    344320                ],
    345321                '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' => [
    374322                    'eael_infobox_img_or_icon' => 'img',
    375                     'eael_infobox_img_type!' => 'img-on-left',
    376323                ]
    377324            ]
     
    545492    protected function render( ) {
    546493       
    547     $settings = $this->get_settings();
    548       $infobox_image = $this->get_settings( 'eael_infobox_image' );
    549         $infobox_image_url = Group_Control_Image_Size::get_attachment_image_src( $infobox_image['id'], 'thumbnail', $settings );   
     494        $settings = $this->get_settings();
     495        $infobox_image = $this->get_settings( 'eael_infobox_image' );
     496        $infobox_image_url = Group_Control_Image_Size::get_attachment_image_src( $infobox_image['id'], 'thumbnail', $settings );
     497        if( empty( $infobox_image_url ) ) : $infobox_image_url = $infobox_image['url']; else: $infobox_image_url = $infobox_image_url; endif;   
    550498   
    551499    ?>
  • essential-addons-for-elementor-lite/trunk/elements/pricing-table/pricing-table.php

    r1746620 r1750549  
    3030            'eael_section_pricing_table_settings',
    3131            [
    32                 'label' => esc_html__( 'Pricing Table Settings', 'essential-addons-elementor' )
     32                'label' => esc_html__( 'Settings', 'essential-addons-elementor' )
    3333            ]
    3434        );
     
    5050        );
    5151
     52
     53        /**
     54         * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes'
     55         */
     56        $this->add_control(
     57            'eael_pricing_table_icon_enabled',
     58            [
     59                'label' => esc_html__( 'List Icon', 'essential-addons-elementor' ),
     60                'type' => Controls_Manager::SWITCHER,
     61                'return_value' => 'show',
     62                'default' => 'show',
     63            ]
     64        );
     65
     66        $this->add_control(
     67            'eael_pricing_table_title',
     68            [
     69                'label' => esc_html__( 'Title', 'essential-addons-elementor' ),
     70                'type' => Controls_Manager::TEXT,
     71                'label_block' => false,
     72                'default' => esc_html__( 'Startup', 'essential-addons-elementor' )
     73            ]
     74        );
     75
     76        /**
     77         * Condition: 'eael_pricing_table_style' => 'style-2'
     78         */
    5279        $this->add_control(
     80            'eael_pricing_table_sub_title',
     81            [
     82                'label' => esc_html__( 'Sub Title', 'essential-addons-elementor' ),
     83                'type' => Controls_Manager::TEXT,
     84                'label_block' => false,
     85                'default' => esc_html__( 'A tagline here.', 'essential-addons-elementor' ),
     86                'condition' => [
     87                    'eael_pricing_table_style' => [ 'style-2', 'style-3', 'style-4' ]
     88                ]
     89            ]
     90        );
     91
     92        /**
     93         * Condition: 'eael_pricing_table_style' => 'style-2'
     94         */
     95        $this->add_control(
     96            'eael_pricing_table_style_2_icon',
     97            [
     98                'label' => esc_html__( 'Icon', 'essential-addons-elementor' ),
     99                'type' => Controls_Manager::ICON,
     100                'default' => 'fa fa-home',
     101                'condition' => [
     102                    'eael_pricing_table_style' => 'style-2'
     103                ]
     104            ]
     105        );
     106
     107        /**
     108         * Condition: 'eael_pricing_table_style' => 'style-4'
     109         */
     110        $this->add_control(
     111            'eael_pricing_table_style_4_image',
     112            [
     113                'label' => esc_html__( 'Header Image', 'essential-addons-elementor' ),
     114                'type' => Controls_Manager::MEDIA,
     115                'default' => [
     116                    'url' => Utils::get_placeholder_image_src(),
     117                ],
     118                'selectors' => [
     119                    '{{WRAPPER}} .eael-pricing-image' => 'background-image: url({{URL}});',
     120                ],
     121                'condition' => [
     122                    'eael_pricing_table_style' => 'style-4'
     123                ]
     124            ]
     125        );
     126
     127        $this->end_controls_section();
     128
     129        /**
     130         * Pricing Table Price
     131         */
     132        $this->start_controls_section(
     133            'eael_section_pricing_table_price',
     134            [
     135                'label' => esc_html__( 'Price', 'essential-addons-elementor' )
     136            ]
     137        );
     138
     139        $this->add_control(
     140            'eael_pricing_table_price',
     141            [
     142                'label' => esc_html__( 'Price', 'essential-addons-elementor' ),
     143                'type' => Controls_Manager::TEXT,
     144                'label_block' => false,
     145                'default' => esc_html__( '99', 'essential-addons-elementor' )
     146            ]
     147        );
     148
     149        $this->add_control(
    53150            'eael_pricing_table_price_cur',
    54151            [
     
    60157                '{{WRAPPER}} .eael-pricing .eael-pricing-item .price-tag:before ' => 'content: "{{VALUE}}";',
    61158                ],
    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' )
    72159            ]
    73160        );
     
    103190        );
    104191
    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(
     192        $this->end_controls_section();
     193
     194        /**
     195         * Pricing Table Feature
     196         */
     197        $this->start_controls_section(
     198            'eael_section_pricing_table_feature',
     199            [
     200                'label' => esc_html__( 'Feature', 'essential-addons-elementor' )
     201            ]
     202        );
     203
     204        $this->add_control(
    298205            'eael_pricing_table_items',
    299206            [
     
    340247        );
    341248
    342         $this->add_control(
     249        $this->end_controls_section();
     250
     251        /**
     252         * Pricing Table Footer
     253         */
     254        $this->start_controls_section(
     255            'eael_section_pricing_table_footerr',
     256            [
     257                'label' => esc_html__( 'Footer', 'essential-addons-elementor' )
     258            ]
     259        );
     260
     261        $this->add_control(
    343262            'eael_pricing_table_button_icon',
    344263            [
     
    364283        );
    365284       
    366 
    367285        $this->add_control(
    368286            'eael_pricing_table_button_icon_indent',
     
    408326            ]
    409327        );
    410        
    411         $this->end_controls_section();
     328
     329        $this->end_controls_section();
     330
     331        /**
     332         * Pricing Table Rebon
     333         */
     334        $this->start_controls_section(
     335            'eael_section_pricing_table_featured',
     336            [
     337                'label' => esc_html__( 'Ribbon', 'essential-addons-elementor' )
     338            ]
     339        );
     340
     341        $this->add_control(
     342            'eael_pricing_table_featured',
     343            [
     344                'label' => esc_html__( 'Featured?', 'essential-addons-elementor' ),
     345                'type' => Controls_Manager::SWITCHER,
     346                'return_value' => 'yes',
     347                'default' => 'no',
     348            ]
     349        );
     350
     351        /**
     352         * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes'
     353         */
     354        $this->add_control(
     355            'eael_pricing_table_featured_tag_text',
     356            [
     357                'label' => esc_html__( 'Featured Tag Text', 'essential-addons-elementor' ),
     358                'type' => Controls_Manager::TEXT,
     359                'label_block' => false,
     360                'default' => esc_html__( 'Featured', 'essential-addons-elementor' ),
     361                'selectors' => [
     362                    '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";',
     363                    '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";',
     364                ],
     365                'condition' => [
     366                    'eael_pricing_table_style' => [ 'style-3', 'style-4' ],
     367                    'eael_pricing_table_featured' => 'yes'
     368                ]
     369            ]
     370        );
     371
     372        $this->end_controls_section();
    412373
    413374        /**
     
    436397        );
    437398
     399        $this->add_control(
     400            'eael_pricing_table_featured_bg_color',
     401            [
     402                'label' => esc_html__( 'Featured Background Color', 'essential-addons-elementor' ),
     403                'type' => Controls_Manager::COLOR,
     404                'default' => '',
     405                'selectors' => [
     406                    '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured .header' => 'background-color: {{VALUE}};',
     407                ],
     408                'condition' => [
     409                    'eael_pricing_table_style' => 'style-4'
     410                ]
     411            ]
     412        );
     413
    438414        $this->add_responsive_control(
    439415            'eael_pricing_table_container_padding',
     
    492468            [
    493469                'name' => 'eael_pricing_table_shadow',
    494                 'selector' => '{{WRAPPER}} .eael-pricing .eael-pricing-item',
     470                'selectors' => [
     471                    '{{WRAPPER}} .eael-pricing .eael-pricing-item',
     472                ],
     473            ]
     474        );
     475
     476        $this->add_responsive_control(
     477            'eael_pricing_table_content_alignment',
     478            [
     479                'label' => esc_html__( 'Content Alignment', 'essential-addons-elementor' ),
     480                'type' => Controls_Manager::CHOOSE,
     481                'label_block' => true,
     482                'options' => [
     483                    'left' => [
     484                        'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
     485                        'icon' => 'fa fa-align-left',
     486                    ],
     487                    'center' => [
     488                        'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
     489                        'icon' => 'fa fa-align-center',
     490                    ],
     491                    'right' => [
     492                        'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
     493                        'icon' => 'fa fa-align-right',
     494                    ],
     495                ],
     496                'default' => 'center',
     497                'prefix_class' => 'eael-pricing-content-align-',
     498            ]
     499        );
     500
     501        $this->add_responsive_control(
     502            'eael_pricing_table_content_button_alignment',
     503            [
     504                'label' => esc_html__( 'Button Alignment', 'essential-addons-elementor' ),
     505                'type' => Controls_Manager::CHOOSE,
     506                'label_block' => true,
     507                'options' => [
     508                    'left' => [
     509                        'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
     510                        'icon' => 'fa fa-align-left',
     511                    ],
     512                    'center' => [
     513                        'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
     514                        'icon' => 'fa fa-align-center',
     515                    ],
     516                    'right' => [
     517                        'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
     518                        'icon' => 'fa fa-align-right',
     519                    ],
     520                ],
     521                'default' => 'center',
     522                'prefix_class' => 'eael-pricing-button-align-',
    495523            ]
    496524        );
     
    734762            'eael_section_pricing_table_style_3_featured_tag_settings',
    735763            [
    736                 'label' => esc_html__( 'Featured Tag Style', 'essential-addons-elementor' ),
     764                'label' => esc_html__( 'Ribbon Style', 'essential-addons-elementor' ),
    737765                'tab' => Controls_Manager::TAB_STYLE,
    738766                'condition' => [
    739                     'eael_pricing_table_style' => [ 'style-3', 'style-4' ]
    740                 ]
     767                    'eael_pricing_table_style' => [ 'style-1', 'style-3', 'style-4' ]
     768                ]
     769            ]
     770        );
     771
     772        $this->add_control(
     773            'eael_pricing_table_style_1_featured_bar_color',
     774            [
     775                'label' => esc_html__( 'Line Color', 'essential-addons-elementor' ),
     776                'type' => Controls_Manager::COLOR,
     777                'default' => '#00C853',
     778                'selectors' => [
     779                    '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'background: {{VALUE}};',
     780                ],
     781                'condition' => [
     782                    'eael_pricing_table_style' => 'style-1',
     783                    'eael_pricing_table_featured' => 'yes'
     784                ],
     785            ]
     786        );
     787
     788        $this->add_control(
     789            'eael_pricing_table_style_1_featured_bar_height',
     790            [
     791                'label' => esc_html__( 'Line Height', 'essential-addons-elementor' ),
     792                'type' => Controls_Manager::SLIDER,
     793                'default' => [
     794                    'size' => 3
     795                ],
     796                'range' => [
     797                    'px' => [
     798                        'max' => 50,
     799                    ],
     800                ],
     801                'selectors' => [
     802                    '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'height: {{SIZE}}px;',
     803                ],
     804                'condition' => [
     805                    'eael_pricing_table_style' => 'style-1',
     806                    'eael_pricing_table_featured' => 'yes'
     807                ],
    741808            ]
    742809        );
     
    759826                    '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'font-size: {{SIZE}}px;',
    760827                ],
     828                'condition' => [
     829                    'eael_pricing_table_style' => ['style-3', 'style-4'],
     830                    'eael_pricing_table_featured' => 'yes'
     831                ],
    761832            ]
    762833        );
     
    771842                    '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'color: {{VALUE}};',
    772843                    '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'color: {{VALUE}};',
     844                ],
     845                'condition' => [
     846                    'eael_pricing_table_style' => ['style-3', 'style-4'],
     847                    'eael_pricing_table_featured' => 'yes'
    773848                ],
    774849            ]
     
    785860                    '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:after' => 'border-bottom-color: {{VALUE}};',
    786861                    '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'background: {{VALUE}};',
     862                ],
     863                'condition' => [
     864                    'eael_pricing_table_style' => ['style-3', 'style-4'],
     865                    'eael_pricing_table_featured' => 'yes'
    787866                ],
    788867            ]
     
    809888
    810889        $this->add_control(
    811                 'eael_pricing_table_icon_settings',
     890            'eael_pricing_table_icon_bg_show',
     891            [
     892                'label' => __( 'Show Background', 'essential-addons-elementor' ),
     893                'type' => Controls_Manager::SWITCHER,
     894                'default' => 'yes',
     895                'label_on' => __( 'Show', 'essential-addons-elementor' ),
     896                'label_off' => __( 'Hide', 'essential-addons-elementor' ),
     897                'return_value' => 'yes',
     898            ]
     899        );
     900
     901        /**
     902         * Condition: 'eael_pricing_table_icon_bg_show' => 'yes'
     903         */
     904        $this->add_control(
     905            'eael_pricing_table_icon_bg_color',
     906            [
     907                'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
     908                'type' => Controls_Manager::COLOR,
     909                'default' => '',
     910                'selectors' => [
     911                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'background-color: {{VALUE}};',
     912                ],
     913                'condition' => [
     914                    'eael_pricing_table_icon_bg_show' => 'yes'
     915                ]
     916            ]
     917        );
     918
     919        /**
     920         * Condition: 'eael_pricing_table_icon_bg_show' => 'yes'
     921         */
     922        $this->add_control(
     923            'eael_pricing_table_icon_bg_hover_color',
     924            [
     925                'label' => esc_html__( 'Background Hover Color', 'essential-addons-elementor' ),
     926                'type' => Controls_Manager::COLOR,
     927                'default' => '',
     928                'selectors' => [
     929                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon' => 'background-color: {{VALUE}};',
     930                ],
     931                'condition' => [
     932                    'eael_pricing_table_icon_bg_show' => 'yes'
     933                ],
     934                'separator'=> 'after',
     935            ]
     936        );
     937
     938
     939        $this->add_control(
     940            'eael_pricing_table_icon_settings',
     941            [
     942                'label' => esc_html__( 'Icon Size', 'essential-addons-elementor' ),
     943                'type' => Controls_Manager::SLIDER,
     944                'default' => [
     945                    'size' => 30
     946                ],
     947                'range' => [
     948                    'px' => [
     949                        'max' => 100,
     950                    ],
     951                ],
     952                'selectors' => [
     953                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'font-size: {{SIZE}}px;',
     954                ],
     955            ]
     956        );
     957
     958        $this->add_control(
     959            'eael_pricing_table_icon_area_width',
     960            [
     961                'label' => esc_html__( 'Icon Area Width', 'essential-addons-elementor' ),
     962                'type' => Controls_Manager::SLIDER,
     963                'default' => [
     964                    'size' => 80
     965                ],
     966                'range' => [
     967                    'px' => [
     968                        'max' => 200,
     969                    ],
     970                ],
     971                'selectors' => [
     972                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'width: {{SIZE}}px;',
     973                ],
     974            ]
     975        );
     976
     977        $this->add_control(
     978            'eael_pricing_table_icon_area_height',
     979            [
     980                'label' => esc_html__( 'Icon Area Height', 'essential-addons-elementor' ),
     981                'type' => Controls_Manager::SLIDER,
     982                'default' => [
     983                    'size' => 80
     984                ],
     985                'range' => [
     986                    'px' => [
     987                        'max' => 200,
     988                    ],
     989                ],
     990                'selectors' => [
     991                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'height: {{SIZE}}px;',
     992                ],
     993            ]
     994        );
     995
     996        $this->add_control(
     997            'eael_pricing_table_icon_line_height',
     998            [
     999                'label' => esc_html__( 'Icon Alignment', 'essential-addons-elementor' ),
     1000                'type' => Controls_Manager::SLIDER,
     1001                'default' => [
     1002                    'size' => 80
     1003                ],
     1004                'range' => [
     1005                    'px' => [
     1006                        'max' => 300,
     1007                    ],
     1008                ],
     1009                'selectors' => [
     1010                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'line-height: {{SIZE}}px;',
     1011                ],
     1012            ]
     1013        );
     1014
     1015
     1016
     1017        $this->add_control(
     1018            'eael_pricing_table_icon_color',
     1019            [
     1020                'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
     1021                'type' => Controls_Manager::COLOR,
     1022                'default' => '',
     1023                'selectors' => [
     1024                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'color: {{VALUE}};',
     1025                ],
     1026            ]
     1027        );
     1028
     1029        $this->add_control(
     1030            'eael_pricing_table_icon_hover_color',
     1031            [
     1032                'label' => esc_html__( 'Icon Hover Color', 'essential-addons-elementor' ),
     1033                'type' => Controls_Manager::COLOR,
     1034                'default' => '',
     1035                'selectors' => [
     1036                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i' => 'color: {{VALUE}};',
     1037                ],
     1038                'separator' => 'after'
     1039            ]
     1040        );
     1041
     1042        $this->add_group_control(
     1043            Group_Control_Border::get_type(),
    8121044                [
    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}};',
     1045                    'name' => 'eael_pricing_table_icon_border',
     1046                    'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
     1047                    'selector' => '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon',
     1048                ]
     1049        );
     1050
     1051        $this->add_control(
     1052            'eael_pricing_table_icon_border_hover_color',
     1053            [
     1054                'label' => esc_html__( 'Hover Color', 'essential-addons-elementor' ),
     1055                'type' => Controls_Manager::COLOR,
     1056                'default' => '',
     1057                'selectors' => [
     1058                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon' => 'border-color: {{VALUE}};',
     1059                ],
     1060                'condition' => [
     1061                    'eael_pricing_table_icon_border_border!' => ''
     1062                ]
     1063            ]
     1064        );
     1065
     1066        $this->add_control(
     1067            'eael_pricing_table_icon_border_radius',
     1068            [
     1069                'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
     1070                'type' => Controls_Manager::SLIDER,
     1071                'default' => [
     1072                    'size' => 50,
     1073                ],
     1074                'range' => [
     1075                    'px' => [
     1076                        'max' => 50,
     1077                    ],
     1078                ],
     1079                'selectors' => [
     1080                    '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'border-radius: {{SIZE}}%;',
    8371081                ],
    8381082            ]
     
    10491293        <div class="eael-pricing-item <?php echo esc_attr( $featured_class ); ?>">
    10501294            <div class="eael-pricing-icon">
    1051                 <span class="icon"><i class="<?php echo esc_attr( $settings['eael_pricing_table_style_2_icon'] ); ?>"></i></span>
     1295                <span class="icon" style="background:<?php if('yes' != $settings['eael_pricing_table_icon_bg_show']) : echo 'none'; endif;  ?>;"><i class="<?php echo esc_attr( $settings['eael_pricing_table_style_2_icon'] ); ?>"></i></span>
    10521296            </div>
    10531297            <div class="header">
  • essential-addons-for-elementor-lite/trunk/essential_adons_elementor.php

    r1746620 r1750549  
    55 * Plugin URI: https://essential-addons.com/elementor/
    66 * Author: Codetic
    7  * Version: 2.2.0
     7 * Version: 2.2.1
    88 * Author URI: http://www.codetic.net
    99 *
  • essential-addons-for-elementor-lite/trunk/readme.txt

    r1746621 r1750549  
    11=== Elementor Essential Addons ===
    2 Contributors: Codetic, re_enter_rupok
     2Contributors: Codetic, re_enter_rupok, robicse11128
    33Tags: elementor, elements, addons, elementor addon, elementor widget, page builder, builder, visual editor, wordpress page builder
    44Requires at least: 4.0
    55Tested up to: 4.8.2
    6 Stable tag: 2.2.0
     6Stable tag: 2.2.1
    77License: GPLv3
    88License URI: https://opensource.org/licenses/GPL-3.0
     
    4444* <a href="https://essential-addons.com/elementor/dual-color-headline/" target="_blank">Dual Color Headline</a>
    4545* <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>
     46* <a href="https://essential-addons.com/elementor/pricing-table/" target="_blank">Pricing-table</a>
    4747
    4848
     
    9191== Changelog ==
    9292
     93= 2.2.1 =
     94
     95- (Clear cache after update)
     96
     97- Several improvements for CTA, Info Box, Flip box and dual heading elements
     98- Call to action width control and button control added
     99- Pricing table options improved
     100- Admin page improved and optimized
     101
     102
     103
    93104= 2.2.0 =
    94105
     
    130141== Upgrade Notice ==
    131142
    132 = 2.2.0 =
     143= 2.2.1 =
    133144
    134 - Pricing Table Element added
    135 - Flipbox element animation improved and more options added
    136 - Post Timeline responsiveness improved
    137 - Few minor improvements/
     145- Several improvements for CTA, Info Box, Flip box and dual heading elements
     146- Call to action width control and button control added
     147- Pricing table options improved
     148- Admin page improved and optimized
Note: See TracChangeset for help on using the changeset viewer.