diff --git a/.gitignore b/.gitignore index f290fa66e..a22e87c6c 100755 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,7 @@ - +elements/.DS_Store .DS_Store .phpintel -.vscode \ No newline at end of file +assets/js/ewr.php +node_modules +package-lock.json +.sass-cache \ No newline at end of file diff --git a/admin/assets/css/admin.css b/admin/assets/css/admin.css index cc50941ea..93bd9e6c6 100755 --- a/admin/assets/css/admin.css +++ b/admin/assets/css/admin.css @@ -74,14 +74,15 @@ } .eael-settings-tabs ul li a { padding: 15px 20px; - background: #ECF0F1; - color: #646464; - font-size: 16px; + background: #f8fafb; + color: #516378; + font-size: 15px; font-weight: 600; - text-transform: uppercase; text-decoration: none; - border: 1px solid rgba( 0,0,0,0.1 ); - border-bottom: none; + border-top: 2px solid #f8fafb; +} +.eael-settings-tabs ul li:first-child a { + border-left: 1px solid rgba( 0,0,0,0.1 ) } .eael-settings-tabs ul li a:focus { outline: none; @@ -229,6 +230,7 @@ textarea.eael-form-control { } .eael-tabs li a.active { background-color: #fff; + border-top: 2px solid #6648FE; } /* Footer Style */ @@ -585,3 +587,19 @@ textarea.eael-form-control { .eael-fb-own-app-settings.eael-active, #eaelFBbtn.eael-active, #eaelFBbtnOwnApp.eael-active { display: block; } + +.warning { + margin: 10px 0; + padding: 10px; + border-radius: 3px 3px 3px 3px; + color: #D8000C; + background-color: #FFBABA; + overflow: hidden; +} + +.warning > * { + float: left; +} +#eael_plugins_versions { + height: 36px; +} \ No newline at end of file diff --git a/admin/assets/css/eael-notice.css b/admin/assets/css/eael-notice.css index 07ea9cb35..d850fddfc 100755 --- a/admin/assets/css/eael-notice.css +++ b/admin/assets/css/eael-notice.css @@ -1,64 +1,65 @@ /* review notice */ -.eael-review-notice{ - padding: 15px 15px 15px 0; - background-color: #fff; - border-radius: 3px; - margin: 20px 20px 0 0; - border-left: 4px solid transparent; - } - .eael-review-notice:after{ - content: ''; - display: table; - clear: both; - } - .eael-review-thumbnail{ - width: 114px; - float: left; - line-height: 80px; - text-align: center; - border-right: 4px solid transparent; - } - .eael-review-thumbnail img { - width: 72px; - vertical-align: middle; - opacity: .85; - transition: all .3s; - } - .eael-review-thumbnail img:hover { - opacity: 1; - } - .eael-review-text{ - overflow: hidden; - } - .eael-review-text h3{ - font-size: 24px; - margin: 0 0 5px; - font-weight: 400; - line-height: 1.3; - } - .eael-review-text p{ - font-size: 13px; - margin: 0 0 5px; - } - .eael-review-ul{ - margin: 0; - padding: 0; - } - .eael-review-ul li{ - display: inline-block; - margin-right: 15px; - } - .eael-review-ul li a{ - display: inline-block; - color: #10738B; - text-decoration: none; - padding-left: 26px; - position: relative; - } - .eael-review-ul li a span{ - position: absolute; - left: 0; - top: -2px; - } \ No newline at end of file +.eael-review-notice { + padding: 10px; + background-color: #fff; + border-radius: 3px; + margin: 15px; + border-left: 4px solid transparent; + display: flex; + align-items: center; +} +.eael-review-notice:after{ + content: ''; + display: table; + clear: both; +} +.eael-review-thumbnail{ + width: 90px; + float: left; + padding: 5px; + text-align: center; + border-right: 4px solid transparent; +} +.eael-review-thumbnail img { + width: 72px; + opacity: .85; + transition: all .3s; +} +.eael-review-thumbnail img:hover { + opacity: 1; +} +.eael-review-text{ + overflow: hidden; +} +.eael-review-text h3{ + font-size: 24px; + margin: 0 0 5px; + font-weight: 400; + line-height: 1.3; +} +.eael-review-text p{ + font-size: 13px; + margin: 0 0 5px; +} +.eael-review-ul { + margin: 8px 0 0 0; + padding: 0; +} +.eael-review-ul li{ + display: inline-block; + margin-right: 15px; +} +.eael-review-ul li a{ + display: inline-block; + color: #10738B; + text-decoration: none; + padding-left: 26px; + position: relative; +} +.eael-review-ul li a span{ + position: absolute; + left: 0; + top: -2px; +} \ No newline at end of file diff --git a/admin/assets/images/icon-christmas-gift.svg b/admin/assets/images/icon-christmas-gift.svg new file mode 100755 index 000000000..b23b4b8c0 --- /dev/null +++ b/admin/assets/images/icon-christmas-gift.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/admin/assets/images/icon-modules.svg b/admin/assets/images/icon-modules.svg old mode 100644 new mode 100755 diff --git a/admin/assets/images/icon-settings.svg b/admin/assets/images/icon-settings.svg old mode 100644 new mode 100755 diff --git a/admin/assets/images/icon-upgrade.svg b/admin/assets/images/icon-upgrade.svg old mode 100644 new mode 100755 diff --git a/admin/assets/images/icon-version-control.svg b/admin/assets/images/icon-version-control.svg new file mode 100755 index 000000000..f73d392c1 --- /dev/null +++ b/admin/assets/images/icon-version-control.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/admin/assets/js/rollback-admin.js b/admin/assets/js/rollback-admin.js new file mode 100755 index 000000000..9a79a9f62 --- /dev/null +++ b/admin/assets/js/rollback-admin.js @@ -0,0 +1,32 @@ +(function($) { + $(document).ready(function() { + $('#eael_plugins_versions').on('change', function() { + var $this = $(this), + button = $this.siblings('.eael-version-rollback'), + url = button.attr('href'), + val = $this.val(), + url = url+'&upgrade_version='+val; + button.attr('href', url); + }); + + $('.eael-version-rollback').on( 'click', function(e) { + e.preventDefault(); + var $this = $( this ), + dialogsManager = new DialogsManager.Instance(); + + dialogsManager.createWidget( 'confirm', { + headerMessage: EAELRollBackConfirm.i18n.rollback_to_previous_version, + message : EAELRollBackConfirm.i18n.rollback_confirm, + strings : { + cancel : EAELRollBackConfirm.i18n.cancel, + confirm: EAELRollBackConfirm.i18n.yes, + }, + onConfirm: function() { + $this.addClass( 'loading' ); + location.href = $this.attr( 'href' ); + } + } ).show(); + } ); + }); + +})(jQuery); \ No newline at end of file diff --git a/admin/partials/elements.php b/admin/partials/elements.php new file mode 100755 index 000000000..ce5ad1401 --- /dev/null +++ b/admin/partials/elements.php @@ -0,0 +1,355 @@ +
+
+
+

You can disable the elements you are not using on your site. That will disable all associated assets of those widgets to improve your site loading.

+
+
+ eael_get_settings['contact-form-7'], true ); ?> > + +

+
+
+ eael_get_settings['count-down'], true ); ?> > + + +

+
+
+ eael_get_settings['creative-btn'], true ); ?> > + +

+
+
+ eael_get_settings['fancy-text'], true ); ?> > + +

+
+
+ eael_get_settings['post-grid'], true ); ?> > + +

+
+
+ eael_get_settings['post-timeline'], true ); ?> > + +

+
+
+ eael_get_settings['product-grid'], true ); ?> > + +

+
+
+ eael_get_settings['team-members'], true ); ?> > + +

+
+
+ eael_get_settings['testimonials'], true ); ?> > + +

+
+
+ eael_get_settings['weforms'], true ); ?> > + +

+
+
+ eael_get_settings['call-to-action'], true ); ?> > + +

+
+
+ eael_get_settings['flip-box'], true ); ?> > + +

+
+
+ eael_get_settings['info-box'], true ); ?> > + +

+
+
+ eael_get_settings['dual-header'], true ); ?> > + +

+
+
+ eael_get_settings['price-table'], true ); ?> > + +

+
+
+ eael_get_settings['ninja-form'], true ); ?> > + +

+
+
+ eael_get_settings['gravity-form'], true ); ?> > + +

+
+
+ eael_get_settings['caldera-form'], true ); ?> > + +

+
+
+ eael_get_settings['wpforms'], true ); ?> > + +

+
+
+ eael_get_settings['twitter-feed'], true ); ?> > + +

+
+
+ eael_get_settings['facebook-feed'], true ); ?> > + +

+
+
+ eael_get_settings['filter-gallery'], true ); ?> > + +

+
+
+ eael_get_settings['data-table'], true ); ?> > + +

+
+
+ eael_get_settings['image-accordion'], true ); ?> > + +

+
+
+ eael_get_settings['content-ticker'], true ); ?> > + +

+
+
+ eael_get_settings['tooltip'], true ); ?> > + +

+
+
+ eael_get_settings['adv-accordion'], true ); ?> > + +

+
+
+ eael_get_settings['adv-tabs'], true ); ?> > + +

+
+
+ eael_get_settings['progress-bar'], true ); ?> > + +

+
+
+
+
+
+ +

Premium Elements

+
+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+ + +

+ +

+
+
+
+ +
+
+
+
\ No newline at end of file diff --git a/admin/partials/general.php b/admin/partials/general.php new file mode 100755 index 000000000..cfc4313da --- /dev/null +++ b/admin/partials/general.php @@ -0,0 +1,73 @@ +
+
+
+
+ +
+ + + +
+
+
+
+ Documentation +
+

Documentation

+
+
+

Get started by spending some time with the documentation to get familiar with Essential Addons. Build awesome websites for you or your clients with ease.

+ Documentation +
+
+
+
+
+ Bugs +
+

Contribute to Essential Addons

+
+
+

You can contribute to make Essential Addons better reporting bugs, creating issues, pull requests at Github.

+ Report a bug +
+
+
+
+
+ Flexia Support +
+

Need Help?

+
+
+

Stuck with something? Get help from the community on WPDeveloper Forum or Facebook Community. In case of emergency, initiate a live chat at Essential Addons website.

+ Get Community Support +
+
+
+
+
+ +
+

Show your Love

+
+
+

We love to have you in Essential Addons family. We are making it more awesome everyday. Take your 2 minutes to review the plugin and spread the love to encourage us to keep it going.

+ + Leave a Review +
+
+
+
+
+
+ +
+ Upgrade to Pro', 'essential-addons-elementor' ), 'https://wpdeveloper.net/in/upgrade-essential-addons-elementor' ); ?> +
+
+
+
+
\ No newline at end of file diff --git a/admin/partials/go-pro.php b/admin/partials/go-pro.php new file mode 100755 index 000000000..7fd48ffbc --- /dev/null +++ b/admin/partials/go-pro.php @@ -0,0 +1,12 @@ +
+
+
+

Why upgrade to Premium Version?

+

The premium version helps us to continue development of the product incorporating even more features and enhancements.

+ +

You will also get world class support from our dedicated team, 24/7.

+ + Get Premium Version +
+
+
\ No newline at end of file diff --git a/admin/partials/version-control.php b/admin/partials/version-control.php new file mode 100755 index 000000000..e58cbb771 --- /dev/null +++ b/admin/partials/version-control.php @@ -0,0 +1,54 @@ +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + +
+

Rollback to Previous Version

+
+
+

Select the version you want to install

+
Reinstall Version', wp_nonce_url( admin_url( 'admin-post.php?action=eael_version_rollback' ), 'eael_version_rollback' )); + echo apply_filters('insert_eael_versions_html', $vh ); + ?>
+
+
+ + + + + + + + +
+
Warning: Please backup your database before making the rollback.
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/admin/settings.php b/admin/settings.php index e43e50d47..2bd1d5221 100755 --- a/admin/settings.php +++ b/admin/settings.php @@ -14,7 +14,7 @@ class Eael_Admin_Settings { * @var array * @since 2.3.0 */ - public $eael_default_keys = [ 'contact-form-7', 'count-down', 'creative-btn', 'fancy-text', 'post-grid', 'post-timeline', 'product-grid', 'team-members', 'testimonials', 'weforms', 'call-to-action', 'flip-box', 'info-box', 'dual-header', 'price-table', 'ninja-form', 'gravity-form', 'caldera-form', 'wpforms', 'twitter-feed', 'facebook-feed', 'data-table', 'filter-gallery', 'image-accordion', 'content-ticker', 'tooltip', 'adv-accordion', 'adv-tabs', 'progress-bar' ]; + public $eael_default_keys = [ 'contact-form-7', 'count-down', 'creative-btn', 'fancy-text', 'img-comparison', 'instagram-gallery', 'interactive-promo', 'lightbox', 'post-block', 'post-grid', 'post-timeline', 'product-grid', 'team-members', 'testimonial-slider', 'testimonials', 'testimonials', 'weforms', 'static-product', 'call-to-action', 'flip-box', 'info-box', 'dual-header', 'price-table', 'flip-carousel', 'interactive-cards', 'ninja-form', 'gravity-form', 'caldera-form', 'wpforms', 'wisdom_registered_setting', 'twitter-feed', 'facebook-feed', 'twitter-feed-carousel', 'facebook-feed-carousel', 'data-table', 'filter-gallery', 'dynamic-filter-gallery', 'image-accordion', 'content-ticker', 'tooltip', 'adv-accordion', 'adv-tabs', 'progress-bar' ]; /** * Will Contain All Components Default Values @@ -169,448 +169,15 @@ public function eael_admin_settings_page() { -
-
-
-
- -
- - - -
-
-
-
- Documentation -
-

Documentation

-
-
-

Get started by spending some time with the documentation to get familiar with Essential Addons. Build awesome websites for you or your clients with ease.

- Documentation -
-
-
-
-
- Bugs -
-

Contribute to Essential Addons

-
-
-

You can contribute to make Essential Addons better reporting bugs, creating issues, pull requests at Github.

- Report a bug -
-
-
-
-
- Flexia Support -
-

Need Help?

-
-
-

Stuck with something? Get help from the community on WPDeveloper Forum or Facebook Community. In case of emergency, initiate a live chat at Essential Addons website.

- Get Community Support -
-
-
-
-
- -
-

Show your Love

-
-
-

We love to have you in Essential Addons family. We are making it more awesome everyday. Take your 2 minutes to review the plugin and spread the love to encourage us to keep it going.

- - Leave a Review -
-
-
-
-
-
- -
- Upgrade to Pro', 'essential-addons-elementor' ), 'https://wpdeveloper.net/in/upgrade-essential-addons-elementor' ); ?> -
-
-
-
-
-
-
-
-

You can disable the elements you are not using on your site. That will disable all associated assets of those widgets to improve your site loading.

-
-
- eael_get_settings['contact-form-7'], true ); ?> > - -

-
-
- eael_get_settings['count-down'], true ); ?> > - - -

-
-
- eael_get_settings['creative-btn'], true ); ?> > - -

-
-
- eael_get_settings['fancy-text'], true ); ?> > - -

-
-
- eael_get_settings['post-grid'], true ); ?> > - -

-
-
- eael_get_settings['post-timeline'], true ); ?> > - -

-
-
- eael_get_settings['product-grid'], true ); ?> > - -

-
-
- eael_get_settings['team-members'], true ); ?> > - -

-
-
- eael_get_settings['testimonials'], true ); ?> > - -

-
-
- eael_get_settings['weforms'], true ); ?> > - -

-
-
- eael_get_settings['call-to-action'], true ); ?> > - -

-
-
- eael_get_settings['flip-box'], true ); ?> > - -

-
-
- eael_get_settings['info-box'], true ); ?> > - -

-
-
- eael_get_settings['dual-header'], true ); ?> > - -

-
-
- eael_get_settings['price-table'], true ); ?> > - -

-
-
- eael_get_settings['ninja-form'], true ); ?> > - -

-
-
- eael_get_settings['gravity-form'], true ); ?> > - -

-
-
- eael_get_settings['caldera-form'], true ); ?> > - -

-
-
- eael_get_settings['wpforms'], true ); ?> > - -

-
-
- eael_get_settings['twitter-feed'], true ); ?> > - -

-
-
- eael_get_settings['facebook-feed'], true ); ?> > - -

-
-
- eael_get_settings['filter-gallery'], true ); ?> > - -

-
-
- eael_get_settings['data-table'], true ); ?> > - -

-
-
- eael_get_settings['image-accordion'], true ); ?> > - -

-
-
- eael_get_settings['content-ticker'], true ); ?> > - -

-
-
- eael_get_settings['tooltip'], true ); ?> > - -

-
-
- eael_get_settings['adv-accordion'], true ); ?> > - -

-
-
- eael_get_settings['adv-tabs'], true ); ?> > - -

-
-
- eael_get_settings['progress-bar'], true ); ?> > - -

-
-
-
-
-
- -

Premium Elements

-
-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
- - -

- -

-
-
-
- -
-
-
-
-
-
-
-

Why upgrade to Premium Version?

-

The premium version helps us to continue development of the product incorporating even more features and enhancements.

- -

You will also get world class support from our dedicated team, 24/7.

- - Get Premium Version -
-
-
+ diff --git a/assets/css/essential-addons-elementor.css b/assets/css/essential-addons-elementor.css index 98c1cc537..de6a27f27 100755 --- a/assets/css/essential-addons-elementor.css +++ b/assets/css/essential-addons-elementor.css @@ -42,22 +42,19 @@ 33. Progress Bar 34. Image accordion -------------------------------------------------------*/ - /*--------------------------*/ /* 01. General Styles /*--------------------------*/ - .clearfix::before, .clearfix::after { - content: " "; - display: table; - clear: both; + content: " "; + display: table; + clear: both; } /*---------------------------------------*/ /* 02. Common styles for slider elements /*---------------------------------------*/ - .eael-testimonial-slider.nav-top-left, .eael-testimonial-slider.nav-top-right, .eael-team-slider.nav-top-left, @@ -68,816 +65,837 @@ .eael-post-carousel.nav-top-right, .eael-product-carousel.nav-top-left, .eael-product-carousel.nav-top-right { - padding-top: 40px; + padding-top: 40px; } - /*--------------------------*/ /* 03. Fancy Text Style /*--------------------------*/ - .eael-fancy-text-container p { - margin: 0; + margin: 0; } .eael-fancy-text-strings, .eael-fancy-text-prefix, .eael-fancy-text-suffix { - display: inline-block; + display: inline-block; } -.morphext>.animated { - display: inline-block; +.morphext > .animated { + display: inline-block; } .typed-cursor { - opacity: 1; - -webkit-animation: blink_cursor 0.7s infinite; - -moz-animation: blink_cursor 0.7s infinite; - animation: blink_cursor 0.7s infinite; + opacity: 1; + -webkit-animation: blink_cursor 0.7s infinite; + animation: blink_cursor 0.7s infinite; } @keyframes blink_cursor { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } } - @-webkit-keyframes blink_cursor { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } -} - -@-moz-keyframes blink_cursor { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } } - - /*--- Style 2 ---*/ - .eael-fancy-text-container.style-2 { - font-size: 24px; + font-size: 24px; } .eael-fancy-text-container.style-2 .eael-fancy-text-strings { - background: #ff5544; - color: #fff; - padding: 10px 25px; + background: #ff5544; + color: #fff; + padding: 10px 25px; } - /*-----------------------------*/ /* 04. Creative Button styles /*-----------------------------*/ - .eael-creative-button-align-center { - text-align: center; + text-align: center; } .eael-creative-button-wrapper { - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .eael-creative-button { - flex: 0 0 auto; - min-width: 150px; - text-align: center; - vertical-align: middle; - position: relative; - z-index: 1; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -moz-osx-font-smoothing: grayscale; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + min-width: 150px; + text-align: center; + vertical-align: middle; + position: relative; + z-index: 1; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; } .eael-creative-button:focus { - outline: none; + outline: none; } -.eael-creative-button>span { - vertical-align: middle; +.eael-creative-button > span { + vertical-align: middle; } .eael-creative-button { - border-radius: 2px; - padding: 20px 30px; - font-size: 16px; - line-height: 1; + -webkit-border-radius: 2px; + border-radius: 2px; + padding: 20px 30px; + font-size: 16px; + line-height: 1; } - /*--- Winona ---*/ - .eael-creative-button--winona { - overflow: hidden; - padding: 0!important; - -webkit-transition: border-color 0.3s, background-color 0.3s; - transition: border-color 0.3s, background-color 0.3s; - -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); - transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + overflow: hidden; + padding: 0 !important; + -webkit-transition: border-color 0.3s, background-color 0.3s; + -o-transition: border-color 0.3s, background-color 0.3s; + transition: border-color 0.3s, background-color 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .eael-creative-button--winona::after { - content: attr(data-text); - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - opacity: 0; - -webkit-transform: translate3d(0, 25%, 0); - transform: translate3d(0, 25%, 0); + content: attr(data-text); + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0; + -webkit-transform: translate3d(0, 25%, 0); + transform: translate3d(0, 25%, 0); } -.eael-creative-button--winona>span { - display: block; +.eael-creative-button--winona > span { + display: block; } .eael-creative-button--winona::after, -.eael-creative-button--winona>span { - padding: 1em 2em; - -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; - transition: transform 0.3s, opacity 0.3s; - -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); - transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +.eael-creative-button--winona > span { + padding: 1em 2em; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, -webkit-transform 0.3s; + -o-transition: transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .eael-creative-button--winona:hover::after { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } -.eael-creative-button--winona:hover>span { - opacity: 0; - -webkit-transform: translate3d(0, -25%, 0); - transform: translate3d(0, -25%, 0); +.eael-creative-button--winona:hover > span { + opacity: 0; + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); } - /*--- Ujarak ---*/ - .eael-creative-button--ujarak { - -webkit-transition: border-color 0.4s, color 0.4s; - transition: border-color 0.4s, color 0.4s; + -webkit-transition: border-color 0.4s, color 0.4s; + -o-transition: border-color 0.4s, color 0.4s; + transition: border-color 0.4s, color 0.4s; } .eael-creative-button--ujarak::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - opacity: 0; - -webkit-transform: scale3d(0.7, 1, 1); - transform: scale3d(0.7, 1, 1); - -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; - transition: transform 0.4s, opacity 0.4s; - -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); - transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + opacity: 0; + -webkit-transform: scale3d(0.7, 1, 1); + transform: scale3d(0.7, 1, 1); + -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; + -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; + transition: opacity 0.4s, -webkit-transform 0.4s; + -o-transition: transform 0.4s, opacity 0.4s; + transition: transform 0.4s, opacity 0.4s; + transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .eael-creative-button--ujarak, .eael-creative-button--ujarak::before { - -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); - transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .eael-creative-button--ujarak:hover::before { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } - /*--- Wayra ---*/ - .eael-creative-button--wayra { - overflow: hidden; - -webkit-transition: border-color 0.3s, color 0.3s; - transition: border-color 0.3s, color 0.3s; - -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); - transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + overflow: hidden; + -webkit-transition: border-color 0.3s, color 0.3s; + -o-transition: border-color 0.3s, color 0.3s; + transition: border-color 0.3s, color 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .eael-creative-button--wayra::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 150%; - height: 100%; - z-index: -1; - -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); - transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); - -webkit-transform-origin: 0% 100%; - transform-origin: 0% 100%; - -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; - transition: transform 0.3s, opacity 0.3s, background-color 0.3s; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 150%; + height: 100%; + z-index: -1; + -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); + transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); + -webkit-transform-origin: 0% 100%; + -ms-transform-origin: 0% 100%; + transform-origin: 0% 100%; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; + -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; + -o-transition: transform 0.3s, opacity 0.3s, background-color 0.3s; + transition: transform 0.3s, opacity 0.3s, background-color 0.3s; + transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; } .eael-creative-button--wayra:hover::before { - opacity: 1; - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); - transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + opacity: 1; + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } - /*--- Tamaya ---*/ .eael-creative-button--tamaya { - overflow: hidden; + overflow: hidden; } .eael-creative-button--tamaya::before, .eael-creative-button--tamaya::after { - content: attr(data-text); - position: absolute; - width: 100%; - height: 50%; - left: 0; - overflow: hidden; - -webkit-transition: -webkit-transform 0.3s; - transition: transform 0.3s; - -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); - transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + content: attr(data-text); + position: absolute; + width: 100%; + height: 50%; + left: 0; + overflow: hidden; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + -o-transition: transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .eael-creative-button--tamaya::before { - top: 0; - padding: 20px 30px; + top: 0; + padding: 20px 30px; } .eael-creative-button--tamaya::after { - bottom: 0; - line-height: 0; + bottom: 0; + line-height: 0; } .eael-creative-button--tamaya:hover::after { - bottom: -1px; + bottom: -1px; } -.eael-creative-button--tamaya>span { - display: block; - -webkit-transform: scale3d(0.2, 0.2, 1); - transform: scale3d(0.2, 0.2, 1); - opacity: 0; - -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; - transition: transform 0.3s, opacity 0.3s; - -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); - transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +.eael-creative-button--tamaya > span { + display: block; + -webkit-transform: scale3d(0.2, 0.2, 1); + transform: scale3d(0.2, 0.2, 1); + opacity: 0; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, -webkit-transform 0.3s; + -o-transition: transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .eael-creative-button--tamaya:hover::before { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } .eael-creative-button--tamaya:hover::after { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } -.eael-creative-button--tamaya:hover>span { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); +.eael-creative-button--tamaya:hover > span { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } - /*--- Rayen ---*/ - .eael-creative-button--rayen { - overflow: hidden; - padding: 0!important; + overflow: hidden; + padding: 0 !important; } .eael-creative-button--rayen::before { - content: attr(data-text); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); + content: attr(data-text); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } -.eael-creative-button--rayen>span { - display: block; +.eael-creative-button--rayen > span { + display: block; } .eael-creative-button--rayen::before, -.eael-creative-button--rayen>span { - padding: 1em 2em; - -webkit-transition: -webkit-transform 0.3s; - transition: transform 0.3s; - -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); - transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); +.eael-creative-button--rayen > span { + padding: 1em 2em; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + -o-transition: transform 0.3s; + transition: transform 0.3s; + transition: transform 0.3s, -webkit-transform 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); + -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); + transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .eael-creative-button--rayen:hover::before { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } -.eael-creative-button--rayen:hover>span { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); +.eael-creative-button--rayen:hover > span { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } - /*---------------------------------*/ /* 05. Countdown Styles /*---------------------------------*/ - - /*--- General ---*/ - .eael-countdown-items { - list-style: none; - margin: 0; - padding: 0; - display: table; - table-layout: fixed; - width: 100%; + list-style: none; + margin: 0; + padding: 0; + display: table; + table-layout: fixed; + width: 100%; } -.eael-countdown-items>li { - list-style: none; - margin: 0; - padding: 0; - display: table-cell; - position: relative; +.eael-countdown-items > li { + list-style: none; + margin: 0; + padding: 0; + display: table-cell; + position: relative; } -.eael-countdown-item>div { - text-align: center; - padding: 20px; +.eael-countdown-item > div { + text-align: center; + padding: 20px; } .eael-countdown-label-block .eael-countdown-digits, .eael-countdown-label-block .eael-countdown-label { - display: block; - text-align: center; + display: block; + text-align: center; } .eael-countdown-digits { - font-size: 54px; - line-height: 1; + font-size: 54px; + line-height: 1; } .eael-countdown-label { - font-size: 18px; - line-height: 1; - color: #ffffff; + font-size: 18px; + line-height: 1; + color: #ffffff; } .eael-countdown-show-separator .eael-countdown-digits::after { - content: ":"; - position: absolute; - left: 98%; - z-index: 9999; + content: ":"; + position: absolute; + left: 98%; + z-index: 9999; } .eael-countdown-item:last-child .eael-countdown-digits::after { - display: none; + display: none; } - /*--- Style 1 ---*/ - -.eael-countdown-items.style-1 .eael-countdown-item>div { - background: #262625; +.eael-countdown-items.style-1 .eael-countdown-item > div { + background: #262625; } - /*----------------------------*/ /* 06. Post Timeline Styles /*----------------------------*/ - .eael-post-timeline { - margin-bottom: 0; - min-height: 100%; - overflow: hidden; - position: relative; + margin-bottom: 0; + min-height: 100%; + overflow: hidden; + position: relative; } .eael-timeline-column { - width: 50%; - margin-left: 0; - float: left; - margin-top: 0 !important; + width: 50%; + margin-left: 0; + float: left; + margin-top: 0 !important; } .eael-timeline-post { - position: relative; + position: relative; } .eael-timeline-post:after { - background-color: rgba(83, 85, 86, .2); - content: ""; - width: 2px; - height: 245px; - position: absolute; - right: 0; - top: 70px; + background-color: rgba(83, 85, 86, 0.2); + content: ""; + width: 2px; + height: 245px; + position: absolute; + right: 0; + top: 70px; } .eael-timeline-post:nth-child(2n):after { - display: none; + display: none; } .eael-timeline-bullet { - background-color: #9fa9af; - border: 5px solid #fff; - border-radius: 50%; - box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1); - content: ""; - height: 20px; - position: absolute; - right: -9px; - top: 60px; - width: 20px; - z-index: 3; - cursor: pointer; + background-color: #9fa9af; + border: 5px solid #fff; + -webkit-border-radius: 50%; + border-radius: 50%; + -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1); + content: ""; + height: 20px; + position: absolute; + right: -9px; + top: 60px; + width: 20px; + z-index: 3; + cursor: pointer; } .eael-timeline-post:nth-child(2n) .eael-timeline-bullet { - background-color: #9fa9af; - border: 5px solid #fff; - border-radius: 50%; - bottom: 36px; - content: ""; - height: 20px; - left: -11px; - position: absolute; - top: 300px; - width: 20px; - z-index: 3; + background-color: #9fa9af; + border: 5px solid #fff; + -webkit-border-radius: 50%; + border-radius: 50%; + bottom: 36px; + content: ""; + height: 20px; + left: -11px; + position: absolute; + top: 300px; + width: 20px; + z-index: 3; } .eael-timeline-post-inner { - background: linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); - border: 8px solid #e5eaed; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); - float: right; - margin: 30px 40px 30px auto; - position: relative; - height: 320px; - width: calc(100% - 40px); + background: -webkit-linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 transparent; + background: -o-linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 transparent; + background: linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 transparent; + border: 8px solid #e5eaed; + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); + float: right; + margin: 30px 40px 30px auto; + position: relative; + height: 320px; + width: calc(100% - 40px); } .eael-timeline-post:nth-child(even) .eael-timeline-post-inner { - float: left; - margin-left: 40px; + float: left; + margin-left: 40px; } .eael-timeline-post-inner:after { - border-color: transparent transparent transparent #e5eaed; - border-style: solid; - border-width: 15px; - content: ""; - height: 0; - position: absolute; - right: -36px; - top: 17px; - width: 0; + border-color: transparent transparent transparent #e5eaed; + border-style: solid; + border-width: 15px; + content: ""; + height: 0; + position: absolute; + right: -36px; + top: 17px; + width: 0; } .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner:after { - border-color: transparent #e5eaed transparent transparent; - border-style: solid; - border-width: 15px; - content: ""; - height: 0; - left: -36px; - position: absolute; - top: 257px; - width: 0; + border-color: transparent #e5eaed transparent transparent; + border-style: solid; + border-width: 15px; + content: ""; + height: 0; + left: -36px; + position: absolute; + top: 257px; + width: 0; } .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after { - border-left-color: transparent !important; + border-left-color: transparent !important; } .eael-timeline-post p { - margin: 1.6rem 0 0 0; - font-size: 0.9em; - line-height: 1.6em; + margin: 1.6rem 0 0 0; + font-size: 0.9em; + line-height: 1.6em; } .eael-timeline-post-image { - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - display: block; - height: 100%; - overflow: hidden; - position: relative; - opacity: .6; - -webkit-transition: all .3s; - -moz-transition: all .3s; - transition: all .3s; + -webkit-background-size: cover; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: block; + height: 100%; + overflow: hidden; + position: relative; + opacity: .6; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; } .eael-timeline-post-title { - bottom: 40px; - position: absolute; - width: 100%; + bottom: 40px; + position: absolute; + width: 100%; } .eael-timeline-post-title h2 { - color: #fff; - font-size: 20px; - font-weight: bold; - letter-spacing: 1px; - line-height: 24px; - padding: 0 25px; - text-align: left; - text-transform: uppercase; + color: #fff; + font-size: 20px; + font-weight: bold; + letter-spacing: 1px; + line-height: 24px; + padding: 0 25px; + text-align: left; + text-transform: uppercase; } .eael-timeline-post-excerpt { - opacity: 0; - position: absolute; - top: 0; - left: 0; - -webkit-transition: all .3s; - -moz-transition: all .3s; - transition: all .3s; + opacity: 0; + position: absolute; + top: 0; + left: 0; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; } .eael-timeline-post-excerpt p { - color: #fff; - font-size: 14px; - padding: 25px; + color: #fff; + font-size: 14px; + padding: 25px; } .eael-timeline-post-inner:hover .eael-timeline-post-excerpt { - opacity: 1; - top: 10px; + opacity: 1; + top: 10px; } .eael-timeline-post-inner:hover .eael-timeline-post-image { - opacity: .3; + opacity: .3; } .eael-timeline-post time { - opacity: 0; - background-color: rgba(0, 0, 0, .7); - color: #fff; - font-size: 10px; - border-radius: 20px; - position: absolute; - right: -97px; - width: 100px; - height: 30px; - line-height: 30px; - text-align: center; - top: 50px; - z-index: 99; - -webkit-transition: all .5s; - -moz-transition: all .5s; - transition: all .5s; + opacity: 0; + background-color: rgba(0, 0, 0, 0.7); + color: #fff; + font-size: 10px; + -webkit-border-radius: 20px; + border-radius: 20px; + position: absolute; + right: -97px; + width: 100px; + height: 30px; + line-height: 30px; + text-align: center; + top: 50px; + z-index: 99; + -webkit-transition: all .5s; + -o-transition: all .5s; + transition: all .5s; } .eael-timeline-post:nth-child(2n) time { - background-color: rgba(0, 0, 0, 0.7); - border-radius: 20px; - color: #fff; - font-size: 10px; - height: 30px; - left: -99px; - line-height: 30px; - position: absolute; - text-align: center; - top: 290px; - width: 100px; - z-index: 99; + background-color: rgba(0, 0, 0, 0.7); + -webkit-border-radius: 20px; + border-radius: 20px; + color: #fff; + font-size: 10px; + height: 30px; + left: -99px; + line-height: 30px; + position: absolute; + text-align: center; + top: 290px; + width: 100px; + z-index: 99; } .eael-timeline-post time:before { - border-bottom: 5px solid rgba(0, 0, 0, 0.7); - border-left: 5px solid transparent; - border-right: 5px solid transparent; - content: ""; - height: 0; - left: 45px; - position: absolute; - top: -5px; - width: 0; + border-bottom: 5px solid rgba(0, 0, 0, 0.7); + border-left: 5px solid transparent; + border-right: 5px solid transparent; + content: ""; + height: 0; + left: 45px; + position: absolute; + top: -5px; + width: 0; } .eael-timeline-post:hover time { - opacity: 1; + opacity: 1; } .eael-timeline-post::after { - height: 100%; + height: 100%; } .eael-post-timeline .eael-timeline-post:nth-last-child(2)::after { - height: 245px; + height: 245px; } .eael-post-timeline .eael-timeline-post:last-child::after { - display: none; + display: none; } - /*--- Responsive Style for Post Timeline ---*/ - @media only screen and (max-width: 1366px) { - .eael-timeline-post-title h2 { - font-size: 0.8em; - } - .eael-timeline-post-excerpt p { - font-size: 13px; - } -} + .eael-timeline-post-title h2 { + font-size: 0.8em; + } + .eael-timeline-post-excerpt p { + font-size: 13px; + } +} @media only screen and (max-width: 1169px) { - .eael-timeline-post-inner { - height: 320px; - } + .eael-timeline-post-inner { + height: 320px; + } } - @media only screen and (max-width: 992px) { - .eael-post-timeline { - margin-left: 0; - } - .eael-timeline-bullet, - .eael-timeline-post:after, - .eael-timeline-post:before, - .eael-timeline-post-inner:after { - display: none; - } - .eael-timeline-post { - display: inline-block; - float: left !important; - width: 50% !important; - margin: 15px auto; - } - .eael-timeline-post-inner { - height: 320px; - padding-bottom: 30px; - } - .eael-timeline-post-title { - bottom: 50px; - } - .eael-timeline-post-title h2 { - font-size: 0.8em; - line-height: 1.2em; - } - .eael-timeline-post .eael-timeline-post-inner { - margin: 0 10px auto 0; - width: 90%; - } - .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { - margin: 0 auto 0 10px; - width: 90%; - } - .eael-timeline-post-excerpt { - opacity: 0!important; - } - .eael-timeline-post-image { - opacity: .3; - } - .eael-timeline-post time, - .eael-timeline-post:nth-child(2n) time { - background-color: #fff; - border-radius: 0; - color: #444; - font-size: 12px; - text-transform: uppercase; - left: 0; - opacity: 1; - padding-top: 3px; - top: 275px; - width: 100%; - } - time:before { - display: none; - } -} + .eael-post-timeline { + margin-left: 0; + } + + .eael-timeline-bullet, + .eael-timeline-post:after, + .eael-timeline-post:before, + .eael-timeline-post-inner:after { + display: none; + } + + .eael-timeline-post { + display: inline-block; + float: left !important; + width: 50% !important; + margin: 15px auto; + } + + .eael-timeline-post-inner { + height: 320px; + padding-bottom: 30px; + } + + .eael-timeline-post-title { + bottom: 50px; + } + + .eael-timeline-post-title h2 { + font-size: 0.8em; + line-height: 1.2em; + } + + .eael-timeline-post .eael-timeline-post-inner { + margin: 0 10px auto 0; + width: 90%; + } + + .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { + margin: 0 auto 0 10px; + width: 90%; + } + + .eael-timeline-post-excerpt { + opacity: 0 !important; + } + + .eael-timeline-post-image { + opacity: .3; + } + + .eael-timeline-post time, + .eael-timeline-post:nth-child(2n) time { + background-color: #fff; + -webkit-border-radius: 0; + border-radius: 0; + color: #444; + font-size: 12px; + text-transform: uppercase; + left: 0; + opacity: 1; + padding-top: 3px; + top: 275px; + width: 100%; + } -@media only screen and (max-width: 767px) { - .eael-timeline-post { - display: block; - float: none !important; - margin: 20px auto; - width: 100% !important; - } - .eael-timeline-post .eael-timeline-post-inner, - .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { - display: block; - float: none; - margin: 0 auto; - } + time:before { + display: none; + } } +@media only screen and (max-width: 767px) { + .eael-timeline-post { + display: block; + float: none !important; + margin: 20px auto; + width: 100% !important; + } -@media only screen and (max-width: 479px) { - .eael-timeline-post .eael-timeline-post-inner, - .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { - height: 250px; - margin: 0 auto; - width: 95%; - } - .eael-timeline-post time, - .eael-timeline-post:nth-child(2n) time { - top: 205px; - } + .eael-timeline-post .eael-timeline-post-inner, + .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { + display: block; + float: none; + margin: 0 auto; + } } +@media only screen and (max-width: 479px) { + .eael-timeline-post .eael-timeline-post-inner, + .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { + height: 250px; + margin: 0 auto; + width: 95%; + } - + .eael-timeline-post time, + .eael-timeline-post:nth-child(2n) time { + top: 205px; + } +} /*----------------------------*/ /* 07. Team Members Styles /*----------------------------*/ .eael-team-item { - overflow: hidden; - position: relative; + overflow: hidden; + position: relative; } .team-avatar-rounded figure img { - border-radius: 50%; - height: auto; + -webkit-border-radius: 50%; + border-radius: 50%; + height: auto; } -.eael-team-image>figure { - margin: 0; - padding: 0; +.eael-team-image > figure { + margin: 0; + padding: 0; } -.eael-team-image>figure img { - display: block; - margin: 0 auto; +.eael-team-image > figure img { + display: block; + margin: 0 auto; } .eael-team-item .eael-team-content { - padding: 10px; + padding: 10px; } .eael-team-item .eael-team-member-name { - font-size: 20px; - font-weight: bold; - letter-spacing: 0.05em; - margin: 5px 0; - text-transform: uppercase; + font-size: 20px; + font-weight: bold; + letter-spacing: 0.05em; + margin: 5px 0; + text-transform: uppercase; } .eael-team-item .eael-team-member-position { - font-size: 14px; - font-weight: normal; - letter-spacing: 0.05em; - margin: 5px 0 10px; - text-transform: uppercase; + font-size: 14px; + font-weight: normal; + letter-spacing: 0.05em; + margin: 5px 0 10px; + text-transform: uppercase; } .eael-team-item .eael-team-content, .eael-team-item .eael-team-content .eael-team-text { - font-size: 14px; - line-height: 1.5; + font-size: 14px; + line-height: 1.5; } -.eael-team-content>ul { - margin: 0; - padding: 0; +.eael-team-content > ul { + margin: 0; + padding: 0; } .eael-team-content li { - display: inline-block; - list-style: outside none none; - margin-right: 10px; - text-align: center; + display: inline-block; + list-style: outside none none; + margin-right: 10px; + text-align: center; } .eael-team-content li a { - font-size: 2.5rem; + font-size: 2.5rem; } .eael-team-align-left .eael-team-item .eael-team-member-name, @@ -886,7 +904,7 @@ .eael-team-align-left .eael-team-item .eael-team-content p, .eael-team-align-left .eael-team-item .eael-team-content ul, .eael-team-align-left .eael-team-item .eael-team-content li { - text-align: left; + text-align: left; } .eael-team-align-right .eael-team-item .eael-team-member-name, @@ -895,7 +913,7 @@ .eael-team-align-right .eael-team-item .eael-team-content p, .eael-team-align-right .eael-team-item .eael-team-content ul, .eael-team-align-right .eael-team-item .eael-team-content li { - text-align: right; + text-align: right; } .eael-team-align-centered .eael-team-item .eael-team-member-name, @@ -904,177 +922,179 @@ .eael-team-align-centered .eael-team-item .eael-team-content p, .eael-team-align-centered .eael-team-item .eael-team-content ul, .eael-team-align-centered .eael-team-item .eael-team-content li { - text-align: center; + text-align: center; } .eael-team-item.eael-team-members-overlay .eael-team-content { - bottom: 10px; - left: 10px; - margin-bottom: 0; - padding-top: 15%; - opacity: 0; - overflow: hidden; - text-overflow: ellipsis; - position: absolute; - right: 10px; - top: 10px; - -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; - transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + bottom: 10px; + left: 10px; + margin-bottom: 0; + padding-top: 15%; + opacity: 0; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + position: absolute; + right: 10px; + top: 10px; + -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + -o-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .eael-team-item.eael-team-members-overlay:hover .eael-team-content { - opacity: 1; + opacity: 1; } -.eael-team-member-social-link>a { - display: inline-block; - -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; - transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; +.eael-team-member-social-link > a { + display: inline-block; + -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; + -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; } -.eael-team-member-social-link>a:focus { - outline: none; +.eael-team-member-social-link > a:focus { + outline: none; } - /*----------------------------*/ /* 08. Testimonials Styles /*----------------------------*/ .eael-testimonial-slider { - position: relative; + position: relative; } .testimonial-star-rating { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } .testimonial-star-rating li { - list-style: none; - display: inline-block; + list-style: none; + display: inline-block; } .testimonial-star-rating li i { - color: #d8d8d8; + color: #d8d8d8; } .rating-five .testimonial-star-rating li i { - color: #f2b01e; + color: #f2b01e; } .rating-one .testimonial-star-rating li:first-child i { - color: #f2b01e; + color: #f2b01e; } .rating-two .testimonial-star-rating li:nth-child(1) i, .rating-two .testimonial-star-rating li:nth-child(2) i { - color: #f2b01e; + color: #f2b01e; } .rating-three .testimonial-star-rating li:nth-child(1) i, .rating-three .testimonial-star-rating li:nth-child(2) i, .rating-three .testimonial-star-rating li:nth-child(3) i { - color: #f2b01e; + color: #f2b01e; } .rating-four .testimonial-star-rating li:nth-child(1) i, .rating-four .testimonial-star-rating li:nth-child(2) i, .rating-four .testimonial-star-rating li:nth-child(3) i, .rating-four .testimonial-star-rating li:nth-child(4) i { - color: #f2b01e; + color: #f2b01e; } - /*--- Default styles ---*/ .eael-testimonial-image img { - max-width: 100%; + max-width: 100%; } .eael-testimonial-image { - padding: 10px 0px 0px 0px; + padding: 10px 0px 0px 0px; } -.eael-testimonial-image>figure { - display: block; - margin: 0; +.eael-testimonial-image > figure { + display: block; + margin: 0; } .testimonial-avatar-rounded figure img { - border-radius: 50%; - height: auto; + -webkit-border-radius: 50%; + border-radius: 50%; + height: auto; } .eael-testimonial-content { - margin: 0; - padding: 10px; + margin: 0; + padding: 10px; } -.eael-testimonial-item>figure { - margin: 0 auto; - padding: 0 20px; +.eael-testimonial-item > figure { + margin: 0 auto; + padding: 0 20px; } .eael-testimonial-item .center-text { - text-align: center; + text-align: center; } .eael-testimonial-item .right-text { - text-align: right; + text-align: right; } .eael-testimonial-item .left-text { - text-align: left; + text-align: left; } .eael-testimonial-item .justify-text { - text-align: justify; + text-align: justify; } .eael-testimonial-content .eael-testimonial-text { - font-size: 100%; - font-style: italic; - line-height: 1.5; - margin-top: 0px; - margin-bottom: 10px; - word-wrap: break-word; + font-size: 100%; + font-style: italic; + line-height: 1.5; + margin-top: 0px; + margin-bottom: 10px; + word-wrap: break-word; } .eael-testimonial-content .eael-testimonial-user { - display: inline-block; - font-family: inherit; - font-size: 105%; - font-style: italic; - font-weight: normal; - line-height: 1.5; - margin-top: 0; - margin-bottom: 0; - margin-right: 5px; + display: inline-block; + font-family: inherit; + font-size: 105%; + font-style: italic; + font-weight: normal; + line-height: 1.5; + margin-top: 0; + margin-bottom: 0; + margin-right: 5px; } .eael-testimonial-content .eael-testimonial-user-company { - display: inline-block; - font-family: inherit; - font-size: 90%; - font-style: italic; - font-weight: lighter; - line-height: 1.75; - margin-bottom: 0; - margin-top: 1px; + display: inline-block; + font-family: inherit; + font-size: 90%; + font-style: italic; + font-weight: lighter; + line-height: 1.75; + margin-bottom: 0; + margin-top: 1px; } .eael-testimonial-image { - position: relative; + position: relative; } .eael-testimonial-item .eael-testimonial-quote::after { - color: inherit!important; - content: "\f10e"; - font-family: "FontAwesome"; - font-size: 200%; + color: inherit !important; + content: "\f10e"; + font-family: "FontAwesome"; + font-size: 200%; } .eael-testimonial-slider.default-style .eael-testimonial-align-centered .eael-testimonial-image figure img { - margin: 0 auto; + margin: 0 auto; } .eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure img, @@ -1083,542 +1103,549 @@ .eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure img, .eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure img, .eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure img { - margin: 0; + margin: 0; } .eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure, .eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure, .eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure { - text-align: right; + text-align: right; } .eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure, .eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure, .eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure { - text-align: left; + text-align: left; } .eael-testimonial-slider.default-style .eael-testimonial-align-right .default-style-testimonial-content, .eael-testimonial-slider.classic-style .eael-testimonial-align-right .testimonial-classic-style-content, .eael-testimonial-slider.middle-style .eael-testimonial-align-right .middle-style-content, .eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-text { - text-align: right; + text-align: right; } .eael-testimonial-slider.default-style .eael-testimonial-align-center .default-style-testimonial-content, .eael-testimonial-slider.classic-style .eael-testimonial-align-center .testimonial-classic-style-content, .eael-testimonial-slider.middle-style .eael-testimonial-align-center .middle-style-content, .eael-testimonial-slider.middle-style .eael-testimonial-align-center .eael-testimonial-text { - text-align: center; + text-align: center; } .eael-testimonial-slider.default-style .eael-testimonial-align-left .default-style-testimonial-content, .eael-testimonial-slider.classic-style .eael-testimonial-align-left .testimonial-classic-style-content, .eael-testimonial-slider.middle-style .eael-testimonial-align-left .middle-style-content, .eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-text { - text-align: left; + text-align: left; } -.eael-testimonial-slider.icon-img-left-content .eael-testimonial-text>p, -.eael-testimonial-slider.icon-img-right-content .eael-testimonial-text>p { - margin: 0px; +.eael-testimonial-slider.icon-img-left-content .eael-testimonial-text > p, +.eael-testimonial-slider.icon-img-right-content .eael-testimonial-text > p { + margin: 0px; } - /*--- Left align ---*/ .icon-img-left-content .eael-testimonial-image { - float: left; - width: 30%; + float: left; + width: 30%; } .icon-img-left-content .eael-testimonial-content { - float: left; - width: 70%; - text-align: left; + float: left; + width: 70%; + text-align: left; } .icon-img-left-content.eael-testimonial-item { - overflow: hidden; - position: relative; + overflow: hidden; + position: relative; } .icon-img-left-content .eael-testimonial-quote { - position: absolute; - right: 0; + position: absolute; + right: 0; } .icon-img-left-content .eael-testimonial-text { - margin-top: 0; + margin-top: 0; } - /*--- Center align ---*/ .eael-testimonial-align-centered .eael-testimonial-user, .eael-testimonial-align-centered .eael-testimonial-user-company { - float: none; - text-align: center; + float: none; + text-align: center; } -.eael-testimonial-align-centered .eael-testimonial-image>figure img { - display: block; - margin-left: auto !important; - margin-right: auto !important; +.eael-testimonial-align-centered .eael-testimonial-image > figure img { + display: block; + margin-left: auto !important; + margin-right: auto !important; } - /* .eael-testimonial-align-centered .testimonial-star-rating{ text-align: center; } */ - - /*--- Right align ---*/ .icon-img-right-content .eael-testimonial-image { - float: right; - width: 30%; + float: right; + width: 30%; } .icon-img-right-content .eael-testimonial-content { - float: right; - width: 70%; - text-align: right; + float: right; + width: 70%; + text-align: right; } .icon-img-right-content.eael-testimonial-item { - overflow: hidden; - position: relative; + overflow: hidden; + position: relative; } .icon-img-right-content .eael-testimonial-quote { - position: absolute; + position: absolute; } .icon-img-right-content .eael-testimonial-text { - margin-top: 0; + margin-top: 0; } .eael-testimonial-item { - position: relative; + position: relative; } .classic-style.testimonial-alignment-center .eael-testimonial-image, .default-style.testimonial-alignment-center .eael-testimonial-image { - text-align: center; + text-align: center; } .classic-style.testimonial-alignment-right .eael-testimonial-image, .default-style.testimonial-alignment-right .eael-testimonial-image { - text-align: right; + text-align: right; } -.classic-style.testimonial-alignment-center .eael-testimonial-image>figure, -.default-style.testimonial-alignment-center .eael-testimonial-image>figure { - text-align: center; +.classic-style.testimonial-alignment-center .eael-testimonial-image > figure, +.default-style.testimonial-alignment-center .eael-testimonial-image > figure { + text-align: center; } .eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-centered .eael-testimonial-content { - text-align: center; + text-align: center; } .eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-left .eael-testimonial-content { - text-align: left; + text-align: left; } .eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-right .eael-testimonial-content { - text-align: right; + text-align: right; } .eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-centered .eael-testimonial-content { - text-align: center; + text-align: center; } .eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-left .eael-testimonial-content { - text-align: left; + text-align: left; } .eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-right .eael-testimonial-content { - text-align: right; + text-align: right; } span.eael-testimonial-quote { - position: absolute; - right: 10px; - top: 10px; + position: absolute; + right: 10px; + top: 10px; } /*--- Image align ---*/ .eael-testimonial-item.left .eael-testimonial-image { - text-align: left; + text-align: left; } .eael-testimonial-item.center .eael-testimonial-image { - text-align: center; + text-align: center; } .eael-testimonial-item.right .eael-testimonial-image { - text-align: right; + text-align: right; } - /*--- Float title image style ---*/ .eael-testimonial-inline-bio .eael-testimonial-image { - float: left; + float: left; } .eael-testimonial-inline-bio .bio-text { - padding-top: 10px; + padding-top: 10px; } .eael-testimonial-content.eael-testimonial-inline-bio { - overflow: hidden; - margin-bottom: 0; - padding-bottom: 0; + overflow: hidden; + margin-bottom: 0; + padding-bottom: 0; } .eael-testimonial-inline-bio .testimonial-star-rating, .eael-testimonial-inline-bio .bio-text { - float: left; - width: 65%; + float: left; + width: 65%; } .eael-testimonial-content.eael-testimonial-inline-bio { - text-align: left !important; + text-align: left !important; } /*--- Float inline style ---*/ .testimonial-inline-style .eael-testimonial-image { - float: left; - max-width: 100%; - padding: 0; - margin-right: 15px; + float: left; + max-width: 100%; + padding: 0; + margin-right: 15px; } .testimonial-inline-style { - overflow: hidden; - text-align: left; + overflow: hidden; + text-align: left; } .content-top-icon-title-inline .eael-testimonial-text, .content-top-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text { - text-align: left; + text-align: left; } .content-top-icon-title-inline .eael-testimonial-align-centered .eael-testimonial-text { - text-align: center; + text-align: center; } .content-top-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text { - text-align: right; + text-align: right; } .content-bottom-icon-title-inline .eael-testimonial-text, .content-bottom-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text { - text-align: left; + text-align: left; } .content-bottom-icon-title-inline .eael-testimonial-align-centered .eael-testimonial-text { - text-align: center; + text-align: center; } .content-bottom-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text { - text-align: right; + text-align: right; } - /*-------------------------*/ /* 09. Product Styles /* ------------------------*/ .eael-product-carousel .woocommerce li.product { - background-color: #fff; - border-radius: 0; - box-shadow: none; + background-color: #fff; + -webkit-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; } .hide_rating .woocommerce .star-rating-container, .hide_rating .woocommerce .star-rating { - display: none !important; + display: none !important; } .eael-product-carousel .woocommerce ul.products li.product h3 { - padding: 0.5em; + padding: 0.5em; } .eael-product-carousel .woocommerce .products .star-rating { - display: block; - float: none; - margin: 10px auto; + display: block; + float: none; + margin: 10px auto; } body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-carousel .woocommerce li.product .button { - box-shadow: none; - display: block; - left: auto; - margin: 15px; - padding: 0.45em 0.5em 0.575em; - position: relative; - right: auto; - text-shadow: none; - top: auto; + -webkit-box-shadow: none; + box-shadow: none; + display: block; + left: auto; + margin: 15px; + padding: 0.45em 0.5em 0.575em; + position: relative; + right: auto; + text-shadow: none; + top: auto; } - /*--- Product Simple and Reveal Style ---*/ .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-featured { - background-color: transparent; - border: medium none; - box-shadow: none; - padding: 0; + background-color: transparent; + border: medium none; + -webkit-box-shadow: none; + box-shadow: none; + padding: 0; } .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap, .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap { - background-color: transparent; - bottom: auto; - box-shadow: none; - padding: 15px 0 0; - position: relative; - text-align: center; - top: auto; + background-color: transparent; + bottom: auto; + -webkit-box-shadow: none; + box-shadow: none; + padding: 15px 0 0; + position: relative; + text-align: center; + top: auto; } .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3, .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 { - font-size: 14px; - line-height: 1.2; - margin: 0 0 5px; - padding-bottom: 0.5em; + font-size: 14px; + line-height: 1.2; + margin: 0 0 5px; + padding-bottom: 0.5em; } .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3 a, .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 a { - color: #272727; - font-weight: normal; - letter-spacing: 0.01rem; - text-transform: uppercase; + color: #272727; + font-weight: normal; + letter-spacing: 0.01rem; + text-transform: uppercase; } -.eael-product-carousel.eael-product-simple .woocommerce li.product .price>.amount, -.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>.amount, -.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>ins>.amount, -.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>.amount, -.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>ins>.amount { - color: #272727; - font-size: 18px; - font-weight: normal; +.eael-product-carousel.eael-product-simple .woocommerce li.product .price > .amount, +.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > .amount, +.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > ins > .amount, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > .amount, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > ins > .amount { + color: #272727; + font-size: 18px; + font-weight: normal; } .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap::before, .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap::before { - display: none; + display: none; } .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button { - background-color: transparent; - border: 1px solid rgba(0, 0, 0, 0.5); - border-radius: 0; - box-shadow: none; - color: #272727; - display: block; - font-size: 14px; - left: auto; - margin: 20px auto; - opacity: 1; - position: relative; - right: auto; - text-shadow: none; - top: auto; - width: 80%; + background-color: transparent; + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + color: #272727; + display: block; + font-size: 14px; + left: auto; + margin: 20px auto; + opacity: 1; + position: relative; + right: auto; + text-shadow: none; + top: auto; + width: 80%; } .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button:hover { - background-color: #e74c3c; - border: 1px solid #e74c3c; - color: #fff; + background-color: #e74c3c; + border: 1px solid #e74c3c; + color: #fff; } .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container { - background-color: transparent; - left: auto; - opacity: 1; - position: relative; - right: auto; - top: 5px; - display: block; - margin: 0 auto; - width: 110px; + background-color: transparent; + left: auto; + opacity: 1; + position: relative; + right: auto; + top: 5px; + display: block; + margin: 0 auto; + width: 110px; } .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating::before, .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating::before { - color: #f2b01e; + color: #f2b01e; } .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating span::before, .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before { - color: #f2b01e; + color: #f2b01e; } .eael-product-carousel:not(.eael-product-no-style) .onsale { - border-radius: 0; - box-shadow: none; - display: block; - font-size: 14px; - height: 100px; - letter-spacing: 0; - line-height: 160px; - position: absolute; - text-align: center; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); - text-transform: uppercase; - transform: rotate(-45deg); - width: 200px; - z-index: 1; + -webkit-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + display: block; + font-size: 14px; + height: 100px; + letter-spacing: 0; + line-height: 160px; + position: absolute; + text-align: center; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); + text-transform: uppercase; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 200px; + z-index: 1; } .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .onsale { - left: -95px; - top: -45px; + left: -95px; + top: -45px; } .eael-product-carousel .woocommerce ul.products { - margin: 0 0 30px; + margin: 0 0 30px; } - /*--- Product Simple and Reveal Style ---*/ .eael-product-carousel .woocommerce li.product { - background-color: #fff; - float: left; - overflow: hidden; - padding: 0; - position: relative; - text-align: center; + background-color: #fff; + float: left; + overflow: hidden; + padding: 0; + position: relative; + text-align: center; } .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap { - bottom: -63px; - margin-top: -63px; - position: relative; - top: auto; - -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; - transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s + bottom: -63px; + margin-top: -63px; + position: relative; + top: auto; + -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + -o-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap { - bottom: 0; + bottom: 0; } .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap::before { - background-color: #fff; - display: block; + background-color: #fff; + display: block; } .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container { - background-color: rgba(255, 255, 255, 0.9); - left: auto; - opacity: 0; - position: absolute; - right: 10px; - top: 10px; + background-color: rgba(255, 255, 255, 0.9); + left: auto; + opacity: 0; + position: absolute; + right: 10px; + top: 10px; } .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .star-rating-container { - opacity: 1; + opacity: 1; } /*--- Product Reveal Styles ---*/ .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap { - bottom: auto; - font-size: 14px; - left: 0; - padding: 0; - position: absolute; - right: 0; - top: calc(100% - 4em); - transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + bottom: auto; + font-size: 14px; + left: 0; + padding: 0; + position: absolute; + right: 0; + top: calc(100% - 4em); + -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + -o-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap { - background-color: rgba(0, 0, 0, 0.5); - bottom: auto; - font-size: 14px; - left: 0; - padding: 0; - position: absolute; - right: 0; - text-align: center; - top: calc(100% - 4em); - -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; - transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + background-color: rgba(0, 0, 0, 0.5); + bottom: auto; + font-size: 14px; + left: 0; + padding: 0; + position: absolute; + right: 0; + text-align: center; + top: calc(100% - 4em); + -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + -o-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap::before { - background-color: rgba(0, 0, 0, 0.5); - content: ""; - display: block; - height: 50em; - left: 0; - position: absolute; - right: 0; - top: 0; - transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; - z-index: 0; + background-color: rgba(0, 0, 0, 0.5); + content: ""; + display: block; + height: 50em; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + -o-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + z-index: 0; } .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before { - background-color: rgba(0, 0, 0, 0.75); + background-color: rgba(0, 0, 0, 0.75); } .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header { - position: relative; + position: relative; } .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 { - font-size: 14px; - line-height: 1; - margin: 0; - overflow: hidden; - padding: 1.5em; - text-overflow: ellipsis; - text-transform: uppercase; - white-space: nowrap; + font-size: 14px; + line-height: 1; + margin: 0; + overflow: hidden; + padding: 1.5em; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + text-transform: uppercase; + white-space: nowrap; } .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 a { - color: #fff; + color: #fff; } -.eael-product-carousel.eael-product-overlay .woocommerce li.product .price>del, -.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>del { - display: none; +.eael-product-carousel.eael-product-overlay .woocommerce li.product .price > del, +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > del { + display: none; } -.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>.amount, -.woocommerce li.product .entry-header .price>ins>.amount { - color: #fff; - font-size: 24px; +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > .amount, +.woocommerce li.product .entry-header .price > ins > .amount { + color: #fff; + font-size: 24px; } .eael-product-carousel.eael-product-overlay .woocommerce li.product .added_to_cart { - display: none; + display: none; } .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap { - top: calc(100% - 10.385em); + top: calc(100% - 10.385em); } .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before { - background-color: rgba(0, 0, 0, 0.75); + background-color: rgba(0, 0, 0, 0.75); } .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .star-rating-container { - opacity: 1; + opacity: 1; } - /*--------------------------------*/ /* 10. Contact forms common /*--------------------------------*/ - .eael-contact-form input[type=text], .eael-contact-form input[type=email], .eael-contact-form input[type=url], @@ -1626,112 +1653,115 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca .eael-contact-form input[type=date], .eael-contact-form input[type=number], .eael-contact-form textarea { - background: #fff; - box-shadow: none; - -webkit-box-shadow: none; - float: none; - height: auto; - margin: 0; - outline: 0; - width: auto; + background: #fff; + box-shadow: none; + -webkit-box-shadow: none; + float: none; + height: auto; + margin: 0; + outline: 0; + width: auto; } .eael-contact-form input[type=submit] { - border: 0; - float: none; - height: auto; - margin: 0; - padding: 10px 20px; - width: auto; - -webkit-transition: all 0.25s linear 0s; - transition: all 0.25s linear 0s; + border: 0; + float: none; + height: auto; + margin: 0; + padding: 10px 20px; + width: auto; + -webkit-transition: all 0.25s linear 0s; + -o-transition: all 0.25s linear 0s; + transition: all 0.25s linear 0s; } .eael-contact-form.placeholder-hide input::-webkit-input-placeholder, .eael-contact-form.placeholder-hide textarea::-webkit-input-placeholder { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .eael-contact-form.placeholder-hide input::-moz-placeholder, .eael-contact-form.placeholder-hide textarea::-moz-placeholder { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .eael-contact-form.placeholder-hide input:-ms-input-placeholder, .eael-contact-form.placeholder-hide textarea:-ms-input-placeholder { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .eael-contact-form.placeholder-hide input:-moz-placeholder, .eael-contact-form.placeholder-hide textarea:-moz-placeholder { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .eael-custom-radio-checkbox input[type=checkbox], .eael-custom-radio-checkbox input[type=radio] { - -webkit-appearance: none; - -moz-appearance: none; - border-style: solid; - border-width: 0; - outline: none; - min-width: 1px; - width: 15px; - height: 15px; - background: #ddd; - padding: 3px; + -webkit-appearance: none; + -moz-appearance: none; + border-style: solid; + border-width: 0; + outline: none; + min-width: 1px; + width: 15px; + height: 15px; + background: #ddd; + padding: 3px; } .eael-custom-radio-checkbox input[type=checkbox]:before, .eael-custom-radio-checkbox input[type=radio]:before { - content: ""; - width: 100%; - height: 100%; - padding: 0; - margin: 0; - display: block; + content: ""; + width: 100%; + height: 100%; + padding: 0; + margin: 0; + display: block; } .eael-custom-radio-checkbox input[type=checkbox]:checked:before, .eael-custom-radio-checkbox input[type=radio]:checked:before { - background: #999; - -webkit-transition: all 0.25s linear 0s; - transition: all 0.25s linear 0s; + background: #999; + -webkit-transition: all 0.25s linear 0s; + -o-transition: all 0.25s linear 0s; + transition: all 0.25s linear 0s; } .eael-custom-radio-checkbox input[type=radio] { - border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } .eael-custom-radio-checkbox input[type=radio]:before { - border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } - /*--------------------------------*/ /* 11. Contact Form 7 Styles /*--------------------------------*/ .eael-contact-form.eael-contact-form-align-center, .eael-contact-form-7.eael-contact-form-btn-align-center input.wpcf7-submit { - margin-left: auto !important; - margin-right: auto !important; - display: block; - float: none; + margin-left: auto !important; + margin-right: auto !important; + display: block; + float: none; } .eael-contact-form.eael-contact-form-align-left, .eael-contact-form-7.eael-contact-form-btn-align-left input.wpcf7-submit { - float: left; - width: auto; + float: left; + width: auto; } .eael-contact-form.eael-contact-form-align-right, .eael-contact-form-7.eael-contact-form-btn-align-right input.wpcf7-submit { - float: right; - width: auto; + float: right; + width: auto; } .eael-contact-form-7 textarea, @@ -1750,79 +1780,82 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca .eael-contact-form-7 input[type="tel"], .eael-contact-form-7 input[type="color"], .eael-contact-form-7 .uneditable-input { - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; + transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s; } .eael-contact-form-7 .wpcf7-form::before, .eael-contact-form-7 .wpcf7-form::after { - content: " "; - clear: both; - display: table; + content: " "; + clear: both; + display: table; } .eael-contact-form-7 .wpcf7-form:after { - clear: both; - content: ""; - font-size: 0; - height: 0; - display: block; - visibility: hidden; + clear: both; + content: ""; + font-size: 0; + height: 0; + display: block; + visibility: hidden; } .eael-contact-form-7 .wpcf7-form label, .eael-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap { - display: block; + display: block; } .eael-contact-form-7 .wpcf7-form p { - margin-bottom: 0; + margin-bottom: 0; } .eael-contact-form-7.labels-hide .wpcf7-form label { - display: none; + display: none; } .eael-contact-form-7-title { - margin-bottom: 10px; + margin-bottom: 10px; } .eael-contact-form-7-description { - margin-bottom: 20px; + margin-bottom: 20px; } .eael-contact-form-7-button-full-width .wpcf7-form-control.wpcf7-submit { - width: 100%; + width: 100%; } - /*----------------------*/ /* 12. weForm Styles /*----------------------*/ .eael-weform-container input, .eael-weform-container textarea { - height: auto; - padding: 10px; + height: auto; + padding: 10px; } .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"] { - margin-left: auto !important; - margin-right: auto !important; - display: block; - float: none; + margin-left: auto !important; + margin-right: auto !important; + display: block; + float: none; } .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"] { - float: left; - width: auto; + float: left; + width: auto; } .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"] { - float: right; - width: auto; + float: right; + width: auto; } .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], @@ -1831,37 +1864,36 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca .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 { - max-width: 100%; + max-width: 100%; } - /*----------------------*/ /* 13. Ninja Form Styles /*----------------------*/ .eael-ninja-container input, .eael-ninja-container textarea { - height: auto; - padding: 10px; + height: auto; + padding: 10px; } .eael-contact-form-align-center .eael-ninja-container, .eael-contact-form-btn-align-center .eael-ninja-container .nf-field .nf-field-element input[type="button"] { - margin-left: auto !important; - margin-right: auto !important; - display: block; - float: none; + margin-left: auto !important; + margin-right: auto !important; + display: block; + float: none; } .eael-contact-form-align-left .eael-ninja-container, .eael-contact-form-btn-align-left .eael-ninja-container .nf-field .nf-field-element input[type="button"] { - float: left; - width: auto; + float: left; + width: auto; } .eael-contact-form-align-right .eael-ninja-container, .eael-contact-form-btn-align-right .eael-ninja-container .nf-field .nf-field-element input[type="button"] { - float: right; - width: auto; + float: right; + width: auto; } .eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="text"], @@ -1870,1785 +1902,2016 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca .eael-ninja-container .nf-field .nf-field-element input[type="url"], .eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="number"], .eael-ninja-container .nf-field .nf-field-element textarea { - max-width: 100%; + max-width: 100%; } .eael-ninja-form .nf-form-title { - display: none; + display: none; } .eael-ninja-form-title-yes .nf-form-title { - display: block; + display: block; } .eael-ninja-form .title-description-hide .nf-form-title { - display: none; + display: none; } .eael-ninja-form.title-description-hide .nf-form-title { - display: none; + display: none; } .eael-ninja-form .nf-field-label { - display: none; + display: none; } .eael-ninja-form-labels-yes .nf-field-label { - display: block; + display: block; } .eael-ninja-form .submit-container input[type=button] { - border: 0; - border-radius: 0; + border: 0; + -webkit-border-radius: 0; + border-radius: 0; } .eael-ninja-form-button-full-width .submit-container input[type=button] { - width: 100%; + width: 100%; } - /*----------------------*/ /* 14. Gravity Form /*----------------------*/ .eael-gravity-form-align-default, .eael-gravity-form-align-left, .eael-gravity-form-btn-align-left { - text-align: left; + text-align: left; } .eael-gravity-form-align-right, .eael-gravity-form-btn-align-right { - text-align: right; + text-align: right; } .eael-gravity-form-align-center, .eael-gravity-form-btn-align-center { - text-align: center; + text-align: center; } .eael-gravity-form .gform_wrapper .gform_footer { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .gform_wrapper form li, .gform_wrapper li { - list-style: none; + list-style: none; } .eael-gravity-form .gform_wrapper ul.gform_fields li.gfield { - padding: 0; + padding: 0; } .eael-gravity-form .gform_wrapper textarea { - padding: 0; + padding: 0; } .eael-gravity-form .gform_wrapper .gform_footer input.button, .eael-gravity-form .gform_wrapper .gform_footer input[type=submit], .eael-gravity-form .gform_wrapper .gform_page_footer input.button, .eael-gravity-form .gform_wrapper .gform_page_footer input[type=submit] { - margin: 0; + margin: 0; } .eael-gravity-form.title-description-hide .gform_heading { - display: none; + display: none; } .eael-gravity-form.labels-hide .gform_wrapper .top_label .gfield_label, .eael-gravity-form.labels-hide .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { - display: none; + display: none; } .eael-gravity-form-button-full-width .gform_wrapper .gform_footer input[type="submit"] { - width: 100%; + width: 100%; } - /*-----------------------------*/ /* 15. Post Grid Style /*-----------------------------*/ - .eael-post-grid { - margin: 0 -10px; + margin: 0 -10px; } .eael-grid-post { - float: left; - padding: 10px; + float: left; + padding: 10px; } .eael-post-carousel .eael-grid-post { - float: none; - padding: 0; + float: none; + padding: 0; } .eael-grid-post-holder { - border: 1px solid rgba(0, 0, 0, .1); + border: 1px solid rgba(0, 0, 0, 0.1); } .eael-grid-post-holder-inner { - height: 100%; + height: 100%; } .eael-entry-media { - position: relative; + position: relative; } .eael-entry-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 2; - -webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1); - -moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1); - transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1); -} - -.eael-entry-overlay>a { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 3; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); + -o-transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); + transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1); +} + +.eael-entry-overlay > a { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 3; } .eael-entry-title { - margin: 10px 0 5px; - font-size: 1.2em; + margin: 10px 0 5px; + font-size: 1.2em; } .eael-entry-thumbnail img { - width: 100%; - max-width: 100%; - vertical-align: middle; + width: 100%; + max-width: 100%; + vertical-align: middle; } -.eael-entry-thumbnail>img { - height: 100%; +.eael-entry-thumbnail > img { + height: 100%; } .eael-entry-footer .eael-author-avatar { - width: 50px; + width: 50px; } .eael-entry-footer .eael-author-avatar .avatar { - border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } .eael-post-grid .eael-entry-footer .eael-entry-meta { - padding-left: 8px; - text-align: left; + padding-left: 8px; + text-align: left; } .eael-grid-post .eael-entry-meta { - display: flex; - flex-direction: row; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .eael-grid-post .eael-entry-footer .eael-entry-meta { - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } -.eael-entry-meta>div { - font-size: 12px; - line-height: 1.2; - padding-bottom: 5px; +.eael-entry-meta > div { + font-size: 12px; + line-height: 1.2; + padding-bottom: 5px; } .eael-grid-post-excerpt p { - margin: 0; - font-size: 14px; + margin: 0; + font-size: 14px; } .eael-entry-meta .eael-entry-footer .eael-posted-by { - display: block; + display: block; } .eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer { - padding: 15px; + padding: 15px; } .eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on { - padding-left: 5px; + padding-left: 5px; } .eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before { - content: '\f111'; - font-family: FontAwesome; - color: inherit; - opacity: .4; - font-size: .8em; - padding-right: 7px; + content: '\f111'; + font-family: FontAwesome; + color: inherit; + opacity: .4; + font-size: .8em; + padding-right: 7px; } .eael-load-more-button-wrap { - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .eael-load-more-button { - display: flex; - align-items: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .eael-load-more-button { - padding: 1em 2em; - border: 0px solid; - font-size: 16px; + padding: 1em 2em; + border: 0px solid; + font-size: 16px; } .eael-load-more-button .button__loader { - left: -100%; - top: auto; - margin-right: 5px; - transition: all .2s; + left: -100%; + top: auto; + margin-right: 5px; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; } -.eael-load-more-button>span { - margin-left: -20px; +.eael-load-more-button > span { + margin-left: -20px; } -.eael-load-more-button.button--loading>span { - margin-left: 0; +.eael-load-more-button.button--loading > span { + margin-left: 0; } .eael-load-more-button.button--loading .button__loader { - left: 0; + left: 0; } .eael-btn-loader, .eael-btn-loader:after { - border-radius: 50%; - width: 20px; - height: 20px; + -webkit-border-radius: 50%; + border-radius: 50%; + width: 20px; + height: 20px; } .eael-btn-loader { - font-size: 10px; - position: relative; - text-indent: -9999em; - border-top: 4px solid rgba(255, 255, 255, 0.2); - border-right: 4px solid rgba(255, 255, 255, 0.2); - border-bottom: 4px solid rgba(255, 255, 255, 0.2); - border-left: 4px solid #ffffff; - transform: translateZ(0); - animation: loaderSpin 1.1s infinite linear; + font-size: 10px; + position: relative; + text-indent: -9999em; + border-top: 4px solid rgba(255, 255, 255, 0.2); + border-right: 4px solid rgba(255, 255, 255, 0.2); + border-bottom: 4px solid rgba(255, 255, 255, 0.2); + border-left: 4px solid #ffffff; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: loaderSpin 1.1s infinite linear; + animation: loaderSpin 1.1s infinite linear; +} + +@-webkit-keyframes loaderSpin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } @keyframes loaderSpin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } - - /*--- Post Grid Thumbnail Hover Effects ---*/ - .eael-entry-medianone { - position: relative; + position: relative; } .eael-entry-overlay { - display: flex; - align-items: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } -.eael-entry-overlay>i { - color: #fff; +.eael-entry-overlay > i { + color: #fff; } /*--- fade in ---*/ .eael-entry-overlay.fade-in { - visibility: hidden; - opacity: 0; - transition: 300ms; + visibility: hidden; + opacity: 0; + -webkit-transition: 300ms; + -o-transition: 300ms; + transition: 300ms; } .eael-entry-medianone:hover .eael-entry-overlay.fade-in { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } -.eael-entry-medianone:hover .eael-entry-overlay.fade-in>i { - transform: translate(0); - opacity: 1; +.eael-entry-medianone:hover .eael-entry-overlay.fade-in > i { + -webkit-transform: translate(0); + -ms-transform: translate(0); + transform: translate(0); + opacity: 1; } /*--- zoom in --- */ .eael-entry-overlay.zoom-in { - transform: scale(.9); - visibility: hidden; - opacity: 0; - transition: 300ms; + -webkit-transform: scale(0.9); + -ms-transform: scale(0.9); + transform: scale(0.9); + visibility: hidden; + opacity: 0; + -webkit-transition: 300ms; + -o-transition: 300ms; + transition: 300ms; } .eael-entry-medianone:hover .eael-entry-overlay.zoom-in { - visibility: visible; - opacity: 1; - transform: scale(1); + visibility: visible; + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } /*--- slide up ---*/ .eael-entry-overlay.slide-up { - transform: translateY(100%); - visibility: hidden; - opacity: 0; - transition: 300ms; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + visibility: hidden; + opacity: 0; + -webkit-transition: 300ms; + -o-transition: 300ms; + transition: 300ms; } .eael-entry-medianone:hover .eael-entry-overlay.slide-up { - transform: translateY(0); - visibility: visible; - opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + visibility: visible; + opacity: 1; } .eael-entry-medianone { - overflow: hidden; + overflow: hidden; } /*--- Post Grid & Carousel Hover Styles ---*/ .eael-entry-media.grid-hover-style-fade-in .eael-entry-overlay { - opacity: 0; + opacity: 0; } .eael-entry-media.grid-hover-style-fade-in:hover .eael-entry-overlay { - opacity: 1; + opacity: 1; } .eael-entry-media.grid-hover-style-none .eael-entry-overlay { - display: none; + display: none; } .eael-entry-media.grid-hover-style-zoom-in .eael-entry-overlay { - transform: scale(.4); - opacity: 0; + -webkit-transform: scale(0.4); + -ms-transform: scale(0.4); + transform: scale(0.4); + opacity: 0; } .eael-entry-media.grid-hover-style-zoom-in:hover .eael-entry-overlay { - transform: scale(1); - opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + opacity: 1; } .eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay { - transform: translateY(-100%); + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); } -.eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay>i { - transform: translateY(-100px); - transition-delay: 100ms; - transition-duration: 300ms; +.eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay > i { + -webkit-transform: translateY(-100px); + -ms-transform: translateY(-100px); + transform: translateY(-100px); + -webkit-transition-delay: 100ms; + -o-transition-delay: 100ms; + transition-delay: 100ms; + -webkit-transition-duration: 300ms; + -o-transition-duration: 300ms; + transition-duration: 300ms; } .eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay { - transform: translate(0); + -webkit-transform: translate(0); + -ms-transform: translate(0); + transform: translate(0); } -.eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay>i { - transform: translateY(0); +.eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay > i { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } .eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay { - transform: translateY(100%); - visibility: hidden; - opacity: 0; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + visibility: hidden; + opacity: 0; } -.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay>i { - transform: translateY(100px); - transition-delay: 100ms; - transition-duration: 300ms; +.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay > i { + -webkit-transform: translateY(100px); + -ms-transform: translateY(100px); + transform: translateY(100px); + -webkit-transition-delay: 100ms; + -o-transition-delay: 100ms; + transition-delay: 100ms; + -webkit-transition-duration: 300ms; + -o-transition-duration: 300ms; + transition-duration: 300ms; } .eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay { - transform: translate(0); - visibility: visible; - opacity: 1; + -webkit-transform: translate(0); + -ms-transform: translate(0); + transform: translate(0); + visibility: visible; + opacity: 1; } -.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay>i { - transform: translateY(0); +.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay > i { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } - /*-----------------------------*/ /* 16. Post Grid Column /*-----------------------------*/ .eael-col-1 .eael-post-grid-column { - float: none; - width: 100%; + float: none; + width: 100%; } .eael-col-2 .eael-post-grid-column { - float: left; - width: 50%; + float: left; + width: 50%; } .eael-col-3 .eael-post-grid-column { - float: left; - width: 33.3333%; + float: left; + width: 33.3333%; } .eael-col-4 .eael-post-grid-column { - float: left; - width: 25%; + float: left; + width: 25%; } .eael-col-5 .eael-post-grid-column { - float: left; - width: 20%; + float: left; + width: 20%; } .eael-col-6 .eael-post-grid-column { - float: left; - width: 16.6666%; + float: left; + width: 16.6666%; } - /*--- Post Grid Column Styles ---*/ @media only screen and (max-width: 979px) { - .eael-col-1 .eael-post-grid-column, - .eael-col-2 .eael-post-grid-column, - .eael-col-3 .eael-post-grid-column, - .eael-col-4 .eael-post-grid-column, - .eael-col-5 .eael-post-grid-column, - .eael-col-6 .eael-post-grid-column { - width: 33.3333%; - } + .eael-col-1 .eael-post-grid-column, + .eael-col-2 .eael-post-grid-column, + .eael-col-3 .eael-post-grid-column, + .eael-col-4 .eael-post-grid-column, + .eael-col-5 .eael-post-grid-column, + .eael-col-6 .eael-post-grid-column { + width: 33.3333%; + } } - @media only screen and (max-width: 767px) { - .eael-col-1 .eael-post-grid-column, - .eael-col-2 .eael-post-grid-column, - .eael-col-3 .eael-post-grid-column, - .eael-col-4 .eael-post-grid-column, - .eael-col-5 .eael-post-grid-column, - .eael-col-6 .eael-post-grid-column { - width: 50%; - } + .eael-col-1 .eael-post-grid-column, + .eael-col-2 .eael-post-grid-column, + .eael-col-3 .eael-post-grid-column, + .eael-col-4 .eael-post-grid-column, + .eael-col-5 .eael-post-grid-column, + .eael-col-6 .eael-post-grid-column { + width: 50%; + } } - @media only screen and (max-width: 480px) { - .eael-col-1 .eael-post-grid-column, - .eael-col-2 .eael-post-grid-column, - .eael-col-3 .eael-post-grid-column, - .eael-col-4 .eael-post-grid-column, - .eael-col-5 .eael-post-grid-column, - .eael-col-6 .eael-post-grid-column { - float: none; - width: 100%; - } + .eael-col-1 .eael-post-grid-column, + .eael-col-2 .eael-post-grid-column, + .eael-col-3 .eael-post-grid-column, + .eael-col-4 .eael-post-grid-column, + .eael-col-5 .eael-post-grid-column, + .eael-col-6 .eael-post-grid-column { + float: none; + width: 100%; + } } - -.eael-author-avatar>a { - display: block; +.eael-author-avatar > a { + display: block; } .eael-entry-footer { - overflow: hidden; - display: flex; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } -.eael-entry-footer>div { - display: inline-block; - float: left; +.eael-entry-footer > div { + display: inline-block; + float: left; } - /* ------------------------ */ /* 17. Infobox Style /* ------------------------ */ - /*--- Image/Icon On Top ---*/ .eael-infobox .infobox-icon { - height: auto; + height: auto; } .eael-infobox .infobox-icon .infobox-icon-wrap { - display: block; - width: 100%; - height: auto; - transition: .3s; + display: block; + width: 100%; + height: auto; + -webkit-transition: .3s; + -o-transition: .3s; + transition: .3s; } .eael-infobox .infobox-icon .infobox-icon-wrap i { - transition: .3s; + -webkit-transition: .3s; + -o-transition: .3s; + transition: .3s; } - /*--- For Content Alignment ---*/ .eael-infobox-content-align-left .eael-infobox .infobox-icon, .eael-infobox-content-align-left .eael-infobox .infobox-content, .eael-infobox-content-align-left .eael-infobox .infobox-button { - text-align: left; + text-align: left; } .eael-infobox-content-align-right .eael-infobox .infobox-icon, .eael-infobox-content-align-right .eael-infobox .infobox-content, .eael-infobox-content-align-right .eael-infobox .infobox-button { - text-align: right; + text-align: right; } .eael-infobox-content-align-center .eael-infobox .infobox-icon, .eael-infobox-content-align-center .eael-infobox .infobox-content, .eael-infobox-content-align-center .eael-infobox .infobox-button { - text-align: center; + text-align: center; } - /*--- For icon background shape ---*/ .eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap, .eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap, .eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap { - width: 90px; - height: 90px; - text-align: center; + width: 90px; + height: 90px; + text-align: center; } .eael-infobox-icon-hover-bg-shape-square:hover .infobox-icon .infobox-icon-wrap { - border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; } .eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap, .eael-infobox-icon-hover-bg-shape-radius:hover .infobox-icon .infobox-icon-wrap { - border-radius: 15px; + -webkit-border-radius: 15px; + border-radius: 15px; } .eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap { - display: flex; - align-items: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap, .eael-infobox-icon-hover-bg-shape-circle:hover .infobox-icon .infobox-icon-wrap { - border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } .eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap i, .eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap i { - margin-top: 50%; - transform: translateY(-50%); + margin-top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } /*--- Infobox Button ---*/ .eael-infobox .infobox-button a.eael-infobox-button { - display: inline-block; - padding: 5px 10px; - -webkit-transition: all 300ms ease-in-out 0s; - -o-transition: all 300ms ease-in-out 0s; - transition: all 300ms ease-in-out 0s; + display: inline-block; + padding: 5px 10px; + -webkit-transition: all 300ms ease-in-out 0s; + -o-transition: all 300ms ease-in-out 0s; + transition: all 300ms ease-in-out 0s; } /*--- For icon bg shape alignment ---*/ .eael-infobox-content-align-left.eael-infobox-icon-bg-shape-square .infobox-icon, .eael-infobox-content-align-left.eael-infobox-icon-bg-shape-radius .infobox-icon, .eael-infobox-content-align-left.eael-infobox-icon-bg-shape-circle .infobox-icon { - display: flex; - justify-content: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .eael-infobox-content-align-center.eael-infobox-icon-bg-shape-square .infobox-icon, .eael-infobox-content-align-center.eael-infobox-icon-bg-shape-radius .infobox-icon, .eael-infobox-content-align-center.eael-infobox-icon-bg-shape-circle .infobox-icon { - display: flex; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .eael-infobox-content-align-right.eael-infobox-icon-bg-shape-square .infobox-icon, .eael-infobox-content-align-right.eael-infobox-icon-bg-shape-radius .infobox-icon, .eael-infobox-content-align-right.eael-infobox-icon-bg-shape-circle .infobox-icon { - display: flex; - justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } - /*--- Image/Icon On Left ---*/ .eael-infobox.icon-on-left { - position: relative; - z-index: 0; - display: flex; + position: relative; + z-index: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .eael-infobox.icon-on-right .infobox-icon-wrap, .eael-infobox.icon-on-left .infobox-icon-wrap { - justify-content: center; - display: flex !important; - align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap { - background: none; - border: 0px; - text-align: left; - height: auto; - display: block; + background: none; + border: 0px; + text-align: left; + height: auto; + display: block; } .eael-infobox .infobox-content p { - margin: 0 0 15px; + margin: 0 0 15px; } .eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap i { - margin-top: 0px; - transform: translateY(0%); + margin-top: 0px; + -webkit-transform: translateY(0%); + -ms-transform: translateY(0%); + transform: translateY(0%); } .eael-infobox.icon-on-left .infobox-content { - padding-left: 15px; - flex: 1 1 auto; + padding-left: 15px; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } .eael-infobox.icon-on-left .infobox-content .title { - line-height: 1; - margin: 0 0 10px 0; + line-height: 1; + margin: 0 0 10px 0; } - /*--- Image/Icon On Right ---*/ .eael-infobox.icon-on-right { - position: relative; - z-index: 0; - display: flex; - flex-direction: row-reverse; + position: relative; + z-index: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; } .eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap { - background: none; - border: 0px; - text-align: right; - width: auto; - height: auto; - display: block; + background: none; + border: 0px; + text-align: right; + width: auto; + height: auto; + display: block; } .eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap i { - margin-top: 0px; - transform: translateY(0%); + margin-top: 0px; + -webkit-transform: translateY(0%); + -ms-transform: translateY(0%); + transform: translateY(0%); } .eael-infobox.icon-on-right .infobox-content { - padding-right: 15px; - text-align: right; - flex: 1 1 auto; - box-sizing: border-box; + padding-right: 15px; + text-align: right; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .eael-infobox.icon-on-right .infobox-content .title { - line-height: 1; - margin: 0 0 10px 0; + line-height: 1; + margin: 0 0 10px 0; } - /*--- Imgae Circle On Top ---*/ .eael-infobox .infobox-icon img { - -webkit-transition: all 300ms ease-in-out 0s; - -o-transition: all 300ms ease-in-out 0s; - transition: all 300ms ease-in-out 0s; + -webkit-transition: all 300ms ease-in-out 0s; + -o-transition: all 300ms ease-in-out 0s; + transition: all 300ms ease-in-out 0s; } .eael-infobox-hover-img-shape-square:hover .eael-infobox .infobox-icon img { - border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; } .eael-infobox-shape-circle .eael-infobox .infobox-icon img, .eael-infobox-hover-img-shape-circle:hover .eael-infobox .infobox-icon img { - border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } .eael-infobox-shape-radius .eael-infobox .infobox-icon img, .eael-infobox-hover-img-shape-radius:hover .eael-infobox .infobox-icon img { - border-radius: 15px; + -webkit-border-radius: 15px; + border-radius: 15px; } - /*---------------------------*/ /* 18. Flipbox Style /*---------------------------*/ .eael-elements-flip-box-container { - position: relative; - height: 300px; - width: 100%; + position: relative; + height: 300px; + width: 100%; } .eael-elements-flip-box-container .flipbox-button { - display: inline-block; - -webkit-transition: all 400ms; - -o-transition: all 400ms; - transition: all 400ms; + display: inline-block; + -webkit-transition: all 400ms; + -o-transition: all 400ms; + transition: all 400ms; } .eael-elements-flip-box-container a { - display: block; + display: block; } .eael-elements-flip-box-vertical-align { - width: 100%; + width: 100%; } .eael-elements-flip-box-padding { - padding: 0px 30px 5px 30px; + padding: 0px 30px 5px 30px; } .eael-elements-flip-box-icon-image { - display: inline-block; - margin: 0 auto 0px auto; - line-height: 1; + display: inline-block; + margin: 0 auto 0px auto; + line-height: 1; } .eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background { - background: #cccccc; + background: #cccccc; } .eael_eleements_flip_front_icon_style_bordered { - border: 2px solid #ffffff; + border: 2px solid #ffffff; } .eael_flip_box_icon_border_round { - border-radius: 100px; + -webkit-border-radius: 100px; + border-radius: 100px; } .eael_eleements_flip_front_icon_style_background, .eael_eleements_flip_front_icon_style_bordered { - padding: 15px; + padding: 15px; } .eael-elements-flip-box-icon-image i { - font-size: 40px; - line-height: 40px; - width: 40px; + font-size: 40px; + line-height: 40px; + width: 40px; } .eael-elements-slider-display-table { - width: 100%; + width: 100%; } .eael-elements-flip-box-front-container { - text-align: center; - position: absolute; - top: 0px; - left: 0px; - z-index: 2; - width: 100%; - height: 100%; - background: #0e9dd2; - color: #ffffff; - border-color: #000000; - -webkit-display: flex; - display: flex; - -webkit-align-items: center; - align-items: center; + text-align: center; + position: absolute; + top: 0px; + left: 0px; + z-index: 2; + width: 100%; + height: 100%; + background: #0e9dd2; + color: #ffffff; + border-color: #000000; + -webkit-display: flex; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .eael-elements-flip-box-content, .eael-elements-flip-box-heading { - color: #ffffff; + color: #ffffff; } .eael-elements-flip-box-heading.flipbox-linked-title { - color: #fff; - font-size: 1.5em; - font-weight: 700; + color: #fff; + font-size: 1.5em; + font-weight: 700; } .eael-elements-flip-box-rear-container { - text-align: center; - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - background: #444444; - color: #ffffff; - display: flex; - -webkit-align-items: center; - align-items: center; - border-color: #000000; + text-align: center; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + background: #444444; + color: #ffffff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-color: #000000; } - /*--- Floating Button Styles ---*/ .eael-elements-button-floating-container { - position: fixed; - z-index: 100; + position: fixed; + z-index: 100; } .eael-elements-button-floating-container .eael-elements-button { - margin-top: 0px; - font-size: 14px; - position: relative; - padding: 14px 20px; + margin-top: 0px; + font-size: 14px; + position: relative; + padding: 14px 20px; } .eael-elements-button { - cursor: pointer; - display: inline-block; - background: #077bbe; - color: #ffffff; - line-height: 1; - padding: 16px 25px; - margin-top: 15px; + cursor: pointer; + display: inline-block; + background: #077bbe; + color: #ffffff; + line-height: 1; + padding: 16px 25px; + margin-top: 15px; } .eael-elements-button:hover { - background: #077bbe; - color: #ffffff; + background: #077bbe; + color: #ffffff; } - /*--- CSS3 Transitions ---*/ .eael-elements-flip-box-container { - perspective: 1000px; + -webkit-perspective: 1000px; + perspective: 1000px; } .eael-elements-flip-box-front-container, .eael-elements-flip-box-rear-container { - transition-duration: 500ms; - transition-property: all; - transition-timing-function: ease; + -webkit-transition-duration: 500ms; + -o-transition-duration: 500ms; + transition-duration: 500ms; + -webkit-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-timing-function: ease; + -o-transition-timing-function: ease; + transition-timing-function: ease; } .eael-elements-flip-box-flip-card { - width: 100%; - height: 100%; - transform-style: preserve-3d; - transition: all 500ms ease; + width: 100%; + height: 100%; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; } .eael-elements-flip-box-rear-container, .eael-elements-flip-box-front-container { - -moz-backface-visibility: hidden; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transform: rotateX(0deg); - transform: rotateY(0deg); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); } - /*--- Flip ---*/ .eael-animate-flip.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card, .eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container { - transform: rotateX(180deg); + -webkit-transform: rotateX(180deg); + transform: rotateX(180deg); } .eael-animate-flip.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card, .eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container { - transform: rotateX(-180deg); + -webkit-transform: rotateX(-180deg); + transform: rotateX(-180deg); } .eael-animate-flip.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card, .eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container { - transform: rotateY(-180deg); + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); } .eael-animate-flip.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card, .eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container { - transform: rotateY(180deg); + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); } /*--- Slide ---*/ .eael-animate-push.eael-elements-flip-box-container, .eael-animate-slide.eael-elements-flip-box-container { - overflow: hidden; + overflow: hidden; } .eael-animate-push .eael-elements-flip-box-rear-container, .eael-animate-slide .eael-elements-flip-box-rear-container { - z-index: 3; + z-index: 3; } .eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container, .eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container { - top: 100%; + top: 100%; } .eael-animate-push.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container, .eael-animate-slide.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { - top: 0; + top: 0; } .eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container, .eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container { - top: auto; - bottom: 100%; + top: auto; + bottom: 100%; } .eael-animate-push.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container, .eael-animate-slide.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { - top: auto; - bottom: 0; + top: auto; + bottom: 0; } .eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container, .eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container { - left: 100%; + left: 100%; } .eael-animate-push.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container, .eael-animate-slide.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { - left: 0; + left: 0; } .eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container, .eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container { - left: auto; - right: 100%; + left: auto; + right: 100%; } .eael-animate-push.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container, .eael-animate-slide.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { - left: auto; - right: 0; + left: auto; + right: 0; } /*--- Push + Slide Above ---*/ .eael-animate-push.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { - top: -100%; + top: -100%; } .eael-animate-push.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { - top: 100%; + top: 100%; } .eael-animate-push.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { - left: -100%; + left: -100%; } .eael-animate-push.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { - left: 100%; + left: 100%; } /*--- Zoom In ---*/ .eael-animate-zoom-in .eael-elements-flip-box-rear-container { - opacity: 0; - transform: scale(0.75); - z-index: 3; + opacity: 0; + -webkit-transform: scale(0.75); + -ms-transform: scale(0.75); + transform: scale(0.75); + z-index: 3; } .eael-animate-zoom-in.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { - opacity: 1; - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } /*--- Zoom Out ---*/ .eael-animate-zoom-out.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { - opacity: 0; - transform: scale(0.75); + opacity: 0; + -webkit-transform: scale(0.75); + -ms-transform: scale(0.75); + transform: scale(0.75); } .eael-animate-fade.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { - opacity: 0; + opacity: 0; } - /*--- Builder Related Style ---*/ .eael-flipbox-content-align-right .eael-elements-flip-box-padding { - text-align: right; + text-align: right; } .eael-flipbox-content-align-left .eael-elements-flip-box-padding { - text-align: left; + text-align: left; } .eael-flipbox-content-align-center .eael-elements-flip-box-padding { - text-align: center; + text-align: center; } .eael-flipbox-img-circle .eael-elements-flip-box-icon-image img, .eael-flipbox-img-circle .flipbox-back-image-icon img { - border-radius: 50%; - overflow: hidden; + -webkit-border-radius: 50%; + border-radius: 50%; + overflow: hidden; } - /*--------------------------*/ /* 19. Call To Action /*-------------------------*/ .eael-call-to-action { - width: 100%; - height: auto; - display: block; - padding: 30px; - font-size: 16px; - color: #4d4d4d; - font-weight: 400; - line-height: 27px; - margin: 0 auto; + width: 100%; + height: auto; + display: block; + padding: 30px; + font-size: 16px; + color: #4d4d4d; + font-weight: 400; + line-height: 27px; + margin: 0 auto; } .eael-call-to-action p { - margin-bottom: 10px; + margin-bottom: 10px; } .eael-call-to-action .title { - font-size: 36px; - font-weight: 600; - line-height: 36px; - margin-bottom: 10px; - text-transform: capitalize; - font-style: normal; + font-size: 36px; + font-weight: 600; + line-height: 36px; + margin-bottom: 10px; + text-transform: capitalize; + font-style: normal; } .eael-call-to-action.cta-center { - text-align: center; + text-align: center; } .eael-call-to-action.cta-right { - text-align: right; + text-align: right; } .eael-call-to-action.cta-left { - text-align: left; + text-align: left; } .eael-call-to-action.bg-lite { - background: #f4f4f4; + background: #f4f4f4; } .eael-call-to-action.bg-img { - background-image: url('../img/bg.jpg'); - background-repeat: no-repeat; - background-position: center; - background-size: cover; - position: relative; - z-index: 0; - color: rgba( 255, 255, 255, 0.7); + background-image: url("../img/bg.jpg"); + background-repeat: no-repeat; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + position: relative; + z-index: 0; + color: rgba(255, 255, 255, 0.7); } .eael-call-to-action.bg-img .icon { - color: #fff; + color: #fff; } .eael-call-to-action.bg-img:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0px; - left: 0px; - z-index: -1; - background: rgba( 0, 0, 0, 0.8); + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + z-index: -1; + background: rgba(0, 0, 0, 0.8); } .eael-call-to-action.bg-img.bg-fixed { - background-attachment: fixed; - background-position: center center; + background-attachment: fixed; + background-position: center center; } .eael-call-to-action.bg-img .title { - color: rgba( 255, 255, 255, 0.9); + color: rgba(255, 255, 255, 0.9); } /*--- Cta Flex ---*/ .eael-call-to-action.cta-flex, .eael-call-to-action.cta-icon-flex { - display: flex; - justify-content: space-between; - align-items: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } /*--- Cta Icon Flex ---*/ .eael-call-to-action.cta-icon-flex .icon { - flex-grow: 1; - font-size: 80px; - text-align: left; - line-height: 130px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-size: 80px; + text-align: left; + line-height: 130px; } .eael-call-to-action.cta-icon-flex .action { - flex-grow: 1; - text-align: right; - padding-top: 22px; - flex-basis: 22%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: right; + padding-top: 22px; + -webkit-flex-basis: 22%; + -ms-flex-preferred-size: 22%; + flex-basis: 22%; } .eael-call-to-action.cta-icon-flex .content { - flex-grow: 1; - padding: 0px 30px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 0px 30px; } /*--- Cta Flex ---*/ .eael-call-to-action.cta-flex .content { - padding: 0px 15px; - flex-grow: 1; + padding: 0px 15px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .eael-call-to-action.cta-flex .action { - flex-grow: 1; - text-align: right; - padding-top: 25px; - flex-basis: 23%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: right; + padding-top: 25px; + -webkit-flex-basis: 23%; + -ms-flex-preferred-size: 23%; + flex-basis: 23%; } /*--- Cta Button ---*/ .eael-call-to-action .cta-button { - position: relative; - display: inline-block; - padding: 12px 30px; - background: #f9f9f9; - font-size: 16px; - text-decoration: none; - color: #4d4d4d; - -webkit-transition: .5s; - -ms-transition: .5s; - transition: .5s; - -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); - -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); - margin-right: 10px; - margin-top: 10px; - z-index: 0; - overflow: hidden; + position: relative; + display: inline-block; + padding: 12px 30px; + background: #f9f9f9; + font-size: 16px; + text-decoration: none; + color: #4d4d4d; + -webkit-transition: .5s; + -o-transition: .5s; + transition: .5s; + -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); + -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); + margin-right: 10px; + margin-top: 10px; + z-index: 0; + overflow: hidden; } .eael-call-to-action .cta-button:last-child { - margin-right: 0px; + margin-right: 0px; } .eael-call-to-action .cta-button:focus { - outline: none; + outline: none; } - /*--- Hover ---*/ .eael-call-to-action .cta-button:hover { - color: #fff; - background: #3F51B5; - -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); - -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); + color: #fff; + background: #3F51B5; + -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); + -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); } - /*--- Cta Button effect 1 ---*/ .eael-call-to-action .cta-button.effect-1:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: #3F51B5; - top: 0px; - left: 0px; - transform: translateY(-100%); - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - z-index: -1; - -webkit-transition: .5s; - -ms-transition: .5s; - transition: .5s; - color: #fff; + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: #3F51B5; + top: 0px; + left: 0px; + transform: translateY(-100%); + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + z-index: -1; + -webkit-transition: .5s; + -o-transition: .5s; + transition: .5s; + color: #fff; } .eael-call-to-action .cta-button.effect-1:hover::after { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } /*--- Cta Button effect 2 ---*/ .eael-call-to-action .cta-button.effect-2:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: #3F51B5; - top: 0px; - left: 0px; - z-index: -1; - -webkit-transition: .5s; - -ms-transition: .5s; - transition: .5s; - color: #fff; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: #3F51B5; + top: 0px; + left: 0px; + z-index: -1; + -webkit-transition: .5s; + -o-transition: .5s; + transition: .5s; + color: #fff; + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); } .eael-call-to-action .cta-button.effect-2:hover::after { - -webkit-transform: translateX(0); - transform: translateX(0); + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } /*--- Media Queries ---*/ @media only screen and (max-width: 768px) { - .eael-call-to-action.cta-flex, - .eael-call-to-action.cta-icon-flex { - flex-wrap: wrap; - } - .eael-call-to-action .title { - font-size: 28px; - line-height: 36px; - margin-top: 0px; - } - .eael-call-to-action.cta-icon-flex .icon { - flex-grow: 1; - font-size: 48px; - line-height: 90px; - text-align: center; - } - .eael-call-to-action.cta-flex .content, - .eael-call-to-action.cta-icon-flex .content { - flex-grow: 1; - text-align: center; - padding: 0px; - } - .eael-call-to-action.cta-flex .action, - .eael-call-to-action.cta-icon-flex .action { - text-align: center; - padding-top: 0px; - } - .eael-call-to-action .cta-button { - padding: 12px 25px; - } -} + .eael-call-to-action.cta-flex, + .eael-call-to-action.cta-icon-flex { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .eael-call-to-action .title { + font-size: 28px; + line-height: 36px; + margin-top: 0px; + } + + .eael-call-to-action.cta-icon-flex .icon { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-size: 48px; + line-height: 90px; + text-align: center; + } + + .eael-call-to-action.cta-flex .content, + .eael-call-to-action.cta-icon-flex .content { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; + padding: 0px; + } -@media only screen and (max-width: 360px) { - .eael-call-to-action { - font-size: 14px; - line-height: 26px; - } - .eael-call-to-action .cta-button { - padding: 4px 20px; - font-size: 12px; - } - .eael-call-to-action .title { - font-size: 20px; - line-height: 30px; - } + .eael-call-to-action.cta-flex .action, + .eael-call-to-action.cta-icon-flex .action { + text-align: center; + padding-top: 0px; + } + + .eael-call-to-action .cta-button { + padding: 12px 25px; + } } +@media only screen and (max-width: 360px) { + .eael-call-to-action { + font-size: 14px; + line-height: 26px; + } + .eael-call-to-action .cta-button { + padding: 4px 20px; + font-size: 12px; + } + .eael-call-to-action .title { + font-size: 20px; + line-height: 30px; + } +} /* -------------------------------- */ /* 20. Dual Color Heading /* -------------------------------- */ .eael-dual-header { - display: block; - margin-bottom: 50px; + display: block; + margin-bottom: 50px; } .eael-dual-header .title, .eael-dual-header .title span { - font-size: 36px; - font-weight: 700; - text-transform: uppercase; - line-height: 48px; - margin: 10px 0px; + font-size: 36px; + font-weight: 700; + text-transform: uppercase; + line-height: 48px; + margin: 10px 0px; } .eael-dual-header .subtext { - font-size: 16px; - display: block; + font-size: 16px; + display: block; } .eael-dual-header i { - display: block; - padding: 0px; - margin: 20px 0px 10px 0px; - font-size: 36px; + display: block; + padding: 0px; + margin: 20px 0px 10px 0px; + font-size: 36px; } .eael-dual-header .title span.lead { - color: #1abc9c; + color: #1abc9c; } /*--- Builder Related Css ---*/ .eael-dual-header-content-align-center { - text-align: center; + text-align: center; } .eael-dual-header-content-align-left { - text-align: left; + text-align: left; } .eael-dual-header-content-align-right { - text-align: right; + text-align: right; } /* -------------------------------- */ /* 21. Pricing Table /* -------------------------------- */ .eael-pricing { - -webkit-display: flex; - display: flex; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - align-items: center; + -webkit-display: flex; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .eael-pricing .eael-pricing-item { - width: 100%; - height: auto; - margin: 0; + width: 100%; + height: auto; + margin: 0; } .eael-pricing .eael-pricing-button { - display: inline-block; - padding: 12px 25px; - background: #00C853; - font-size: 14px; - font-weight: 600; - color: #fff; - text-transform: uppercase; - text-decoration: none; - -webkit-transition: .3s; - transition: .3s; - -webkit-border-radius: 4px; - border-radius: 4px; + display: inline-block; + padding: 12px 25px; + background: #00C853; + font-size: 14px; + font-weight: 600; + color: #fff; + text-transform: uppercase; + text-decoration: none; + -webkit-transition: .3s; + -o-transition: .3s; + transition: .3s; + -webkit-border-radius: 4px; + border-radius: 4px; } .eael-pricing .eael-pricing-button:hover { - background: #03b048; + background: #03b048; } .eael-pricing .eael-pricing-item ul { - padding: 0px; - margin: 0px; - list-style: none; + padding: 0px; + margin: 0px; + list-style: none; } .eael-pricing .eael-pricing-item ul li.disable-item { - text-decoration: line-through; - opacity: 0.5; + text-decoration: line-through; + opacity: 0.5; } .eael-pricing .eael-pricing-item ul li span.li-icon { - color: #00C853; - margin-right: 6px; + color: #00C853; + margin-right: 6px; } .eael-pricing .eael-pricing-item ul li.disable-item span.li-icon { - color: #EF5350; + color: #EF5350; } /*--- Pricing Table: Style 1 ---*/ .eael-pricing.style-1 { - position: relative; - z-index: 0; - text-align: center; + position: relative; + z-index: 0; + text-align: center; } .eael-pricing.style-1 .eael-pricing-item { - border: 1px solid rgba( 9, 9, 9, .1); - padding: 30px; - -webkit-border-radius: 5px; - border-radius: 5px; - -webkit-transition: .5s; - transition: .5s; + border: 1px solid rgba(9, 9, 9, 0.1); + padding: 30px; + -webkit-border-radius: 5px; + border-radius: 5px; + -webkit-transition: .5s; + -o-transition: .5s; + transition: .5s; } .eael-pricing.style-1 .eael-pricing-item:hover { - -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); - box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .eael-pricing.style-1 .eael-pricing-item.featured { - position: relative; + position: relative; } .eael-pricing.style-1 .eael-pricing-item.ribbon-1:before { - content: ""; - position: absolute; - width: 100%; - height: 3px; - background: #00C853; - top: 0px; - left: 0px; - right: 0px; - z-index: 1; - -webkit-border-radius: 5px 5px 0px 0px; - border-radius: 5px 5px 0px 0px; + content: ""; + position: absolute; + width: 100%; + height: 3px; + background: #00C853; + top: 0px; + left: 0px; + right: 0px; + z-index: 1; + -webkit-border-radius: 5px 5px 0px 0px; + border-radius: 5px 5px 0px 0px; } .eael-pricing.style-1 .eael-pricing-item.ribbon-2:before { - content: "Featured"; - position: absolute; - width: auto; - background: #00C853; - color: #fff; - top: 35px; - right: -15px; - z-index: 10; - font-size: 10px; - font-weight: 600; - text-transform: uppercase; - padding: 5px 10px; + content: "Featured"; + position: absolute; + width: auto; + background: #00C853; + color: #fff; + top: 35px; + right: -15px; + z-index: 10; + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + padding: 5px 10px; } .eael-pricing.style-1 .eael-pricing-item.ribbon-2:after { - content: ""; - position: absolute; - top: 20px; - right: -15px; - width: 0; - height: 0; - border-bottom: 15px solid #00C853; - border-right: 15px solid transparent; - z-index: 9; - opacity: 0.9; + content: ""; + position: absolute; + top: 20px; + right: -15px; + width: 0; + height: 0; + border-bottom: 15px solid #00C853; + border-right: 15px solid transparent; + z-index: 9; + opacity: 0.9; } .eael-pricing.style-1 .eael-pricing-item.ribbon-3:before { - content: "Featured"; - position: absolute; - width: auto; - background: rgba( 0, 0, 0, 0.6); - color: #fff; - top: 15px; - right: 15px; - z-index: 10; - font-size: 11px; - font-weight: 600; - text-transform: uppercase; - padding: 5px 15px; + content: "Featured"; + position: absolute; + width: auto; + background: rgba(0, 0, 0, 0.6); + color: #fff; + top: 15px; + right: 15px; + z-index: 10; + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + padding: 5px 15px; } .eael-pricing.style-1 .eael-pricing-item .header { - display: block; - position: relative; - z-index: 0; - padding-bottom: 15px; - margin-bottom: 15px; + display: block; + position: relative; + z-index: 0; + padding-bottom: 15px; + margin-bottom: 15px; } .eael-pricing.style-1 .eael-pricing-item .header:after { - content: ""; - position: absolute; - width: 140px; - height: 1px; - bottom: 0px; - left: 0px; - right: 0px; - margin: 0 auto; - z-index: 1; - background: rgba( 9, 9, 9, .1); + content: ""; + position: absolute; + width: 140px; + height: 1px; + bottom: 0px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + background: rgba(9, 9, 9, 0.1); } .eael-pricing.style-1 .eael-pricing-item .header .title { - font-weight: 700; - line-height: 30px; - margin: 0px; + font-weight: 700; + line-height: 30px; + margin: 0px; } .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag { - position: relative; - z-index: 0; - padding: 15px 0px; - margin-bottom: 15px; + position: relative; + z-index: 0; + padding: 15px 0px; + margin-bottom: 15px; } .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after { - content: ""; - position: absolute; - width: 140px; - height: 1px; - bottom: 0px; - left: 0px; - right: 0px; - margin: 0 auto; - z-index: 1; - background: rgba( 9, 9, 9, .04); + content: ""; + position: absolute; + width: 140px; + height: 1px; + bottom: 0px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + background: rgba(9, 9, 9, 0.04); } .eael-pricing.style-1 .eael-pricing-item .price-tag { - position: relative; - display: inline-block; - font-size: 28px; - font-weight: 500; - line-height: 0px; - margin: 0px auto; + position: relative; + display: inline-block; + font-size: 28px; + font-weight: 500; + line-height: 0px; + margin: 0px auto; } .eael-pricing.style-1 .eael-pricing-item .price-tag .price-currency { - font-size: 24px; - font-weight: 700; + font-size: 24px; + font-weight: 700; } .eael-pricing.style-1 .eael-pricing-item .price-period { - color: #999; + color: #999; } .eael-pricing.style-1 .eael-pricing-item .body ul { - display: block; - width: 100%; - margin-bottom: 15px; + display: block; + width: 100%; + margin-bottom: 15px; } .eael-pricing.style-1 .eael-pricing-item .body ul li { - display: block; - width: 100%; - height: auto; - padding: 10px 0px; - font-size: 14px; - color: #6d6d6d; - border-bottom: 1px solid rgba( 9, 9, 9, .04); + display: block; + width: 100%; + height: auto; + padding: 10px 0px; + font-size: 14px; + color: #6d6d6d; + border-bottom: 1px solid rgba(9, 9, 9, 0.04); } .eael-pricing.style-1 .eael-pricing-item .body ul li:last-child { - border: none; + border: none; } .eael-pricing.style-1 .eael-pricing-item.featured-large { - padding: 60px 0px; + padding: 60px 0px; } /*--- Pricing Table : Style 2 ---*/ .eael-pricing.style-2 { - position: relative; - z-index: 0; - text-align: center; + position: relative; + z-index: 0; + text-align: center; } .eael-pricing.style-2 .eael-pricing-item { - padding: 30px 0px; - border-radius: 5px; - margin: 0px; - border: 1px solid rgba( 9, 9, 9, .1); + padding: 30px 0px; + -webkit-border-radius: 5px; + border-radius: 5px; + margin: 0px; + border: 1px solid rgba(9, 9, 9, 0.1); } .eael-pricing.style-2 .eael-pricing-item.featured { - -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); - box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .eael-pricing.style-2 .eael-pricing-item.ribbon-1:before { - content: ""; - position: absolute; - width: 100%; - height: 3px; - background: #00C853; - top: 0px; - left: 0px; - right: 0px; - z-index: 1; - -webkit-border-radius: 5px 5px 0px 0px; - border-radius: 5px 5px 0px 0px; + content: ""; + position: absolute; + width: 100%; + height: 3px; + background: #00C853; + top: 0px; + left: 0px; + right: 0px; + z-index: 1; + -webkit-border-radius: 5px 5px 0px 0px; + border-radius: 5px 5px 0px 0px; } .eael-pricing.style-2 .eael-pricing-item.ribbon-2:before { - content: "Featured"; - position: absolute; - width: auto; - background: #00C853; - color: #fff; - top: 35px; - right: -15px; - z-index: 10; - font-size: 10px; - font-weight: 600; - text-transform: uppercase; - padding: 5px 10px; + content: "Featured"; + position: absolute; + width: auto; + background: #00C853; + color: #fff; + top: 35px; + right: -15px; + z-index: 10; + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + padding: 5px 10px; } .eael-pricing.style-2 .eael-pricing-item.ribbon-2:after { - content: ""; - position: absolute; - top: 20px; - right: -15px; - width: 0; - height: 0; - border-bottom: 15px solid #00C853; - border-right: 15px solid transparent; - z-index: 9; - opacity: 0.9; + content: ""; + position: absolute; + top: 20px; + right: -15px; + width: 0; + height: 0; + border-bottom: 15px solid #00C853; + border-right: 15px solid transparent; + z-index: 9; + opacity: 0.9; } .eael-pricing.style-2 .eael-pricing-item.ribbon-3:before { - content: "Featured"; - position: absolute; - width: auto; - background: rgba( 0, 0, 0, 0.6); - color: #fff; - top: 15px; - right: 15px; - z-index: 10; - font-size: 11px; - font-weight: 600; - text-transform: uppercase; - padding: 5px 15px; + content: "Featured"; + position: absolute; + width: auto; + background: rgba(0, 0, 0, 0.6); + color: #fff; + top: 15px; + right: 15px; + z-index: 10; + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + padding: 5px 15px; } .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon { - display: inline-block; - position: relative; - width: 80px; - height: 80px; - background: #00c853; - border-radius: 50%; - margin-bottom: 30px; - text-align: center; - -webkit-transition: .5s; - transition: .5s; - overflow: hidden; + display: inline-block; + position: relative; + width: 80px; + height: 80px; + background: #00c853; + -webkit-border-radius: 50%; + border-radius: 50%; + margin-bottom: 30px; + text-align: center; + -webkit-transition: .5s; + -o-transition: .5s; + transition: .5s; + overflow: hidden; } .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i { - font-size: 30px; - color: #fff; - line-height: 80px; - -webkit-transition: .5s; - transition: .5s; + font-size: 30px; + color: #fff; + line-height: 80px; + -webkit-transition: .5s; + -o-transition: .5s; + transition: .5s; } .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon { - background: #43A047; + background: #43A047; } .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i { - color: #fff; + color: #fff; } .eael-pricing.style-2 .eael-pricing-item .header { - background: #C8E6C9; - padding: 25px 30px; - margin-bottom: 15px; - position: relative; - z-index: 0; + background: #C8E6C9; + padding: 25px 30px; + margin-bottom: 15px; + position: relative; + z-index: 0; } .eael-pricing.style-2 .eael-pricing-item.featured .header:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - z-index: -1; - background: rgba(255, 255, 255, .4); + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + z-index: -1; + background: rgba(255, 255, 255, 0.4); } .eael-pricing.style-2 .eael-pricing-item .header .title { - font-size: 28px; - font-weight: 700; - line-height: 40px; - margin: 0px; + font-size: 28px; + font-weight: 700; + line-height: 40px; + margin: 0px; } .eael-pricing.style-2 .eael-pricing-item .header .subititle { - font-size: 14px; - font-weight: 600; - color: #6d6d6d; + font-size: 14px; + font-weight: 600; + color: #6d6d6d; } .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag { - position: relative; - z-index: 0; - padding: 15px 0px; - margin-bottom: 15px; + position: relative; + z-index: 0; + padding: 15px 0px; + margin-bottom: 15px; } .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after { - content: ""; - position: absolute; - width: 140px; - height: 1px; - bottom: 0px; - left: 0px; - right: 0px; - margin: 0 auto; - z-index: 1; - background: rgba( 9, 9, 9, .04); + content: ""; + position: absolute; + width: 140px; + height: 1px; + bottom: 0px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + background: rgba(9, 9, 9, 0.04); } .eael-pricing.style-2 .eael-pricing-item .price-tag { - position: relative; - display: inline-block; - font-size: 28px; - font-weight: 500; - line-height: 0px; - margin: 0px auto; + position: relative; + display: inline-block; + font-size: 28px; + font-weight: 500; + line-height: 0px; + margin: 0px auto; } .eael-pricing.style-2 .eael-pricing-item .price-tag .price-currency { - font-size: 24px; - font-weight: 700; - color: #00C853; + font-size: 24px; + font-weight: 700; + color: #00C853; } .eael-pricing.style-2 .eael-pricing-item .price-period { - color: #999; + color: #999; } .eael-pricing.style-2 .eael-pricing-item .body ul { - display: block; - width: 100%; - margin-bottom: 15px; + display: block; + width: 100%; + margin-bottom: 15px; } .eael-pricing.style-2 .eael-pricing-item .body ul li { - display: block; - width: 100%; - height: auto; - padding: 10px 15px; - font-size: 14px; - color: #6d6d6d; - border-bottom: 1px solid rgba( 9, 9, 9, .04); + display: block; + width: 100%; + height: auto; + padding: 10px 15px; + font-size: 14px; + color: #6d6d6d; + border-bottom: 1px solid rgba(9, 9, 9, 0.04); } .eael-pricing.style-2 .eael-pricing-item .body ul li:last-child { - border: none; + border: none; } - /*--- Media Query ---*/ -@media only screen and ( min-width: 768px) and (max-width: 992px) { - .eael-pricing { - display: block; - } - .eael-pricing .eael-pricing-item, - .eael-pricing.style-2 .eael-pricing-item, - .eael-pricing.style-4 .eael-pricing-item { - width: 100%; - margin: 0 auto 30px auto; - } -} +@media only screen and (min-width: 768px) and (max-width: 992px) { + .eael-pricing { + display: block; + } -@media only screen and (max-width: 480px) { - .eael-pricing { - display: block; - } - .eael-pricing .eael-pricing-item { - width: 100%; - } - .eael-pricing .eael-pricing-item, - .eael-pricing.style-2 .eael-pricing-item, - .eael-pricing.style-4 .eael-pricing-item { - margin: 0 auto 30px auto; - } + .eael-pricing .eael-pricing-item, + .eael-pricing.style-2 .eael-pricing-item, + .eael-pricing.style-4 .eael-pricing-item { + width: 100%; + margin: 0 auto 30px auto; + } } +@media only screen and (max-width: 480px) { + .eael-pricing { + display: block; + } + .eael-pricing .eael-pricing-item { + width: 100%; + } + + .eael-pricing .eael-pricing-item, + .eael-pricing.style-2 .eael-pricing-item, + .eael-pricing.style-4 .eael-pricing-item { + margin: 0 auto 30px auto; + } +} /*--- Page Builder Related Style ---*/ .eael-pricing-content-align-center .eael-pricing { - text-align: center; + text-align: center; } .eael-pricing-content-align-left .eael-pricing { - text-align: left; + text-align: left; } .eael-pricing-content-align-right .eael-pricing { - text-align: right; + text-align: right; } .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag { - padding-left: 45px; + padding-left: 45px; } .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before { - left: 30px; + left: 30px; } .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag { - padding-right: 30px; + padding-right: 30px; } .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header, @@ -3656,8 +3919,8 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer, .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header, .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer { - padding-left: 30px; - padding-right: 30px; + padding-left: 30px; + padding-right: 30px; } .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header, @@ -3665,34 +3928,37 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer, .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header, .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer { - padding-right: 30px; - padding-left: 30px; + padding-right: 30px; + padding-left: 30px; } .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li, .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li { - padding-left: 30px; + padding-left: 30px; } .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li, .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li { - padding-right: 30px; + padding-right: 30px; } .eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after { - -webkit-transform: translateX( -80%); - transform: translateX( -80%); + -webkit-transform: translateX(-80%); + -ms-transform: translateX(-80%); + transform: translateX(-80%); } .eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after { - -webkit-transform: translateX( 80%); - transform: translateX( 80%); + -webkit-transform: translateX(80%); + -ms-transform: translateX(80%); + transform: translateX(80%); } .eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after, .eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after { - -webkit-transform: translateX( 0%); - transform: translateX( 0%); + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); } .eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after, @@ -3701,8 +3967,8 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca .eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after, .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after, .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after { - margin: 0; - width: 100%; + margin: 0; + width: 100%; } /*--- Button Alignment ---*/ @@ -3710,191 +3976,192 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca .eael-pricing-button-align-right .eael-pricing.style-2 .footer, .eael-pricing-button-align-right .eael-pricing.style-3 .footer, .eael-pricing-button-align-right .eael-pricing.style-4 .footer { - text-align: right; + text-align: right; } .eael-pricing-button-align-center .eael-pricing.style-1 .footer, .eael-pricing-button-align-center .eael-pricing.style-2 .footer, .eael-pricing-button-align-center .eael-pricing.style-3 .footer, .eael-pricing-button-align-center .eael-pricing.style-4 .footer { - text-align: center; + text-align: center; } .eael-pricing-button-align-left .eael-pricing.style-1 .footer, .eael-pricing-button-align-left .eael-pricing.style-2 .footer, .eael-pricing-button-align-left .eael-pricing.style-3 .footer, .eael-pricing-button-align-left .eael-pricing.style-4 .footer { - text-align: left; + text-align: left; } .eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer, .eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer { - padding-right: 30px; + padding-right: 30px; } .eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer, .eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer { - padding-left: 30px; + padding-left: 30px; } /*--- Only In Pro Alert ---*/ .only-in-pro { - width: 100%; - -webkit-display: flex; - display: flex; - -webkit-align-items: center; - align-items: center; - -webkit-justify-content: center; - justify-content: center; - padding: 15px; - min-width: 200px; - background: #EF5350; - color: #fff; - text-align: center; + width: 100%; + -webkit-display: flex; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 15px; + min-width: 200px; + background: #EF5350; + color: #fff; + text-align: center; } .only-in-pro .title { - font-family: 'Roboto', sans-serif; - font-size: 24px; - line-height: 40px; - margin: 0px; + font-family: 'Roboto', sans-serif; + font-size: 24px; + line-height: 40px; + margin: 0px; } /*--- Pricing Table Tooltip ---*/ div.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow { - position: absolute; - top: 50%; + position: absolute; + top: 50%; } div.tooltipster-sidetip.tooltipster-top div.tooltipster-box { - margin-bottom: 0px !important; + margin-bottom: 0px !important; } div.tooltipster-sidetip.tooltipster-bottom div.tooltipster-box { - margin-top: 0px !important; + margin-top: 0px !important; } .tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { - top: auto; - bottom: -8px; + top: auto; + bottom: -8px; } div.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { - top: -8px; - bottom: auto; + top: -8px; + bottom: auto; } - /* ----------------------------------------- */ /* 22. Caldera Contact Form Styler /* ----------------------------------------- */ .eael-caldera-form-align-left, .eael-caldera-form-btn-align-left { - text-align: left; + text-align: left; } .eael-caldera-form-align-right, .eael-caldera-form-btn-align-right { - text-align: right; + text-align: right; } .eael-caldera-form-align-center, .eael-caldera-form-btn-align-center { - text-align: center; + text-align: center; } .eael-caldera-form .control-label { - display: none; + display: none; } .eael-caldera-form-labels-yes .control-label { - display: block; + display: block; } .eael-caldera-form-button-center .form-group input[type=button], .eael-caldera-form-button-center .form-group input[type=submit] { - display: block; - margin: 0 auto; + display: block; + margin: 0 auto; } .eael-caldera-form-button-right .form-group input[type=button], .eael-caldera-form-button-right .form-group input[type=submit] { - float: right; + float: right; } .eael-caldera-form .intl-tel-input { - display: inherit; + display: inherit; } .eael-custom-radio-checkbox .caldera-grid input[type=checkbox], .eael-custom-radio-checkbox .caldera-grid input[type=radio] { - border-style: solid; - border-width: 0; - padding: 3px; - -webkit-appearance: none; + border-style: solid; + border-width: 0; + padding: 3px; + -webkit-appearance: none; } .eael-caldera-form-button-full-width .form-group input[type=submit], .eael-caldera-form-button-full-width .form-group input[type=button] { - width: 100%; + width: 100%; } - /* ------------------- */ /* 23. WPForms /* ------------------- */ - .eael-wpforms .wpforms-container .wpforms-form input[type=submit], .eael-wpforms .wpforms-container .wpforms-form button[type=submit], .eael-wpforms .wpforms-container .wpforms-form .wpforms-page-button { - border: 0; + border: 0; } .eael-wpforms .wpforms-container .wpforms-form input[type=submit]:hover, .eael-wpforms .wpforms-container .wpforms-form button[type=submit]:hover, .eael-wpforms .wpforms-container .wpforms-form .wpforms-page-button:hover { - border: 0; + border: 0; } .eael-wpforms .wpforms-container .wpforms-form input[type=checkbox], .eael-wpforms .wpforms-container .wpforms-form input[type=radio] { - padding: 3px; + padding: 3px; } .eael-wpforms .wpforms-container .wpforms-form .wpforms-field-label { - display: none; + display: none; } .eael-wpforms .wpforms-container .wpforms-form .wpforms-field-name .wpforms-field-row { - max-width: 100%; + max-width: 100%; } .eael-wpforms .wpforms-container .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .eael-wpforms .wpforms-container .wpforms-field textarea, .eael-wpforms .wpforms-container .wpforms-field select { - max-width: 100% !important; + max-width: 100% !important; } .eael-wpforms-labels-yes .wpforms-container .wpforms-form .wpforms-field-label { - display: block; + display: block; } .eael-wpforms-form-button-full-width .wpforms-submit-container .wpforms-submit { - width: 100%; + width: 100%; } - /* ------------------------ */ /* 24. Social Feeds /* ------------------------ */ - .swiper-container-wrap .swiper-slide .eael-social-feed-element img { - width: 100%; + width: 100%; } /*--- Twitter Feed Styles ---*/ .eael-social-feed-element.hidden { - background-color: red !important; + background-color: red !important; } .eael-facebook-feed-wrapper::before, @@ -3905,2683 +4172,3202 @@ div.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { .eael-twitter-feed-wrapper::after, .eael-twitter-feed-container::before, .eael-twitter-feed-container::after { - content: ""; - clear: both; + content: ""; + clear: both; } .eael-social-feed-element .pull-left { - float: left; - margin-right: 10px; + float: left; + margin-right: 10px; } .eael-social-feed-element .pull-right { - margin-left: 10px; + margin-left: 10px; } .eael-social-feed-element img { - width: 100%; - height: auto; - border: 0; - vertical-align: middle; - -ms-interpolation-mode: bicubic; + width: 100%; + height: auto; + border: 0; + vertical-align: middle; + -ms-interpolation-mode: bicubic; } .eael-social-feed-element .attachment { - vertical-align: middle; - -ms-interpolation-mode: bicubic; + vertical-align: middle; + -ms-interpolation-mode: bicubic; } /*--- Link styles ---*/ .eael-social-feed-element a { - color: #0088cc; - text-decoration: none; + color: #0088cc; + text-decoration: none; } .eael-social-feed-element a:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } .eael-social-feed-element a:hover, .eael-social-feed-element a:active { - outline: 0; - color: #005580; - text-decoration: underline; + outline: 0; + color: #005580; + text-decoration: underline; } /*--- Text styles ---*/ .eael-social-feed-element small { - font-size: 85%; + font-size: 85%; } .eael-social-feed-element strong { - font-weight: bold; + font-weight: bold; } .eael-social-feed-element em { - font-style: italic; + font-style: italic; } .eael-social-feed-element p { - margin: 0 0 10px; + margin: 0 0 10px; } -.eael-social-feed-element .media-body>p { - margin-bottom: 4px; - min-height: 20px; +.eael-social-feed-element .media-body > p { + margin-bottom: 4px; + min-height: 20px; } .eael-social-feed-element p.social-feed-text { - margin: 0; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: 5; - -webkit-box-orient: vertical; + margin: 0; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; } /*--- Message styles ---*/ .eael-social-feed-element, .eael-social-feed-element .media-body { - overflow: hidden; - zoom: 1; - overflow: visible; + overflow: hidden; + zoom: 1; + overflow: visible; } .eael-social-feed-element { - padding: 10px; - background: none; + padding: 10px; + background: none; } .eael-social-feed-element .media-body .social-network-icon { - margin-top: -3px; - margin-right: 5px; - width: 16px; + margin-top: -3px; + margin-right: 5px; + width: 16px; } .eael-social-feed-element .media-body div { - color: #666; - line-height: 20px; - clear: both; + color: #666; + line-height: 20px; + clear: both; } .eael-social-feed-element:first-child { - margin-top: 0; + margin-top: 0; } .eael-social-feed-element .media-object { - display: block; - width: 48px; - border-radius: 50%; + display: block; + width: 48px; + -webkit-border-radius: 50%; + border-radius: 50%; } .eael-social-feed-element .media-heading { - margin: 0 0 5px; + margin: 0 0 5px; } .eael-social-feed-element .media-list { - margin-left: 0; - list-style: none; + margin-left: 0; + list-style: none; } .eael-social-feed-element .muted { - color: #999; + color: #999; } .eael-social-feed-element a.muted:hover, .eael-social-feed-element a.muted:focus { - color: #808080; + color: #808080; } .eael-social-feed-element { - transition: 0.25s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - margin: -1px; - margin-top: 25px; - color: #333; - text-align: left; - font-size: 14px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - line-height: 16px; + -webkit-transition: 0.25s; + -o-transition: 0.25s; + transition: 0.25s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + margin: -1px; + margin-top: 25px; + color: #333; + text-align: left; + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 16px; } .eael-social-feed-element .eael-content { - padding: 20px 15px 15px; - transition: .4s; - background: #fff; + padding: 20px 15px 15px; + -webkit-transition: .4s; + -o-transition: .4s; + transition: .4s; + background: #fff; } .eael-social-feed-element .social-network-icon { - opacity: 0.7; + opacity: 0.7; } .eael-social-feed-element .author-title { - color: #444; - line-height: 1.5em; - font-weight: 500; + color: #444; + line-height: 1.5em; + font-weight: 500; } /*--- Icon Color ---*/ .media-body .fa-twitter { - color: #1da1f2; - margin-right: 8px; + color: #1da1f2; + margin-right: 8px; } .media-body .fa-facebook { - color: #3b5998; - margin-right: 8px; + color: #3b5998; + margin-right: 8px; } /*--- Read More Link ---*/ .text-wrapper p .read-more-link { - margin-top: 9px; - display: block; + margin-top: 9px; + display: block; } /*--- Loading Loader ---*/ .eael-social-feed-wrapper { - width: 100%; - height: auto; - position: relative; - z-index: 0; + width: 100%; + height: auto; + position: relative; + z-index: 0; } .eael-loading-feed { - display: none; - position: absolute; - width: 100%; - height: 100%; - top: 0px; - left: 0px; - bottom: 0px; - right: 0px; + display: none; + position: absolute; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + bottom: 0px; + right: 0px; } .eael-loading-feed.show-loading { - display: block; - text-align: center; - z-index: 10; - display: flex; - align-items: center; - justify-content: center; - transition: .5s; + display: block; + text-align: center; + z-index: 10; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: .5s; + -o-transition: .5s; + transition: .5s; } .eael-loading-feed .loader { - border: 3px solid #f3f3f3; - border-radius: 50%; - border-top: 3px solid #3498db; - width: 30px; - height: 30px; - -webkit-animation: spin 2s linear infinite; - /* Safari */ - animation: spin 2s linear infinite; - margin: 0 auto; + border: 3px solid #f3f3f3; + -webkit-border-radius: 50%; + border-radius: 50%; + border-top: 3px solid #3498db; + width: 30px; + height: 30px; + -webkit-animation: spin 2s linear infinite; + /* Safari */ + animation: spin 2s linear infinite; + margin: 0 auto; } - /*--- Safari ---*/ @-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } } - @keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } - /*--- List View ---*/ .eael-social-feed-container.list-view .eael-social-feed-element { - margin: 15px; - border: 1px solid rgba( 0, 0, 0, 0.1); - background: none; + margin: 15px; + border: 1px solid rgba(0, 0, 0, 0.1); + background: none; } /*--- Carousel View ---*/ .eael-social-feed-container.carousel-view { - width: 100%; - height: auto; + width: 100%; + height: auto; } /*--- Masonry View ---*/ .eael-twitter-feed-container.masonry-view .eael-social-feed-element, .eael-facebook-feed-container.masonry-view .eael-social-feed-element { - width: 33.33%; - margin-top: 0px; - float: left; + width: 33.33%; + margin-top: 0px; + float: left; } .eael-social-feed-element .eael-content { - border: 1px solid rgba( 0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, 0.1); } /*--- Editor Related Style ---*/ .eael-social-feed-avatar-circle .eael-social-feed-element .media-object { - border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } .eael-social-feed-avatar-square .eael-social-feed-element .media-object { - border-radius: 0%; + -webkit-border-radius: 0%; + border-radius: 0%; } .eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date .eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date { - text-align: left !important; + text-align: left !important; } /*--- Media Query ---*/ -@media only screen and ( min-width: 768px) and (max-width: 992px) { - .eael-twitter-feed-container.masonry-view .eael-social-feed-element, - .eael-facebook-feed-container.masonry-view .eael-social-feed-element { - width: 50% !important; - } +@media only screen and (min-width: 768px) and (max-width: 992px) { + .eael-twitter-feed-container.masonry-view .eael-social-feed-element, + .eael-facebook-feed-container.masonry-view .eael-social-feed-element { + width: 50% !important; + } } - @media only screen and (max-width: 480px) { - .eael-twitter-feed-container.masonry-view .eael-social-feed-element, - .eael-facebook-feed-container.masonry-view .eael-social-feed-element { - width: 100% !important; - } + .eael-twitter-feed-container.masonry-view .eael-social-feed-element, + .eael-facebook-feed-container.masonry-view .eael-social-feed-element { + width: 100% !important; + } +} +table.eael-data-table thead .sorting, table.eael-data-table thead .sorting_desc, table.eael-data-table thead .sorting_asc { + position: relative; + z-index: 0; + outline: 0; + cursor: pointer; +} + +table.eael-data-table thead .sorting:after, table.eael-data-table thead .sorting_desc:after, table.eael-data-table thead .sorting_asc:after { + position: absolute; + top: 50%; + right: 10px; + font-family: "FontAwesome"; + color: #fff; + z-index: 1; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } - -/* ------------------------ */ -/* 25. Data Table -/* ------------------------ */ - - -/*--- General Style ---*/ .eael-data-table-wrap .eael-data-tables_wrapper { - display: flex; - flex-flow: row wrap; - justify-content: flex-start; - width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + width: 100%; +} +.eael-data-table-wrap .eael-data-tables_filter { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + text-align: right; } - -.eael-data-table-wrap .eael-data-tables_filter, -.eael-data-table-wrap .eael-data-tables_length, -.eael-data-table-wrap .eael-data-tables_info, -.eael-data-table-wrap .eael-data-tables_paginate { - flex-grow: 1; - flex-basis: 50%; +.eael-data-table-wrap .eael-data-tables_filter label { + font-weight: 700; } - -.eael-data-table-wrap .eael-data-tables_filter, -.eael-data-table-wrap .eael-data-tables_paginate { - text-align: right; +.eael-data-table-wrap .eael-data-tables_filter label input[type="search"] { + height: 40px; + border: 1px solid rgba(0, 0, 0, 0.09); + outline: 0; + padding: 10px; + margin-left: 10px; +} +.eael-data-table-wrap .eael-data-tables_length { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; } - .eael-data-table-wrap .eael-data-tables_length select { - width: auto; - max-width: 120px; - height: 40px; - border: 1px solid rgba( 0, 0, 0, 0.09); - outline: 0; - margin-left: 10px; - margin-right: 10px; + width: auto; + max-width: 120px; + height: 40px; + border: 1px solid rgba(0, 0, 0, 0.09); + outline: 0; + margin-left: 10px; + margin-right: 10px; +} +.eael-data-table-wrap .eael-data-tables_length label { + font-weight: 700; +} +.eael-data-table-wrap .eael-data-tables_info { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + font-weight: 700; +} +.eael-data-table-wrap .eael-data-tables_paginate { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + text-align: right; } - .eael-data-table-wrap .eael-data-tables_paginate .paginate_button { - padding: 10px 15px; - background: #f2f2f2; - margin-right: 2px; - cursor: pointer; - transition: all .3s; + padding: 10px 15px; + background: #f2f2f2; + margin-right: 2px; + cursor: pointer; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; +} +.eael-data-table-wrap .eael-data-tables_paginate .paginate_button:hover { + color: #fff; + background: #4a4893; } - -.eael-data-table-wrap .eael-data-tables_paginate .paginate_button:hover, .eael-data-table-wrap .eael-data-tables_paginate .paginate_button.current { - color: #fff; - background: #4a4893; + color: #fff; + background: #4a4893; } - .eael-data-table-wrap .eael-data-tables_paginate .paginate_button.disabled { - cursor: no-drop; - background: #f2f2f2; - opacity: .5; - color: #888; + cursor: no-drop; + background: #f2f2f2; + opacity: .5; + color: #888; } -.eael-data-table-wrap .eael-data-tables_info, -.eael-data-table-wrap .eael-data-tables_length label, -.eael-data-table-wrap .eael-data-tables_filter label { - font-weight: 700; +.data-header-icon { + margin-right: 10px; } -.eael-data-table-wrap .eael-data-tables_filter label input[type="search"] { - height: 40px; - border: 1px solid rgba( 0, 0, 0, 0.09); - outline: 0; - padding: 10px; - margin-left: 10px; +.eael-data-table { + width: 100%; + height: auto; + margin: 0; + border-collapse: collapse; + border: none; } - -table.eael-data-table .sorting.sorting-none:after, -table.eael-data-table .sorting_desc.sorting-none:after, -table.eael-data-table .sorting_asc.sorting-none:after { - display: none; +.eael-data-table tr { + border-style: none; } - -table.eael-data-table thead .sorting, -table.eael-data-table thead .sorting_desc, -table.eael-data-table thead .sorting_asc { - position: relative; - z-index: 0; - outline: 0; - cursor: pointer; +.eael-data-table thead tr { + text-align: left; +} +.eael-data-table thead tr th { + padding: 20px 15px; + background: #4a4893; + font-size: 16px; + font-weight: 600; + font-family: "Montserrat", "sans-serif"; + line-height: 1; + color: #fff; + border-color: #000; + border-width: 2px; + border-style: none; + background-clip: padding-box; +} +.eael-data-table thead tr th:hover { + border-color: #000; } - -table.eael-data-table thead .sorting:after, -table.eael-data-table thead .sorting_desc:after, -table.eael-data-table thead .sorting_asc:after { - position: absolute; - top: 50%; - right: 10px; - font-family: 'FontAwesome'; - color: #fff; - z-index: 1; - transform: translateY(-50%); +.eael-data-table tbody tr.even { + -webkit-transition: background 0.4s ease-in-out; + -o-transition: background 0.4s ease-in-out; + transition: background 0.4s ease-in-out; } - -table.eael-data-table thead .sorting:after { - content: "\f0dc"; +.eael-data-table tbody tr.even:hover { + background: rgba(242, 242, 242, 0.7); } - -table.eael-data-table thead .headerSortDown:after { - content: "\f0dd"; +.eael-data-table tbody tr.even:last-child { + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } - -table.eael-data-table thead .headerSortUp:after { - content: "\f0de"; +.eael-data-table tbody tr.odd { + background: rgba(242, 242, 242, 0.5); + -webkit-transition: background 0.2s ease-in-out; + -o-transition: background 0.2s ease-in-out; + transition: background 0.2s ease-in-out; } - -.data-header-icon { - margin-right: 10px; +.eael-data-table tbody tr.odd:hover { + background: rgba(242, 242, 242, 0.7); } - -/*--- Table style ---*/ -.eael-data-table { - width: 100%; - height: auto; - border-collapse: separate; - margin: 0px; +.eael-data-table tbody tr.odd:last-child { + border-bottom: 1px solid rgba(0, 0, 0, 0.09); } - -.eael-data-table thead tr { - text-align: left; +.eael-data-table tbody tr td { + padding: 20px 15px; + font-size: 14px; + font-family: "Montserrat", "sans-serif"; + line-height: 1; + border-width: 2px; + border-style: none; + background-clip: padding-box; } -.eael-data-table thead tr th, -.eael-data-table thead tr th:first-child { - padding: 20px 15px; - background: #4a4893; - font-size: 16px; - font-weight: 600; - font-family: 'Montserrat', sans-serif; - line-height: 1; - color: #fff; - border-right: 1px solid rgba( 0, 0, 0, .1); +.eael-data-table-th-img { + display: inline-block; + margin: 0 15px 0 0; + line-height: 1; } -.eael-data-table thead tr th:last-child { - border: 0px; +.th-mobile-screen { + display: none; } -.eael-data-table tbody tr.even { - transition: background 0.4s ease-in-out; -} +@media (max-width: 39.9375em) { + .eael-data-table-wrap { + overflow-x: scroll !important; + padding-bottom: 5px; + } -.eael-data-table tbody tr.odd { - background: rgba( 242, 242, 242, 0.5); - transition: background 0.2s ease-in-out; -} + .th-mobile-screen { + display: inline-block; + padding: 0 .6em; + margin-right: 10px; + text-align: center; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-flex-basis: 100px; + -ms-flex-preferred-size: 100px; + flex-basis: 100px; + } + .th-mobile-screen .eael-data-table-th-img { + margin: 0 auto 15px auto; + display: block; + } + .th-mobile-screen .data-header-icon { + margin: 0 auto 15px auto; + display: block; + } -.eael-data-table tbody tr.even:hover, -.eael-data-table tbody tr.odd:hover { - background: rgba( 242, 242, 242, 0.7); -} + .td-content-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + } -.eael-data-table tbody tr.even:last-child, -.eael-data-table tbody tr.odd:last-child { - border-bottom: 1px solid rgba( 0, 0, 0, 0.09); + .td-content { + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .td-content > p { + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .custom-responsive-option-enable .eael-data-table thead { + display: none; + } + .custom-responsive-option-enable .eael-data-table tbody tr td { + float: none; + clear: left; + width: 100%; + text-align: left; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .eael-data-table .td-content { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } } - -.eael-data-table tbody tr td, -.eael-data-table tbody tr td:first-child { - padding: 20px 15px; - font-size: 14px; - font-family: 'Montserrat', sans-serif; - line-height: 1; - border-right: 1px solid rgba( 0, 0, 0, 0.06); +table.eael-data-table thead .sorting:after { + content: "\f0dc"; } - -.eael-data-table tbody tr td:last-child { - border-right: 0px; +table.eael-data-table thead .headerSortDown:after { + content: "\f0dd"; +} +table.eael-data-table thead .headerSortUp:after { + content: "\f0de"; } - table.eael-data-table thead .sorting_disabled.sorting:after { - display: none; + display: none; +} +table.eael-data-table .sorting.sorting-none:after { + display: none; +} +table.eael-data-table .sorting_desc.sorting-none:after { + display: none; +} +table.eael-data-table .sorting_asc.sorting-none:after { + display: none; } .eael-table-align-left table.eael-data-table { - float: left; + float: left; } .eael-table-align-center table.eael-data-table { - margin: 0 auto; + margin: 0 auto; } .eael-table-align-right table.eael-data-table { - float: right; + float: right; } -/*--- Edidtor related ---*/ .eael-hide-elements .eael-data-tables_info { - display: none; + display: none; } -.eael-dt-th-align-left .eael-data-table thead tr th, -.eael-dt-td-align-left .eael-data-table tbody tr td { - text-align: left; +.eael-dt-th-align-left .eael-data-table thead tr th { + text-align: left; } -.eael-dt-th-align-right .eael-data-table thead tr th, -.eael-dt-td-align-right .eael-data-table tbody tr td { - text-align: right; - padding-right: 30px; +.eael-dt-td-align-left .eael-data-table tbody tr td { + text-align: left; } -.eael-dt-th-align-center .eael-data-table thead tr th, -.eael-dt-td-align-center .eael-data-table tbody tr td { - text-align: center; +.eael-dt-th-align-right .eael-data-table thead tr th { + text-align: right; + padding-right: 30px; } -.eael-data-table-th-img { - display: inline-block; - margin: 0px 15px 0px 0px; - line-height: 1; +.eael-dt-td-align-right .eael-data-table tbody tr td { + text-align: right; + padding-right: 30px; } -.th-mobile-screen { - display: none; +.eael-dt-th-align-center .eael-data-table thead tr th { + text-align: center; } -@media (max-width: 39.9375em) { - .eael-data-table-wrap { - overflow-x: scroll !important; - padding-bottom: 5px; - } - .th-mobile-screen { - display: inline-block; - padding: 0 .6em; - margin-right: 10px; - text-align: center; - } - .td-content-wrapper { - display: flex; - width: 100%; - } - .th-mobile-screen { - flex-grow: 0; - flex-shrink: 0; - flex-basis: 100px; - } - .th-mobile-screen .eael-data-table-th-img, - .th-mobile-screen .data-header-icon { - margin: 0px auto 15px auto; - display: block; - } - .custom-responsive-option-enable .eael-data-table thead { - display: none; - } - .custom-responsive-option-enable .eael-data-table tbody tr td { - display: block; - float: none; - clear: left; - width: 100%; - } - .custom-responsive-option-enable .eael-data-table tbody tr td { - text-align: left; - display: flex; - align-items: center; - } - .eael-data-table .td-content { - align-items: center; - display: flex; - } - .td-content, - .td-content>p { - width: 100%; - justify-content: center; - } +.eael-dt-td-align-center .eael-data-table tbody tr td { + text-align: center; } - /* ------------------------ */ /* 26. Magnific Popup /* ------------------------ */ - /*--- Magnific Popup CSS ---*/ .mfp-bg { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1042; - overflow: hidden; - position: fixed; - background: #0b0b0b; - opacity: 0.8; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; } .mfp-wrap { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1043; - position: fixed; - outline: none !important; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } .mfp-container { - text-align: center; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - padding: 0 8px; - box-sizing: border-box; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .mfp-container:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } .mfp-align-top .mfp-container:before { - display: none; + display: none; } .mfp-content { - position: relative; - display: inline-block; - vertical-align: middle; - margin: 0 auto; - text-align: left; - z-index: 1045; + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { - width: 100%; - cursor: auto; + width: 100%; + cursor: auto; } .mfp-ajax-cur { - cursor: progress; + cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { - cursor: -moz-zoom-out; - cursor: -webkit-zoom-out; - cursor: zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } .mfp-zoom { - cursor: pointer; - cursor: -webkit-zoom-in; - cursor: -moz-zoom-in; - cursor: zoom-in; + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: zoom-in; } .mfp-auto-cursor .mfp-content { - cursor: auto; + cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .mfp-loading.mfp-figure { - display: none; + display: none; } .mfp-hide { - display: none !important; + display: none !important; } .mfp-preloader { - color: #CCC; - position: absolute; - top: 50%; - width: auto; - text-align: center; - margin-top: -0.8em; - left: 8px; - right: 8px; - z-index: 1044; + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } .mfp-preloader a { - color: #CCC; + color: #CCC; } .mfp-preloader a:hover { - color: #FFF; + color: #FFF; } .mfp-s-ready .mfp-preloader { - display: none; + display: none; } .mfp-s-error .mfp-content { - display: none; + display: none; } button.mfp-close, button.mfp-arrow { - overflow: visible; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; - display: block; - outline: none; - padding: 0; - z-index: 1046; - box-shadow: none; - touch-action: manipulation; + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + -webkit-box-shadow: none; + box-shadow: none; + -ms-touch-action: manipulation; + touch-action: manipulation; } button::-moz-focus-inner { - padding: 0; - border: 0; + padding: 0; + border: 0; } .mfp-close { - width: 44px; - height: 44px; - line-height: 44px; - position: absolute; - right: 0; - top: 0; - text-decoration: none; - text-align: center; - opacity: 0.65; - padding: 0 0 18px 10px; - color: #FFF; - font-style: normal; - font-size: 28px; - font-family: Arial, Baskerville, monospace; + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { - opacity: 1; + opacity: 1; } .mfp-close:active { - top: 1px; + top: 1px; } .mfp-close-btn-in .mfp-close { - color: #333; + color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { - color: #FFF; - right: -6px; - text-align: right; - padding-right: 6px; - width: 100%; + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } .mfp-counter { - position: absolute; - top: 0; - right: 0; - color: #CCC; - font-size: 12px; - line-height: 18px; - white-space: nowrap; + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } .mfp-arrow { - position: absolute; - opacity: 0.65; - margin: 0; - top: 50%; - margin-top: -55px; - padding: 0; - width: 90px; - height: 110px; - -webkit-tap-highlight-color: transparent; + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { - margin-top: -54px; + margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { - opacity: 1; + opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - left: 0; - top: 0; - margin-top: 35px; - margin-left: 35px; - border: medium inset transparent; + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } .mfp-arrow:after { - border-top-width: 13px; - border-bottom-width: 13px; - top: 8px; + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } .mfp-arrow:before { - border-top-width: 21px; - border-bottom-width: 21px; - opacity: 0.7; + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } .mfp-arrow-left { - left: 0; + left: 0; } .mfp-arrow-left:after { - border-right: 17px solid #FFF; - margin-left: 31px; + border-right: 17px solid #FFF; + margin-left: 31px; } .mfp-arrow-left:before { - margin-left: 25px; - border-right: 27px solid #3F3F3F; + margin-left: 25px; + border-right: 27px solid #3F3F3F; } .mfp-arrow-right { - right: 0; + right: 0; } .mfp-arrow-right:after { - border-left: 17px solid #FFF; - margin-left: 39px; + border-left: 17px solid #FFF; + margin-left: 39px; } .mfp-arrow-right:before { - border-left: 27px solid #3F3F3F; + border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { - padding-top: 40px; - padding-bottom: 40px; + padding-top: 40px; + padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { - line-height: 0; - width: 100%; - max-width: 900px; + line-height: 0; + width: 100%; + max-width: 900px; } .mfp-iframe-holder .mfp-close { - top: -40px; + top: -40px; } .mfp-iframe-scaler { - width: 100%; - height: 0; - overflow: hidden; - padding-top: 56.25%; + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } .mfp-iframe-scaler iframe { - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: #000; + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } - /*--- Main image in popup ---*/ img.mfp-img { - width: auto; - max-width: 100%; - height: auto; - display: block; - line-height: 0; - box-sizing: border-box; - padding: 40px 0 40px; - margin: 0 auto; + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } - /*--- The shadow behind the image ---*/ .mfp-figure { - line-height: 0; + line-height: 0; } .mfp-figure:after { - content: ''; - position: absolute; - left: 0; - top: 40px; - bottom: 40px; - display: block; - right: 0; - width: auto; - height: auto; - z-index: -1; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: #444; + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } .mfp-figure small { - color: #BDBDBD; - display: block; - font-size: 12px; - line-height: 14px; + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } .mfp-figure figure { - margin: 0; + margin: 0; } .mfp-bottom-bar { - margin-top: -36px; - position: absolute; - top: 100%; - left: 0; - width: 100%; - cursor: auto; + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } .mfp-title { - text-align: left; - line-height: 18px; - color: #F3F3F3; - word-wrap: break-word; - padding-right: 36px; + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } .mfp-image-holder .mfp-content { - max-width: 100%; + max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { - cursor: pointer; + cursor: pointer; } button.mfp-close, button.mfp-close:hover { - display: inline-block !important; - background: transparent; - width: auto !important; + display: inline-block !important; + background: transparent; + width: auto !important; } .mfp-arrow, .mfp-arrow:hover { - background: transparent; -} - -@media screen and (max-width: 800px) and (orientation: landscape), -screen and (max-height: 300px) { - /** - * Remove all paddings around the image on small screen - */ - .mfp-img-mobile .mfp-image-holder { - padding-left: 0; - padding-right: 0; - } - .mfp-img-mobile img.mfp-img { - padding: 0; - } - .mfp-img-mobile .mfp-figure:after { - top: 0; - bottom: 0; - } - .mfp-img-mobile .mfp-figure small { - display: inline; - margin-left: 5px; - } - .mfp-img-mobile .mfp-bottom-bar { - background: rgba(0, 0, 0, 0.6); - bottom: 0; - margin: 0; - top: auto; - padding: 3px 5px; - position: fixed; - box-sizing: border-box; - } - .mfp-img-mobile .mfp-bottom-bar:empty { - padding: 0; - } - .mfp-img-mobile .mfp-counter { - right: 5px; - top: 3px; - } - .mfp-img-mobile .mfp-close { - top: 0; - right: 0; - width: 35px; - height: 35px; - line-height: 35px; - background: rgba(0, 0, 0, 0.6); - position: fixed; - text-align: center; - padding: 0; - } + background: transparent; } -@media all and (max-width: 900px) { - .mfp-arrow { - -webkit-transform: scale(0.75); - transform: scale(0.75); - } - .mfp-arrow-left { - -webkit-transform-origin: 0; - transform-origin: 0; - } - .mfp-arrow-right { - -webkit-transform-origin: 100%; - transform-origin: 100%; - } - .mfp-container { - padding-left: 6px; - padding-right: 6px; - } -} +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; + } + + .mfp-img-mobile img.mfp-img { + padding: 0; + } + + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; + } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; + } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } + + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; + } + + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; + } + + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; + } +} +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + -ms-transform: scale(0.75); + transform: scale(0.75); + } + + .mfp-arrow-left { + -webkit-transform-origin: 0; + -ms-transform-origin: 0; + transform-origin: 0; + } + + .mfp-arrow-right { + -webkit-transform-origin: 100%; + -ms-transform-origin: 100%; + transform-origin: 100%; + } + + .mfp-container { + padding-left: 6px; + padding-right: 6px; + } +} /*------------------------------*/ /* 27. Filterable Gallery /*------------------------------*/ .eael-filter-gallery-control { - width: 100%; + width: 100%; } .eael-filter-gallery-control ul, .eael-filter-gallery-control ul li { - text-align: center; + text-align: center; } .eael-filter-gallery-control ul { - margin: 0px 0px 20px 0px; - padding: 0px; - text-align: center; + margin: 0px 0px 20px 0px; + padding: 0px; + text-align: center; } .eael-filter-gallery-control { - display: flex; - flex-flow: 1 1 auto; - align-items: center; - justify-content: center; - flex-flow: row wrap; - padding: 0px; - margin: 0px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: 1 1 auto; + -ms-flex-flow: 1 1 auto; + flex-flow: 1 1 auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + padding: 0px; + margin: 0px; } .eael-filter-gallery-control ul li { - list-style: none; - font-size: 24px; - display: inline-block; - text-align: center; + list-style: none; + font-size: 24px; + display: inline-block; + text-align: center; } .eael-filter-gallery-control ul li a.control { - font-family: 'Montserrat', sans-serif; - font-size: 16px; - font-weight: 600; - padding: 10px 25px; - margin: 10px 6px; + font-family: 'Montserrat', sans-serif; + font-size: 16px; + font-weight: 600; + padding: 10px 25px; + margin: 10px 6px; } .eael-filter-gallery-container { - text-align: justify; - font-size: 0.1px; + text-align: justify; + font-size: 0.1px; } .eael-filter-gallery-container:after { - content: ''; - display: inline-block; - width: 100%; + content: ''; + display: inline-block; + width: 100%; } .eael-filter-gallery-container:not(.eael-cards) .item:before { - content: ''; - display: inline-block; - padding-top: 56.25%; + content: ''; + display: inline-block; + padding-top: 56.25%; } .eael-filter-gallery-container .item .caption { - position: absolute; - display: flex; - flex-flow: 1 1 100%; - align-items: center; - justify-content: center; - z-index: 1; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - transition: transform .4s; + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: 1 1 100%; + -ms-flex-flow: 1 1 100%; + flex-flow: 1 1 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + z-index: 1; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + -webkit-transition: -webkit-transform .4s; + transition: -webkit-transform .4s; + -o-transition: transform .4s; + transition: transform .4s; + transition: transform .4s, -webkit-transform .4s; } .eael-filter-gallery-container.eael-cards .item .caption { - display: none; + display: none; } .eael-filter-gallery-container.eael-cards .item .item-img .caption { - position: absolute; - display: flex; - flex-flow: 1 1 100%; - align-items: center; - justify-content: center; - z-index: 10; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - transition: transform .4s; + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: 1 1 100%; + -ms-flex-flow: 1 1 100%; + flex-flow: 1 1 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + z-index: 10; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + -webkit-transition: -webkit-transform .4s; + transition: -webkit-transform .4s; + -o-transition: transform .4s; + transition: transform .4s; + transition: transform .4s, -webkit-transform .4s; } .gallery-item-caption-over { - width: 100%; - height: auto; + width: 100%; + height: auto; } a.eael-gallery-load-more, a.eael-gallery-load-more:hover { - text-decoration: none; + text-decoration: none; } /*--- Caption Animation ---*/ .eael-filter-gallery-container .item .caption.eael-zoom-in, .eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-zoom-in { - transform: scale(0); + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); } .eael-filter-gallery-container .item:hover .caption.eael-zoom-in, .eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-zoom-in { - transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } .eael-filter-gallery-container .item .caption.eael-slide-left, .eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-left { - transform: translateX(-100%); + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); } .eael-filter-gallery-container .item:hover .caption.eael-slide-left, .eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-left { - transform: translateX(0%); + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); } .eael-filter-gallery-container .item .caption.eael-slide-right, .eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-right { - transform: translateX(100%); + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); } .eael-filter-gallery-container .item:hover .caption.eael-slide-right, .eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-right { - transform: translateX(0%); + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); } .eael-filter-gallery-container .item .caption.eael-slide-top, .eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-top { - transform: translateY(-100%); + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); } .eael-filter-gallery-container .item:hover .caption.eael-slide-top, .eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-top { - transform: translateY(0%); + -webkit-transform: translateY(0%); + -ms-transform: translateY(0%); + transform: translateY(0%); } .eael-filter-gallery-container .item .caption.eael-slide-bottom, .eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-bottom { - transform: translateY(100%); + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); } .eael-filter-gallery-container .item:hover .caption.eael-slide-bottom, .eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-bottom { - transform: translateY(0%); + -webkit-transform: translateY(0%); + -ms-transform: translateY(0%); + transform: translateY(0%); } .eael-filter-gallery-container .item .caption a { - display: inline-block; - width: 50px; - height: 50px; - text-align: center; - line-height: 50px; - border-radius: 50%; - margin: 0 5px; - font-size: 20px; - cursor: pointer; - transition: .3s; + display: inline-block; + width: 50px; + height: 50px; + text-align: center; + line-height: 50px; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0 5px; + font-size: 20px; + cursor: pointer; + -webkit-transition: .3s; + -o-transition: .3s; + transition: .3s; } .eael-filter-gallery-container .item .caption a:nth-child(1), .eael-container .item .caption a:nth-child(2) { - transition: .6s; - opacity: 0; + -webkit-transition: .6s; + -o-transition: .6s; + transition: .6s; + opacity: 0; } .eael-filter-gallery-container .item .caption a:nth-child(1) { - transform: translateY(-100%); + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); } .eael-filter-gallery-container .item .caption a:nth-child(2) { - transform: translateY(100%); + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); } .eael-filter-gallery-container .item .caption:hover a:nth-child(1), .eael-filter-gallery-container .item .caption:hover a:nth-child(2) { - transform: translateY(0%); - opacity: 1; + -webkit-transform: translateY(0%); + -ms-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; } .eael-filter-gallery-container .item .caption .eael-popup-link { - outline: 0; + outline: 0; } - /*--- Filter Gallery Card Style ---*/ - .eael-filter-gallery-container.eael-cards .item:before { - padding-top: 0px; + padding-top: 0px; } .eael-filter-gallery-container.eael-cards .item-img { - position: relative; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - height: 220px; - z-index: 0; - overflow: hidden; + position: relative; + background-repeat: no-repeat; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + height: 220px; + z-index: 0; + overflow: hidden; } .eael-filter-gallery-container.eael-cards .item-content { - padding: 15px; + padding: 15px; } .eael-filter-gallery-container.eael-cards .item-content .title, .eael-filter-gallery-container.eael-cards .item-content .title a { - font-size: 20px; - line-height: 1; - margin-bottom: 0px; - transition: .3s; + font-size: 20px; + line-height: 1; + margin-bottom: 0px; + -webkit-transition: .3s; + -o-transition: .3s; + transition: .3s; } .eael-filter-gallery-container.eael-cards .item-content p { - font-size: 14px; - line-height: 26px; + font-size: 14px; + line-height: 26px; } .eael-fg-card-content-align-center .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over { - text-align: center; + text-align: center; } .eael-fg-card-content-align-right .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over { - text-align: right; + text-align: right; } .eael-fg-hoverer-content-align-center .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over { - text-align: center; + text-align: center; } .eael-fg-hoverer-content-align-right .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over { - text-align: right; + text-align: right; } - /*--- Editor Specific Style ---*/ - .eael-fg-content-align-left .eael-cards .item .item-content { - text-align: left; + text-align: left; } .eael-fg-content-align-center .eael-cards .item .item-content { - text-align: center; + text-align: center; } .eael-fg-content-align-right .eael-cards .item .item-content { - text-align: right; + text-align: right; } - /*--- Magnific Gallery Fix ---*/ - -.mfp-wrap~div.dialog-widget { - display: none!important; +.mfp-wrap ~ div.dialog-widget { + display: none !important; } .eael-filterable-gallery-item-wrap { - float: left; - width: 33.33%; + float: left; + width: 33.33%; } .eael-filter-gallery-container.eael-col-1 .eael-filterable-gallery-item-wrap { - width: 100%; + width: 100%; } -.eael-filter-gallery-control>ul li { - font-size: 13px; - line-height: 1.8; - text-transform: uppercase; - letter-spacing: 1px; - padding: 6px 15px; - cursor: pointer; - margin: 0 5px; - font-weight: normal; +.eael-filter-gallery-control > ul li { + font-size: 13px; + line-height: 1.8; + text-transform: uppercase; + letter-spacing: 1px; + padding: 6px 15px; + cursor: pointer; + margin: 0 5px; + font-weight: normal; } .eael-filter-gallery-container.eael-col-2 .eael-filterable-gallery-item-wrap { - width: 50%; + width: 50%; } .eael-filter-gallery-container.eael-col-4 .eael-filterable-gallery-item-wrap { - width: 25%; + width: 25%; } .eael-filter-gallery-container.eael-col-5 .eael-filterable-gallery-item-wrap { - width: 20%; + width: 20%; } .gallery-grid-item { - margin-left: calc(20px/2); - margin-right: calc(20px/2); - margin-bottom: 20px; - position: relative; - overflow: hidden; + margin-left: calc(20px/2); + margin-right: calc(20px/2); + margin-bottom: 20px; + position: relative; + overflow: hidden; } .gallery-item-caption-wrap, .media-content-wrap { - font-size: 14px; - text-align: left; + font-size: 14px; + text-align: left; } .gallery-item-thumbnail-wrap.caption-style-card img { - max-height: 100%; - width: 100%; + max-height: 100%; + width: 100%; } .gallery-item-caption-wrap.caption-style-hoverer { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - padding: 15px; - z-index: 10; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + padding: 15px; + z-index: 10; } -.eael-filterable-gallery-item-wrap .gallery-grid-item .gallery-item-thumbnail-wrap>img { - height: 100%; - width: 100%; - object-fit: cover; +.eael-filterable-gallery-item-wrap .gallery-grid-item .gallery-item-thumbnail-wrap > img { + height: 100%; + width: 100%; + -o-object-fit: cover; + object-fit: cover; } - /*--- Gallery content css ---*/ - .fg-item-title, .fg-item-content { - color: #ffffff; - font-family: inherit; + color: #ffffff; + font-family: inherit; } - /*--- Gallery Card Style CSS ---*/ .gallery-item-caption-wrap.caption-style-card .fg-item-title { - font-size: 18px; - margin: 15px 0 15px; - line-height: 1; + font-size: 18px; + margin: 15px 0 15px; + line-height: 1; } .gallery-item-caption-wrap.caption-style-card { - background: #f7f7f7; + background: #f7f7f7; } .gallery-item-caption-wrap.caption-style-card .fg-item-title { - margin: 10px 0 15px; - color: #000000; + margin: 10px 0 15px; + color: #000000; } .gallery-item-caption-wrap.caption-style-card .fg-item-content { - color: #212529; - line-height: 1.5; - font-weight: normal; + color: #212529; + line-height: 1.5; + font-weight: normal; } -.gallery-item-buttons>a { - display: inline-block; - font-size: 16px; - color: #000; - margin-right: 15px; +.gallery-item-buttons > a { + display: inline-block; + font-size: 16px; + color: #000; + margin-right: 15px; } -.gallery-item-buttons>a:visited { - color: #000; +.gallery-item-buttons > a:visited { + color: #000; } .gallery-item-caption-wrap.caption-style-card { - padding: 10px; - box-sizing: border-box; - font-family: inherit; + padding: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: inherit; } - /*--- Gallery item hover style ---*/ .gallery-item-caption-wrap .gallery-item-hoverer-bg { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - content: ''; - background: #000000; - z-index: -1; - opacity: .7; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ''; + background: #000000; + z-index: -1; + opacity: .7; } .gallery-item-caption-wrap.caption-style-hoverer { - visibility: hidden; - opacity: 0; - transition: 0.6s all ease; - display: flex; - align-items: center; + visibility: hidden; + opacity: 0; + -webkit-transition: 0.6s all ease; + -o-transition: 0.6s all ease; + transition: 0.6s all ease; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .gallery-item-caption-wrap.caption-style-hoverer h5 { - font-size: 20px; - margin-bottom: 5px; - line-height: 1; + font-size: 20px; + margin-bottom: 5px; + line-height: 1; } .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5 { - transform: translateY(20px); - transition: 0.6s all ease; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + -webkit-transition: 0.6s all ease; + -o-transition: 0.6s all ease; + transition: 0.6s all ease; } .gallery-item-caption-wrap.caption-style-hoverer p { - margin-bottom: 5px; + margin-bottom: 5px; } .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up p { - transform: translateY(40px); - transition: 0.6s all ease; + -webkit-transform: translateY(40px); + -ms-transform: translateY(40px); + transform: translateY(40px); + -webkit-transition: 0.6s all ease; + -o-transition: 0.6s all ease; + transition: 0.6s all ease; } .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons { - transform: translateY(40px); - transition: 0.6s all ease; + -webkit-transform: translateY(40px); + -ms-transform: translateY(40px); + transform: translateY(40px); + -webkit-transition: 0.6s all ease; + -o-transition: 0.6s all ease; + transition: 0.6s all ease; } .gallery-item-caption-wrap .gallery-item-buttons > a { - padding: 5px 15px; - display: inline-block; - border-radius: 50%; - outline: none; - text-decoration: none; + padding: 5px 15px; + display: inline-block; + -webkit-border-radius: 50%; + border-radius: 50%; + outline: none; + text-decoration: none; } .gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in { - transform: scale(.8); - transition: 0.6s all ease; + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + transform: scale(0.8); + -webkit-transition: 0.6s all ease; + -o-transition: 0.6s all ease; + transition: 0.6s all ease; } .gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5, .gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons, .gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up p { - transform: translate(0); + -webkit-transform: translate(0); + -ms-transform: translate(0); + transform: translate(0); } .gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in { - transform: scale(1); - visibility: visible; - opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + visibility: visible; + opacity: 1; } .gallery-item-caption-wrap.caption-style-hoverer.eael-none { - transition: none; + -webkit-transition: none; + -o-transition: none; + transition: none; } /*--- Video Gallery ---*/ .gallery-item-thumbnail-wrap { - position: relative; + position: relative; } .video-popup, .video-popup-bg { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; } -.video-popup>img { - width: 62px; - position: relative; - z-index: 1; - transition: 300ms; +.video-popup > img { + width: 62px; + position: relative; + z-index: 1; + -webkit-transition: 300ms; + -o-transition: 300ms; + transition: 300ms; } .video-popup { - display: flex; - align-items: center; - justify-content: center; -} - -.video-popup:hover>img { - transform: scale(1.1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.video-popup:hover > img { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } .video-popup-bg { - visibility: hidden; - opacity: 0; - transition: 350ms; + visibility: hidden; + opacity: 0; + -webkit-transition: 350ms; + -o-transition: 350ms; + transition: 350ms; } .gallery-grid-item:hover .video-popup-bg { - visibility: visible; - opacity: 1; -} - -.gallery-item-thumbnail-wrap>.gallery-item-caption-wrap { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - display: flex; - align-items: center; - justify-content: center; + visibility: visible; + opacity: 1; +} + +.gallery-item-thumbnail-wrap > .gallery-item-caption-wrap { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .gallery-item-caption-wrap.card-hover-bg { - visibility: hidden; - opacity: 0; - transition: 800ms; + visibility: hidden; + opacity: 0; + -webkit-transition: 800ms; + -o-transition: 800ms; + transition: 800ms; } .gallery-item-thumbnail-wrap:hover .gallery-item-caption-wrap.card-hover-bg { - visibility: visible; - opacity: 1; -} - -.gallery-item-caption-wrap .gallery-item-buttons>a>i { - display: flex; - align-items: center; - justify-content: center; - height: 100%; + visibility: visible; + opacity: 1; +} + +.gallery-item-caption-wrap .gallery-item-buttons > a > i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; } /*--- Gallery Column CSS ---*/ @media only screen and (min-width: 1025px) { - /* For Desktop: */ - .elementor-element.elementor-grid-1 { - position: relative; - } - .elementor-element.elementor-grid-1 .eael-filterable-gallery-item-wrap { - width: 100%; - float: left; - } - .elementor-element.elementor-grid-2 { - position: relative; - } - .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap { - width: 50%; - float: left; - } - .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { - clear: left; - } - .elementor-element.elementor-grid-3 { - position: relative; - } - .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap { - width: 33.3333%; - float: left; - } - .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { - clear: left; - } - .elementor-element.elementor-grid-4 { - position: relative; - } - .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap { - width: 25%; - float: left; - } - .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { - clear: left; - } - .elementor-element.elementor-grid-5 { - position: relative; - } - .elementor-element.elementor-grid-5 .pp-logo-grid { - margin-right: -5px; - } - .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap { - width: 20%; - float: left; - } - .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { - clear: left; - } - .elementor-element.elementor-grid-6 { - position: relative; - } - .elementor-element.elementor-grid-6 .pp-logo-grid { - margin-right: -6px; - } - .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap { - width: 16.6667%; - float: left; - } - .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { - clear: left; - } -} + /* For Desktop: */ + .elementor-element.elementor-grid-1 { + position: relative; + } -@media only screen and (max-width: 1024px) and (min-width: 766px) { - /* For tablets: */ - .elementor-element.elementor-grid-tablet-1 { - position: relative; - } - .elementor-element.elementor-grid-tablet-1 .eael-filterable-gallery-item-wrap { - width: 100%; - float: left; - } - .elementor-element.elementor-grid-tablet-2 { - position: relative; - } - .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap { - width: 50%; - float: left; - } - .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { - clear: left; - } - .elementor-element.elementor-grid-tablet-3 { - position: relative; - } - .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap { - width: 33.3333%; - float: left; - } - .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { - clear: left; - } - .elementor-element.elementor-grid-tablet-4 { - position: relative; - } - .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap { - width: 25%; - float: left; - } - .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { - clear: left; - } - .elementor-element.elementor-grid-tablet-5 { - position: relative; - } - .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap { - width: 20%; - float: left; - } - .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { - clear: left; - } - .elementor-element.elementor-grid-tablet-6 { - position: relative; - } - .elementor-element.elementor-grid-tablet-6 .pp-logo-grid { - margin-right: -6px; - } - .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap { - width: 16.6667%; - float: left; - } - .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { - clear: left; - } + .elementor-element.elementor-grid-1 .eael-filterable-gallery-item-wrap { + width: 100%; + float: left; + } + + .elementor-element.elementor-grid-2 { + position: relative; + } + + .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap { + width: 50%; + float: left; + } + + .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { + clear: left; + } + + .elementor-element.elementor-grid-3 { + position: relative; + } + + .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap { + width: 33.3333%; + float: left; + } + + .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { + clear: left; + } + + .elementor-element.elementor-grid-4 { + position: relative; + } + + .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap { + width: 25%; + float: left; + } + + .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { + clear: left; + } + + .elementor-element.elementor-grid-5 { + position: relative; + } + + .elementor-element.elementor-grid-5 .pp-logo-grid { + margin-right: -5px; + } + + .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap { + width: 20%; + float: left; + } + + .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { + clear: left; + } + + .elementor-element.elementor-grid-6 { + position: relative; + } + + .elementor-element.elementor-grid-6 .pp-logo-grid { + margin-right: -6px; + } + + .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap { + width: 16.6667%; + float: left; + } + + .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { + clear: left; + } } +@media only screen and (max-width: 1024px) and (min-width: 766px) { + /* For tablets: */ + .elementor-element.elementor-grid-tablet-1 { + position: relative; + } -@media only screen and (max-width: 767px) { - .elementor-element.elementor-grid-mobile-1 { - position: relative; - } - .elementor-element.elementor-grid-mobile-1 .eael-filterable-gallery-item-wrap { - width: 100%; - float: left; - } - .elementor-element.elementor-grid-mobile-2 { - position: relative; - } - .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap { - width: 50%; - float: left; - } - .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { - clear: left; - } - .elementor-element.elementor-grid-mobile-3 { - position: relative; - } - .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap { - width: 33.3333%; - float: left; - } - .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { - clear: left; - } - .elementor-element.elementor-grid-mobile-4 { - position: relative; - } - .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap { - width: 25%; - float: left; - } - .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { - clear: left; - } - .elementor-element.elementor-grid-mobile-5 { - position: relative; - } - .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap { - width: 20%; - float: left; - } - .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { - clear: left; - } - .elementor-element.elementor-grid-mobile-6 { - position: relative; - } - .elementor-element.elementor-grid-mobile-6 .pp-logo-grid { - margin-right: -6px; - } - .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap { - width: 16.6667%; - float: left; - } - .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { - margin-right: 0 !important; - } - .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { - clear: left; - } + .elementor-element.elementor-grid-tablet-1 .eael-filterable-gallery-item-wrap { + width: 100%; + float: left; + } + + .elementor-element.elementor-grid-tablet-2 { + position: relative; + } + + .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap { + width: 50%; + float: left; + } + + .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { + clear: left; + } + + .elementor-element.elementor-grid-tablet-3 { + position: relative; + } + + .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap { + width: 33.3333%; + float: left; + } + + .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { + clear: left; + } + + .elementor-element.elementor-grid-tablet-4 { + position: relative; + } + + .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap { + width: 25%; + float: left; + } + + .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { + clear: left; + } + + .elementor-element.elementor-grid-tablet-5 { + position: relative; + } + + .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap { + width: 20%; + float: left; + } + + .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { + clear: left; + } + + .elementor-element.elementor-grid-tablet-6 { + position: relative; + } + + .elementor-element.elementor-grid-tablet-6 .pp-logo-grid { + margin-right: -6px; + } + + .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap { + width: 16.6667%; + float: left; + } + + .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { + clear: left; + } } +@media only screen and (max-width: 767px) { + .elementor-element.elementor-grid-mobile-1 { + position: relative; + } + + .elementor-element.elementor-grid-mobile-1 .eael-filterable-gallery-item-wrap { + width: 100%; + float: left; + } + + .elementor-element.elementor-grid-mobile-2 { + position: relative; + } + + .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap { + width: 50%; + float: left; + } + .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { + clear: left; + } + + .elementor-element.elementor-grid-mobile-3 { + position: relative; + } + + .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap { + width: 33.3333%; + float: left; + } + + .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { + clear: left; + } + + .elementor-element.elementor-grid-mobile-4 { + position: relative; + } + + .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap { + width: 25%; + float: left; + } + + .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { + clear: left; + } + + .elementor-element.elementor-grid-mobile-5 { + position: relative; + } + + .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap { + width: 20%; + float: left; + } + + .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { + clear: left; + } + + .elementor-element.elementor-grid-mobile-6 { + position: relative; + } + + .elementor-element.elementor-grid-mobile-6 .pp-logo-grid { + margin-right: -6px; + } + + .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap { + width: 16.6667%; + float: left; + } + + .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { + margin-right: 0 !important; + } + + .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { + clear: left; + } +} /*----------------------------*/ /* 28. Swiper /*----------------------------*/ .swiper-container-wrap .swiper-slide, .swiper-container .swiper-slide { - text-align: center; + text-align: center; } .swiper-container-wrap .swiper-slide img, .swiper-container .swiper-slide img { - width: auto; + width: auto; } .swiper-container-wrap-dots-outside .swiper-pagination, .swiper-container-dots-outside .swiper-pagination { - position: static; + position: static; } .swiper-container-wrap .swiper-button-next, .swiper-container-wrap .swiper-button-prev, .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { - background: transparent; - font-size: 20px; - height: auto; - line-height: 1; - margin: 0; - text-align: center; - transform: translateY(-50%); - width: auto; + background: transparent; + font-size: 20px; + height: auto; + line-height: 1; + margin: 0; + text-align: center; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + width: auto; } .swiper-container-wrap .swiper-button-next .fa, .swiper-container-wrap .swiper-button-prev .fa, .swiper-container .swiper-button-next .fa, .swiper-container .swiper-button-prev .fa { - vertical-align: top; + vertical-align: top; } .swiper-container-wrap .swiper-pagination { - bottom: 10px; - left: 0; - width: 100%; + bottom: 10px; + left: 0; + width: 100%; } .swiper-container-wrap-dots-outside .swiper-pagination { - position: static; + position: static; } .swiper-container-wrap .swiper-pagination-bullet { - background: #ccc; - margin: 0 4px; - opacity: 1; - height: 8px; - width: 8px; + background: #ccc; + margin: 0 4px; + opacity: 1; + height: 8px; + width: 8px; } .swiper-container-wrap .swiper-pagination-bullet-active { - background: #000; + background: #000; } .swiper-container-3d .swiper-slide { - transition-property: all; - -webkit-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-property: all; } /*----------------------------*/ /* 29. Content Ticker /*----------------------------*/ - .eael-ticker-wrap { - overflow: hidden; - display: flex; - flex-flow: row nowrap; - align-items: center; - width: 100%; + overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-flow: row nowrap; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; } .eael-ticker-wrap .ticker-badge { - flex: 0 0 auto; - padding: 8px 12px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding: 8px 12px; } .eael-ticker-wrap .eael-ticker { - overflow: hidden; - flex: 1 1 auto; + overflow: hidden; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } .eael-ticker-wrap .eael-ticker .ticker-content { - padding: 8px 12px; + padding: 8px 12px; + line-height: 1.8; +} + +.eael-ticker-wrap .eael-ticker .ticker-content p { + margin: 0; } .eael-ticker-wrap .swiper-button-prev { - left: auto !important; - right: 25px; + left: auto !important; + right: 25px; } .eael-ticker-wrap div.swiper-slide, .eael-ticker-wrap div.swiper-slide.swiper-slide-prev, .eael-ticker-wrap div.swiper-slide.swiper-slide-next { - opacity: 0 !important; + opacity: 0 !important; } .eael-ticker-wrap div.swiper-slide.swiper-slide-active { - opacity: 1 !important; + opacity: 1 !important; } .eael-ticker-wrap .eael-content-ticker.swiper-container .swiper-slide { - text-align: left; + text-align: left; } @media only screen and (max-width: 767px) { - .eael-ticker-wrap { - flex-flow: row wrap; - } - .content-ticker-pagination { - display: none; - } + .eael-ticker-wrap { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + } + + .content-ticker-pagination { + display: none; + } } - /*----------------------------*/ /* 30. Advance Tabs /*----------------------------*/ .eael-advance-tabs { - display: block; -} - -.eael-advance-tabs .eael-tabs-nav>ul { - position: relative; - padding: 0px; - margin: 0px; - list-style-type: none; - display: flex; - justify-content: flex-start; - align-items: center; - z-index: 1; -} - -.eael-advance-tabs .eael-tabs-nav>ul li { - position: relative; - padding: 1em 1.5em; - flex: 1 1 auto; - cursor: pointer; - display: flex; - justify-content: center; - align-items: center; - text-align: center; -} - -.eael-advance-tabs .eael-tabs-nav>ul li:after { - content: ""; - position: absolute; - bottom: -10px; - left: 0px; - right: 0px; - margin: 0 auto; - z-index: 1; - width: 0px; - height: 0px; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #444; - border-bottom: 0px; - display: none; -} - -.eael-advance-tabs.active-caret-on .eael-tabs-nav>ul li.active:after, -.eael-advance-tabs.active-caret-on .eael-tabs-nav>ul li.active-default:after { - display: none; -} - -.eael-advance-tabs .eael-tabs-nav>ul li.active:after, -.eael-advance-tabs .eael-tabs-nav>ul li.active-default:after { - display: block; + display: block; +} + +.eael-advance-tabs .eael-tabs-nav > ul { + position: relative; + padding: 0px; + margin: 0px; + list-style-type: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 1; +} + +.eael-advance-tabs .eael-tabs-nav > ul li { + position: relative; + padding: 1em 1.5em; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} + +.eael-advance-tabs .eael-tabs-nav > ul li:after { + content: ""; + position: absolute; + bottom: -10px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + width: 0px; + height: 0px; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #444; + border-bottom: 0px; + display: none; +} + +.eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active:after, +.eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active-default:after { + display: none; +} + +.eael-advance-tabs .eael-tabs-nav > ul li.active:after, +.eael-advance-tabs .eael-tabs-nav > ul li.active-default:after { + display: block; } .eael-tabs-content { - display: flex; - flex: 1 1 auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } -.eael-advance-tabs .eael-tabs-content>div { - display: none; - opacity: 0; +.eael-advance-tabs .eael-tabs-content > div { + display: none; + opacity: 0; } -.eael-advance-tabs .eael-tabs-content>div.active, -.eael-advance-tabs .eael-tabs-content>div.active-default { - display: block; - width: 100%; - padding: 1em; - opacity: 1; - animation: fadeIn linear 0.3s; +.eael-advance-tabs .eael-tabs-content > div.active, +.eael-advance-tabs .eael-tabs-content > div.active-default { + display: block; + width: 100%; + padding: 1em; + opacity: 1; + -webkit-animation: fadeIn linear 0.3s; + animation: fadeIn linear 0.3s; } - /*--- Inline Icon ---*/ - .eael-tab-inline-icon li a .fa { - margin-right: 10px; - line-height: 1; + margin-right: 10px; + line-height: 1; } .eael-tab-top-icon li a { - display: flex; - flex-wrap: wrap; - text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + text-align: center; } .eael-tab-top-icon li a .fa, .eael-tab-top-icon li a .eael-tab-title { - flex: 1 1 100%; - line-height: 1; + -webkit-box-flex: 1; + -webkit-flex: 1 1 100%; + -ms-flex: 1 1 100%; + flex: 1 1 100%; + line-height: 1; } .eael-tab-top-icon li a .eael-tab-title { - margin-top: 10px; + margin-top: 10px; } - /*--- Vertical Tabs ---*/ - .eael-advance-tabs.eael-tabs-vertical { - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav { - flex: 0 0 auto; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } -.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul { - flex-flow: column wrap; +.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-flow: column wrap; + -ms-flex-flow: column wrap; + flex-flow: column wrap; } -.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li { - width: 100%; - justify-content: start; +.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul > li { + width: 100%; + -webkit-box-pack: start; + -webkit-justify-content: start; + -ms-flex-pack: start; + justify-content: start; } -.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul li::after { - bottom: auto !important; - right: -10px; - top: calc(50% - 10px) !important; - left: auto !important; - border-left: 10px solid #444; - border-right: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; +.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul li::after { + bottom: auto !important; + right: -10px; + top: calc(50% - 10px) !important; + left: auto !important; + border-left: 10px solid #444; + border-right: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; } @media only screen and (max-width: 767px) { - .eael-advance-tabs .eael-tabs-nav>ul { - flex-wrap: wrap; - } - .eael-advance-tabs .eael-tabs-nav>ul li { - flex: 1 100%; - } + .eael-advance-tabs .eael-tabs-nav > ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .eael-advance-tabs .eael-tabs-nav > ul li { + -webkit-box-flex: 1; + -webkit-flex: 1 100%; + -ms-flex: 1 100%; + flex: 1 100%; + } } - - /*------------------------------*/ /* 31. Advance Accordion /*------------------------------*/ - .eael-adv-accordion { - width: auto; - height: auto; - transition: all 0.3s ease-in-out; + width: auto; + height: auto; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .eael-adv-accordion .eael-accordion-list .eael-accordion-header { - padding: 15px; - border: 1px solid rgba(0, 0, 0, 0.02); - font-size: 1rem; - font-weight: 600; - line-height: 1; - transition: all 0.3s ease-in-out; - display: flex; - justify-content: space-between; - align-items: center; - cursor: pointer; + padding: 15px; + border: 1px solid rgba(0, 0, 0, 0.02); + font-size: 1rem; + font-weight: 600; + line-height: 1; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; } .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle { - transform: rotate(0deg); - z-index: 10; - transition: all 0.3s ease-in-out; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + z-index: 10; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle { - transform: rotate(90deg); - z-index: 10; - transition: all 0.3s ease-in-out; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + z-index: 10; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .fa-accordion-icon { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .eael-adv-accordion .eael-accordion-list .eael-accordion-content { - display: none; - border: 1px solid #eee; - padding: 15px; - box-sizing: border-box; - font-size: 1rem; - line-height: 1.7; + display: none; + border: 1px solid #eee; + padding: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 1rem; + line-height: 1.7; } .eael-adv-accordion .eael-accordion-list .eael-accordion-content p { - margin: 0; + margin: 0; } .eael-adv-accordion .eael-accordion-list .eael-accordion-content.active { - display: block; + display: block; } -@keyframes rotate-90 { - 0% { - transform: rotateY(0deg); - } - 100% { - transform: rotateY(-180deg); - } +@-webkit-keyframes rotate-90 { + 0% { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + } + 100% { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); + } } +@keyframes rotate-90 { + 0% { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + } + 100% { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); + } +} +@-webkit-keyframes fadeIn { + 0% { + opacity: 1; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + 100% { + opacity: 1; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } +} @keyframes fadeIn { - 0% { - opacity: 1; - transition: all 0.3s ease-in-out; - } - 100% { - opacity: 1; - transition: all 0.3s ease-in-out; - } + 0% { + opacity: 1; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + 100% { + opacity: 1; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } } - - /*------------------------------*/ /* 32. Tooltip /*------------------------------*/ .eael-tooltip { - position: relative; - display: inline-block; - min-width: 150px; - text-align: center; - padding: 12px 24px; - font-size: .93rem; - color: #333; - line-height: 1; - cursor: pointer; - transition: all 0.3s ease-in-out; + position: relative; + display: inline-block; + min-width: 150px; + text-align: center; + padding: 12px 24px; + font-size: .93rem; + color: #333; + line-height: 1; + cursor: pointer; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .eael-tooltip .eael-tooltip-text { - display: block; - width: 100%; - visibility: hidden; - background-color: black; - color: #fff; - text-align: center; - border-radius: 4px; - padding: 10px; - position: absolute; - z-index: 1; - font-size: .93rem; - line-height: 1.3; + display: block; + width: 100%; + visibility: hidden; + background-color: black; + color: #fff; + text-align: center; + -webkit-border-radius: 4px; + border-radius: 4px; + padding: 10px; + position: absolute; + z-index: 1; + font-size: .93rem; + line-height: 1.3; } .eael-tooltip .eael-tooltip-text::after { - content: ""; - position: absolute; - border-width: 5px; - border-style: solid; + content: ""; + position: absolute; + border-width: 5px; + border-style: solid; } .eael-tooltip:hover .eael-tooltip-text { - visibility: visible; + visibility: visible; } /*--- Left ---*/ .eael-tooltip .eael-tooltip-text.eael-tooltip-left { - top: 50%; - right: 100%; - transform: translateY(-50%); - margin-right: 10px; + top: 50%; + right: 100%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + margin-right: 10px; } .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left { - animation: tooltipLeftIn 300ms ease-in-out; + -webkit-animation: tooltipLeftIn 300ms ease-in-out; + animation: tooltipLeftIn 300ms ease-in-out; } .eael-tooltip .eael-tooltip-text.eael-tooltip-left::after { - top: calc(50% - 5px); - left: 100%; - border-color: transparent transparent transparent black; + top: calc(50% - 5px); + left: 100%; + border-color: transparent transparent transparent black; } /*--- Right ---*/ .eael-tooltip .eael-tooltip-text.eael-tooltip-right { - top: 50%; - left: 100%; - transform: translateY(-50%); - transition: all 0.3s ease-in-out; - margin-left: 10px; + top: 50%; + left: 100%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + margin-left: 10px; } .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right { - animation: tooltipRightIn 300ms linear; + -webkit-animation: tooltipRightIn 300ms linear; + animation: tooltipRightIn 300ms linear; } .eael-tooltip .eael-tooltip-text.eael-tooltip-right::after { - top: calc(50% - 5px); - right: 100%; - border-color: transparent black transparent transparent; + top: calc(50% - 5px); + right: 100%; + border-color: transparent black transparent transparent; } /*--- Top ---*/ .eael-tooltip .eael-tooltip-text.eael-tooltip-top { - bottom: calc(100%); - left: 0; - right: 0; - margin: 0 auto 10px auto; + bottom: calc(100%); + left: 0; + right: 0; + margin: 0 auto 10px auto; } .eael-tooltip .eael-tooltip-text.eael-tooltip-top::after { - margin-top: 0px; - top: 100%; - left: calc( 50% - 5px); - border-color: black transparent transparent transparent; + margin-top: 0px; + top: 100%; + left: calc( 50% - 5px); + border-color: black transparent transparent transparent; } .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top { - animation: tooltipTopIn 300ms linear; + -webkit-animation: tooltipTopIn 300ms linear; + animation: tooltipTopIn 300ms linear; } /*--- Bottom ---*/ .eael-tooltip .eael-tooltip-text.eael-tooltip-bottom { - top: 100%; - left: 0; - right: 0; - margin: 10px auto 0px auto; + top: 100%; + left: 0; + right: 0; + margin: 10px auto 0px auto; } .eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after { - margin-top: 0px; - bottom: 100%; - left: calc( 50% - 5px); - border-color: transparent transparent black transparent; + margin-top: 0px; + bottom: 100%; + left: calc( 50% - 5px); + border-color: transparent transparent black transparent; } .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom { - animation: tooltipBottomIn 300ms linear; + -webkit-animation: tooltipBottomIn 300ms linear; + animation: tooltipBottomIn 300ms linear; } /*--- Alignments ---*/ .eael-tooltip-align-left { - display: flex; - width: 100%; - justify-content: flex-start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } .eael-tooltip-align-right { - display: flex; - width: 100%; - justify-content: flex-end; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; } .eael-tooltip-align-center { - display: flex; - width: 100%; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .eael-tooltip-align-justify .eael-tooltip { - display: flex; - justify-content: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } /*--- Tooltip Keyframes ---*/ +@-webkit-keyframes tooltipRightIn { + 0% { + opacity: 0; + left: 105%; + } + 100% { + opacity: 1; + left: 100%; + } +} @keyframes tooltipRightIn { - 0% { - opacity: 0; - left: 105%; - } - 100% { - opacity: 1; - left: 100%; - } + 0% { + opacity: 0; + left: 105%; + } + 100% { + opacity: 1; + left: 100%; + } +} +@-webkit-keyframes tooltipLeftIn { + 0% { + opacity: 0; + right: 105%; + } + 100% { + opacity: 1; + right: 100%; + } } - @keyframes tooltipLeftIn { - 0% { - opacity: 0; - right: 105%; - } - 100% { - opacity: 1; - right: 100%; - } + 0% { + opacity: 0; + right: 105%; + } + 100% { + opacity: 1; + right: 100%; + } +} +@-webkit-keyframes tooltipTopIn { + 0% { + opacity: 0; + bottom: 110%; + } + 100% { + opacity: 1; + bottom: 100%; + } } - @keyframes tooltipTopIn { - 0% { - opacity: 0; - bottom: 110%; - } - 100% { - opacity: 1; - bottom: 100%; - } + 0% { + opacity: 0; + bottom: 110%; + } + 100% { + opacity: 1; + bottom: 100%; + } +} +@-webkit-keyframes tooltipBottomIn { + 0% { + opacity: 0; + top: 110%; + } + 100% { + opacity: 1; + top: 100%; + } } - @keyframes tooltipBottomIn { - 0% { - opacity: 0; - top: 110%; - } - 100% { - opacity: 1; - top: 100%; - } + 0% { + opacity: 0; + top: 110%; + } + 100% { + opacity: 1; + top: 100%; + } } - - -/*------------------------------*/ -/* 33. Progress Bar -/*------------------------------*/ -/*Animation*/ @-webkit-keyframes animateStripe { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - - 100% { - -webkit-transform: translate(35px, 0); - transform: translate(35px, 0); - } - + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(35px, 0); + transform: translate(35px, 0); + } } - @keyframes animateStripe { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - - 100% { - -webkit-transform: translate(35px, 0); - transform: translate(35px, 0); - } - + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(35px, 0); + transform: translate(35px, 0); + } } - @-webkit-keyframes animateStripeRTL { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - - 100% { - -webkit-transform: translate(-35px, 0); - transform: translate(-35px, 0); - } - + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-35px, 0); + transform: translate(-35px, 0); + } } - @keyframes animateStripeRTL { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - - 100% { - -webkit-transform: translate(-35px, 0); - transform: translate(-35px, 0); - } - + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-35px, 0); + transform: translate(-35px, 0); + } } - .eael-progressbar { - position: relative; + position: relative; } .eael-progressbar-title { - font-size: 20px; - font-weight: 400; + font-size: 20px; + font-weight: 400; } -/*Line*/ .eael-progressbar-line { - position: relative; - display: block; - width: 100%; - height: 12px; - background-color: #eee; + position: relative; + display: block; + width: 100%; + height: 12px; + background-color: #eeeeee; } - -.eael-progressbar-line-fill { - display: inline-block; - position: absolute; - top: 50%; - left: 0; - width: 0%; - height: 12px; - background-color: #000; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: width 1500ms linear; - -o-transition: width 1500ms linear; - transition: width 1500ms linear; - overflow: hidden; -} - -.eael-progressbar-line-stripe .eael-progressbar-line-fill:after { - content: ''; - position: absolute; - top: 0; - left: -35px; - width: calc(100% + 70px); - height: 100%; - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-size: 35px 35px; +.eael-progressbar-line .eael-progressbar-count-wrap { + position: absolute; + right: 0; + bottom: calc(100% + 5px); + font-size: 16px; + font-weight: 400; + line-height: 1; } -.eael-progressbar-line-animate .eael-progressbar-line-fill:after { - -webkit-animation: animateStripe 2s linear infinite; - animation: animateStripe 2s linear infinite +.eael-progressbar-line-fill { + display: inline-block; + position: absolute; + top: 50%; + left: 0; + width: 0; + height: 12px; + background-color: #000000; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: width 1500ms linear; + -o-transition: width 1500ms linear; + transition: width 1500ms linear; + overflow: hidden; } -.eael-progressbar-line-animate-rtl .eael-progressbar-line-fill:after { - -webkit-animation: animateStripeRTL 2s linear infinite; - animation: animateStripeRTL 2s linear infinite +.eael-progressbar-circle { + position: relative; + width: 200px; + height: 200px; } - -.eael-progressbar-line .eael-progressbar-count-wrap { - position: absolute; - right: 0; - bottom: calc(100% + 5px); - font-size: 16px; - font-weight: 400; - line-height: 1; +.eael-progressbar-circle .eael-progressbar-title { + font-size: 16px; + font-weight: 400; } - -/*Circle*/ -.eael-progressbar-circle { - position: relative; - width: 200px; - height: 200px; +.eael-progressbar-circle .eael-progressbar-count-wrap { + font-size: 28px; + font-weight: 700; } .eael-progressbar-circle-shadow { - width: 220px; - height: 220px; - padding: 10px; - border-radius: 50%; + width: 220px; + height: 220px; + padding: 10px; + -webkit-border-radius: 50%; + border-radius: 50%; } .eael-progressbar-circle-pie { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - -webkit-clip-path: inset(0 0 0 50%); - clip-path: inset(0 0 0 50%); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-clip-path: inset(0 0 0 50%); + clip-path: inset(0 0 0 50%); } .eael-progressbar-circle-inner { - height: 100%; - width: 100%; - border-width: 12px; - border-style: solid; - border-color: #eee; - border-radius: 50%; + height: 100%; + width: 100%; + border-width: 12px; + border-style: solid; + border-color: #eeeeee; + -webkit-border-radius: 50%; + border-radius: 50%; } .eael-progressbar-circle-half { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - border-width: 12px; - border-style: solid; - border-color: #000; - border-radius: 50%; - -webkit-clip-path: inset(0 50% 0 0); - clip-path: inset(0 50% 0 0); + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + border-width: 12px; + border-style: solid; + border-color: #000000; + -webkit-border-radius: 50%; + border-radius: 50%; + -webkit-clip-path: inset(0 50% 0 0); + clip-path: inset(0 50% 0 0); } .eael-progressbar-circle-half-left { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } .eael-progressbar-circle-half-right { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - visibility: hidden; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + visibility: hidden; } .eael-progressbar-circle-inner-content { - position: absolute; - top: 50%; - width: 100%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - text-align: center; + position: absolute; + top: 50%; + width: 100%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; } -/*Half Circle*/ .eael-progressbar-half-circle { - position: relative; - width: 200px; - height: 100px; - overflow: hidden; + position: relative; + width: 200px; + height: 100px; + overflow: hidden; } - .eael-progressbar-half-circle .eael-progressbar-circle-pie { - -webkit-clip-path: inset(0 0 50% 0); - clip-path: inset(0 0 50% 0); + -webkit-clip-path: inset(0 0 50% 0); + clip-path: inset(0 0 50% 0); } - .eael-progressbar-half-circle .eael-progressbar-circle-half { - -webkit-clip-path: inset(50% 0 0 0); - clip-path: inset(50% 0 0 0); - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-transition: -webkit-transform 1500ms linear; - transition: -webkit-transform 1500ms linear; - -o-transition: transform 1500ms linear; - transition: transform 1500ms linear; - transition: transform 1500ms linear, -webkit-transform 1500ms linear; + -webkit-clip-path: inset(50% 0 0 0); + clip-path: inset(50% 0 0 0); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: -webkit-transform 1500ms linear; + transition: -webkit-transform 1500ms linear; + -o-transition: transform 1500ms linear; + transition: transform 1500ms linear; + transition: transform 1500ms linear, -webkit-transform 1500ms linear; } - .eael-progressbar-half-circle .eael-progressbar-circle-inner-content { - top: initial; - bottom: 0; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); + top: initial; + bottom: 0; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); +} +.eael-progressbar-half-circle .eael-progressbar-title { + font-size: 16px; + font-weight: 400; +} +.eael-progressbar-half-circle .eael-progressbar-count-wrap { + font-size: 28px; + font-weight: 700; } -/*Label*/ .eael-progressbar-half-circle-after { - position: relative; - font-size: 12px; - font-weight: 400; - clear: both; + position: relative; + font-size: 12px; + font-weight: 400; + clear: both; } .eael-progressbar-postfix-label { - float: right; + float: right; } -/*Title*/ -.eael-progressbar-circle .eael-progressbar-title, -.eael-progressbar-half-circle .eael-progressbar-title { - font-size: 16px; - font-weight: 400; -} - -.eael-progressbar-circle .eael-progressbar-count-wrap, -.eael-progressbar-half-circle .eael-progressbar-count-wrap { - font-size: 28px; - font-weight: 700; +.eael-progressbar-line-stripe .eael-progressbar-line-fill:after { + content: ''; + position: absolute; + top: 0; + left: -35px; + width: calc(100% + 70px); + height: 100%; + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 35px 35px; + background-size: 35px 35px; } -/*alignment*/ -.eael-progressbar-line-container.left, -.eael-progressbar-circle-container.left > div { - margin: 0 auto 0 0; +.eael-progressbar-line-animate .eael-progressbar-line-fill:after { + -webkit-animation: animateStripe 2s linear infinite; + animation: animateStripe 2s linear infinite; } -.eael-progressbar-line-container.center, -.eael-progressbar-circle-container.center > div { - margin: 0 auto; +.eael-progressbar-line-animate-rtl .eael-progressbar-line-fill:after { + -webkit-animation: animateStripeRTL 2s linear infinite; + animation: animateStripeRTL 2s linear infinite; } -.eael-progressbar-line-container.right, -.eael-progressbar-circle-container.right > div { - margin: 0 0 0 auto; +.eael-progressbar-circle-wrap > div { + margin: 0 auto; } /*------------------------------*/ /* 34. Image accordion /*------------------------------*/ .eael-img-accordion { - display: flex; - height: 50vh; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 50vh; } .eael-img-accordion a { - position: relative; - flex: 1; - text-align: center; - text-decoration: none; - color: #fff; - background-size: cover; - background-position: center; - background-repeat: no-repeat; - transition: flex .4s; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + text-decoration: none; + color: #fff; + -webkit-background-size: cover; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + -webkit-transition: -webkit-box-flex .4s, -webkit-flex .4s; + transition: -webkit-box-flex .4s, -webkit-flex .4s; + -o-transition: flex .4s; + transition: flex .4s; + transition: flex .4s, -webkit-box-flex .4s, -webkit-flex .4s, -ms-flex .4s; } .eael-grow-accordion { - flex: 3; + -webkit-box-flex: 3; + -webkit-flex: 3; + -ms-flex: 3; + flex: 3; } .eael-img-accordion .overlay { - display: flex; - align-items: center; - justify-content: center; - padding: 0 10px; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - transition: background-color .4s; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 10px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition: background-color .4s; + -o-transition: background-color .4s; + transition: background-color .4s; } .eael-img-accordion .overlay .overlay-inner { - z-index: 1; + z-index: 1; } .eael-img-accordion a:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - z-index: 0; - top: 0px; - left: 0px; - bottom: 0px; - right: 0px; - transition: all 0.3s ease-in-out; + content: ""; + position: absolute; + width: 100%; + height: 100%; + z-index: 0; + top: 0px; + left: 0px; + bottom: 0px; + right: 0px; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .eael-img-accordion .overlay-inner * { - visibility: hidden; - opacity: 0; - transform-style: preserve-3d; + visibility: hidden; + opacity: 0; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; } .eael-img-accordion .overlay h2 { - color: #fff; - transform: translate3d(0, -60px, 0); + color: #fff; + -webkit-transform: translate3d(0, -60px, 0); + transform: translate3d(0, -60px, 0); } .eael-img-accordion .overlay p { - color: #fff; - transform: translate3d(0, 60px, 0); + color: #fff; + -webkit-transform: translate3d(0, 60px, 0); + transform: translate3d(0, 60px, 0); } .eael-img-accordion .overlay-inner-show * { - opacity: 1; - visibility: visible; - transform: none !important; - transition: all .3s .3s; + opacity: 1; + visibility: visible; + -webkit-transform: none !important; + -ms-transform: none !important; + transform: none !important; + -webkit-transition: all .3s .3s; + -o-transition: all .3s .3s; + transition: all .3s .3s; } @media screen and (max-width: 800px) { - .eael-img-accordion { - flex-direction: column; - } - .eael-img-accordion a:hover { - flex: 1; - } - .eael-img-accordion a:hover .overlay { - background-color: transparent; - } - .eael-img-accordion .overlay h2, - .eael-img-accordion .overlay p { - opacity: 1; - visibility: visible; - transform: none; - } + .eael-img-accordion { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .eael-img-accordion a:hover { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + + .eael-img-accordion a:hover .overlay { + background-color: transparent; + } + + .eael-img-accordion .overlay h2, + .eael-img-accordion .overlay p { + opacity: 1; + visibility: visible; + -webkit-transform: none; + -ms-transform: none; + transform: none; + } } - diff --git a/assets/css/tooltipster.bundle.min.css b/assets/css/tooltipster.bundle.min.css old mode 100644 new mode 100755 diff --git a/assets/img/play-icon.png b/assets/img/play-icon.png old mode 100644 new mode 100755 diff --git a/assets/js/eael-scripts.js b/assets/js/eael-scripts.js index 75bf1fc8a..2d43fb4c4 100755 --- a/assets/js/eael-scripts.js +++ b/assets/js/eael-scripts.js @@ -3,113 +3,117 @@ var isEditMode = false; - function mybe_note_undefined($selector, $data_atts) { return ($selector.data($data_atts) !== undefined) ? $selector.data($data_atts) : ''; } + /*=================================*/ + /* 01. Filterable Gallery + /*=================================*/ + var filterableGalleryHandler = function($scope, $) { + if (!isEditMode) { + var $gallery = $('.eael-filter-gallery-container', $scope), + $settings = $gallery.data('settings'), + $gallery_items = $gallery.data('gallery-items'), + $layout_mode = ($settings.grid_style == 'masonry' ? 'masonry' : 'fitRows'), + $gallery_enabled = ($settings.gallery_enabled == 'yes' ? true : false); + + // init isotope + var $isotope_gallery = $gallery.isotope({ + itemSelector: '.eael-filterable-gallery-item-wrap', + layoutMode: $layout_mode, + percentPosition: true, + stagger: 30, + transitionDuration: $settings.duration + 'ms', + filter: $('.eael-filter-gallery-control .control.active', $scope).data('filter') + }); - function getGalleryItem($gallery_items, $scope, $render, $init_show) { - var $rom = []; + // layout gal - not necessary, just in case + $isotope_gallery.imagesLoaded().progress(function() { + $isotope_gallery.isotope('layout'); + }); - var $counter = $init_show + $render; - for(var i = $init_show; i < $counter; i++) { - var $item = $($gallery_items[i]); - $item = $item[0]; - $rom.push($item); - } - return $rom; - } + // filter + $scope.on('click', '.control', function() { + var $this = $(this), + $filterValue = $this.data('filter'); - var filterableGalleryHandler = function( $scope, $ ) { + $this.siblings().removeClass('active'); + $this.addClass('active'); + $isotope_gallery.isotope({ + filter: $filterValue + }); + }); - var $gallery = $scope.find('.eael-filter-gallery-container').eq(0), - $settings = $gallery.data('settings'); - - var $gallery_items = $gallery.data('gallery-items'), - $init_show = $gallery.data('init-show') ? $gallery.data('init-show') : 9; + // popup + $('.eael-magnific-link', $scope).magnificPopup({ + type: 'image', + gallery: { + enabled: $gallery_enabled, + }, + callbacks: { + close: function() { + $('#elementor-lightbox').hide(); + } + } + }); - if( !isEditMode ) { - var $layout_mode = 'fitRows'; + $($scope).magnificPopup({ + delegate: '.eael-magnific-video-link', + type: 'iframe', + callbacks: { + close: function() { + $('#elementor-lightbox').hide(); + } + } + }); - if( 'masonry' == $settings.grid_style ) { - $layout_mode = 'masonry'; + // Load more button + $scope.on('click', '.eael-gallery-load-more', function(e) { + e.preventDefault(); + + var $this = $(this), + $init_show = $('.eael-filter-gallery-container', $scope).children('.eael-filterable-gallery-item-wrap').length, + $total_items = $gallery.data('total-gallery-items'), + $images_per_page = $gallery.data('images-per-page'), + $nomore_text = $gallery.data('nomore-item-text'), + $items = []; + + if ($init_show == $total_items) { + $this.html('
' + $nomore_text + '
'); + setTimeout(function() { + $this.fadeOut('slow'); + }, 600); } - var $isotope_args = { - itemSelector: '.eael-filterable-gallery-item-wrap', - layoutMode : $layout_mode, - percentPosition : true, - stagger: 30, - transitionDuration: $settings.duration + 'ms', - } + // new items html + for (var i = $init_show; i < ($init_show + $images_per_page); i++) { + $items.push($($gallery_items[i])[0]); + } - var $isotope_gallery = {}; - - $scope.imagesLoaded(function(e) { - $isotope_gallery = $gallery.isotope($isotope_args); - }); - - $scope.on('click', '.control', function() { - var $this = $(this), - filterValue = $this.attr('data-filter'); - - $this.siblings().removeClass('active'); - $this.addClass('active'); - $isotope_gallery.isotope({ filter: filterValue }); - }); + // append items + $gallery.append($items) + $isotope_gallery.isotope('appended', $items) + $isotope_gallery.imagesLoaded().progress(function() { + $isotope_gallery.isotope('layout') + }) - var $gallery_enabled = ($settings.gallery_enabled) == 'yes' ? true : false; - $scope.find('.eael-magnific-link').magnificPopup({ + // reinit magnificPopup + $('.eael-magnific-link', $scope).magnificPopup({ type: 'image', - gallery:{ + gallery: { enabled: $gallery_enabled }, callbacks: { close: function() { - $( '#elementor-lightbox' ).hide(); + $('#elementor-lightbox').hide(); } } - }); - - $scope.find('.eael-magnific-video-link').magnificPopup({ - type: 'iframe', - callbacks: { - close: function() { - $( '#elementor-lightbox' ).hide(); - } - } - }); - } - - - // Load more button - $scope.find('.eael-gallery-load-more').on('click', function(e) { - e.preventDefault(); - - var $this = $(this), - $init_show = $scope - .find('.eael-filter-gallery-container') - .find('.eael-filterable-gallery-item-wrap') - .length, - total_items = $gallery.data('total-gallery-items'), - images_per_page = $gallery.data('images-per-page'), - nomore_text = $gallery.data('nomore-item-text'), - $items = getGalleryItem($gallery_items, $scope, images_per_page, $init_show); - - if( $init_show == total_items ) { - $this.html('
'+nomore_text+'
'); - setTimeout(function(){ - $this.fadeOut('slow'); - }, 600); - } - - $scope.imagesLoaded(function(e) { - $gallery.isotope('insert', $items); - }); - }); + }) + }); + } - }; + } @@ -263,12 +267,13 @@ loadingFeed.addClass( 'show-loading' ); }, success: function() { - if($feed_type == 'masonry') { - setTimeout(function() { - eael_twitter_feed_masonry(); - }, 2000); - - } + $('.eael-twitter-feed-layout-container').bind("DOMSubtreeModified", function() { + if ($feed_type == 'masonry') { + setTimeout(function() { + eael_twitter_feed_masonry(); + }, 150); + } + }) loadingFeed.removeClass( 'show-loading' ); }, error: function() { @@ -430,56 +435,70 @@ } var ContentTicker = function ($scope, $) { - var $contentTicker = $scope.find('.eael-content-ticker').eq(0), - $items = ($contentTicker.data("items") !== undefined) ? $contentTicker.data("items") : 1, - $items_tablet = ($contentTicker.data("items-tablet") !== undefined) ? $contentTicker.data("items-tablet") : 1, - $items_mobile = ($contentTicker.data("items-mobile") !== undefined) ? $contentTicker.data("items-mobile") : 1, - $margin = ($contentTicker.data("margin") !== undefined) ? $contentTicker.data("margin") : 10, - $margin_tablet = ($contentTicker.data("margin-tablet") !== undefined) ? $contentTicker.data("margin-tablet") : 10, - $margin_mobile = ($contentTicker.data("margin-mobile") !== undefined) ? $contentTicker.data("margin-mobile") : 10, - $effect = ($contentTicker.data("effect") !== undefined) ? $contentTicker.data("effect") : 'slide', - $speed = ($contentTicker.data("speed") !== undefined) ? $contentTicker.data("speed") : 400, - $autoplay = ($contentTicker.data("autoplay") !== undefined) ? $contentTicker.data("autoplay") : 5000, - $loop = ($contentTicker.data("loop") !== undefined) ? $contentTicker.data("loop") : false, - $grab_cursor = ($contentTicker.data("grab-cursor") !== undefined) ? $contentTicker.data("grab-cursor") : false, - $pagination = ($contentTicker.data("pagination") !== undefined) ? $contentTicker.data("pagination") : '.swiper-pagination', - $arrow_next = ($contentTicker.data("arrow-next") !== undefined) ? $contentTicker.data("arrow-next") : '.swiper-button-next', - $arrow_prev = ($contentTicker.data("arrow-prev") !== undefined) ? $contentTicker.data("arrow-prev") : '.swiper-button-prev', - mySwiper = new Swiper($contentTicker, { - direction: 'horizontal', - loop: $loop, - speed: $speed, - effect: $effect, - slidesPerView: $items, - spaceBetween: $margin, - grabCursor: $grab_cursor, - paginationClickable: true, - autoHeight: true, - autoplay: { - delay: $autoplay, - }, - pagination: { - el: $pagination, - clickable: true, - }, - navigation: { - nextEl: $arrow_next, - prevEl: $arrow_prev, - }, - breakpoints: { - // when window width is <= 480px - 480: { - slidesPerView: $items_mobile, - spaceBetween: $margin_mobile - }, - // when window width is <= 640px - 768: { - slidesPerView: $items_tablet, - spaceBetween: $margin_tablet - } - } - }); - }; + var $contentTicker = $scope.find('.eael-content-ticker').eq(0), + $items = ($contentTicker.data("items") !== undefined) ? $contentTicker.data("items") : 1, + $items_tablet = ($contentTicker.data("items-tablet") !== undefined) ? $contentTicker.data("items-tablet") : 1, + $items_mobile = ($contentTicker.data("items-mobile") !== undefined) ? $contentTicker.data("items-mobile") : 1, + $margin = ($contentTicker.data("margin") !== undefined) ? $contentTicker.data("margin") : 10, + $margin_tablet = ($contentTicker.data("margin-tablet") !== undefined) ? $contentTicker.data("margin-tablet") : 10, + $margin_mobile = ($contentTicker.data("margin-mobile") !== undefined) ? $contentTicker.data("margin-mobile") : 10, + $effect = ($contentTicker.data("effect") !== undefined) ? $contentTicker.data("effect") : 'slide', + $speed = ($contentTicker.data("speed") !== undefined) ? $contentTicker.data("speed") : 400, + $autoplay = ($contentTicker.data("autoplay") !== undefined) ? $contentTicker.data("autoplay") : 5000, + $loop = ($contentTicker.data("loop") !== undefined) ? $contentTicker.data("loop") : false, + $grab_cursor = ($contentTicker.data("grab-cursor") !== undefined) ? $contentTicker.data("grab-cursor") : false, + $pagination = ($contentTicker.data("pagination") !== undefined) ? $contentTicker.data("pagination") : '.swiper-pagination', + $arrow_next = ($contentTicker.data("arrow-next") !== undefined) ? $contentTicker.data("arrow-next") : '.swiper-button-next', + $arrow_prev = ($contentTicker.data("arrow-prev") !== undefined) ? $contentTicker.data("arrow-prev") : '.swiper-button-prev', + $pause_on_hover = ($contentTicker.data('pause-on-hover') !== undefined ? $contentTicker.data('pause-on-hover') : ''), + $contentTickerOptions = { + direction : 'horizontal', + loop : $loop, + speed : $speed, + effect : $effect, + slidesPerView : $items, + spaceBetween : $margin, + grabCursor : $grab_cursor, + paginationClickable: true, + autoHeight : true, + autoplay: { + delay: $autoplay, + }, + pagination: { + el: $pagination, + clickable: true, + }, + navigation: { + nextEl: $arrow_next, + prevEl: $arrow_prev, + }, + breakpoints: { + // when window width is <= 480px + 480: { + slidesPerView: $items_mobile, + spaceBetween : $margin_mobile + }, + // when window width is <= 640px + 768: { + slidesPerView: $items_tablet, + spaceBetween : $margin_tablet + } + } + }; + + var $contentTickerSlider = new Swiper($contentTicker, $contentTickerOptions); + if($autoplay === 0) { + $contentTickerSlider.autoplay.stop(); + } + if($pause_on_hover && $autoplay !== 0) { + $contentTicker.on('mouseenter', function() { + $contentTickerSlider.autoplay.stop(); + }); + $contentTicker.on('mouseleave', function() { + $contentTickerSlider.autoplay.start(); + }); + } + }; /* ------------------------------ */ /* Data Table @@ -512,7 +531,7 @@ $fancy_text_speed = ($fancyText.data("fancy-text-speed") !== undefined) ? $fancyText.data("fancy-text-speed") : '', $fancy_text_delay = ($fancyText.data("fancy-text-delay") !== undefined) ? $fancyText.data("fancy-text-delay") : '', $fancy_text_cursor = ($fancyText.data("fancy-text-cursor") !== undefined) ? true : false, - $fancy_text_loop = ($fancyText.data("fancy-text-loop") !== undefined) ? true : false; + $fancy_text_loop = ($fancyText.data("fancy-text-loop") !== undefined) ? ($fancyText.data("fancy-text-loop") == 'yes' ? true : false) : false; $fancy_text = $fancy_text.split("|"); if ( $transition_type == 'typing' ) { diff --git a/assets/js/isotope.pkgd.min.js b/assets/js/isotope.pkgd.min.js old mode 100644 new mode 100755 diff --git a/assets/js/jquery.resize.min.js b/assets/js/jquery.resize.min.js old mode 100644 new mode 100755 diff --git a/assets/js/loading-bar.min.js b/assets/js/loading-bar.min.js old mode 100644 new mode 100755 diff --git a/assets/js/tooltipster.bundle.min.js b/assets/js/tooltipster.bundle.min.js old mode 100644 new mode 100755 diff --git a/assets/sass/_advance-accordion.scss b/assets/sass/_advance-accordion.scss new file mode 100644 index 000000000..eea38e952 --- /dev/null +++ b/assets/sass/_advance-accordion.scss @@ -0,0 +1,77 @@ + +/*------------------------------*/ +/* 31. Advance Accordion +/*------------------------------*/ + +.eael-adv-accordion { + width: auto; + height: auto; + transition: all 0.3s ease-in-out; +} + +.eael-adv-accordion .eael-accordion-list .eael-accordion-header { + padding: 15px; + border: 1px solid rgba(0, 0, 0, 0.02); + font-size: 1rem; + font-weight: 600; + line-height: 1; + transition: all 0.3s ease-in-out; + display: flex; + justify-content: space-between; + align-items: center; + cursor: pointer; +} + +.eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle { + transform: rotate(0deg); + z-index: 10; + transition: all 0.3s ease-in-out; +} + +.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle { + transform: rotate(90deg); + z-index: 10; + transition: all 0.3s ease-in-out; +} + +.fa-accordion-icon { + display: inline-block; + margin-right: 10px; +} + +.eael-adv-accordion .eael-accordion-list .eael-accordion-content { + display: none; + border: 1px solid #eee; + padding: 15px; + box-sizing: border-box; + font-size: 1rem; + line-height: 1.7; +} + +.eael-adv-accordion .eael-accordion-list .eael-accordion-content p { + margin: 0; +} + +.eael-adv-accordion .eael-accordion-list .eael-accordion-content.active { + display: block; +} + +@keyframes rotate-90 { + 0% { + transform: rotateY(0deg); + } + 100% { + transform: rotateY(-180deg); + } +} + +@keyframes fadeIn { + 0% { + opacity: 1; + transition: all 0.3s ease-in-out; + } + 100% { + opacity: 1; + transition: all 0.3s ease-in-out; + } +} diff --git a/assets/sass/_advance-tabs.scss b/assets/sass/_advance-tabs.scss new file mode 100644 index 000000000..00dddd9b5 --- /dev/null +++ b/assets/sass/_advance-tabs.scss @@ -0,0 +1,138 @@ +/*----------------------------*/ +/* 30. Advance Tabs +/*----------------------------*/ +.eael-advance-tabs { + display: block; +} + +.eael-advance-tabs .eael-tabs-nav>ul { + position: relative; + padding: 0px; + margin: 0px; + list-style-type: none; + display: flex; + justify-content: flex-start; + align-items: center; + z-index: 1; +} + +.eael-advance-tabs .eael-tabs-nav>ul li { + position: relative; + padding: 1em 1.5em; + flex: 1 1 auto; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + +.eael-advance-tabs .eael-tabs-nav>ul li:after { + content: ""; + position: absolute; + bottom: -10px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + width: 0px; + height: 0px; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #444; + border-bottom: 0px; + display: none; +} + +.eael-advance-tabs.active-caret-on .eael-tabs-nav>ul li.active:after, +.eael-advance-tabs.active-caret-on .eael-tabs-nav>ul li.active-default:after { + display: none; +} + +.eael-advance-tabs .eael-tabs-nav>ul li.active:after, +.eael-advance-tabs .eael-tabs-nav>ul li.active-default:after { + display: block; +} + +.eael-tabs-content { + display: flex; + flex: 1 1 auto; +} + +.eael-advance-tabs .eael-tabs-content>div { + display: none; + opacity: 0; +} + +.eael-advance-tabs .eael-tabs-content>div.active, +.eael-advance-tabs .eael-tabs-content>div.active-default { + display: block; + width: 100%; + padding: 1em; + opacity: 1; + animation: fadeIn linear 0.3s; +} + + +/*--- Inline Icon ---*/ + +.eael-tab-inline-icon li a .fa { + margin-right: 10px; + line-height: 1; +} + +.eael-tab-top-icon li a { + display: flex; + flex-wrap: wrap; + text-align: center; +} + +.eael-tab-top-icon li a .fa, +.eael-tab-top-icon li a .eael-tab-title { + flex: 1 1 100%; + line-height: 1; +} + +.eael-tab-top-icon li a .eael-tab-title { + margin-top: 10px; +} + + +/*--- Vertical Tabs ---*/ + +.eael-advance-tabs.eael-tabs-vertical { + display: flex; +} + +.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav { + flex: 0 0 auto; +} + +.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul { + flex-flow: column wrap; +} + +.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li { + width: 100%; + justify-content: start; +} + +.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul li::after { + bottom: auto !important; + right: -10px; + top: calc(50% - 10px) !important; + left: auto !important; + border-left: 10px solid #444; + border-right: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; +} + +@media only screen and (max-width: 767px) { + .eael-advance-tabs .eael-tabs-nav>ul { + flex-wrap: wrap; + } + .eael-advance-tabs .eael-tabs-nav>ul li { + flex: 1 100%; + } +} \ No newline at end of file diff --git a/assets/sass/_caldera-form.scss b/assets/sass/_caldera-form.scss new file mode 100644 index 000000000..7563f4cbc --- /dev/null +++ b/assets/sass/_caldera-form.scss @@ -0,0 +1,53 @@ +/* ----------------------------------------- */ +/* 22. Caldera Contact Form Styler +/* ----------------------------------------- */ +.eael-caldera-form-align-left, +.eael-caldera-form-btn-align-left { + text-align: left; +} + +.eael-caldera-form-align-right, +.eael-caldera-form-btn-align-right { + text-align: right; +} + +.eael-caldera-form-align-center, +.eael-caldera-form-btn-align-center { + text-align: center; +} + +.eael-caldera-form .control-label { + display: none; +} + +.eael-caldera-form-labels-yes .control-label { + display: block; +} + +.eael-caldera-form-button-center .form-group input[type=button], +.eael-caldera-form-button-center .form-group input[type=submit] { + display: block; + margin: 0 auto; +} + +.eael-caldera-form-button-right .form-group input[type=button], +.eael-caldera-form-button-right .form-group input[type=submit] { + float: right; +} + +.eael-caldera-form .intl-tel-input { + display: inherit; +} + +.eael-custom-radio-checkbox .caldera-grid input[type=checkbox], +.eael-custom-radio-checkbox .caldera-grid input[type=radio] { + border-style: solid; + border-width: 0; + padding: 3px; + -webkit-appearance: none; +} + +.eael-caldera-form-button-full-width .form-group input[type=submit], +.eael-caldera-form-button-full-width .form-group input[type=button] { + width: 100%; +} \ No newline at end of file diff --git a/assets/sass/_call-to-action.scss b/assets/sass/_call-to-action.scss new file mode 100644 index 000000000..60cb77edb --- /dev/null +++ b/assets/sass/_call-to-action.scss @@ -0,0 +1,254 @@ +/*--------------------------*/ +/* 19. Call To Action +/*-------------------------*/ +.eael-call-to-action { + width: 100%; + height: auto; + display: block; + padding: 30px; + font-size: 16px; + color: #4d4d4d; + font-weight: 400; + line-height: 27px; + margin: 0 auto; +} + +.eael-call-to-action p { + margin-bottom: 10px; +} + +.eael-call-to-action .title { + font-size: 36px; + font-weight: 600; + line-height: 36px; + margin-bottom: 10px; + text-transform: capitalize; + font-style: normal; +} + +.eael-call-to-action.cta-center { + text-align: center; +} + +.eael-call-to-action.cta-right { + text-align: right; +} + +.eael-call-to-action.cta-left { + text-align: left; +} + +.eael-call-to-action.bg-lite { + background: #f4f4f4; +} + +.eael-call-to-action.bg-img { + background-image: url('../img/bg.jpg'); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + position: relative; + z-index: 0; + color: rgba( 255, 255, 255, 0.7); +} + +.eael-call-to-action.bg-img .icon { + color: #fff; +} + +.eael-call-to-action.bg-img:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + z-index: -1; + background: rgba( 0, 0, 0, 0.8); +} + +.eael-call-to-action.bg-img.bg-fixed { + background-attachment: fixed; + background-position: center center; +} + +.eael-call-to-action.bg-img .title { + color: rgba( 255, 255, 255, 0.9); +} + +/*--- Cta Flex ---*/ +.eael-call-to-action.cta-flex, +.eael-call-to-action.cta-icon-flex { + display: flex; + justify-content: space-between; + align-items: flex-start; +} + +/*--- Cta Icon Flex ---*/ +.eael-call-to-action.cta-icon-flex .icon { + flex-grow: 1; + font-size: 80px; + text-align: left; + line-height: 130px; +} + +.eael-call-to-action.cta-icon-flex .action { + flex-grow: 1; + text-align: right; + padding-top: 22px; + flex-basis: 22%; +} + +.eael-call-to-action.cta-icon-flex .content { + flex-grow: 1; + padding: 0px 30px; +} + +/*--- Cta Flex ---*/ +.eael-call-to-action.cta-flex .content { + padding: 0px 15px; + flex-grow: 1; +} + +.eael-call-to-action.cta-flex .action { + flex-grow: 1; + text-align: right; + padding-top: 25px; + flex-basis: 23%; +} + +/*--- Cta Button ---*/ +.eael-call-to-action .cta-button { + position: relative; + display: inline-block; + padding: 12px 30px; + background: #f9f9f9; + font-size: 16px; + text-decoration: none; + color: #4d4d4d; + -webkit-transition: .5s; + -ms-transition: .5s; + transition: .5s; + -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); + -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); + margin-right: 10px; + margin-top: 10px; + z-index: 0; + overflow: hidden; +} + +.eael-call-to-action .cta-button:last-child { + margin-right: 0px; +} + +.eael-call-to-action .cta-button:focus { + outline: none; +} + + +/*--- Hover ---*/ +.eael-call-to-action .cta-button:hover { + color: #fff; + background: #3F51B5; + -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); + -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); +} + + +/*--- Cta Button effect 1 ---*/ +.eael-call-to-action .cta-button.effect-1:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: #3F51B5; + top: 0px; + left: 0px; + transform: translateY(-100%); + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + z-index: -1; + -webkit-transition: .5s; + -ms-transition: .5s; + transition: .5s; + color: #fff; +} + +.eael-call-to-action .cta-button.effect-1:hover::after { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); +} + +/*--- Cta Button effect 2 ---*/ +.eael-call-to-action .cta-button.effect-2:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: #3F51B5; + top: 0px; + left: 0px; + z-index: -1; + -webkit-transition: .5s; + -ms-transition: .5s; + transition: .5s; + color: #fff; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} + +.eael-call-to-action .cta-button.effect-2:hover::after { + -webkit-transform: translateX(0); + transform: translateX(0); +} + +/*--- Media Queries ---*/ +@media only screen and (max-width: 768px) { + .eael-call-to-action.cta-flex, + .eael-call-to-action.cta-icon-flex { + flex-wrap: wrap; + } + .eael-call-to-action .title { + font-size: 28px; + line-height: 36px; + margin-top: 0px; + } + .eael-call-to-action.cta-icon-flex .icon { + flex-grow: 1; + font-size: 48px; + line-height: 90px; + text-align: center; + } + .eael-call-to-action.cta-flex .content, + .eael-call-to-action.cta-icon-flex .content { + flex-grow: 1; + text-align: center; + padding: 0px; + } + .eael-call-to-action.cta-flex .action, + .eael-call-to-action.cta-icon-flex .action { + text-align: center; + padding-top: 0px; + } + .eael-call-to-action .cta-button { + padding: 12px 25px; + } +} + +@media only screen and (max-width: 360px) { + .eael-call-to-action { + font-size: 14px; + line-height: 26px; + } + .eael-call-to-action .cta-button { + padding: 4px 20px; + font-size: 12px; + } + .eael-call-to-action .title { + font-size: 20px; + line-height: 30px; + } +} \ No newline at end of file diff --git a/assets/sass/_contact-form7.scss b/assets/sass/_contact-form7.scss new file mode 100644 index 000000000..89b13f2f9 --- /dev/null +++ b/assets/sass/_contact-form7.scss @@ -0,0 +1,83 @@ +/*--------------------------------*/ +/* 11. Contact Form 7 Styles +/*--------------------------------*/ +.eael-contact-form.eael-contact-form-align-center, +.eael-contact-form-7.eael-contact-form-btn-align-center input.wpcf7-submit { + margin-left: auto !important; + margin-right: auto !important; + display: block; + float: none; +} + +.eael-contact-form.eael-contact-form-align-left, +.eael-contact-form-7.eael-contact-form-btn-align-left input.wpcf7-submit { + float: left; + width: auto; +} + +.eael-contact-form.eael-contact-form-align-right, +.eael-contact-form-7.eael-contact-form-btn-align-right input.wpcf7-submit { + float: right; + width: auto; +} + +.eael-contact-form-7 textarea, +.eael-contact-form-7 input[type="text"], +.eael-contact-form-7 input[type="password"], +.eael-contact-form-7 input[type="datetime"], +.eael-contact-form-7 input[type="datetime-local"], +.eael-contact-form-7 input[type="date"], +.eael-contact-form-7 input[type="month"], +.eael-contact-form-7 input[type="time"], +.eael-contact-form-7 input[type="week"], +.eael-contact-form-7 input[type="number"], +.eael-contact-form-7 input[type="email"], +.eael-contact-form-7 input[type="url"], +.eael-contact-form-7 input[type="search"], +.eael-contact-form-7 input[type="tel"], +.eael-contact-form-7 input[type="color"], +.eael-contact-form-7 .uneditable-input { + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +.eael-contact-form-7 .wpcf7-form::before, +.eael-contact-form-7 .wpcf7-form::after { + content: " "; + clear: both; + display: table; +} + +.eael-contact-form-7 .wpcf7-form:after { + clear: both; + content: ""; + font-size: 0; + height: 0; + display: block; + visibility: hidden; +} + +.eael-contact-form-7 .wpcf7-form label, +.eael-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap { + display: block; +} + +.eael-contact-form-7 .wpcf7-form p { + margin-bottom: 0; +} + +.eael-contact-form-7.labels-hide .wpcf7-form label { + display: none; +} + +.eael-contact-form-7-title { + margin-bottom: 10px; +} + +.eael-contact-form-7-description { + margin-bottom: 20px; +} + +.eael-contact-form-7-button-full-width .wpcf7-form-control.wpcf7-submit { + width: 100%; +} \ No newline at end of file diff --git a/assets/sass/_contact-forms.scss b/assets/sass/_contact-forms.scss new file mode 100644 index 000000000..f65ef5592 --- /dev/null +++ b/assets/sass/_contact-forms.scss @@ -0,0 +1,94 @@ +/*--------------------------------*/ +/* 10. Contact forms common +/*--------------------------------*/ + +.eael-contact-form input[type=text], +.eael-contact-form input[type=email], +.eael-contact-form input[type=url], +.eael-contact-form input[type=tel], +.eael-contact-form input[type=date], +.eael-contact-form input[type=number], +.eael-contact-form textarea { + background: #fff; + box-shadow: none; + -webkit-box-shadow: none; + float: none; + height: auto; + margin: 0; + outline: 0; + width: auto; +} + +.eael-contact-form input[type=submit] { + border: 0; + float: none; + height: auto; + margin: 0; + padding: 10px 20px; + width: auto; + -webkit-transition: all 0.25s linear 0s; + transition: all 0.25s linear 0s; +} + +.eael-contact-form.placeholder-hide input::-webkit-input-placeholder, +.eael-contact-form.placeholder-hide textarea::-webkit-input-placeholder { + opacity: 0; + visibility: hidden; +} + +.eael-contact-form.placeholder-hide input::-moz-placeholder, +.eael-contact-form.placeholder-hide textarea::-moz-placeholder { + opacity: 0; + visibility: hidden; +} + +.eael-contact-form.placeholder-hide input:-ms-input-placeholder, +.eael-contact-form.placeholder-hide textarea:-ms-input-placeholder { + opacity: 0; + visibility: hidden; +} + +.eael-contact-form.placeholder-hide input:-moz-placeholder, +.eael-contact-form.placeholder-hide textarea:-moz-placeholder { + opacity: 0; + visibility: hidden; +} + +.eael-custom-radio-checkbox input[type=checkbox], +.eael-custom-radio-checkbox input[type=radio] { + -webkit-appearance: none; + -moz-appearance: none; + border-style: solid; + border-width: 0; + outline: none; + min-width: 1px; + width: 15px; + height: 15px; + background: #ddd; + padding: 3px; +} + +.eael-custom-radio-checkbox input[type=checkbox]:before, +.eael-custom-radio-checkbox input[type=radio]:before { + content: ""; + width: 100%; + height: 100%; + padding: 0; + margin: 0; + display: block; +} + +.eael-custom-radio-checkbox input[type=checkbox]:checked:before, +.eael-custom-radio-checkbox input[type=radio]:checked:before { + background: #999; + -webkit-transition: all 0.25s linear 0s; + transition: all 0.25s linear 0s; +} + +.eael-custom-radio-checkbox input[type=radio] { + border-radius: 50%; +} + +.eael-custom-radio-checkbox input[type=radio]:before { + border-radius: 50%; +} diff --git a/assets/sass/_content-ticker.scss b/assets/sass/_content-ticker.scss new file mode 100644 index 000000000..12deed057 --- /dev/null +++ b/assets/sass/_content-ticker.scss @@ -0,0 +1,59 @@ + +/*----------------------------*/ +/* 29. Content Ticker +/*----------------------------*/ + +.eael-ticker-wrap { + overflow: hidden; + display: flex; + flex-flow: row nowrap; + align-items: center; + width: 100%; +} + +.eael-ticker-wrap .ticker-badge { + flex: 0 0 auto; + padding: 8px 12px; +} + +.eael-ticker-wrap .eael-ticker { + overflow: hidden; + flex: 1 1 auto; +} + +.eael-ticker-wrap .eael-ticker .ticker-content { + padding: 8px 12px; + line-height: 1.8; +} + +.eael-ticker-wrap .eael-ticker .ticker-content p{ + margin: 0; +} + +.eael-ticker-wrap .swiper-button-prev { + left: auto !important; + right: 25px; +} + +.eael-ticker-wrap div.swiper-slide, +.eael-ticker-wrap div.swiper-slide.swiper-slide-prev, +.eael-ticker-wrap div.swiper-slide.swiper-slide-next { + opacity: 0 !important; +} + +.eael-ticker-wrap div.swiper-slide.swiper-slide-active { + opacity: 1 !important; +} + +.eael-ticker-wrap .eael-content-ticker.swiper-container .swiper-slide { + text-align: left; +} + +@media only screen and (max-width: 767px) { + .eael-ticker-wrap { + flex-flow: row wrap; + } + .content-ticker-pagination { + display: none; + } +} \ No newline at end of file diff --git a/assets/sass/_countdown.scss b/assets/sass/_countdown.scss new file mode 100644 index 000000000..3a019fb0b --- /dev/null +++ b/assets/sass/_countdown.scss @@ -0,0 +1,63 @@ +/*---------------------------------*/ +/* 05. Countdown Styles +/*---------------------------------*/ + + +/*--- General ---*/ + +.eael-countdown-items { + list-style: none; + margin: 0; + padding: 0; + display: table; + table-layout: fixed; + width: 100%; +} + +.eael-countdown-items>li { + list-style: none; + margin: 0; + padding: 0; + display: table-cell; + position: relative; +} + +.eael-countdown-item>div { + text-align: center; + padding: 20px; +} + +.eael-countdown-label-block .eael-countdown-digits, +.eael-countdown-label-block .eael-countdown-label { + display: block; + text-align: center; +} + +.eael-countdown-digits { + font-size: 54px; + line-height: 1; +} + +.eael-countdown-label { + font-size: 18px; + line-height: 1; + color: #ffffff; +} + +.eael-countdown-show-separator .eael-countdown-digits::after { + content: ":"; + position: absolute; + left: 98%; + z-index: 9999; +} + +.eael-countdown-item:last-child .eael-countdown-digits::after { + display: none; +} + + +/*--- Style 1 ---*/ + +.eael-countdown-items.style-1 .eael-countdown-item>div { + background: #262625; +} \ No newline at end of file diff --git a/assets/sass/_creative-button.scss b/assets/sass/_creative-button.scss new file mode 100644 index 000000000..5813d3afc --- /dev/null +++ b/assets/sass/_creative-button.scss @@ -0,0 +1,262 @@ +/*-----------------------------*/ +/* 04. Creative Button styles +/*-----------------------------*/ + +.eael-creative-button-align-center { + text-align: center; +} + +.eael-creative-button-wrapper { + display: flex; +} + +.eael-creative-button { + flex: 0 0 auto; + min-width: 150px; + text-align: center; + vertical-align: middle; + position: relative; + z-index: 1; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; +} + +.eael-creative-button:focus { + outline: none; +} + +.eael-creative-button>span { + vertical-align: middle; +} + +.eael-creative-button { + border-radius: 2px; + padding: 20px 30px; + font-size: 16px; + line-height: 1; +} + + +/*--- Winona ---*/ + +.eael-creative-button--winona { + overflow: hidden; + padding: 0!important; + -webkit-transition: border-color 0.3s, background-color 0.3s; + transition: border-color 0.3s, background-color 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.eael-creative-button--winona::after { + content: attr(data-text); + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0; + -webkit-transform: translate3d(0, 25%, 0); + transform: translate3d(0, 25%, 0); +} + +.eael-creative-button--winona>span { + display: block; +} + +.eael-creative-button--winona::after, +.eael-creative-button--winona>span { + padding: 1em 2em; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.eael-creative-button--winona:hover::after { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.eael-creative-button--winona:hover>span { + opacity: 0; + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); +} + + +/*--- Ujarak ---*/ + +.eael-creative-button--ujarak { + -webkit-transition: border-color 0.4s, color 0.4s; + transition: border-color 0.4s, color 0.4s; +} + +.eael-creative-button--ujarak::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + opacity: 0; + -webkit-transform: scale3d(0.7, 1, 1); + transform: scale3d(0.7, 1, 1); + -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; + transition: transform 0.4s, opacity 0.4s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.eael-creative-button--ujarak, +.eael-creative-button--ujarak::before { + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.eael-creative-button--ujarak:hover::before { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + + +/*--- Wayra ---*/ + +.eael-creative-button--wayra { + overflow: hidden; + -webkit-transition: border-color 0.3s, color 0.3s; + transition: border-color 0.3s, color 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.eael-creative-button--wayra::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 150%; + height: 100%; + z-index: -1; + -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); + transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); + -webkit-transform-origin: 0% 100%; + transform-origin: 0% 100%; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; + transition: transform 0.3s, opacity 0.3s, background-color 0.3s; +} + +.eael-creative-button--wayra:hover::before { + opacity: 1; + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + + +/*--- Tamaya ---*/ +.eael-creative-button--tamaya { + overflow: hidden; +} + +.eael-creative-button--tamaya::before, +.eael-creative-button--tamaya::after { + content: attr(data-text); + position: absolute; + width: 100%; + height: 50%; + left: 0; + overflow: hidden; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.eael-creative-button--tamaya::before { + top: 0; + padding: 20px 30px; +} + +.eael-creative-button--tamaya::after { + bottom: 0; + line-height: 0; +} + +.eael-creative-button--tamaya:hover::after { + bottom: -1px; +} + +.eael-creative-button--tamaya>span { + display: block; + -webkit-transform: scale3d(0.2, 0.2, 1); + transform: scale3d(0.2, 0.2, 1); + opacity: 0; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); + transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); +} + +.eael-creative-button--tamaya:hover::before { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} + +.eael-creative-button--tamaya:hover::after { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} + +.eael-creative-button--tamaya:hover>span { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} + + +/*--- Rayen ---*/ + +.eael-creative-button--rayen { + overflow: hidden; + padding: 0!important; +} + +.eael-creative-button--rayen::before { + content: attr(data-text); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} + +.eael-creative-button--rayen>span { + display: block; +} + +.eael-creative-button--rayen::before, +.eael-creative-button--rayen>span { + padding: 1em 2em; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); + transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); +} + +.eael-creative-button--rayen:hover::before { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.eael-creative-button--rayen:hover>span { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} \ No newline at end of file diff --git a/assets/sass/_data-table.scss b/assets/sass/_data-table.scss new file mode 100644 index 000000000..dbb460fae --- /dev/null +++ b/assets/sass/_data-table.scss @@ -0,0 +1,307 @@ +//colors +$color_0: rgba(0, 0, 0, 0.09); +$color_1: #f2f2f2; +$color_2: #fff; +$color_3: #4a4893; +$color_4: #888; +$color_5: #000; +$color_6: rgba(242, 242, 242, 0.5); +$color_7: rgba(242, 242, 242, 0.7); + +//fonts +$font_0: "FontAwesome"; +$font_1: "Montserrat"; +$font_2: "sans-serif"; + +//@extend-elements +//original selectors +//table.eael-data-table thead .sorting, table.eael-data-table thead .sorting_desc, table.eael-data-table thead .sorting_asc +%extend_1 { + position: relative; + z-index: 0; + outline: 0; + cursor: pointer; +} + +//original selectors +//table.eael-data-table thead .sorting:after, table.eael-data-table thead .sorting_desc:after, table.eael-data-table thead .sorting_asc:after +%extend_2 { + position: absolute; + top: 50%; + right: 10px; + font-family: $font_0; + color: $color_2; + z-index: 1; + transform: translateY(-50%); +} + + +.eael-data-table-wrap { + .eael-data-tables_wrapper { + display: flex; + flex-flow: row wrap; + justify-content: flex-start; + width: 100%; + } + .eael-data-tables_filter { + flex-grow: 1; + flex-basis: 50%; + text-align: right; + label { + font-weight: 700; + input[type="search"] { + height: 40px; + border: 1px solid $color_0; + outline: 0; + padding: 10px; + margin-left: 10px; + } + } + } + .eael-data-tables_length { + flex-grow: 1; + flex-basis: 50%; + select { + width: auto; + max-width: 120px; + height: 40px; + border: 1px solid $color_0; + outline: 0; + margin-left: 10px; + margin-right: 10px; + } + label { + font-weight: 700; + } + } + .eael-data-tables_info { + flex-grow: 1; + flex-basis: 50%; + font-weight: 700; + } + .eael-data-tables_paginate { + flex-grow: 1; + flex-basis: 50%; + text-align: right; + .paginate_button { + padding: 10px 15px; + background: $color_1; + margin-right: 2px; + cursor: pointer; + transition: all .3s; + &:hover { + color: $color_2; + background: $color_3; + } + &.current { + color: $color_2; + background: $color_3; + } + &.disabled { + cursor: no-drop; + background: $color_1; + opacity: .5; + color: $color_4; + } + } + } +} +.data-header-icon { + margin-right: 10px; +} +.eael-data-table { + width: 100%; + height: auto; + margin: 0; + border-collapse: collapse; + border: none; + + tr { + border-style: none; + } + + thead tr { + text-align: left; + + th { + padding: 20px 15px; + background: $color_3; + font-size: 16px; + font-weight: 600; + font-family: $font_1, $font_2; + line-height: 1; + color: $color_2; + border-color: $color_5; + border-width: 2px; + border-style: none; + background-clip: padding-box; + + &:hover { + border-color: $color_5; + } + } + } + tbody tr { + &.even { + transition: background 0.4s ease-in-out; + &:hover { + background: $color_7; + } + &:last-child { + border-bottom: 1px solid $color_0; + } + } + &.odd { + background: $color_6; + transition: background 0.2s ease-in-out; + &:hover { + background: $color_7; + } + &:last-child { + border-bottom: 1px solid $color_0; + } + } + td { + padding: 20px 15px; + font-size: 14px; + font-family: $font_1, $font_2; + line-height: 1; + border-width: 2px; + border-style: none; + background-clip: padding-box; + } + } +} +.eael-data-table-th-img { + display: inline-block; + margin: 0 15px 0 0; + line-height: 1; +} +.th-mobile-screen { + display: none; +} +@media(max-width: 39.9375em) { + .eael-data-table-wrap { + overflow-x: scroll !important; + padding-bottom: 5px; + } + .th-mobile-screen { + display: inline-block; + padding: 0 .6em; + margin-right: 10px; + text-align: center; + flex-grow: 0; + flex-shrink: 0; + flex-basis: 100px; + .eael-data-table-th-img { + margin: 0 auto 15px auto; + display: block; + } + .data-header-icon { + margin: 0 auto 15px auto; + display: block; + } + } + .td-content-wrapper { + display: flex; + width: 100%; + } + .td-content { + width: 100%; + justify-content: center; + > p { + width: 100%; + justify-content: center; + } + } + .custom-responsive-option-enable .eael-data-table { + thead { + display: none; + } + tbody tr td { + float: none; + clear: left; + width: 100%; + text-align: left; + display: flex; + align-items: center; + } + } + .eael-data-table .td-content { + align-items: center; + display: flex; + } +} +table.eael-data-table { + thead { + .sorting { + @extend %extend_1; + &:after { + @extend %extend_2; + content: "\f0dc"; + } + } + .sorting_desc { + @extend %extend_1; + &:after { + @extend %extend_2; + } + } + .sorting_asc { + @extend %extend_1; + &:after { + @extend %extend_2; + } + } + .headerSortDown:after { + content: "\f0dd"; + } + .headerSortUp:after { + content: "\f0de"; + } + .sorting_disabled.sorting:after { + display: none; + } + } + .sorting.sorting-none:after { + display: none; + } + .sorting_desc.sorting-none:after { + display: none; + } + .sorting_asc.sorting-none:after { + display: none; + } +} +.eael-table-align-left table.eael-data-table { + float: left; +} +.eael-table-align-center table.eael-data-table { + margin: 0 auto; +} +.eael-table-align-right table.eael-data-table { + float: right; +} +.eael-hide-elements .eael-data-tables_info { + display: none; +} +.eael-dt-th-align-left .eael-data-table thead tr th { + text-align: left; +} +.eael-dt-td-align-left .eael-data-table tbody tr td { + text-align: left; +} +.eael-dt-th-align-right .eael-data-table thead tr th { + text-align: right; + padding-right: 30px; +} +.eael-dt-td-align-right .eael-data-table tbody tr td { + text-align: right; + padding-right: 30px; +} +.eael-dt-th-align-center .eael-data-table thead tr th { + text-align: center; +} +.eael-dt-td-align-center .eael-data-table tbody tr td { + text-align: center; +} \ No newline at end of file diff --git a/assets/sass/_dual-color-heading.scss b/assets/sass/_dual-color-heading.scss new file mode 100644 index 000000000..765161f83 --- /dev/null +++ b/assets/sass/_dual-color-heading.scss @@ -0,0 +1,46 @@ + +/* -------------------------------- */ +/* 20. Dual Color Heading +/* -------------------------------- */ +.eael-dual-header { + display: block; + margin-bottom: 50px; +} + +.eael-dual-header .title, +.eael-dual-header .title span { + font-size: 36px; + font-weight: 700; + text-transform: uppercase; + line-height: 48px; + margin: 10px 0px; +} + +.eael-dual-header .subtext { + font-size: 16px; + display: block; +} + +.eael-dual-header i { + display: block; + padding: 0px; + margin: 20px 0px 10px 0px; + font-size: 36px; +} + +.eael-dual-header .title span.lead { + color: #1abc9c; +} + +/*--- Builder Related Css ---*/ +.eael-dual-header-content-align-center { + text-align: center; +} + +.eael-dual-header-content-align-left { + text-align: left; +} + +.eael-dual-header-content-align-right { + text-align: right; +} \ No newline at end of file diff --git a/assets/sass/_fancy-text.scss b/assets/sass/_fancy-text.scss new file mode 100644 index 000000000..c5622b5e2 --- /dev/null +++ b/assets/sass/_fancy-text.scss @@ -0,0 +1,72 @@ +/*--------------------------*/ +/* 03. Fancy Text Style +/*--------------------------*/ +.eael-fancy-text-container p { + margin: 0; +} + +.eael-fancy-text-strings, +.eael-fancy-text-prefix, +.eael-fancy-text-suffix { + display: inline-block; +} + +.morphext>.animated { + display: inline-block; +} + +.typed-cursor { + opacity: 1; + -webkit-animation: blink_cursor 0.7s infinite; + -moz-animation: blink_cursor 0.7s infinite; + animation: blink_cursor 0.7s infinite; +} + +@keyframes blink_cursor { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@-webkit-keyframes blink_cursor { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@-moz-keyframes blink_cursor { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + + +/*--- Style 2 ---*/ + +.eael-fancy-text-container.style-2 { + font-size: 24px; +} + +.eael-fancy-text-container.style-2 .eael-fancy-text-strings { + background: #ff5544; + color: #fff; + padding: 10px 25px; +} \ No newline at end of file diff --git a/assets/sass/_filterable-gallery.scss b/assets/sass/_filterable-gallery.scss new file mode 100644 index 000000000..492b3e46e --- /dev/null +++ b/assets/sass/_filterable-gallery.scss @@ -0,0 +1,768 @@ +/*------------------------------*/ +/* 27. Filterable Gallery +/*------------------------------*/ +.eael-filter-gallery-control { + width: 100%; +} + +.eael-filter-gallery-control ul, +.eael-filter-gallery-control ul li { + text-align: center; +} + +.eael-filter-gallery-control ul { + margin: 0px 0px 20px 0px; + padding: 0px; + text-align: center; +} + +.eael-filter-gallery-control { + display: flex; + flex-flow: 1 1 auto; + align-items: center; + justify-content: center; + flex-flow: row wrap; + padding: 0px; + margin: 0px; +} + +.eael-filter-gallery-control ul li { + list-style: none; + font-size: 24px; + display: inline-block; + text-align: center; +} + +.eael-filter-gallery-control ul li a.control { + font-family: 'Montserrat', sans-serif; + font-size: 16px; + font-weight: 600; + padding: 10px 25px; + margin: 10px 6px; +} + +.eael-filter-gallery-container { + text-align: justify; + font-size: 0.1px; +} + +.eael-filter-gallery-container:after { + content: ''; + display: inline-block; + width: 100%; +} + +.eael-filter-gallery-container:not(.eael-cards) .item:before { + content: ''; + display: inline-block; + padding-top: 56.25%; +} + +.eael-filter-gallery-container .item .caption { + position: absolute; + display: flex; + flex-flow: 1 1 100%; + align-items: center; + justify-content: center; + z-index: 1; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + transition: transform .4s; +} + +.eael-filter-gallery-container.eael-cards .item .caption { + display: none; +} + +.eael-filter-gallery-container.eael-cards .item .item-img .caption { + position: absolute; + display: flex; + flex-flow: 1 1 100%; + align-items: center; + justify-content: center; + z-index: 10; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + transition: transform .4s; +} + +.gallery-item-caption-over { + width: 100%; + height: auto; +} + +a.eael-gallery-load-more, a.eael-gallery-load-more:hover { + text-decoration: none; +} + +/*--- Caption Animation ---*/ +.eael-filter-gallery-container .item .caption.eael-zoom-in, +.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-zoom-in { + transform: scale(0); +} + +.eael-filter-gallery-container .item:hover .caption.eael-zoom-in, +.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-zoom-in { + transform: scale(1); +} + +.eael-filter-gallery-container .item .caption.eael-slide-left, +.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-left { + transform: translateX(-100%); +} + +.eael-filter-gallery-container .item:hover .caption.eael-slide-left, +.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-left { + transform: translateX(0%); +} + +.eael-filter-gallery-container .item .caption.eael-slide-right, +.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-right { + transform: translateX(100%); +} + +.eael-filter-gallery-container .item:hover .caption.eael-slide-right, +.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-right { + transform: translateX(0%); +} + +.eael-filter-gallery-container .item .caption.eael-slide-top, +.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-top { + transform: translateY(-100%); +} + +.eael-filter-gallery-container .item:hover .caption.eael-slide-top, +.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-top { + transform: translateY(0%); +} + +.eael-filter-gallery-container .item .caption.eael-slide-bottom, +.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-bottom { + transform: translateY(100%); +} + +.eael-filter-gallery-container .item:hover .caption.eael-slide-bottom, +.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-bottom { + transform: translateY(0%); +} + +.eael-filter-gallery-container .item .caption a { + display: inline-block; + width: 50px; + height: 50px; + text-align: center; + line-height: 50px; + border-radius: 50%; + margin: 0 5px; + font-size: 20px; + cursor: pointer; + transition: .3s; +} + +.eael-filter-gallery-container .item .caption a:nth-child(1), +.eael-container .item .caption a:nth-child(2) { + transition: .6s; + opacity: 0; +} + +.eael-filter-gallery-container .item .caption a:nth-child(1) { + transform: translateY(-100%); +} + +.eael-filter-gallery-container .item .caption a:nth-child(2) { + transform: translateY(100%); +} + +.eael-filter-gallery-container .item .caption:hover a:nth-child(1), +.eael-filter-gallery-container .item .caption:hover a:nth-child(2) { + transform: translateY(0%); + opacity: 1; +} + +.eael-filter-gallery-container .item .caption .eael-popup-link { + outline: 0; +} + + +/*--- Filter Gallery Card Style ---*/ + +.eael-filter-gallery-container.eael-cards .item:before { + padding-top: 0px; +} + +.eael-filter-gallery-container.eael-cards .item-img { + position: relative; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + height: 220px; + z-index: 0; + overflow: hidden; +} + +.eael-filter-gallery-container.eael-cards .item-content { + padding: 15px; +} + +.eael-filter-gallery-container.eael-cards .item-content .title, +.eael-filter-gallery-container.eael-cards .item-content .title a { + font-size: 20px; + line-height: 1; + margin-bottom: 0px; + transition: .3s; +} + +.eael-filter-gallery-container.eael-cards .item-content p { + font-size: 14px; + line-height: 26px; +} + +.eael-fg-card-content-align-center .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over { + text-align: center; +} + +.eael-fg-card-content-align-right .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over { + text-align: right; +} + +.eael-fg-hoverer-content-align-center .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over { + text-align: center; +} + +.eael-fg-hoverer-content-align-right .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over { + text-align: right; +} + + +/*--- Editor Specific Style ---*/ + +.eael-fg-content-align-left .eael-cards .item .item-content { + text-align: left; +} + +.eael-fg-content-align-center .eael-cards .item .item-content { + text-align: center; +} + +.eael-fg-content-align-right .eael-cards .item .item-content { + text-align: right; +} + + +/*--- Magnific Gallery Fix ---*/ + +.mfp-wrap~div.dialog-widget { + display: none!important; +} + +.eael-filterable-gallery-item-wrap { + float: left; + width: 33.33%; +} + +.eael-filter-gallery-container.eael-col-1 .eael-filterable-gallery-item-wrap { + width: 100%; +} + +.eael-filter-gallery-control>ul li { + font-size: 13px; + line-height: 1.8; + text-transform: uppercase; + letter-spacing: 1px; + padding: 6px 15px; + cursor: pointer; + margin: 0 5px; + font-weight: normal; +} + +.eael-filter-gallery-container.eael-col-2 .eael-filterable-gallery-item-wrap { + width: 50%; +} + +.eael-filter-gallery-container.eael-col-4 .eael-filterable-gallery-item-wrap { + width: 25%; +} + +.eael-filter-gallery-container.eael-col-5 .eael-filterable-gallery-item-wrap { + width: 20%; +} + +.gallery-grid-item { + margin-left: calc(20px/2); + margin-right: calc(20px/2); + margin-bottom: 20px; + position: relative; + overflow: hidden; +} + +.gallery-item-caption-wrap, +.media-content-wrap { + font-size: 14px; + text-align: left; +} + +.gallery-item-thumbnail-wrap.caption-style-card img { + max-height: 100%; + width: 100%; +} + +.gallery-item-caption-wrap.caption-style-hoverer { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + padding: 15px; + z-index: 10; +} + +.eael-filterable-gallery-item-wrap .gallery-grid-item .gallery-item-thumbnail-wrap>img { + height: 100%; + width: 100%; + object-fit: cover; +} + + +/*--- Gallery content css ---*/ + +.fg-item-title, +.fg-item-content { + color: #ffffff; + font-family: inherit; +} + + +/*--- Gallery Card Style CSS ---*/ +.gallery-item-caption-wrap.caption-style-card .fg-item-title { + font-size: 18px; + margin: 15px 0 15px; + line-height: 1; +} + +.gallery-item-caption-wrap.caption-style-card { + background: #f7f7f7; +} + +.gallery-item-caption-wrap.caption-style-card .fg-item-title { + margin: 10px 0 15px; + color: #000000; +} + +.gallery-item-caption-wrap.caption-style-card .fg-item-content { + color: #212529; + line-height: 1.5; + font-weight: normal; +} + +.gallery-item-buttons>a { + display: inline-block; + font-size: 16px; + color: #000; + margin-right: 15px; +} + +.gallery-item-buttons>a:visited { + color: #000; +} + +.gallery-item-caption-wrap.caption-style-card { + padding: 10px; + box-sizing: border-box; + font-family: inherit; +} + + +/*--- Gallery item hover style ---*/ +.gallery-item-caption-wrap .gallery-item-hoverer-bg { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ''; + background: #000000; + z-index: -1; + opacity: .7; +} + +.gallery-item-caption-wrap.caption-style-hoverer { + visibility: hidden; + opacity: 0; + transition: 0.6s all ease; + display: flex; + align-items: center; +} + +.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer { + opacity: 1; + visibility: visible; +} + +.gallery-item-caption-wrap.caption-style-hoverer h5 { + font-size: 20px; + margin-bottom: 5px; + line-height: 1; +} + +.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5 { + transform: translateY(20px); + transition: 0.6s all ease; +} + +.gallery-item-caption-wrap.caption-style-hoverer p { + margin-bottom: 5px; +} + +.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up p { + transform: translateY(40px); + transition: 0.6s all ease; +} + +.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons { + transform: translateY(40px); + transition: 0.6s all ease; +} + +.gallery-item-caption-wrap .gallery-item-buttons > a { + padding: 5px 15px; + display: inline-block; + border-radius: 50%; + outline: none; + text-decoration: none; +} + +.gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in { + transform: scale(.8); + transition: 0.6s all ease; +} + +.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5, +.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons, +.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up p { + transform: translate(0); +} + +.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in { + transform: scale(1); + visibility: visible; + opacity: 1; +} + +.gallery-item-caption-wrap.caption-style-hoverer.eael-none { + transition: none; +} + +/*--- Video Gallery ---*/ +.gallery-item-thumbnail-wrap { + position: relative; +} + +.video-popup, +.video-popup-bg { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; +} + +.video-popup>img { + width: 62px; + position: relative; + z-index: 1; + transition: 300ms; +} + +.video-popup { + display: flex; + align-items: center; + justify-content: center; +} + +.video-popup:hover>img { + transform: scale(1.1); +} + +.video-popup-bg { + visibility: hidden; + opacity: 0; + transition: 350ms; +} + +.gallery-grid-item:hover .video-popup-bg { + visibility: visible; + opacity: 1; +} + +.gallery-item-thumbnail-wrap>.gallery-item-caption-wrap { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.gallery-item-caption-wrap.card-hover-bg { + visibility: hidden; + opacity: 0; + transition: 800ms; +} + +.gallery-item-thumbnail-wrap:hover .gallery-item-caption-wrap.card-hover-bg { + visibility: visible; + opacity: 1; +} + +.gallery-item-caption-wrap .gallery-item-buttons>a>i { + display: flex; + align-items: center; + justify-content: center; + height: 100%; +} + +/*--- Gallery Column CSS ---*/ +@media only screen and (min-width: 1025px) { + /* For Desktop: */ + .elementor-element.elementor-grid-1 { + position: relative; + } + .elementor-element.elementor-grid-1 .eael-filterable-gallery-item-wrap { + width: 100%; + float: left; + } + .elementor-element.elementor-grid-2 { + position: relative; + } + .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap { + width: 50%; + float: left; + } + .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { + clear: left; + } + .elementor-element.elementor-grid-3 { + position: relative; + } + .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap { + width: 33.3333%; + float: left; + } + .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { + clear: left; + } + .elementor-element.elementor-grid-4 { + position: relative; + } + .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap { + width: 25%; + float: left; + } + .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { + clear: left; + } + .elementor-element.elementor-grid-5 { + position: relative; + } + .elementor-element.elementor-grid-5 .pp-logo-grid { + margin-right: -5px; + } + .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap { + width: 20%; + float: left; + } + .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { + clear: left; + } + .elementor-element.elementor-grid-6 { + position: relative; + } + .elementor-element.elementor-grid-6 .pp-logo-grid { + margin-right: -6px; + } + .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap { + width: 16.6667%; + float: left; + } + .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { + clear: left; + } +} + +@media only screen and (max-width: 1024px) and (min-width: 766px) { + /* For tablets: */ + .elementor-element.elementor-grid-tablet-1 { + position: relative; + } + .elementor-element.elementor-grid-tablet-1 .eael-filterable-gallery-item-wrap { + width: 100%; + float: left; + } + .elementor-element.elementor-grid-tablet-2 { + position: relative; + } + .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap { + width: 50%; + float: left; + } + .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { + clear: left; + } + .elementor-element.elementor-grid-tablet-3 { + position: relative; + } + .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap { + width: 33.3333%; + float: left; + } + .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { + clear: left; + } + .elementor-element.elementor-grid-tablet-4 { + position: relative; + } + .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap { + width: 25%; + float: left; + } + .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { + clear: left; + } + .elementor-element.elementor-grid-tablet-5 { + position: relative; + } + .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap { + width: 20%; + float: left; + } + .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { + clear: left; + } + .elementor-element.elementor-grid-tablet-6 { + position: relative; + } + .elementor-element.elementor-grid-tablet-6 .pp-logo-grid { + margin-right: -6px; + } + .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap { + width: 16.6667%; + float: left; + } + .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { + clear: left; + } +} + +@media only screen and (max-width: 767px) { + .elementor-element.elementor-grid-mobile-1 { + position: relative; + } + .elementor-element.elementor-grid-mobile-1 .eael-filterable-gallery-item-wrap { + width: 100%; + float: left; + } + .elementor-element.elementor-grid-mobile-2 { + position: relative; + } + .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap { + width: 50%; + float: left; + } + .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) { + clear: left; + } + .elementor-element.elementor-grid-mobile-3 { + position: relative; + } + .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap { + width: 33.3333%; + float: left; + } + .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) { + clear: left; + } + .elementor-element.elementor-grid-mobile-4 { + position: relative; + } + .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap { + width: 25%; + float: left; + } + .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) { + clear: left; + } + .elementor-element.elementor-grid-mobile-5 { + position: relative; + } + .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap { + width: 20%; + float: left; + } + .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) { + clear: left; + } + .elementor-element.elementor-grid-mobile-6 { + position: relative; + } + .elementor-element.elementor-grid-mobile-6 .pp-logo-grid { + margin-right: -6px; + } + .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap { + width: 16.6667%; + float: left; + } + .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) { + margin-right: 0 !important; + } + .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) { + clear: left; + } +} \ No newline at end of file diff --git a/assets/sass/_flipbox.scss b/assets/sass/_flipbox.scss new file mode 100644 index 000000000..4f9a5cf8d --- /dev/null +++ b/assets/sass/_flipbox.scss @@ -0,0 +1,297 @@ +/*---------------------------*/ +/* 18. Flipbox Style +/*---------------------------*/ +.eael-elements-flip-box-container { + position: relative; + height: 300px; + width: 100%; +} + +.eael-elements-flip-box-container .flipbox-button { + display: inline-block; + -webkit-transition: all 400ms; + -o-transition: all 400ms; + transition: all 400ms; +} + +.eael-elements-flip-box-container a { + display: block; +} + +.eael-elements-flip-box-vertical-align { + width: 100%; +} + +.eael-elements-flip-box-padding { + padding: 0px 30px 5px 30px; +} + +.eael-elements-flip-box-icon-image { + display: inline-block; + margin: 0 auto 0px auto; + line-height: 1; +} + +.eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background { + background: #cccccc; +} + +.eael_eleements_flip_front_icon_style_bordered { + border: 2px solid #ffffff; +} + +.eael_flip_box_icon_border_round { + border-radius: 100px; +} + +.eael_eleements_flip_front_icon_style_background, +.eael_eleements_flip_front_icon_style_bordered { + padding: 15px; +} + +.eael-elements-flip-box-icon-image i { + font-size: 40px; + line-height: 40px; + width: 40px; +} + +.eael-elements-slider-display-table { + width: 100%; +} + +.eael-elements-flip-box-front-container { + text-align: center; + position: absolute; + top: 0px; + left: 0px; + z-index: 2; + width: 100%; + height: 100%; + background: #0e9dd2; + color: #ffffff; + border-color: #000000; + -webkit-display: flex; + display: flex; + -webkit-align-items: center; + align-items: center; +} + +.eael-elements-flip-box-content, +.eael-elements-flip-box-heading { + color: #ffffff; +} + +.eael-elements-flip-box-heading.flipbox-linked-title { + color: #fff; + font-size: 1.5em; + font-weight: 700; +} + +.eael-elements-flip-box-rear-container { + text-align: center; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + background: #444444; + color: #ffffff; + display: flex; + -webkit-align-items: center; + align-items: center; + border-color: #000000; +} + + +/*--- Floating Button Styles ---*/ +.eael-elements-button-floating-container { + position: fixed; + z-index: 100; +} + +.eael-elements-button-floating-container .eael-elements-button { + margin-top: 0px; + font-size: 14px; + position: relative; + padding: 14px 20px; +} + +.eael-elements-button { + cursor: pointer; + display: inline-block; + background: #077bbe; + color: #ffffff; + line-height: 1; + padding: 16px 25px; + margin-top: 15px; +} + +.eael-elements-button:hover { + background: #077bbe; + color: #ffffff; +} + + +/*--- CSS3 Transitions ---*/ +.eael-elements-flip-box-container { + perspective: 1000px; +} + +.eael-elements-flip-box-front-container, +.eael-elements-flip-box-rear-container { + transition-duration: 500ms; + transition-property: all; + transition-timing-function: ease; +} + +.eael-elements-flip-box-flip-card { + width: 100%; + height: 100%; + transform-style: preserve-3d; + transition: all 500ms ease; +} + +.eael-elements-flip-box-rear-container, +.eael-elements-flip-box-front-container { + -moz-backface-visibility: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform: rotateX(0deg); + transform: rotateY(0deg); +} + + +/*--- Flip ---*/ +.eael-animate-flip.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card, +.eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container { + transform: rotateX(180deg); +} + +.eael-animate-flip.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card, +.eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container { + transform: rotateX(-180deg); +} + +.eael-animate-flip.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card, +.eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container { + transform: rotateY(-180deg); +} + +.eael-animate-flip.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card, +.eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container { + transform: rotateY(180deg); +} + +/*--- Slide ---*/ +.eael-animate-push.eael-elements-flip-box-container, +.eael-animate-slide.eael-elements-flip-box-container { + overflow: hidden; +} + +.eael-animate-push .eael-elements-flip-box-rear-container, +.eael-animate-slide .eael-elements-flip-box-rear-container { + z-index: 3; +} + +.eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container, +.eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container { + top: 100%; +} + +.eael-animate-push.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container, +.eael-animate-slide.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { + top: 0; +} + +.eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container, +.eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container { + top: auto; + bottom: 100%; +} + +.eael-animate-push.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container, +.eael-animate-slide.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { + top: auto; + bottom: 0; +} + +.eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container, +.eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container { + left: 100%; +} + +.eael-animate-push.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container, +.eael-animate-slide.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { + left: 0; +} + +.eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container, +.eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container { + left: auto; + right: 100%; +} + +.eael-animate-push.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container, +.eael-animate-slide.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { + left: auto; + right: 0; +} + +/*--- Push + Slide Above ---*/ +.eael-animate-push.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { + top: -100%; +} + +.eael-animate-push.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { + top: 100%; +} + +.eael-animate-push.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { + left: -100%; +} + +.eael-animate-push.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { + left: 100%; +} + +/*--- Zoom In ---*/ +.eael-animate-zoom-in .eael-elements-flip-box-rear-container { + opacity: 0; + transform: scale(0.75); + z-index: 3; +} + +.eael-animate-zoom-in.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container { + opacity: 1; + transform: scale(1); +} + +/*--- Zoom Out ---*/ +.eael-animate-zoom-out.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { + opacity: 0; + transform: scale(0.75); +} + +.eael-animate-fade.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container { + opacity: 0; +} + + +/*--- Builder Related Style ---*/ +.eael-flipbox-content-align-right .eael-elements-flip-box-padding { + text-align: right; +} + +.eael-flipbox-content-align-left .eael-elements-flip-box-padding { + text-align: left; +} + +.eael-flipbox-content-align-center .eael-elements-flip-box-padding { + text-align: center; +} + +.eael-flipbox-img-circle .eael-elements-flip-box-icon-image img, +.eael-flipbox-img-circle .flipbox-back-image-icon img { + border-radius: 50%; + overflow: hidden; +} \ No newline at end of file diff --git a/assets/sass/_general-slider.scss b/assets/sass/_general-slider.scss new file mode 100644 index 000000000..a5f8afdfb --- /dev/null +++ b/assets/sass/_general-slider.scss @@ -0,0 +1,15 @@ +/*---------------------------------------*/ +/* 02. Common styles for slider elements +/*---------------------------------------*/ +.eael-testimonial-slider.nav-top-left, +.eael-testimonial-slider.nav-top-right, +.eael-team-slider.nav-top-left, +.eael-team-slider.nav-top-right, +.eael-logo-carousel.nav-top-left, +.eael-logo-carousel.nav-top-right, +.eael-post-carousel.nav-top-left, +.eael-post-carousel.nav-top-right, +.eael-product-carousel.nav-top-left, +.eael-product-carousel.nav-top-right { + padding-top: 40px; +} \ No newline at end of file diff --git a/assets/sass/_general.scss b/assets/sass/_general.scss new file mode 100644 index 000000000..2348defbb --- /dev/null +++ b/assets/sass/_general.scss @@ -0,0 +1,9 @@ +/*--------------------------*/ +/* 01. General Styles +/*--------------------------*/ +.clearfix::before, +.clearfix::after { + content: " "; + display: table; + clear: both; +} \ No newline at end of file diff --git a/assets/sass/_gravity-form.scss b/assets/sass/_gravity-form.scss new file mode 100644 index 000000000..1c235ac66 --- /dev/null +++ b/assets/sass/_gravity-form.scss @@ -0,0 +1,56 @@ +/*----------------------*/ +/* 14. Gravity Form +/*----------------------*/ +.eael-gravity-form-align-default, +.eael-gravity-form-align-left, +.eael-gravity-form-btn-align-left { + text-align: left; +} + +.eael-gravity-form-align-right, +.eael-gravity-form-btn-align-right { + text-align: right; +} + +.eael-gravity-form-align-center, +.eael-gravity-form-btn-align-center { + text-align: center; +} + +.eael-gravity-form .gform_wrapper .gform_footer { + margin: 0; + padding: 0; +} + +.gform_wrapper form li, +.gform_wrapper li { + list-style: none; +} + +.eael-gravity-form .gform_wrapper ul.gform_fields li.gfield { + padding: 0; +} + +.eael-gravity-form .gform_wrapper textarea { + padding: 0; +} + +.eael-gravity-form .gform_wrapper .gform_footer input.button, +.eael-gravity-form .gform_wrapper .gform_footer input[type=submit], +.eael-gravity-form .gform_wrapper .gform_page_footer input.button, +.eael-gravity-form .gform_wrapper .gform_page_footer input[type=submit] { + margin: 0; +} + +.eael-gravity-form.title-description-hide .gform_heading { + display: none; +} + +.eael-gravity-form.labels-hide .gform_wrapper .top_label .gfield_label, +.eael-gravity-form.labels-hide .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { + display: none; +} + +.eael-gravity-form-button-full-width .gform_wrapper .gform_footer input[type="submit"] { + width: 100%; +} \ No newline at end of file diff --git a/assets/sass/_img-accordion.scss b/assets/sass/_img-accordion.scss new file mode 100644 index 000000000..77fe6734d --- /dev/null +++ b/assets/sass/_img-accordion.scss @@ -0,0 +1,94 @@ +/*------------------------------*/ +/* 34. Image accordion +/*------------------------------*/ +.eael-img-accordion { + display: flex; + height: 50vh; +} + +.eael-img-accordion a { + position: relative; + flex: 1; + text-align: center; + text-decoration: none; + color: #fff; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + transition: flex .4s; +} + +.eael-grow-accordion { + flex: 3; +} + +.eael-img-accordion .overlay { + display: flex; + align-items: center; + justify-content: center; + padding: 0 10px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + transition: background-color .4s; +} + +.eael-img-accordion .overlay .overlay-inner { + z-index: 1; +} + +.eael-img-accordion a:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + z-index: 0; + top: 0px; + left: 0px; + bottom: 0px; + right: 0px; + transition: all 0.3s ease-in-out; +} + +.eael-img-accordion .overlay-inner * { + visibility: hidden; + opacity: 0; + transform-style: preserve-3d; +} + +.eael-img-accordion .overlay h2 { + color: #fff; + transform: translate3d(0, -60px, 0); +} + +.eael-img-accordion .overlay p { + color: #fff; + transform: translate3d(0, 60px, 0); +} + +.eael-img-accordion .overlay-inner-show * { + opacity: 1; + visibility: visible; + transform: none !important; + transition: all .3s .3s; +} + +@media screen and (max-width: 800px) { + .eael-img-accordion { + flex-direction: column; + } + .eael-img-accordion a:hover { + flex: 1; + } + .eael-img-accordion a:hover .overlay { + background-color: transparent; + } + .eael-img-accordion .overlay h2, + .eael-img-accordion .overlay p { + opacity: 1; + visibility: visible; + transform: none; + } +} \ No newline at end of file diff --git a/assets/sass/_infobox.scss b/assets/sass/_infobox.scss new file mode 100644 index 000000000..354462918 --- /dev/null +++ b/assets/sass/_infobox.scss @@ -0,0 +1,205 @@ +/* ------------------------ */ +/* 17. Infobox Style +/* ------------------------ */ + +/*--- Image/Icon On Top ---*/ +.eael-infobox .infobox-icon { + height: auto; +} + +.eael-infobox .infobox-icon .infobox-icon-wrap { + display: block; + width: 100%; + height: auto; + transition: .3s; +} + +.eael-infobox .infobox-icon .infobox-icon-wrap i { + transition: .3s; +} + + +/*--- For Content Alignment ---*/ +.eael-infobox-content-align-left .eael-infobox .infobox-icon, +.eael-infobox-content-align-left .eael-infobox .infobox-content, +.eael-infobox-content-align-left .eael-infobox .infobox-button { + text-align: left; +} + +.eael-infobox-content-align-right .eael-infobox .infobox-icon, +.eael-infobox-content-align-right .eael-infobox .infobox-content, +.eael-infobox-content-align-right .eael-infobox .infobox-button { + text-align: right; +} + +.eael-infobox-content-align-center .eael-infobox .infobox-icon, +.eael-infobox-content-align-center .eael-infobox .infobox-content, +.eael-infobox-content-align-center .eael-infobox .infobox-button { + text-align: center; +} + + +/*--- For icon background shape ---*/ +.eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap, +.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap, +.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap { + width: 90px; + height: 90px; + text-align: center; +} + +.eael-infobox-icon-hover-bg-shape-square:hover .infobox-icon .infobox-icon-wrap { + border-radius: 0; +} + +.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap, +.eael-infobox-icon-hover-bg-shape-radius:hover .infobox-icon .infobox-icon-wrap { + border-radius: 15px; +} + +.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap { + display: flex; + align-items: center; + justify-content: center; +} + +.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap, +.eael-infobox-icon-hover-bg-shape-circle:hover .infobox-icon .infobox-icon-wrap { + border-radius: 50%; +} + +.eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap i, +.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap i { + margin-top: 50%; + transform: translateY(-50%); +} + +/*--- Infobox Button ---*/ +.eael-infobox .infobox-button a.eael-infobox-button { + display: inline-block; + padding: 5px 10px; + -webkit-transition: all 300ms ease-in-out 0s; + -o-transition: all 300ms ease-in-out 0s; + transition: all 300ms ease-in-out 0s; +} + +/*--- For icon bg shape alignment ---*/ +.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-square .infobox-icon, +.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-radius .infobox-icon, +.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-circle .infobox-icon { + display: flex; + justify-content: flex-start; +} + +.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-square .infobox-icon, +.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-radius .infobox-icon, +.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-circle .infobox-icon { + display: flex; + justify-content: center; +} + +.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-square .infobox-icon, +.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-radius .infobox-icon, +.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-circle .infobox-icon { + display: flex; + justify-content: flex-end; +} + + +/*--- Image/Icon On Left ---*/ +.eael-infobox.icon-on-left { + position: relative; + z-index: 0; + display: flex; +} + +.eael-infobox.icon-on-right .infobox-icon-wrap, +.eael-infobox.icon-on-left .infobox-icon-wrap { + justify-content: center; + display: flex !important; + align-items: center; +} + +.eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap { + background: none; + border: 0px; + text-align: left; + height: auto; + display: block; +} + +.eael-infobox .infobox-content p { + margin: 0 0 15px; +} + +.eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap i { + margin-top: 0px; + transform: translateY(0%); +} + +.eael-infobox.icon-on-left .infobox-content { + padding-left: 15px; + flex: 1 1 auto; +} + +.eael-infobox.icon-on-left .infobox-content .title { + line-height: 1; + margin: 0 0 10px 0; +} + + +/*--- Image/Icon On Right ---*/ +.eael-infobox.icon-on-right { + position: relative; + z-index: 0; + display: flex; + flex-direction: row-reverse; +} + +.eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap { + background: none; + border: 0px; + text-align: right; + width: auto; + height: auto; + display: block; +} + +.eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap i { + margin-top: 0px; + transform: translateY(0%); +} + +.eael-infobox.icon-on-right .infobox-content { + padding-right: 15px; + text-align: right; + flex: 1 1 auto; + box-sizing: border-box; +} + +.eael-infobox.icon-on-right .infobox-content .title { + line-height: 1; + margin: 0 0 10px 0; +} + + +/*--- Imgae Circle On Top ---*/ +.eael-infobox .infobox-icon img { + -webkit-transition: all 300ms ease-in-out 0s; + -o-transition: all 300ms ease-in-out 0s; + transition: all 300ms ease-in-out 0s; +} + +.eael-infobox-hover-img-shape-square:hover .eael-infobox .infobox-icon img { + border-radius: 0; +} + +.eael-infobox-shape-circle .eael-infobox .infobox-icon img, +.eael-infobox-hover-img-shape-circle:hover .eael-infobox .infobox-icon img { + border-radius: 50%; +} + +.eael-infobox-shape-radius .eael-infobox .infobox-icon img, +.eael-infobox-hover-img-shape-radius:hover .eael-infobox .infobox-icon img { + border-radius: 15px; +} diff --git a/assets/sass/_magnific-popup.scss b/assets/sass/_magnific-popup.scss new file mode 100644 index 000000000..8c9aca600 --- /dev/null +++ b/assets/sass/_magnific-popup.scss @@ -0,0 +1,458 @@ +/* ------------------------ */ +/* 26. Magnific Popup +/* ------------------------ */ + +/*--- Magnific Popup CSS ---*/ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; +} + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + box-sizing: border-box; +} + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} + +.mfp-align-top .mfp-container:before { + display: none; +} + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; +} + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; +} + +.mfp-ajax-cur { + cursor: progress; +} + +.mfp-zoom-out-cur, +.mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; +} + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; +} + +.mfp-auto-cursor .mfp-content { + cursor: auto; +} + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.mfp-loading.mfp-figure { + display: none; +} + +.mfp-hide { + display: none !important; +} + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; +} + +.mfp-preloader a { + color: #CCC; +} + +.mfp-preloader a:hover { + color: #FFF; +} + +.mfp-s-ready .mfp-preloader { + display: none; +} + +.mfp-s-error .mfp-content { + display: none; +} + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + touch-action: manipulation; +} + +button::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; +} + +.mfp-close:hover, +.mfp-close:focus { + opacity: 1; +} + +.mfp-close:active { + top: 1px; +} + +.mfp-close-btn-in .mfp-close { + color: #333; +} + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; +} + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; +} + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: transparent; +} + +.mfp-arrow:active { + margin-top: -54px; +} + +.mfp-arrow:hover, +.mfp-arrow:focus { + opacity: 1; +} + +.mfp-arrow:before, +.mfp-arrow:after { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; +} + +.mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; +} + +.mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; +} + +.mfp-arrow-left { + left: 0; +} + +.mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; +} + +.mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; +} + +.mfp-arrow-right { + right: 0; +} + +.mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; +} + +.mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; +} + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; +} + +.mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; +} + +.mfp-iframe-holder .mfp-close { + top: -40px; +} + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; +} + +.mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; +} + + +/*--- Main image in popup ---*/ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; +} + + +/*--- The shadow behind the image ---*/ +.mfp-figure { + line-height: 0; +} + +.mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; +} + +.mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; +} + +.mfp-figure figure { + margin: 0; +} + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; +} + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; +} + +.mfp-image-holder .mfp-content { + max-width: 100%; +} + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; +} + +button.mfp-close, +button.mfp-close:hover { + display: inline-block !important; + background: transparent; + width: auto !important; +} + +.mfp-arrow, +.mfp-arrow:hover { + background: transparent; +} + +@media screen and (max-width: 800px) and (orientation: landscape), +screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; + } + .mfp-img-mobile img.mfp-img { + padding: 0; + } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; + } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; + } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + box-sizing: border-box; + } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; + } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; + } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; + } +} + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); + } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; + } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; + } + .mfp-container { + padding-left: 6px; + padding-right: 6px; + } +} \ No newline at end of file diff --git a/assets/sass/_ninja-form.scss b/assets/sass/_ninja-form.scss new file mode 100644 index 000000000..a88626fbb --- /dev/null +++ b/assets/sass/_ninja-form.scss @@ -0,0 +1,70 @@ +/*----------------------*/ +/* 13. Ninja Form Styles +/*----------------------*/ +.eael-ninja-container input, +.eael-ninja-container textarea { + height: auto; + padding: 10px; +} + +.eael-contact-form-align-center .eael-ninja-container, +.eael-contact-form-btn-align-center .eael-ninja-container .nf-field .nf-field-element input[type="button"] { + margin-left: auto !important; + margin-right: auto !important; + display: block; + float: none; +} + +.eael-contact-form-align-left .eael-ninja-container, +.eael-contact-form-btn-align-left .eael-ninja-container .nf-field .nf-field-element input[type="button"] { + float: left; + width: auto; +} + +.eael-contact-form-align-right .eael-ninja-container, +.eael-contact-form-btn-align-right .eael-ninja-container .nf-field .nf-field-element input[type="button"] { + float: right; + width: auto; +} + +.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="text"], +.eael-ninja-container .nf-field .nf-field-element input[type="password"], +.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="email"], +.eael-ninja-container .nf-field .nf-field-element input[type="url"], +.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="number"], +.eael-ninja-container .nf-field .nf-field-element textarea { + max-width: 100%; +} + +.eael-ninja-form .nf-form-title { + display: none; +} + +.eael-ninja-form-title-yes .nf-form-title { + display: block; +} + +.eael-ninja-form .title-description-hide .nf-form-title { + display: none; +} + +.eael-ninja-form.title-description-hide .nf-form-title { + display: none; +} + +.eael-ninja-form .nf-field-label { + display: none; +} + +.eael-ninja-form-labels-yes .nf-field-label { + display: block; +} + +.eael-ninja-form .submit-container input[type=button] { + border: 0; + border-radius: 0; +} + +.eael-ninja-form-button-full-width .submit-container input[type=button] { + width: 100%; +} \ No newline at end of file diff --git a/assets/sass/_post-grid-column.scss b/assets/sass/_post-grid-column.scss new file mode 100644 index 000000000..3dd5feaca --- /dev/null +++ b/assets/sass/_post-grid-column.scss @@ -0,0 +1,82 @@ +/*-----------------------------*/ +/* 16. Post Grid Column +/*-----------------------------*/ +.eael-col-1 .eael-post-grid-column { + float: none; + width: 100%; +} + +.eael-col-2 .eael-post-grid-column { + float: left; + width: 50%; +} + +.eael-col-3 .eael-post-grid-column { + float: left; + width: 33.3333%; +} + +.eael-col-4 .eael-post-grid-column { + float: left; + width: 25%; +} + +.eael-col-5 .eael-post-grid-column { + float: left; + width: 20%; +} + +.eael-col-6 .eael-post-grid-column { + float: left; + width: 16.6666%; +} + + +/*--- Post Grid Column Styles ---*/ +@media only screen and (max-width: 979px) { + .eael-col-1 .eael-post-grid-column, + .eael-col-2 .eael-post-grid-column, + .eael-col-3 .eael-post-grid-column, + .eael-col-4 .eael-post-grid-column, + .eael-col-5 .eael-post-grid-column, + .eael-col-6 .eael-post-grid-column { + width: 33.3333%; + } +} + +@media only screen and (max-width: 767px) { + .eael-col-1 .eael-post-grid-column, + .eael-col-2 .eael-post-grid-column, + .eael-col-3 .eael-post-grid-column, + .eael-col-4 .eael-post-grid-column, + .eael-col-5 .eael-post-grid-column, + .eael-col-6 .eael-post-grid-column { + width: 50%; + } +} + +@media only screen and (max-width: 480px) { + .eael-col-1 .eael-post-grid-column, + .eael-col-2 .eael-post-grid-column, + .eael-col-3 .eael-post-grid-column, + .eael-col-4 .eael-post-grid-column, + .eael-col-5 .eael-post-grid-column, + .eael-col-6 .eael-post-grid-column { + float: none; + width: 100%; + } +} + +.eael-author-avatar>a { + display: block; +} + +.eael-entry-footer { + overflow: hidden; + display: flex; +} + +.eael-entry-footer>div { + display: inline-block; + float: left; +} diff --git a/assets/sass/_post-grid.scss b/assets/sass/_post-grid.scss new file mode 100644 index 000000000..f8867e52f --- /dev/null +++ b/assets/sass/_post-grid.scss @@ -0,0 +1,312 @@ +/*-----------------------------*/ +/* 15. Post Grid Style +/*-----------------------------*/ + +.eael-post-grid { + margin: 0 -10px; +} + +.eael-grid-post { + float: left; + padding: 10px; +} + +.eael-post-carousel .eael-grid-post { + float: none; + padding: 0; +} + +.eael-grid-post-holder { + border: 1px solid rgba(0, 0, 0, .1); +} + +.eael-grid-post-holder-inner { + height: 100%; +} + +.eael-entry-media { + position: relative; +} + +.eael-entry-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + -webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1); + -moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1); + transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1); +} + +.eael-entry-overlay>a { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 3; +} + +.eael-entry-title { + margin: 10px 0 5px; + font-size: 1.2em; +} + +.eael-entry-thumbnail img { + width: 100%; + max-width: 100%; + vertical-align: middle; +} + +.eael-entry-thumbnail>img { + height: 100%; +} + +.eael-entry-footer .eael-author-avatar { + width: 50px; +} + +.eael-entry-footer .eael-author-avatar .avatar { + border-radius: 50%; +} + +.eael-post-grid .eael-entry-footer .eael-entry-meta { + padding-left: 8px; + text-align: left; +} + +.eael-grid-post .eael-entry-meta { + display: flex; + flex-direction: row; +} + +.eael-grid-post .eael-entry-footer .eael-entry-meta { + flex-direction: column; +} + +.eael-entry-meta>div { + font-size: 12px; + line-height: 1.2; + padding-bottom: 5px; +} + +.eael-grid-post-excerpt p { + margin: 0; + font-size: 14px; +} + +.eael-entry-meta .eael-entry-footer .eael-posted-by { + display: block; +} + +.eael-grid-post .eael-entry-wrapper, +.eael-grid-post .eael-entry-footer { + padding: 15px; +} + +.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on { + padding-left: 5px; +} + +.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before { + content: '\f111'; + font-family: FontAwesome; + color: inherit; + opacity: .4; + font-size: .8em; + padding-right: 7px; +} + +.eael-load-more-button-wrap { + display: flex; +} + +.eael-load-more-button { + display: flex; + align-items: center; + justify-content: center; +} + +.eael-load-more-button { + padding: 1em 2em; + border: 0px solid; + font-size: 16px; +} + +.eael-load-more-button .button__loader { + left: -100%; + top: auto; + margin-right: 5px; + transition: all .2s; +} + +.eael-load-more-button>span { + margin-left: -20px; +} + +.eael-load-more-button.button--loading>span { + margin-left: 0; +} + +.eael-load-more-button.button--loading .button__loader { + left: 0; +} + +.eael-btn-loader, +.eael-btn-loader:after { + border-radius: 50%; + width: 20px; + height: 20px; +} + +.eael-btn-loader { + font-size: 10px; + position: relative; + text-indent: -9999em; + border-top: 4px solid rgba(255, 255, 255, 0.2); + border-right: 4px solid rgba(255, 255, 255, 0.2); + border-bottom: 4px solid rgba(255, 255, 255, 0.2); + border-left: 4px solid #ffffff; + transform: translateZ(0); + animation: loaderSpin 1.1s infinite linear; +} + +@keyframes loaderSpin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + + +/*--- Post Grid Thumbnail Hover Effects ---*/ + +.eael-entry-medianone { + position: relative; +} + +.eael-entry-overlay { + display: flex; + align-items: center; + justify-content: center; +} + +.eael-entry-overlay>i { + color: #fff; +} + +/*--- fade in ---*/ +.eael-entry-overlay.fade-in { + visibility: hidden; + opacity: 0; + transition: 300ms; +} + +.eael-entry-medianone:hover .eael-entry-overlay.fade-in { + visibility: visible; + opacity: 1; +} + +.eael-entry-medianone:hover .eael-entry-overlay.fade-in>i { + transform: translate(0); + opacity: 1; +} + +/*--- zoom in --- */ +.eael-entry-overlay.zoom-in { + transform: scale(.9); + visibility: hidden; + opacity: 0; + transition: 300ms; +} + +.eael-entry-medianone:hover .eael-entry-overlay.zoom-in { + visibility: visible; + opacity: 1; + transform: scale(1); +} + +/*--- slide up ---*/ +.eael-entry-overlay.slide-up { + transform: translateY(100%); + visibility: hidden; + opacity: 0; + transition: 300ms; +} + +.eael-entry-medianone:hover .eael-entry-overlay.slide-up { + transform: translateY(0); + visibility: visible; + opacity: 1; +} + +.eael-entry-medianone { + overflow: hidden; +} + +/*--- Post Grid & Carousel Hover Styles ---*/ +.eael-entry-media.grid-hover-style-fade-in .eael-entry-overlay { + opacity: 0; +} + +.eael-entry-media.grid-hover-style-fade-in:hover .eael-entry-overlay { + opacity: 1; +} + +.eael-entry-media.grid-hover-style-none .eael-entry-overlay { + display: none; +} + +.eael-entry-media.grid-hover-style-zoom-in .eael-entry-overlay { + transform: scale(.4); + opacity: 0; +} + +.eael-entry-media.grid-hover-style-zoom-in:hover .eael-entry-overlay { + transform: scale(1); + opacity: 1; +} + +.eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay { + transform: translateY(-100%); +} + +.eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay>i { + transform: translateY(-100px); + transition-delay: 100ms; + transition-duration: 300ms; +} + +.eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay { + transform: translate(0); +} + +.eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay>i { + transform: translateY(0); +} + +.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay { + transform: translateY(100%); + visibility: hidden; + opacity: 0; +} + +.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay>i { + transform: translateY(100px); + transition-delay: 100ms; + transition-duration: 300ms; +} + +.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay { + transform: translate(0); + visibility: visible; + opacity: 1; +} + +.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay>i { + transform: translateY(0); +} \ No newline at end of file diff --git a/assets/sass/_post-timeline.scss b/assets/sass/_post-timeline.scss new file mode 100644 index 000000000..1dd929ae4 --- /dev/null +++ b/assets/sass/_post-timeline.scss @@ -0,0 +1,337 @@ +/*----------------------------*/ +/* 06. Post Timeline Styles +/*----------------------------*/ + +.eael-post-timeline { + margin-bottom: 0; + min-height: 100%; + overflow: hidden; + position: relative; +} + +.eael-timeline-column { + width: 50%; + margin-left: 0; + float: left; + margin-top: 0 !important; +} + +.eael-timeline-post { + position: relative; +} + +.eael-timeline-post:after { + background-color: rgba(83, 85, 86, .2); + content: ""; + width: 2px; + height: 245px; + position: absolute; + right: 0; + top: 70px; +} + +.eael-timeline-post:nth-child(2n):after { + display: none; +} + +.eael-timeline-bullet { + background-color: #9fa9af; + border: 5px solid #fff; + border-radius: 50%; + box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1); + content: ""; + height: 20px; + position: absolute; + right: -9px; + top: 60px; + width: 20px; + z-index: 3; + cursor: pointer; +} + +.eael-timeline-post:nth-child(2n) .eael-timeline-bullet { + background-color: #9fa9af; + border: 5px solid #fff; + border-radius: 50%; + bottom: 36px; + content: ""; + height: 20px; + left: -11px; + position: absolute; + top: 300px; + width: 20px; + z-index: 3; +} + +.eael-timeline-post-inner { + background: linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); + border: 8px solid #e5eaed; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); + float: right; + margin: 30px 40px 30px auto; + position: relative; + height: 320px; + width: calc(100% - 40px); +} + +.eael-timeline-post:nth-child(even) .eael-timeline-post-inner { + float: left; + margin-left: 40px; +} + +.eael-timeline-post-inner:after { + border-color: transparent transparent transparent #e5eaed; + border-style: solid; + border-width: 15px; + content: ""; + height: 0; + position: absolute; + right: -36px; + top: 17px; + width: 0; +} + +.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner:after { + border-color: transparent #e5eaed transparent transparent; + border-style: solid; + border-width: 15px; + content: ""; + height: 0; + left: -36px; + position: absolute; + top: 257px; + width: 0; +} + +.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after { + border-left-color: transparent !important; +} + +.eael-timeline-post p { + margin: 1.6rem 0 0 0; + font-size: 0.9em; + line-height: 1.6em; +} + +.eael-timeline-post-image { + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: block; + height: 100%; + overflow: hidden; + position: relative; + opacity: .6; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; +} + +.eael-timeline-post-title { + bottom: 40px; + position: absolute; + width: 100%; +} + +.eael-timeline-post-title h2 { + color: #fff; + font-size: 20px; + font-weight: bold; + letter-spacing: 1px; + line-height: 24px; + padding: 0 25px; + text-align: left; + text-transform: uppercase; +} + +.eael-timeline-post-excerpt { + opacity: 0; + position: absolute; + top: 0; + left: 0; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; +} + +.eael-timeline-post-excerpt p { + color: #fff; + font-size: 14px; + padding: 25px; +} + +.eael-timeline-post-inner:hover .eael-timeline-post-excerpt { + opacity: 1; + top: 10px; +} + +.eael-timeline-post-inner:hover .eael-timeline-post-image { + opacity: .3; +} + +.eael-timeline-post time { + opacity: 0; + background-color: rgba(0, 0, 0, .7); + color: #fff; + font-size: 10px; + border-radius: 20px; + position: absolute; + right: -97px; + width: 100px; + height: 30px; + line-height: 30px; + text-align: center; + top: 50px; + z-index: 99; + -webkit-transition: all .5s; + -moz-transition: all .5s; + transition: all .5s; +} + +.eael-timeline-post:nth-child(2n) time { + background-color: rgba(0, 0, 0, 0.7); + border-radius: 20px; + color: #fff; + font-size: 10px; + height: 30px; + left: -99px; + line-height: 30px; + position: absolute; + text-align: center; + top: 290px; + width: 100px; + z-index: 99; +} + +.eael-timeline-post time:before { + border-bottom: 5px solid rgba(0, 0, 0, 0.7); + border-left: 5px solid transparent; + border-right: 5px solid transparent; + content: ""; + height: 0; + left: 45px; + position: absolute; + top: -5px; + width: 0; +} + +.eael-timeline-post:hover time { + opacity: 1; +} + +.eael-timeline-post::after { + height: 100%; +} + +.eael-post-timeline .eael-timeline-post:nth-last-child(2)::after { + height: 245px; +} + +.eael-post-timeline .eael-timeline-post:last-child::after { + display: none; +} + + +/*--- Responsive Style for Post Timeline ---*/ + +@media only screen and (max-width: 1366px) { + .eael-timeline-post-title h2 { + font-size: 0.8em; + } + .eael-timeline-post-excerpt p { + font-size: 13px; + } +} + +@media only screen and (max-width: 1169px) { + .eael-timeline-post-inner { + height: 320px; + } +} + +@media only screen and (max-width: 992px) { + .eael-post-timeline { + margin-left: 0; + } + .eael-timeline-bullet, + .eael-timeline-post:after, + .eael-timeline-post:before, + .eael-timeline-post-inner:after { + display: none; + } + .eael-timeline-post { + display: inline-block; + float: left !important; + width: 50% !important; + margin: 15px auto; + } + .eael-timeline-post-inner { + height: 320px; + padding-bottom: 30px; + } + .eael-timeline-post-title { + bottom: 50px; + } + .eael-timeline-post-title h2 { + font-size: 0.8em; + line-height: 1.2em; + } + .eael-timeline-post .eael-timeline-post-inner { + margin: 0 10px auto 0; + width: 90%; + } + .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { + margin: 0 auto 0 10px; + width: 90%; + } + .eael-timeline-post-excerpt { + opacity: 0!important; + } + .eael-timeline-post-image { + opacity: .3; + } + .eael-timeline-post time, + .eael-timeline-post:nth-child(2n) time { + background-color: #fff; + border-radius: 0; + color: #444; + font-size: 12px; + text-transform: uppercase; + left: 0; + opacity: 1; + padding-top: 3px; + top: 275px; + width: 100%; + } + time:before { + display: none; + } +} + +@media only screen and (max-width: 767px) { + .eael-timeline-post { + display: block; + float: none !important; + margin: 20px auto; + width: 100% !important; + } + .eael-timeline-post .eael-timeline-post-inner, + .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { + display: block; + float: none; + margin: 0 auto; + } +} + +@media only screen and (max-width: 479px) { + .eael-timeline-post .eael-timeline-post-inner, + .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner { + height: 250px; + margin: 0 auto; + width: 95%; + } + .eael-timeline-post time, + .eael-timeline-post:nth-child(2n) time { + top: 205px; + } +} \ No newline at end of file diff --git a/assets/sass/_pricing-table.scss b/assets/sass/_pricing-table.scss new file mode 100644 index 000000000..c75381b3c --- /dev/null +++ b/assets/sass/_pricing-table.scss @@ -0,0 +1,612 @@ +/* -------------------------------- */ +/* 21. Pricing Table +/* -------------------------------- */ +.eael-pricing { + -webkit-display: flex; + display: flex; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + align-items: center; +} + +.eael-pricing .eael-pricing-item { + width: 100%; + height: auto; + margin: 0; +} + +.eael-pricing .eael-pricing-button { + display: inline-block; + padding: 12px 25px; + background: #00C853; + font-size: 14px; + font-weight: 600; + color: #fff; + text-transform: uppercase; + text-decoration: none; + -webkit-transition: .3s; + transition: .3s; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +.eael-pricing .eael-pricing-button:hover { + background: #03b048; +} + +.eael-pricing .eael-pricing-item ul { + padding: 0px; + margin: 0px; + list-style: none; +} + +.eael-pricing .eael-pricing-item ul li.disable-item { + text-decoration: line-through; + opacity: 0.5; +} + +.eael-pricing .eael-pricing-item ul li span.li-icon { + color: #00C853; + margin-right: 6px; +} + +.eael-pricing .eael-pricing-item ul li.disable-item span.li-icon { + color: #EF5350; +} + +/*--- Pricing Table: Style 1 ---*/ +.eael-pricing.style-1 { + position: relative; + z-index: 0; + text-align: center; +} + +.eael-pricing.style-1 .eael-pricing-item { + border: 1px solid rgba( 9, 9, 9, .1); + padding: 30px; + -webkit-border-radius: 5px; + border-radius: 5px; + -webkit-transition: .5s; + transition: .5s; +} + +.eael-pricing.style-1 .eael-pricing-item:hover { + -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} + +.eael-pricing.style-1 .eael-pricing-item.featured { + position: relative; +} + +.eael-pricing.style-1 .eael-pricing-item.ribbon-1:before { + content: ""; + position: absolute; + width: 100%; + height: 3px; + background: #00C853; + top: 0px; + left: 0px; + right: 0px; + z-index: 1; + -webkit-border-radius: 5px 5px 0px 0px; + border-radius: 5px 5px 0px 0px; +} + +.eael-pricing.style-1 .eael-pricing-item.ribbon-2:before { + content: "Featured"; + position: absolute; + width: auto; + background: #00C853; + color: #fff; + top: 35px; + right: -15px; + z-index: 10; + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + padding: 5px 10px; +} + +.eael-pricing.style-1 .eael-pricing-item.ribbon-2:after { + content: ""; + position: absolute; + top: 20px; + right: -15px; + width: 0; + height: 0; + border-bottom: 15px solid #00C853; + border-right: 15px solid transparent; + z-index: 9; + opacity: 0.9; +} + +.eael-pricing.style-1 .eael-pricing-item.ribbon-3:before { + content: "Featured"; + position: absolute; + width: auto; + background: rgba( 0, 0, 0, 0.6); + color: #fff; + top: 15px; + right: 15px; + z-index: 10; + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + padding: 5px 15px; +} + +.eael-pricing.style-1 .eael-pricing-item .header { + display: block; + position: relative; + z-index: 0; + padding-bottom: 15px; + margin-bottom: 15px; +} + +.eael-pricing.style-1 .eael-pricing-item .header:after { + content: ""; + position: absolute; + width: 140px; + height: 1px; + bottom: 0px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + background: rgba( 9, 9, 9, .1); +} + +.eael-pricing.style-1 .eael-pricing-item .header .title { + font-weight: 700; + line-height: 30px; + margin: 0px; +} + +.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag { + position: relative; + z-index: 0; + padding: 15px 0px; + margin-bottom: 15px; +} + +.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after { + content: ""; + position: absolute; + width: 140px; + height: 1px; + bottom: 0px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + background: rgba( 9, 9, 9, .04); +} + +.eael-pricing.style-1 .eael-pricing-item .price-tag { + position: relative; + display: inline-block; + font-size: 28px; + font-weight: 500; + line-height: 0px; + margin: 0px auto; +} + +.eael-pricing.style-1 .eael-pricing-item .price-tag .price-currency { + font-size: 24px; + font-weight: 700; +} + +.eael-pricing.style-1 .eael-pricing-item .price-period { + color: #999; +} + +.eael-pricing.style-1 .eael-pricing-item .body ul { + display: block; + width: 100%; + margin-bottom: 15px; +} + +.eael-pricing.style-1 .eael-pricing-item .body ul li { + display: block; + width: 100%; + height: auto; + padding: 10px 0px; + font-size: 14px; + color: #6d6d6d; + border-bottom: 1px solid rgba( 9, 9, 9, .04); +} + +.eael-pricing.style-1 .eael-pricing-item .body ul li:last-child { + border: none; +} + +.eael-pricing.style-1 .eael-pricing-item.featured-large { + padding: 60px 0px; +} + +/*--- Pricing Table : Style 2 ---*/ +.eael-pricing.style-2 { + position: relative; + z-index: 0; + text-align: center; +} + +.eael-pricing.style-2 .eael-pricing-item { + padding: 30px 0px; + border-radius: 5px; + margin: 0px; + border: 1px solid rgba( 9, 9, 9, .1); +} + +.eael-pricing.style-2 .eael-pricing-item.featured { + -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} + +.eael-pricing.style-2 .eael-pricing-item.ribbon-1:before { + content: ""; + position: absolute; + width: 100%; + height: 3px; + background: #00C853; + top: 0px; + left: 0px; + right: 0px; + z-index: 1; + -webkit-border-radius: 5px 5px 0px 0px; + border-radius: 5px 5px 0px 0px; +} + +.eael-pricing.style-2 .eael-pricing-item.ribbon-2:before { + content: "Featured"; + position: absolute; + width: auto; + background: #00C853; + color: #fff; + top: 35px; + right: -15px; + z-index: 10; + font-size: 10px; + font-weight: 600; + text-transform: uppercase; + padding: 5px 10px; +} + +.eael-pricing.style-2 .eael-pricing-item.ribbon-2:after { + content: ""; + position: absolute; + top: 20px; + right: -15px; + width: 0; + height: 0; + border-bottom: 15px solid #00C853; + border-right: 15px solid transparent; + z-index: 9; + opacity: 0.9; +} + +.eael-pricing.style-2 .eael-pricing-item.ribbon-3:before { + content: "Featured"; + position: absolute; + width: auto; + background: rgba( 0, 0, 0, 0.6); + color: #fff; + top: 15px; + right: 15px; + z-index: 10; + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + padding: 5px 15px; +} + +.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon { + display: inline-block; + position: relative; + width: 80px; + height: 80px; + background: #00c853; + border-radius: 50%; + margin-bottom: 30px; + text-align: center; + -webkit-transition: .5s; + transition: .5s; + overflow: hidden; +} + +.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i { + font-size: 30px; + color: #fff; + line-height: 80px; + -webkit-transition: .5s; + transition: .5s; +} + +.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon { + background: #43A047; +} + +.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i { + color: #fff; +} + +.eael-pricing.style-2 .eael-pricing-item .header { + background: #C8E6C9; + padding: 25px 30px; + margin-bottom: 15px; + position: relative; + z-index: 0; +} + +.eael-pricing.style-2 .eael-pricing-item.featured .header:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + z-index: -1; + background: rgba(255, 255, 255, .4); +} + +.eael-pricing.style-2 .eael-pricing-item .header .title { + font-size: 28px; + font-weight: 700; + line-height: 40px; + margin: 0px; +} + +.eael-pricing.style-2 .eael-pricing-item .header .subititle { + font-size: 14px; + font-weight: 600; + color: #6d6d6d; +} + +.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag { + position: relative; + z-index: 0; + padding: 15px 0px; + margin-bottom: 15px; +} + +.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after { + content: ""; + position: absolute; + width: 140px; + height: 1px; + bottom: 0px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + background: rgba( 9, 9, 9, .04); +} + +.eael-pricing.style-2 .eael-pricing-item .price-tag { + position: relative; + display: inline-block; + font-size: 28px; + font-weight: 500; + line-height: 0px; + margin: 0px auto; +} + +.eael-pricing.style-2 .eael-pricing-item .price-tag .price-currency { + font-size: 24px; + font-weight: 700; + color: #00C853; +} + +.eael-pricing.style-2 .eael-pricing-item .price-period { + color: #999; +} + +.eael-pricing.style-2 .eael-pricing-item .body ul { + display: block; + width: 100%; + margin-bottom: 15px; +} + +.eael-pricing.style-2 .eael-pricing-item .body ul li { + display: block; + width: 100%; + height: auto; + padding: 10px 15px; + font-size: 14px; + color: #6d6d6d; + border-bottom: 1px solid rgba( 9, 9, 9, .04); +} + +.eael-pricing.style-2 .eael-pricing-item .body ul li:last-child { + border: none; +} + + +/*--- Media Query ---*/ +@media only screen and ( min-width: 768px) and (max-width: 992px) { + .eael-pricing { + display: block; + } + .eael-pricing .eael-pricing-item, + .eael-pricing.style-2 .eael-pricing-item, + .eael-pricing.style-4 .eael-pricing-item { + width: 100%; + margin: 0 auto 30px auto; + } +} + +@media only screen and (max-width: 480px) { + .eael-pricing { + display: block; + } + .eael-pricing .eael-pricing-item { + width: 100%; + } + .eael-pricing .eael-pricing-item, + .eael-pricing.style-2 .eael-pricing-item, + .eael-pricing.style-4 .eael-pricing-item { + margin: 0 auto 30px auto; + } +} + +/*--- Page Builder Related Style ---*/ +.eael-pricing-content-align-center .eael-pricing { + text-align: center; +} + +.eael-pricing-content-align-left .eael-pricing { + text-align: left; +} + +.eael-pricing-content-align-right .eael-pricing { + text-align: right; +} + +.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag { + padding-left: 45px; +} + +.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before { + left: 30px; +} + +.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag { + padding-right: 30px; +} + +.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header, +.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon, +.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer, +.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header, +.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer { + padding-left: 30px; + padding-right: 30px; +} + +.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header, +.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon, +.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer, +.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header, +.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer { + padding-right: 30px; + padding-left: 30px; +} + +.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li, +.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li { + padding-left: 30px; +} + +.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li, +.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li { + padding-right: 30px; +} + +.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after { + -webkit-transform: translateX( -80%); + transform: translateX( -80%); +} + +.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after { + -webkit-transform: translateX( 80%); + transform: translateX( 80%); +} + +.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after, +.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after { + -webkit-transform: translateX( 0%); + transform: translateX( 0%); +} + +.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after, +.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .header:after, +.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after, +.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after, +.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after, +.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after { + margin: 0; + width: 100%; +} + +/*--- Button Alignment ---*/ +.eael-pricing-button-align-right .eael-pricing.style-1 .footer, +.eael-pricing-button-align-right .eael-pricing.style-2 .footer, +.eael-pricing-button-align-right .eael-pricing.style-3 .footer, +.eael-pricing-button-align-right .eael-pricing.style-4 .footer { + text-align: right; +} + +.eael-pricing-button-align-center .eael-pricing.style-1 .footer, +.eael-pricing-button-align-center .eael-pricing.style-2 .footer, +.eael-pricing-button-align-center .eael-pricing.style-3 .footer, +.eael-pricing-button-align-center .eael-pricing.style-4 .footer { + text-align: center; +} + +.eael-pricing-button-align-left .eael-pricing.style-1 .footer, +.eael-pricing-button-align-left .eael-pricing.style-2 .footer, +.eael-pricing-button-align-left .eael-pricing.style-3 .footer, +.eael-pricing-button-align-left .eael-pricing.style-4 .footer { + text-align: left; +} + +.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer, +.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer { + padding-right: 30px; +} + +.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer, +.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer { + padding-left: 30px; +} + +/*--- Only In Pro Alert ---*/ +.only-in-pro { + width: 100%; + -webkit-display: flex; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-justify-content: center; + justify-content: center; + padding: 15px; + min-width: 200px; + background: #EF5350; + color: #fff; + text-align: center; +} + +.only-in-pro .title { + font-family: 'Roboto', sans-serif; + font-size: 24px; + line-height: 40px; + margin: 0px; +} + +/*--- Pricing Table Tooltip ---*/ +div.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow { + position: absolute; + top: 50%; +} + +div.tooltipster-sidetip.tooltipster-top div.tooltipster-box { + margin-bottom: 0px !important; +} + +div.tooltipster-sidetip.tooltipster-bottom div.tooltipster-box { + margin-top: 0px !important; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { + top: auto; + bottom: -8px; +} + +div.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { + top: -8px; + bottom: auto; +} \ No newline at end of file diff --git a/assets/sass/_progress-bar.scss b/assets/sass/_progress-bar.scss new file mode 100644 index 000000000..46291ccbc --- /dev/null +++ b/assets/sass/_progress-bar.scss @@ -0,0 +1,208 @@ +//colors +$color_0: #eeeeee; +$color_1: #000000; +$color_2: rgba(255, 255, 255, .15); +@-webkit-keyframes animateStripe { + 0% { + transform: translate(0, 0); + } + 100% { + transform: translate(35px, 0); + } +} + +@keyframes animateStripe { + 0% { + transform: translate(0, 0); + } + 100% { + transform: translate(35px, 0); + } +} + +@-webkit-keyframes animateStripeRTL { + 0% { + transform: translate(0, 0); + } + 100% { + transform: translate(-35px, 0); + } +} + +@keyframes animateStripeRTL { + 0% { + transform: translate(0, 0); + } + 100% { + transform: translate(-35px, 0); + } +} + +.eael-progressbar { + position: relative; +} + +.eael-progressbar-title { + font-size: 20px; + font-weight: 400; +} + +.eael-progressbar-line { + position: relative; + display: block; + width: 100%; + height: 12px; + background-color: $color_0; + .eael-progressbar-count-wrap { + position: absolute; + right: 0; + bottom: calc(100% + 5px); + font-size: 16px; + font-weight: 400; + line-height: 1; + } +} + +.eael-progressbar-line-fill { + display: inline-block; + position: absolute; + top: 50%; + left: 0; + width: 0; + height: 12px; + background-color: $color_1; + transform: translateY(-50%); + transition: width 1500ms linear; + overflow: hidden; +} + +.eael-progressbar-circle { + position: relative; + width: 200px; + height: 200px; + .eael-progressbar-title { + font-size: 16px; + font-weight: 400; + } + .eael-progressbar-count-wrap { + font-size: 28px; + font-weight: 700; + } +} + +.eael-progressbar-circle-shadow { + width: 220px; + height: 220px; + padding: 10px; + border-radius: 50%; +} + +.eael-progressbar-circle-pie { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + clip-path: inset(0 0 0 50%); +} + +.eael-progressbar-circle-inner { + height: 100%; + width: 100%; + border-width: 12px; + border-style: solid; + border-color: $color_0; + border-radius: 50%; +} + +.eael-progressbar-circle-half { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + border-width: 12px; + border-style: solid; + border-color: $color_1; + border-radius: 50%; + clip-path: inset(0 50% 0 0); +} + +.eael-progressbar-circle-half-left { + transform: rotate(0deg); +} + +.eael-progressbar-circle-half-right { + transform: rotate(180deg); + visibility: hidden; +} + +.eael-progressbar-circle-inner-content { + position: absolute; + top: 50%; + width: 100%; + transform: translateY(-50%); + text-align: center; +} + +.eael-progressbar-half-circle { + position: relative; + width: 200px; + height: 100px; + overflow: hidden; + .eael-progressbar-circle-pie { + clip-path: inset(0 0 50% 0); + } + .eael-progressbar-circle-half { + clip-path: inset(50% 0 0 0); + transform: rotate(0deg); + transition: transform 1500ms linear; + } + .eael-progressbar-circle-inner-content { + top: initial; + bottom: 0; + transform: translateY(0); + } + .eael-progressbar-title { + font-size: 16px; + font-weight: 400; + } + .eael-progressbar-count-wrap { + font-size: 28px; + font-weight: 700; + } +} + +.eael-progressbar-half-circle-after { + position: relative; + font-size: 12px; + font-weight: 400; + clear: both; +} + +.eael-progressbar-postfix-label { + float: right; +} + +.eael-progressbar-line-stripe .eael-progressbar-line-fill:after { + content: ''; + position: absolute; + top: 0; + left: -35px; + width: calc(100% + 70px); + height: 100%; + background-image: linear-gradient(45deg, $color_2 25%, transparent 25%, transparent 50%, $color_2 50%, $color_2 75%, transparent 75%, transparent); + background-size: 35px 35px; +} + +.eael-progressbar-line-animate .eael-progressbar-line-fill:after { + animation: animateStripe 2s linear infinite; +} + +.eael-progressbar-line-animate-rtl .eael-progressbar-line-fill:after { + animation: animateStripeRTL 2s linear infinite; +} + +.eael-progressbar-circle-wrap>div { + margin: 0 auto; +} \ No newline at end of file diff --git a/assets/sass/_social-feeds.scss b/assets/sass/_social-feeds.scss new file mode 100644 index 000000000..00c41dc77 --- /dev/null +++ b/assets/sass/_social-feeds.scss @@ -0,0 +1,308 @@ +/* ------------------------ */ +/* 24. Social Feeds +/* ------------------------ */ + +.swiper-container-wrap .swiper-slide .eael-social-feed-element img { + width: 100%; +} + +/*--- Twitter Feed Styles ---*/ +.eael-social-feed-element.hidden { + background-color: red !important; +} + +.eael-facebook-feed-wrapper::before, +.eael-facebook-feed-wrapper::after, +.eael-facebook-feed-container::before, +.eael-facebook-feed-container::after, +.eael-twitter-feed-wrapper::before, +.eael-twitter-feed-wrapper::after, +.eael-twitter-feed-container::before, +.eael-twitter-feed-container::after { + content: ""; + clear: both; +} + +.eael-social-feed-element .pull-left { + float: left; + margin-right: 10px; +} + +.eael-social-feed-element .pull-right { + margin-left: 10px; +} + +.eael-social-feed-element img { + width: 100%; + height: auto; + border: 0; + vertical-align: middle; + -ms-interpolation-mode: bicubic; +} + +.eael-social-feed-element .attachment { + vertical-align: middle; + -ms-interpolation-mode: bicubic; +} + +/*--- Link styles ---*/ +.eael-social-feed-element a { + color: #0088cc; + text-decoration: none; +} + +.eael-social-feed-element a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.eael-social-feed-element a:hover, +.eael-social-feed-element a:active { + outline: 0; + color: #005580; + text-decoration: underline; +} + +/*--- Text styles ---*/ +.eael-social-feed-element small { + font-size: 85%; +} + +.eael-social-feed-element strong { + font-weight: bold; +} + +.eael-social-feed-element em { + font-style: italic; +} + +.eael-social-feed-element p { + margin: 0 0 10px; +} + +.eael-social-feed-element .media-body>p { + margin-bottom: 4px; + min-height: 20px; +} + +.eael-social-feed-element p.social-feed-text { + margin: 0; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; +} + +/*--- Message styles ---*/ +.eael-social-feed-element, +.eael-social-feed-element .media-body { + overflow: hidden; + zoom: 1; + overflow: visible; +} + +.eael-social-feed-element { + padding: 10px; + background: none; +} + +.eael-social-feed-element .media-body .social-network-icon { + margin-top: -3px; + margin-right: 5px; + width: 16px; +} + +.eael-social-feed-element .media-body div { + color: #666; + line-height: 20px; + clear: both; +} + +.eael-social-feed-element:first-child { + margin-top: 0; +} + +.eael-social-feed-element .media-object { + display: block; + width: 48px; + border-radius: 50%; +} + +.eael-social-feed-element .media-heading { + margin: 0 0 5px; +} + +.eael-social-feed-element .media-list { + margin-left: 0; + list-style: none; +} + +.eael-social-feed-element .muted { + color: #999; +} + +.eael-social-feed-element a.muted:hover, +.eael-social-feed-element a.muted:focus { + color: #808080; +} + +.eael-social-feed-element { + transition: 0.25s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + margin: -1px; + margin-top: 25px; + color: #333; + text-align: left; + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 16px; +} + +.eael-social-feed-element .eael-content { + padding: 20px 15px 15px; + transition: .4s; + background: #fff; +} + +.eael-social-feed-element .social-network-icon { + opacity: 0.7; +} + +.eael-social-feed-element .author-title { + color: #444; + line-height: 1.5em; + font-weight: 500; +} + +/*--- Icon Color ---*/ +.media-body .fa-twitter { + color: #1da1f2; + margin-right: 8px; +} + +.media-body .fa-facebook { + color: #3b5998; + margin-right: 8px; +} + +/*--- Read More Link ---*/ +.text-wrapper p .read-more-link { + margin-top: 9px; + display: block; +} + +/*--- Loading Loader ---*/ +.eael-social-feed-wrapper { + width: 100%; + height: auto; + position: relative; + z-index: 0; +} + +.eael-loading-feed { + display: none; + position: absolute; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + bottom: 0px; + right: 0px; +} + +.eael-loading-feed.show-loading { + display: block; + text-align: center; + z-index: 10; + display: flex; + align-items: center; + justify-content: center; + transition: .5s; +} + +.eael-loading-feed .loader { + border: 3px solid #f3f3f3; + border-radius: 50%; + border-top: 3px solid #3498db; + width: 30px; + height: 30px; + -webkit-animation: spin 2s linear infinite; + /* Safari */ + animation: spin 2s linear infinite; + margin: 0 auto; +} + + +/*--- Safari ---*/ +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +/*--- List View ---*/ +.eael-social-feed-container.list-view .eael-social-feed-element { + margin: 15px; + border: 1px solid rgba( 0, 0, 0, 0.1); + background: none; +} + +/*--- Carousel View ---*/ +.eael-social-feed-container.carousel-view { + width: 100%; + height: auto; +} + +/*--- Masonry View ---*/ +.eael-twitter-feed-container.masonry-view .eael-social-feed-element, +.eael-facebook-feed-container.masonry-view .eael-social-feed-element { + width: 33.33%; + margin-top: 0px; + float: left; +} + +.eael-social-feed-element .eael-content { + border: 1px solid rgba( 0, 0, 0, 0.1); +} + +/*--- Editor Related Style ---*/ +.eael-social-feed-avatar-circle .eael-social-feed-element .media-object { + border-radius: 50%; +} + +.eael-social-feed-avatar-square .eael-social-feed-element .media-object { + border-radius: 0%; +} + +.eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date .eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date { + text-align: left !important; +} + +/*--- Media Query ---*/ +@media only screen and ( min-width: 768px) and (max-width: 992px) { + .eael-twitter-feed-container.masonry-view .eael-social-feed-element, + .eael-facebook-feed-container.masonry-view .eael-social-feed-element { + width: 50% !important; + } +} + +@media only screen and (max-width: 480px) { + .eael-twitter-feed-container.masonry-view .eael-social-feed-element, + .eael-facebook-feed-container.masonry-view .eael-social-feed-element { + width: 100% !important; + } +} \ No newline at end of file diff --git a/assets/sass/_swiper.scss b/assets/sass/_swiper.scss new file mode 100644 index 000000000..f17fdea2b --- /dev/null +++ b/assets/sass/_swiper.scss @@ -0,0 +1,66 @@ + +/*----------------------------*/ +/* 28. Swiper +/*----------------------------*/ +.swiper-container-wrap .swiper-slide, +.swiper-container .swiper-slide { + text-align: center; +} + +.swiper-container-wrap .swiper-slide img, +.swiper-container .swiper-slide img { + width: auto; +} + +.swiper-container-wrap-dots-outside .swiper-pagination, +.swiper-container-dots-outside .swiper-pagination { + position: static; +} + +.swiper-container-wrap .swiper-button-next, +.swiper-container-wrap .swiper-button-prev, +.swiper-container .swiper-button-next, +.swiper-container .swiper-button-prev { + background: transparent; + font-size: 20px; + height: auto; + line-height: 1; + margin: 0; + text-align: center; + transform: translateY(-50%); + width: auto; +} + +.swiper-container-wrap .swiper-button-next .fa, +.swiper-container-wrap .swiper-button-prev .fa, +.swiper-container .swiper-button-next .fa, +.swiper-container .swiper-button-prev .fa { + vertical-align: top; +} + +.swiper-container-wrap .swiper-pagination { + bottom: 10px; + left: 0; + width: 100%; +} + +.swiper-container-wrap-dots-outside .swiper-pagination { + position: static; +} + +.swiper-container-wrap .swiper-pagination-bullet { + background: #ccc; + margin: 0 4px; + opacity: 1; + height: 8px; + width: 8px; +} + +.swiper-container-wrap .swiper-pagination-bullet-active { + background: #000; +} + +.swiper-container-3d .swiper-slide { + transition-property: all; + -webkit-transition-property: all; +} \ No newline at end of file diff --git a/assets/sass/_team-members.scss b/assets/sass/_team-members.scss new file mode 100644 index 000000000..0f7167364 --- /dev/null +++ b/assets/sass/_team-members.scss @@ -0,0 +1,120 @@ +/*----------------------------*/ +/* 07. Team Members Styles +/*----------------------------*/ +.eael-team-item { + overflow: hidden; + position: relative; +} + +.team-avatar-rounded figure img { + border-radius: 50%; + height: auto; +} + +.eael-team-image>figure { + margin: 0; + padding: 0; +} + +.eael-team-image>figure img { + display: block; + margin: 0 auto; +} + +.eael-team-item .eael-team-content { + padding: 10px; +} + +.eael-team-item .eael-team-member-name { + font-size: 20px; + font-weight: bold; + letter-spacing: 0.05em; + margin: 5px 0; + text-transform: uppercase; +} + +.eael-team-item .eael-team-member-position { + font-size: 14px; + font-weight: normal; + letter-spacing: 0.05em; + margin: 5px 0 10px; + text-transform: uppercase; +} + +.eael-team-item .eael-team-content, +.eael-team-item .eael-team-content .eael-team-text { + font-size: 14px; + line-height: 1.5; +} + +.eael-team-content>ul { + margin: 0; + padding: 0; +} + +.eael-team-content li { + display: inline-block; + list-style: outside none none; + margin-right: 10px; + text-align: center; +} + +.eael-team-content li a { + font-size: 2.5rem; +} + +.eael-team-align-left .eael-team-item .eael-team-member-name, +.eael-team-align-left .eael-team-item .eael-team-member-position, +.eael-team-align-left .eael-team-item .eael-team-text, +.eael-team-align-left .eael-team-item .eael-team-content p, +.eael-team-align-left .eael-team-item .eael-team-content ul, +.eael-team-align-left .eael-team-item .eael-team-content li { + text-align: left; +} + +.eael-team-align-right .eael-team-item .eael-team-member-name, +.eael-team-align-right .eael-team-item .eael-team-member-position, +.eael-team-align-right .eael-team-item .eael-team-text, +.eael-team-align-right .eael-team-item .eael-team-content p, +.eael-team-align-right .eael-team-item .eael-team-content ul, +.eael-team-align-right .eael-team-item .eael-team-content li { + text-align: right; +} + +.eael-team-align-centered .eael-team-item .eael-team-member-name, +.eael-team-align-centered .eael-team-item .eael-team-member-position, +.eael-team-align-centered .eael-team-item .eael-team-text, +.eael-team-align-centered .eael-team-item .eael-team-content p, +.eael-team-align-centered .eael-team-item .eael-team-content ul, +.eael-team-align-centered .eael-team-item .eael-team-content li { + text-align: center; +} + +.eael-team-item.eael-team-members-overlay .eael-team-content { + bottom: 10px; + left: 10px; + margin-bottom: 0; + padding-top: 15%; + opacity: 0; + overflow: hidden; + text-overflow: ellipsis; + position: absolute; + right: 10px; + top: 10px; + -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; +} + +.eael-team-item.eael-team-members-overlay:hover .eael-team-content { + opacity: 1; +} + +.eael-team-member-social-link>a { + display: inline-block; + -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; +} + +.eael-team-member-social-link>a:focus { + outline: none; +} \ No newline at end of file diff --git a/assets/sass/_testimonial-slider.scss b/assets/sass/_testimonial-slider.scss new file mode 100644 index 000000000..d2ada1dc4 --- /dev/null +++ b/assets/sass/_testimonial-slider.scss @@ -0,0 +1,385 @@ +/*----------------------------*/ +/* 08. Testimonials Styles +/*----------------------------*/ +.eael-testimonial-slider { + position: relative; +} + +.testimonial-star-rating { + padding: 0; + margin: 0; +} + +.testimonial-star-rating li { + list-style: none; + display: inline-block; +} + +.testimonial-star-rating li i { + color: #d8d8d8; +} + +.rating-five .testimonial-star-rating li i { + color: #f2b01e; +} + +.rating-one .testimonial-star-rating li:first-child i { + color: #f2b01e; +} + +.rating-two .testimonial-star-rating li:nth-child(1) i, +.rating-two .testimonial-star-rating li:nth-child(2) i { + color: #f2b01e; +} + +.rating-three .testimonial-star-rating li:nth-child(1) i, +.rating-three .testimonial-star-rating li:nth-child(2) i, +.rating-three .testimonial-star-rating li:nth-child(3) i { + color: #f2b01e; +} + +.rating-four .testimonial-star-rating li:nth-child(1) i, +.rating-four .testimonial-star-rating li:nth-child(2) i, +.rating-four .testimonial-star-rating li:nth-child(3) i, +.rating-four .testimonial-star-rating li:nth-child(4) i { + color: #f2b01e; +} + + +/*--- Default styles ---*/ +.eael-testimonial-image img { + max-width: 100%; +} + +.eael-testimonial-image { + padding: 10px 0px 0px 0px; +} + +.eael-testimonial-image>figure { + display: block; + margin: 0; +} + +.testimonial-avatar-rounded figure img { + border-radius: 50%; + height: auto; +} + +.eael-testimonial-content { + margin: 0; + padding: 10px; +} + +.eael-testimonial-item>figure { + margin: 0 auto; + padding: 0 20px; +} + +.eael-testimonial-item .center-text { + text-align: center; +} + +.eael-testimonial-item .right-text { + text-align: right; +} + +.eael-testimonial-item .left-text { + text-align: left; +} + +.eael-testimonial-item .justify-text { + text-align: justify; +} + +.eael-testimonial-content .eael-testimonial-text { + font-size: 100%; + font-style: italic; + line-height: 1.5; + margin-top: 0px; + margin-bottom: 10px; + word-wrap: break-word; +} + +.eael-testimonial-content .eael-testimonial-user { + display: inline-block; + font-family: inherit; + font-size: 105%; + font-style: italic; + font-weight: normal; + line-height: 1.5; + margin-top: 0; + margin-bottom: 0; + margin-right: 5px; +} + +.eael-testimonial-content .eael-testimonial-user-company { + display: inline-block; + font-family: inherit; + font-size: 90%; + font-style: italic; + font-weight: lighter; + line-height: 1.75; + margin-bottom: 0; + margin-top: 1px; +} + +.eael-testimonial-image { + position: relative; +} + +.eael-testimonial-item .eael-testimonial-quote::after { + color: inherit!important; + content: "\f10e"; + font-family: "FontAwesome"; + font-size: 200%; +} + +.eael-testimonial-slider.default-style .eael-testimonial-align-centered .eael-testimonial-image figure img { + margin: 0 auto; +} + +.eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure img, +.eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure img, +.eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure img, +.eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure img, +.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure img, +.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure img { + margin: 0; +} + +.eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure, +.eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure, +.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure { + text-align: right; +} + +.eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure, +.eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure, +.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure { + text-align: left; +} + +.eael-testimonial-slider.default-style .eael-testimonial-align-right .default-style-testimonial-content, +.eael-testimonial-slider.classic-style .eael-testimonial-align-right .testimonial-classic-style-content, +.eael-testimonial-slider.middle-style .eael-testimonial-align-right .middle-style-content, +.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-text { + text-align: right; +} + +.eael-testimonial-slider.default-style .eael-testimonial-align-center .default-style-testimonial-content, +.eael-testimonial-slider.classic-style .eael-testimonial-align-center .testimonial-classic-style-content, +.eael-testimonial-slider.middle-style .eael-testimonial-align-center .middle-style-content, +.eael-testimonial-slider.middle-style .eael-testimonial-align-center .eael-testimonial-text { + text-align: center; +} + +.eael-testimonial-slider.default-style .eael-testimonial-align-left .default-style-testimonial-content, +.eael-testimonial-slider.classic-style .eael-testimonial-align-left .testimonial-classic-style-content, +.eael-testimonial-slider.middle-style .eael-testimonial-align-left .middle-style-content, +.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-text { + text-align: left; +} + +.eael-testimonial-slider.icon-img-left-content .eael-testimonial-text>p, +.eael-testimonial-slider.icon-img-right-content .eael-testimonial-text>p { + margin: 0px; +} + + +/*--- Left align ---*/ +.icon-img-left-content .eael-testimonial-image { + float: left; + width: 30%; +} + +.icon-img-left-content .eael-testimonial-content { + float: left; + width: 70%; + text-align: left; +} + +.icon-img-left-content.eael-testimonial-item { + overflow: hidden; + position: relative; +} + +.icon-img-left-content .eael-testimonial-quote { + position: absolute; + right: 0; +} + +.icon-img-left-content .eael-testimonial-text { + margin-top: 0; +} + + +/*--- Center align ---*/ +.eael-testimonial-align-centered .eael-testimonial-user, +.eael-testimonial-align-centered .eael-testimonial-user-company { + float: none; + text-align: center; +} + +.eael-testimonial-align-centered .eael-testimonial-image>figure img { + display: block; + margin-left: auto !important; + margin-right: auto !important; +} + + +/* .eael-testimonial-align-centered .testimonial-star-rating{ + text-align: center; +} */ + + +/*--- Right align ---*/ +.icon-img-right-content .eael-testimonial-image { + float: right; + width: 30%; +} + +.icon-img-right-content .eael-testimonial-content { + float: right; + width: 70%; + text-align: right; +} + +.icon-img-right-content.eael-testimonial-item { + overflow: hidden; + position: relative; +} + +.icon-img-right-content .eael-testimonial-quote { + position: absolute; +} + +.icon-img-right-content .eael-testimonial-text { + margin-top: 0; +} + +.eael-testimonial-item { + position: relative; +} + +.classic-style.testimonial-alignment-center .eael-testimonial-image, +.default-style.testimonial-alignment-center .eael-testimonial-image { + text-align: center; +} + +.classic-style.testimonial-alignment-right .eael-testimonial-image, +.default-style.testimonial-alignment-right .eael-testimonial-image { + text-align: right; +} + +.classic-style.testimonial-alignment-center .eael-testimonial-image>figure, +.default-style.testimonial-alignment-center .eael-testimonial-image>figure { + text-align: center; +} + +.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-centered .eael-testimonial-content { + text-align: center; +} + +.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-left .eael-testimonial-content { + text-align: left; +} + +.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-right .eael-testimonial-content { + text-align: right; +} + +.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-centered .eael-testimonial-content { + text-align: center; +} + +.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-left .eael-testimonial-content { + text-align: left; +} + +.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-right .eael-testimonial-content { + text-align: right; +} + +span.eael-testimonial-quote { + position: absolute; + right: 10px; + top: 10px; +} + +/*--- Image align ---*/ +.eael-testimonial-item.left .eael-testimonial-image { + text-align: left; +} + +.eael-testimonial-item.center .eael-testimonial-image { + text-align: center; +} + +.eael-testimonial-item.right .eael-testimonial-image { + text-align: right; +} + + +/*--- Float title image style ---*/ +.eael-testimonial-inline-bio .eael-testimonial-image { + float: left; +} + +.eael-testimonial-inline-bio .bio-text { + padding-top: 10px; +} + +.eael-testimonial-content.eael-testimonial-inline-bio { + overflow: hidden; + margin-bottom: 0; + padding-bottom: 0; +} + +.eael-testimonial-inline-bio .testimonial-star-rating, +.eael-testimonial-inline-bio .bio-text { + float: left; + width: 65%; +} + +.eael-testimonial-content.eael-testimonial-inline-bio { + text-align: left !important; +} + +/*--- Float inline style ---*/ +.testimonial-inline-style .eael-testimonial-image { + float: left; + max-width: 100%; + padding: 0; + margin-right: 15px; +} + +.testimonial-inline-style { + overflow: hidden; + text-align: left; +} + +.content-top-icon-title-inline .eael-testimonial-text, +.content-top-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text { + text-align: left; +} + +.content-top-icon-title-inline .eael-testimonial-align-centered .eael-testimonial-text { + text-align: center; +} + +.content-top-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text { + text-align: right; +} + +.content-bottom-icon-title-inline .eael-testimonial-text, +.content-bottom-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text { + text-align: left; +} + +.content-bottom-icon-title-inline .eael-testimonial-align-centered .eael-testimonial-text { + text-align: center; +} + +.content-bottom-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text { + text-align: right; +} \ No newline at end of file diff --git a/assets/sass/_tooltip.scss b/assets/sass/_tooltip.scss new file mode 100644 index 000000000..fbae63df0 --- /dev/null +++ b/assets/sass/_tooltip.scss @@ -0,0 +1,187 @@ + +/*------------------------------*/ +/* 32. Tooltip +/*------------------------------*/ +.eael-tooltip { + position: relative; + display: inline-block; + min-width: 150px; + text-align: center; + padding: 12px 24px; + font-size: .93rem; + color: #333; + line-height: 1; + cursor: pointer; + transition: all 0.3s ease-in-out; +} + +.eael-tooltip .eael-tooltip-text { + display: block; + width: 100%; + visibility: hidden; + background-color: black; + color: #fff; + text-align: center; + border-radius: 4px; + padding: 10px; + position: absolute; + z-index: 1; + font-size: .93rem; + line-height: 1.3; +} + +.eael-tooltip .eael-tooltip-text::after { + content: ""; + position: absolute; + border-width: 5px; + border-style: solid; +} + +.eael-tooltip:hover .eael-tooltip-text { + visibility: visible; +} + +/*--- Left ---*/ +.eael-tooltip .eael-tooltip-text.eael-tooltip-left { + top: 50%; + right: 100%; + transform: translateY(-50%); + margin-right: 10px; +} + +.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left { + animation: tooltipLeftIn 300ms ease-in-out; +} + +.eael-tooltip .eael-tooltip-text.eael-tooltip-left::after { + top: calc(50% - 5px); + left: 100%; + border-color: transparent transparent transparent black; +} + +/*--- Right ---*/ +.eael-tooltip .eael-tooltip-text.eael-tooltip-right { + top: 50%; + left: 100%; + transform: translateY(-50%); + transition: all 0.3s ease-in-out; + margin-left: 10px; +} + +.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right { + animation: tooltipRightIn 300ms linear; +} + +.eael-tooltip .eael-tooltip-text.eael-tooltip-right::after { + top: calc(50% - 5px); + right: 100%; + border-color: transparent black transparent transparent; +} + +/*--- Top ---*/ +.eael-tooltip .eael-tooltip-text.eael-tooltip-top { + bottom: calc(100%); + left: 0; + right: 0; + margin: 0 auto 10px auto; +} + +.eael-tooltip .eael-tooltip-text.eael-tooltip-top::after { + margin-top: 0px; + top: 100%; + left: calc( 50% - 5px); + border-color: black transparent transparent transparent; +} + +.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top { + animation: tooltipTopIn 300ms linear; +} + +/*--- Bottom ---*/ +.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom { + top: 100%; + left: 0; + right: 0; + margin: 10px auto 0px auto; +} + +.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after { + margin-top: 0px; + bottom: 100%; + left: calc( 50% - 5px); + border-color: transparent transparent black transparent; +} + +.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom { + animation: tooltipBottomIn 300ms linear; +} + +/*--- Alignments ---*/ +.eael-tooltip-align-left { + display: flex; + width: 100%; + justify-content: flex-start; +} + +.eael-tooltip-align-right { + display: flex; + width: 100%; + justify-content: flex-end; +} + +.eael-tooltip-align-center { + display: flex; + width: 100%; + justify-content: center; +} + +.eael-tooltip-align-justify .eael-tooltip { + display: flex; + justify-content: center; + align-items: center; +} + +/*--- Tooltip Keyframes ---*/ +@keyframes tooltipRightIn { + 0% { + opacity: 0; + left: 105%; + } + 100% { + opacity: 1; + left: 100%; + } +} + +@keyframes tooltipLeftIn { + 0% { + opacity: 0; + right: 105%; + } + 100% { + opacity: 1; + right: 100%; + } +} + +@keyframes tooltipTopIn { + 0% { + opacity: 0; + bottom: 110%; + } + 100% { + opacity: 1; + bottom: 100%; + } +} + +@keyframes tooltipBottomIn { + 0% { + opacity: 0; + top: 110%; + } + 100% { + opacity: 1; + top: 100%; + } +} \ No newline at end of file diff --git a/assets/sass/_weform.scss b/assets/sass/_weform.scss new file mode 100644 index 000000000..35421a74a --- /dev/null +++ b/assets/sass/_weform.scss @@ -0,0 +1,37 @@ +/*----------------------*/ +/* 12. weForm Styles +/*----------------------*/ +.eael-weform-container input, +.eael-weform-container textarea { + height: auto; + padding: 10px; +} + +.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"] { + margin-left: auto !important; + margin-right: auto !important; + display: block; + float: none; +} + +.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"] { + float: left; + width: auto; +} + +.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"] { + float: right; + width: auto; +} + +.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 { + max-width: 100%; +} \ No newline at end of file diff --git a/assets/sass/_woo-products.scss b/assets/sass/_woo-products.scss new file mode 100644 index 000000000..2aea4214f --- /dev/null +++ b/assets/sass/_woo-products.scss @@ -0,0 +1,289 @@ +/*-------------------------*/ +/* 09. Product Styles +/* ------------------------*/ +.eael-product-carousel .woocommerce li.product { + background-color: #fff; + border-radius: 0; + box-shadow: none; +} + +.hide_rating .woocommerce .star-rating-container, +.hide_rating .woocommerce .star-rating { + display: none !important; +} + +.eael-product-carousel .woocommerce ul.products li.product h3 { + padding: 0.5em; +} + +.eael-product-carousel .woocommerce .products .star-rating { + display: block; + float: none; + margin: 10px auto; +} + +body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-carousel .woocommerce li.product .button { + box-shadow: none; + display: block; + left: auto; + margin: 15px; + padding: 0.45em 0.5em 0.575em; + position: relative; + right: auto; + text-shadow: none; + top: auto; +} + + +/*--- Product Simple and Reveal Style ---*/ +.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-featured { + background-color: transparent; + border: medium none; + box-shadow: none; + padding: 0; +} + +.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap { + background-color: transparent; + bottom: auto; + box-shadow: none; + padding: 15px 0 0; + position: relative; + text-align: center; + top: auto; +} + +.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 { + font-size: 14px; + line-height: 1.2; + margin: 0 0 5px; + padding-bottom: 0.5em; +} + +.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3 a, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 a { + color: #272727; + font-weight: normal; + letter-spacing: 0.01rem; + text-transform: uppercase; +} + +.eael-product-carousel.eael-product-simple .woocommerce li.product .price>.amount, +.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>.amount, +.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>ins>.amount, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>.amount, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>ins>.amount { + color: #272727; + font-size: 18px; + font-weight: normal; +} + +.eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap::before, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap::before { + display: none; +} + +.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button { + background-color: transparent; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 0; + box-shadow: none; + color: #272727; + display: block; + font-size: 14px; + left: auto; + margin: 20px auto; + opacity: 1; + position: relative; + right: auto; + text-shadow: none; + top: auto; + width: 80%; +} + +.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button:hover { + background-color: #e74c3c; + border: 1px solid #e74c3c; + color: #fff; +} + +.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container { + background-color: transparent; + left: auto; + opacity: 1; + position: relative; + right: auto; + top: 5px; + display: block; + margin: 0 auto; + width: 110px; +} + +.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating::before, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating::before { + color: #f2b01e; +} + +.eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating span::before, +.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before { + color: #f2b01e; +} + +.eael-product-carousel:not(.eael-product-no-style) .onsale { + border-radius: 0; + box-shadow: none; + display: block; + font-size: 14px; + height: 100px; + letter-spacing: 0; + line-height: 160px; + position: absolute; + text-align: center; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); + text-transform: uppercase; + transform: rotate(-45deg); + width: 200px; + z-index: 1; +} + +.eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .onsale { + left: -95px; + top: -45px; +} + +.eael-product-carousel .woocommerce ul.products { + margin: 0 0 30px; +} + + +/*--- Product Simple and Reveal Style ---*/ +.eael-product-carousel .woocommerce li.product { + background-color: #fff; + float: left; + overflow: hidden; + padding: 0; + position: relative; + text-align: center; +} + +.eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap { + bottom: -63px; + margin-top: -63px; + position: relative; + top: auto; + -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s +} + +.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap { + bottom: 0; +} + +.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap::before { + background-color: #fff; + display: block; +} + +.eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container { + background-color: rgba(255, 255, 255, 0.9); + left: auto; + opacity: 0; + position: absolute; + right: 10px; + top: 10px; +} + +.eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .star-rating-container { + opacity: 1; +} + +/*--- Product Reveal Styles ---*/ +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap { + bottom: auto; + font-size: 14px; + left: 0; + padding: 0; + position: absolute; + right: 0; + top: calc(100% - 4em); + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap { + background-color: rgba(0, 0, 0, 0.5); + bottom: auto; + font-size: 14px; + left: 0; + padding: 0; + position: absolute; + right: 0; + text-align: center; + top: calc(100% - 4em); + -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap::before { + background-color: rgba(0, 0, 0, 0.5); + content: ""; + display: block; + height: 50em; + left: 0; + position: absolute; + right: 0; + top: 0; + transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; + z-index: 0; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before { + background-color: rgba(0, 0, 0, 0.75); +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header { + position: relative; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 { + font-size: 14px; + line-height: 1; + margin: 0; + overflow: hidden; + padding: 1.5em; + text-overflow: ellipsis; + text-transform: uppercase; + white-space: nowrap; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header h3 a { + color: #fff; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product .price>del, +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>del { + display: none; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>.amount, +.woocommerce li.product .entry-header .price>ins>.amount { + color: #fff; + font-size: 24px; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product .added_to_cart { + display: none; +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap { + top: calc(100% - 10.385em); +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before { + background-color: rgba(0, 0, 0, 0.75); +} + +.eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .star-rating-container { + opacity: 1; +} diff --git a/assets/sass/_wp-form.scss b/assets/sass/_wp-form.scss new file mode 100644 index 000000000..b115670a3 --- /dev/null +++ b/assets/sass/_wp-form.scss @@ -0,0 +1,42 @@ +/* ------------------- */ +/* 23. WPForms +/* ------------------- */ + +.eael-wpforms .wpforms-container .wpforms-form input[type=submit], +.eael-wpforms .wpforms-container .wpforms-form button[type=submit], +.eael-wpforms .wpforms-container .wpforms-form .wpforms-page-button { + border: 0; +} + +.eael-wpforms .wpforms-container .wpforms-form input[type=submit]:hover, +.eael-wpforms .wpforms-container .wpforms-form button[type=submit]:hover, +.eael-wpforms .wpforms-container .wpforms-form .wpforms-page-button:hover { + border: 0; +} + +.eael-wpforms .wpforms-container .wpforms-form input[type=checkbox], +.eael-wpforms .wpforms-container .wpforms-form input[type=radio] { + padding: 3px; +} + +.eael-wpforms .wpforms-container .wpforms-form .wpforms-field-label { + display: none; +} + +.eael-wpforms .wpforms-container .wpforms-form .wpforms-field-name .wpforms-field-row { + max-width: 100%; +} + +.eael-wpforms .wpforms-container .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), +.eael-wpforms .wpforms-container .wpforms-field textarea, +.eael-wpforms .wpforms-container .wpforms-field select { + max-width: 100% !important; +} + +.eael-wpforms-labels-yes .wpforms-container .wpforms-form .wpforms-field-label { + display: block; +} + +.eael-wpforms-form-button-full-width .wpforms-submit-container .wpforms-submit { + width: 100%; +} diff --git a/assets/sass/essential-addons-elementor.scss b/assets/sass/essential-addons-elementor.scss new file mode 100644 index 000000000..ae9854dc6 --- /dev/null +++ b/assets/sass/essential-addons-elementor.scss @@ -0,0 +1,79 @@ +/* + ______ _ _ _ _ _ +| ____| | | (_) | | /\ | | | | +| |__ ___ ___ ___ _ __ | |_ _ __ _| | / \ __| | __| | ___ _ __ ___ +| __| / __/ __|/ _ \ '_ \| __| |/ _` | | / /\ \ / _` |/ _` |/ _ \| '_ \/ __| +| |____\__ \__ \ __/ | | | |_| | (_| | | / ____ \ (_| | (_| | (_) | | | \__ \ +|______|___/___/\___|_| |_|\__|_|\__,_|_| /_/ \_\__,_|\__,_|\___/|_| |_|___/ +------------------------------------------------------------------------------------- + +01. General Styles +02. Common styles for slider elements +03. Fancy Text Style +04. Creative Button styles +05. Countdown Styles +06. Post Timeline Styles +07. Team Members Styles +08. Testimonials Styles +09. Product Styles +10. Contact forms common +11. Contact Form 7 Styles +12. weForm Styles +13. Ninja Form Styles +14. Gravity Form +15. Post Grid Style +16. Post Grid Column +17. Infobox Style +18. Flipbox Style +19. Call To Action +20. Dual Color Heading +21. Pricing Table +22. Caldera Contact Form Styler +23. WPForms +24. Social Feeds +25. Data Table +26. Magnific Popup +27. Filterable Gallery +28. Swiper +29. Content Ticker +30. Advance Tabs +31. Advance Accordion +32. Tooltip +33. Progress Bar +34. Image accordion +-------------------------------------------------------*/ + +@import "general"; +@import "general-slider"; +@import "fancy-text"; +@import "creative-button"; +@import "countdown"; +@import "post-timeline"; +@import "team-members"; +@import "testimonial-slider"; +@import "woo-products"; +@import "contact-forms"; +@import "contact-form7"; +@import "weform"; +@import "ninja-form"; +@import "gravity-form"; +@import "post-grid"; +@import "post-grid-column"; +@import "infobox"; +@import "flipbox"; +@import "call-to-action"; +@import "dual-color-heading"; +@import "pricing-table"; +@import "caldera-form"; +@import "wp-form"; +@import "social-feeds"; +@import "data-table"; +@import "magnific-popup"; +@import "filterable-gallery"; +@import "swiper"; +@import "content-ticker"; +@import "advance-tabs"; +@import "advance-accordion"; +@import "tooltip"; +@import "progress-bar"; +@import "img-accordion"; \ No newline at end of file diff --git a/config.rb b/config.rb new file mode 100644 index 000000000..3e1cca47a --- /dev/null +++ b/config.rb @@ -0,0 +1,4 @@ +# Configuration file for Compass. +# These two values must be mirrored in the gulpfile. +css_dir = 'assets/css/' +sass_dir = 'assets/sass/' \ No newline at end of file diff --git a/elements/contact-form-7/contact-form-7.php b/elements/contact-form-7/contact-form-7.php index 12310ba9e..96bc41233 100755 --- a/elements/contact-form-7/contact-form-7.php +++ b/elements/contact-form-7/contact-form-7.php @@ -206,30 +206,33 @@ protected function _register_controls() { $this->end_controls_section(); $this->start_controls_section( - 'eael_section_pro', - [ - 'label' => __( 'Go Premium for More Features', 'essential-addons-elementor' ) - ] - ); - + 'eael_section_pro', + [ + 'label' => __( 'Go Premium for More Features', 'essential-addons-elementor' ) + ] + ); + $this->add_control( 'eael_control_get_pro', [ 'label' => __( 'Unlock more possibilities', 'essential-addons-elementor' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ - '1' => [ - 'title' => __( '', 'essential-addons-elementor' ), - 'icon' => 'fa fa-unlock-alt', - ], - ], - 'default' => '1', + '1' => [ + 'title' => __( '', 'essential-addons-elementor' ), + 'icon' => 'fa fa-unlock-alt', + ], + ], + 'default' => '1', 'description' => ' Get the Pro version for more stunning elements and customization options.' ] ); + + $this->end_controls_section(); - $this->end_controls_section(); - + /*-----------------------------------------------------------------------------------*/ + /* STYLE TAB + /*-----------------------------------------------------------------------------------*/ /** * Style Tab: Form Container * ------------------------------------------------- @@ -242,16 +245,15 @@ protected function _register_controls() { ] ); - $this->add_control( - 'eael_contact_form_background', - [ - 'label' => esc_html__( 'Form Background Color', 'essential-addons-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .eael-contact-form' => 'background: {{VALUE}};', - ], - ] - ); + $this->add_group_control( + Group_Control_Background::get_type(), + [ + 'name' => 'eael_contact_form_background', + 'label' => __( 'Background', 'plugin-domain' ), + 'types' => [ 'classic', 'gradient' ], + 'selector' => '{{WRAPPER}} .eael-contact-form', + ] + ); $this->add_responsive_control( 'eael_contact_form_alignment', @@ -297,6 +299,10 @@ protected function _register_controls() { 'max' => 80, ], ], + 'default' => [ + 'unit' => 'px', + 'size' => '500' + ], 'selectors' => [ '{{WRAPPER}} .eael-contact-form' => 'width: {{SIZE}}{{UNIT}};', ], @@ -320,7 +326,7 @@ protected function _register_controls() { ], ], 'selectors' => [ - '{{WRAPPER}} .eael-contact-form' => 'max-width: {{SIZE}}{{UNIT}};', + '{{WRAPPER}} .eael-contact-form-7-wrapper' => 'max-width: {{SIZE}}{{UNIT}};', ], ] ); @@ -384,10 +390,6 @@ protected function _register_controls() { $this->end_controls_section(); - /*-----------------------------------------------------------------------------------*/ - /* STYLE TAB - /*-----------------------------------------------------------------------------------*/ - /** * Style Tab: Title & Description * ------------------------------------------------- @@ -1100,10 +1102,6 @@ protected function _register_controls() { [ 'label' => __( 'Width', 'essential-addons-elementor' ), 'type' => Controls_Manager::SLIDER, - 'default' => [ - 'size' => '100', - 'unit' => 'px' - ], 'range' => [ 'px' => [ 'min' => 0, @@ -1509,6 +1507,7 @@ protected function render() { $this->add_render_attribute( 'contact-form', 'class', [ 'eael-contact-form', 'eael-contact-form-7', + 'eael-contact-form-'.esc_attr($this->get_id()) ] ); @@ -1538,22 +1537,24 @@ protected function render() { if ( function_exists( 'wpcf7' ) ) { if ( ! empty( $settings['contact_form_list'] ) ) { ?> -
get_render_attribute_string( 'contact-form' ); ?>> - -
- -

- -

- - -
- parse_text_editor( $settings['form_description_text'] ); ?> -
- -
- - +
+
get_render_attribute_string( 'contact-form' ); ?>> + +
+ +

+ +

+ + +
+ parse_text_editor( $settings['form_description_text'] ); ?> +
+ +
+ + +
add_control( + $this->add_control( 'autoplay', [ 'label' => __( 'Autoplay', 'essential-addons-elementor' ), @@ -196,6 +196,21 @@ protected function _register_controls() { ], ] ); + + $this->add_control( + 'pause_on_hover', + [ + 'label' => __( 'Pause On Hover', 'essential-addons-elementor' ), + 'type' => Controls_Manager::SWITCHER, + 'default' => '', + 'label_on' => __( 'Yes', 'essential-addons-elementor' ), + 'label_off' => __( 'No', 'essential-addons-elementor' ), + 'return_value' => 'yes', + 'condition' => [ + 'autoplay' => 'yes', + ], + ] + ); $this->add_control( 'infinite_loop', @@ -708,6 +723,9 @@ protected function render( ) { } else { $this->add_render_attribute( 'content-ticker', 'data-autoplay', '999999' ); } + if( $settings['pause_on_hover'] == 'yes' ) { + $this->add_render_attribute( 'content-ticker', 'data-pause-on-hover', 'true' ); + } if ( $settings['infinite_loop'] == 'yes' ) { $this->add_render_attribute( 'content-ticker', 'data-loop', true ); } diff --git a/elements/filterable-gallery/filterable-gallery.php b/elements/filterable-gallery/filterable-gallery.php index a3c374a71..fcb210a17 100755 --- a/elements/filterable-gallery/filterable-gallery.php +++ b/elements/filterable-gallery/filterable-gallery.php @@ -1770,10 +1770,13 @@ protected function render_filters() { ?> @@ -2038,69 +2041,117 @@ protected function render() { */ protected function render_editor_script() { ?> diff --git a/elements/flipbox/flipbox.php b/elements/flipbox/flipbox.php index 7f72e82c5..8fa875550 100755 --- a/elements/flipbox/flipbox.php +++ b/elements/flipbox/flipbox.php @@ -69,8 +69,8 @@ protected function _register_controls() { 'type' => Controls_Manager::SELECT, 'options' => [ 'none' => __( 'None', 'essential-addons-elementor' ), - 'img' => __( 'Image', 'esential-addons-elementor' ), - 'icon' => __( 'Icon', 'esential-addons-elementor' ) + 'img' => __( 'Image', 'essential-addons-elementor' ), + 'icon' => __( 'Icon', 'essential-addons-elementor' ) ], 'default' => 'icon', ] @@ -154,8 +154,8 @@ protected function _register_controls() { 'type' => Controls_Manager::SELECT, 'options' => [ 'none' => __( 'None', 'essential-addons-elementor' ), - 'img' => __( 'Image', 'esential-addons-elementor' ), - 'icon' => __( 'Icon', 'esential-addons-elementor' ) + 'img' => __( 'Image', 'essential-addons-elementor' ), + 'icon' => __( 'Icon', 'essential-addons-elementor' ) ], 'default' => 'icon' ] @@ -692,251 +692,211 @@ protected function _register_controls() { 'tab' => Controls_Manager::TAB_STYLE ] ); + + $this->start_controls_tabs('eael_section_flipbox_typo_style_settings'); + $this->start_controls_tab('eael_section_flipbox_typo_style_front_settings', [ + 'label' => esc_html__( 'Front Content', 'essential-addons-elementor' ) + ]); + + /** + * Icon + */ + $this->add_control( + 'eael_flipbox_front_icon_heading', + [ + 'label' => esc_html__( 'Icon Style', 'essential-addons-elementor' ), + 'type' => Controls_Manager::HEADING, + ] + ); - $this->add_responsive_control( - 'eael_flipbox_front_back_content_toggler', - [ - 'label' => esc_html__( 'Front or Back Content', 'essential-addons-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'label_block' => true, - 'options' => [ - 'front' => [ - 'title' => esc_html__( 'Front Content', 'essential-addons-elementor' ), - 'icon' => 'fa fa-arrow-left', - ], - 'back' => [ - 'title' => esc_html__( 'Back Content', 'essential-addons-elementor' ), - 'icon' => 'fa fa-arrow-right', - ], - ], - 'default' => 'front', - ] - ); + $this->add_control( + 'eael_flipbox_front_icon_color', + [ + 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), + 'type' => Controls_Manager::COLOR, + 'default' => '#fff', + 'selectors' => [ + '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image i' => 'color: {{VALUE}};', + ] + ] + ); - /** - * Icon - */ - $this->add_control( - 'eael_flipbox_front_icon_heading', - [ - 'label' => esc_html__( 'Icon Style', 'essential-addons-elementor' ), - 'type' => Controls_Manager::HEADING, - ] - ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'front' - */ - $this->add_control( - 'eael_flipbox_front_icon_color', - [ - 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#fff', - 'selectors' => [ - '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image i' => 'color: {{VALUE}};', - ], - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'front' - ] - ] - ); + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'eael_flipbox_front_icon_typography', + 'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image i', + ] + ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'back' - */ - $this->add_control( - 'eael_flipbox_back_icon_color', - [ - 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#fff', - 'selectors' => [ - '{{WRAPPER}} .eael-elements-flip-box-rear-container .flipbox-back-image-icon i' => 'color: {{VALUE}};', - ], - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'back' - ] - ] - ); + /** + * Title + */ + $this->add_control( + 'eael_flipbox_front_title_heading', + [ + 'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ), + 'type' => Controls_Manager::HEADING, + 'separator' => 'before' + ] + ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'front' - */ - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'eael_flipbox_front_icon_typography', - 'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image i', - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'front' - ], - ] - ); + $this->add_control( + 'eael_flipbox_front_title_color', + [ + 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), + 'type' => Controls_Manager::COLOR, + 'default' => '#fff', + 'selectors' => [ + '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-heading' => 'color: {{VALUE}};', + ] + ] + ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'back' - */ - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'eael_flipbox_back_icon_typography', - 'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .flipbox-back-image-icon i', - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'back' - ], - ] - ); + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'eael_flipbox_front_title_typography', + 'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-heading' + ] + ); - /** - * Title - */ - $this->add_control( - 'eael_flipbox_front_title_heading', - [ - 'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ), - 'type' => Controls_Manager::HEADING, - 'separator' => 'before' - ] - ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'front' - */ - $this->add_control( - 'eael_flipbox_front_title_color', - [ - 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#fff', - 'selectors' => [ - '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-heading' => 'color: {{VALUE}};', - ], - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'front' - ] - ] - ); + /** + * Content + */ + $this->add_control( + 'eael_flipbox_front_content_heading', + [ + 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ), + 'type' => Controls_Manager::HEADING, + 'separator' => 'before' + ] + ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'back' - */ - $this->add_control( - 'eael_flipbox_back_title_color', - [ - 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#fff', - 'selectors' => [ - '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading' => 'color: {{VALUE}};', - ], - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'back' - ] - ] - ); + $this->add_control( + 'eael_flipbox_front_content_color', + [ + 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), + 'type' => Controls_Manager::COLOR, + 'default' => '#fff', + 'selectors' => [ + '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-content' => 'color: {{VALUE}};', + ] + ] + ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'front' - */ - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'eael_flipbox_front_title_typography', - 'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-heading', - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'front' - ], - ] - ); + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'eael_flipbox_front_content_typography', + 'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-content' + ] + ); + + $this->end_controls_tab(); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'back' - */ - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'eael_flipbox_back_title_typography', - 'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading', - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'back' - ], - ] - ); + $this->start_controls_tab('eael_section_flipbox_typo_style_back_settings', [ + 'label' => esc_html__( 'Back Content', 'essential-addons-elementor' ) + ]); - /** - * Content - */ - $this->add_control( - 'eael_flipbox_content_heading', - [ - 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ), - 'type' => Controls_Manager::HEADING, - 'separator' => 'before' - ] - ); + /** + * Icon + */ + $this->add_control( + 'eael_flipbox_back_icon_heading', + [ + 'label' => esc_html__( 'Icon Style', 'essential-addons-elementor' ), + 'type' => Controls_Manager::HEADING, + ] + ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'front' - */ - $this->add_control( - 'eael_flipbox_front_content_color', - [ - 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#fff', - 'selectors' => [ - '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-content' => 'color: {{VALUE}};', - ], - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'front' - ] - ] - ); + $this->add_control( + 'eael_flipbox_back_icon_color', + [ + 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), + 'type' => Controls_Manager::COLOR, + 'default' => '#fff', + 'selectors' => [ + '{{WRAPPER}} .eael-elements-flip-box-rear-container .flipbox-back-image-icon i' => 'color: {{VALUE}};', + ] + ] + ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'back' - */ - $this->add_control( - 'eael_flipbox_back_content_color', - [ - 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#fff', - 'selectors' => [ - '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-content' => 'color: {{VALUE}};', - ], - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'back' - ] - ] - ); + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'eael_flipbox_back_icon_typography', + 'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .flipbox-back-image-icon i' + ] + ); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'front' - */ - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'eael_flipbox_front_content_typography', - 'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-content', - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'front' - ] - ] - ); + /** + * Title + */ + $this->add_control( + 'eael_flipbox_back_title_heading', + [ + 'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ), + 'type' => Controls_Manager::HEADING, + 'separator' => 'before' + ] + ); + + $this->add_control( + 'eael_flipbox_back_title_color', + [ + 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), + 'type' => Controls_Manager::COLOR, + 'default' => '#fff', + 'selectors' => [ + '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading' => 'color: {{VALUE}};', + ] + ] + ); + + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'eael_flipbox_back_title_typography', + 'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading' + ] + ); + + /** + * Content + */ + $this->add_control( + 'eael_flipbox_back_content_heading', + [ + 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ), + 'type' => Controls_Manager::HEADING, + 'separator' => 'before' + ] + ); + + $this->add_control( + 'eael_flipbox_back_content_color', + [ + 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), + 'type' => Controls_Manager::COLOR, + 'default' => '#fff', + 'selectors' => [ + '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-content' => 'color: {{VALUE}};', + ] + ] + ); + + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'eael_flipbox_back_content_typography', + 'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-content' + ] + ); + + $this->end_controls_tab(); + $this->end_controls_tabs(); - /** - * Condition: 'eael_flipbox_front_back_content_toggler' => 'back' - */ - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'eael_flipbox_back_content_typography', - 'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-content', - 'condition' => [ - 'eael_flipbox_front_back_content_toggler' => 'back' - ] - ] - ); $this->end_controls_section(); /** diff --git a/elements/post-grid/post-grid.php b/elements/post-grid/post-grid.php index c5abc7ff3..a8e68e98d 100755 --- a/elements/post-grid/post-grid.php +++ b/elements/post-grid/post-grid.php @@ -366,7 +366,7 @@ protected function _register_controls() { $this->add_responsive_control( 'eael_post_grid_hover_icon_fontsize', [ - 'label' => __( 'Icon font size', 'plugin-domain' ), + 'label' => __( 'Icon font size', 'essential-addons-elementor' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'unit' => 'px', diff --git a/elements/progress-bar/progress-bar.php b/elements/progress-bar/progress-bar.php old mode 100644 new mode 100755 index 27a69857c..8a6f296b9 --- a/elements/progress-bar/progress-bar.php +++ b/elements/progress-bar/progress-bar.php @@ -60,7 +60,7 @@ protected function _register_controls() { $this->add_control( 'eael_pricing_table_style_pro_alert', [ - 'label' => esc_html__( 'Only available in pro version!', 'essential-addons-elementor' ), + 'label' => esc_html__( 'Only Available in Pro Version!', 'essential-addons-elementor' ), 'type' => Controls_Manager::HEADING, 'condition' => [ 'progress_bar_layout' => ['line_rainbow', 'circle_fill', 'half_circle_fill', 'box'], @@ -391,9 +391,9 @@ protected function _register_controls() { 'label' => __('Stripe Animation', 'essential-addons-elementor'), 'type' => Controls_Manager::SELECT, 'options' => [ - 'normal' => __('Left To Right', 'plugin-domain'), - 'reverse' => __('Right To Left', 'plugin-domain'), - 'none' => __('Disabled', 'plugin-domain'), + 'normal' => __('Left To Right', 'essential-addons-elementor'), + 'reverse' => __('Right To Left', 'essential-addons-elementor'), + 'none' => __('Disabled', 'essential-addons-elementor'), ], 'default' => 'none', 'condition' => [ diff --git a/elements/testimonials/testimonials.php b/elements/testimonials/testimonials.php index b80e54305..3363ef6e0 100755 --- a/elements/testimonials/testimonials.php +++ b/elements/testimonials/testimonials.php @@ -122,7 +122,7 @@ protected function _register_controls() { $this->add_control( 'eael_testimonial_rating_number', [ - 'label' => __( 'Rating Number', 'your-plugin' ), + 'label' => __( 'Rating Number', 'essential-addons-elementor' ), 'type' => Controls_Manager::SELECT, 'default' => 'rating-five', 'options' => [ @@ -178,7 +178,7 @@ protected function _register_controls() { $this->add_control( 'eael_testimonial_style', [ - 'label' => __( 'Select Style', 'your-plugin' ), + 'label' => __( 'Select Style', 'essential-addons-elementor' ), 'type' => Controls_Manager::SELECT, 'default' => 'default-style', 'options' => [ diff --git a/essential_adons_elementor.php b/essential_adons_elementor.php index d8ae37842..a9b862788 100755 --- a/essential_adons_elementor.php +++ b/essential_adons_elementor.php @@ -4,21 +4,29 @@ * Description: The ultimate elements library for Elementor page builder plugin for WordPress. * Plugin URI: https://essential-addons.com/elementor/ * Author: WPDeveloper - * Version: 2.8.6 + * Version: 2.8.7 * Author URI: https://wpdeveloper.net/ * * Text Domain: essential-addons-elementor + * Domain Path: /languages */ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly define( 'ESSENTIAL_ADDONS_EL_URL', plugins_url( '/', __FILE__ ) ); define( 'ESSENTIAL_ADDONS_EL_PATH', plugin_dir_path( __FILE__ ) ); +define( 'ESSENTIAL_ADDONS_EL_ROOT', __FILE__ ); +define( 'ESSENTIAL_ADDONS_VERSION', '2.8.4' ); +define( 'ESSENTIAL_ADDONS_STABLE_VERSION', '2.8.3' ); +define( 'ESSENTIAL_ADDONS_BASENAME', plugin_basename( __FILE__ ) ); require_once ESSENTIAL_ADDONS_EL_PATH.'includes/elementor-helper.php'; require_once ESSENTIAL_ADDONS_EL_PATH.'includes/queries.php'; require_once ESSENTIAL_ADDONS_EL_PATH.'includes/class-plugin-usage-tracker.php'; +require_once ESSENTIAL_ADDONS_EL_PATH.'includes/version-rollback.php'; +require_once ESSENTIAL_ADDONS_EL_PATH.'includes/maintennance.php'; +require_once ESSENTIAL_ADDONS_EL_PATH.'includes/eael-rollback.php'; require_once ESSENTIAL_ADDONS_EL_PATH.'admin/settings.php'; /** @@ -349,10 +357,10 @@ function eael_admin_notice() { global $current_user ; $user_id = $current_user->ID; /* Check that the user hasn't already clicked to ignore the message */ - if ( ! get_user_meta($user_id, 'eael_ignore_notice286') ) { + if ( ! get_user_meta($user_id, 'eael_ignore_notice287') ) { echo '

'; - echo '

'; - printf(__('Essential Addons for Elementor now powering 100,000+ websites. Use the coupon code ACTIVE100K to redeem a 30% discount on Pro. Apply Coupon + echo '

'; + printf(__('Make XMas Much Merrier. Use the coupon code Christmas2018 to redeem a 40% discount on Essential Addons for Elementor Unlimited. Apply Coupon I\'m good with free version'), admin_url( 'admin.php?page=eael-settings&eael_nag_ignore=0' )); echo "

"; } @@ -369,7 +377,7 @@ function eael_nag_ignore() { $user_id = $current_user->ID; /* If user clicks to ignore the notice, add that to their user meta */ if ( isset($_GET['eael_nag_ignore']) && '0' == $_GET['eael_nag_ignore'] ) { - add_user_meta($user_id, 'eael_ignore_notice286', 'true', true); + add_user_meta($user_id, 'eael_ignore_notice287', 'true', true); } } add_action('admin_init', 'eael_nag_ignore'); @@ -426,19 +434,18 @@ function eael_review_notice_message(){
-

-

+