diff --git a/admin/settings.php b/admin/settings.php
index d3028bc31..e43e50d47 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', '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' ];
+ 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' ];
/**
* Will Contain All Components Default Values
@@ -213,8 +213,8 @@ public function eael_admin_settings_page() {
@@ -585,6 +585,13 @@ public function eael_admin_settings_page() {
+
diff --git a/assets/css/essential-addons-elementor.css b/assets/css/essential-addons-elementor.css
index f91aeeedd..98c1cc537 100755
--- a/assets/css/essential-addons-elementor.css
+++ b/assets/css/essential-addons-elementor.css
@@ -1,14 +1,62 @@
/*
- General Styles : Essential Addons for Elementor Lite;
- */
+ ______ _ _ _ _ _
+| ____| | | (_) | | /\ | | | |
+| |__ ___ ___ ___ _ __ | |_ _ __ _| | / \ __| | __| | ___ _ __ ___
+| __| / __/ __|/ _ \ '_ \| __| |/ _` | | / /\ \ / _` |/ _` |/ _ \| '_ \/ __|
+| |____\__ \__ \ __/ | | | |_| | (_| | | / ____ \ (_| | (_| | (_) | | | \__ \
+|______|___/___/\___|_| |_|\__|_|\__,_|_| /_/ \_\__,_|\__,_|\___/|_| |_|___/
+-------------------------------------------------------------------------------------
+
+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
+-------------------------------------------------------*/
+
+/*--------------------------*/
+/* 01. General Styles
+/*--------------------------*/
.clearfix::before,
.clearfix::after {
- content: " ";
- display: table;
- clear: both;
+ content: " ";
+ display: table;
+ clear: both;
}
-/* Common Styles for slider elements */
+
+/*---------------------------------------*/
+/* 02. Common styles for slider elements
+/*---------------------------------------*/
.eael-testimonial-slider.nav-top-left,
.eael-testimonial-slider.nav-top-right,
@@ -20,762 +68,878 @@
.eael-post-carousel.nav-top-right,
.eael-product-carousel.nav-top-left,
.eael-product-carousel.nav-top-right {
- padding-top: 40px;
+ padding-top: 40px;
}
-/**
- * Fancy Text Style
- */
+
+/*--------------------------*/
+/* 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;
+
+.eael-fancy-text-strings,
+.eael-fancy-text-prefix,
+.eael-fancy-text-suffix {
+ display: inline-block;
}
+
.morphext>.animated {
- display: inline-block;
+ 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;
+ -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;
- }
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
+
@-webkit-keyframes blink_cursor {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
+ 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 */
+
+
+/*--- 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;
}
-/**
- * Creative Button styles
- */
+
+/*-----------------------------*/
+/* 04. Creative Button styles
+/*-----------------------------*/
+
.eael-creative-button-align-center {
- text-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;
- -moz-osx-font-smoothing: grayscale;
- }
+ 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;
+ outline: none;
}
+
.eael-creative-button>span {
- vertical-align: middle;
+ vertical-align: middle;
}
+
.eael-creative-button {
- border-radius: 2px;
- padding: 20px 30px;
- font-size: 16px;
- line-height: 1;
+ border-radius: 2px;
+ padding: 20px 30px;
+ font-size: 16px;
+ line-height: 1;
}
-/* Individual eael-creative-button styles */
-/* Winona */
+
+
+/*--- 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;
+ 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);
+ 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;
+ 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);
+ 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);
+ 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);
+ opacity: 0;
+ -webkit-transform: translate3d(0, -25%, 0);
+ transform: translate3d(0, -25%, 0);
}
-/* Ujarak */
+
+
+/*--- 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;
+ 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;
+ 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);
+ -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);
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
}
-/* Wayra */
+
+
+/*--- 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;
+ 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;
+ 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);
+ 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 */
+
+/*--- 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: 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;
+ 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);
+ 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);
+ -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);
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
}
-/* Rayen */
+
+
+/*--- 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;
+ 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);
+ 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);
+ -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);
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
}
-/**
- * Countdown Styles
- */
+/*---------------------------------*/
+/* 05. Countdown Styles
+/*---------------------------------*/
+
+
+/*--- General ---*/
-/* 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;
+
+.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;
+ 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;
+
+
+/*--- Style 1 ---*/
+
+.eael-countdown-items.style-1 .eael-countdown-item>div {
+ background: #262625;
}
-/* Post Timeline Styles */
+
+
+/*----------------------------*/
+/* 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, .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;
+ 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);
+ 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;
+ 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;
+ 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%;
+ 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;
+ -moz-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, .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;
+ 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;
+ 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 */
+
+
+/*--- 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;
+ 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;
- }
+ .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;
- }
+ .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;
+ }
}
-/* Team Members Styles */
+
+/*----------------------------*/
+/* 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;
+ border-radius: 50%;
+ height: auto;
}
+
.eael-team-image>figure {
- margin: 0;
- padding: 0;
+ margin: 0;
+ padding: 0;
}
+
.eael-team-image>figure img {
- display: block;
- margin: 0 auto;
+ 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;
+ 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,
.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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ outline: none;
}
-/* Testimonials Styles */
-
+/*----------------------------*/
+/* 08. Testimonials Styles
+/*----------------------------*/
.eael-testimonial-slider {
position: relative;
}
@@ -808,7 +972,7 @@
}
.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(2) i,
.rating-three .testimonial-star-rating li:nth-child(3) i {
color: #f2b01e;
}
@@ -820,6 +984,7 @@
color: #f2b01e;
}
+
/*--- Default styles ---*/
.eael-testimonial-image img {
max-width: 100%;
@@ -829,7 +994,7 @@
padding: 10px 0px 0px 0px;
}
-.eael-testimonial-image > figure {
+.eael-testimonial-image>figure {
display: block;
margin: 0;
}
@@ -844,7 +1009,7 @@
padding: 10px;
}
-.eael-testimonial-item > figure {
+.eael-testimonial-item>figure {
margin: 0 auto;
padding: 0 20px;
}
@@ -865,7 +1030,6 @@
text-align: justify;
}
-/*--- Default Style ---*/
.eael-testimonial-content .eael-testimonial-text {
font-size: 100%;
font-style: italic;
@@ -898,7 +1062,7 @@
margin-top: 1px;
}
-.eael-testimonial-image {
+.eael-testimonial-image {
position: relative;
}
@@ -937,23 +1101,30 @@
.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.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.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.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 {
+.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;
@@ -980,23 +1151,26 @@
margin-top: 0;
}
+
/*--- Center align ---*/
.eael-testimonial-align-centered .eael-testimonial-user,
-.eael-testimonial-align-centered .eael-testimonial-user-company {
+.eael-testimonial-align-centered .eael-testimonial-user-company {
float: none;
text-align: center;
}
-.eael-testimonial-align-centered .eael-testimonial-image > figure img {
+.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;
@@ -1036,22 +1210,34 @@
text-align: right;
}
-.classic-style.testimonial-alignment-center .eael-testimonial-image > figure,
-.default-style.testimonial-alignment-center .eael-testimonial-image > figure{
+.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-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-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-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-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-left .eael-testimonial-content {
+ text-align: left;
+}
-.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-right .eael-testimonial-content { text-align: right; }
+.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-right .eael-testimonial-content {
+ text-align: right;
+}
span.eael-testimonial-quote {
position: absolute;
@@ -1059,10 +1245,19 @@ span.eael-testimonial-quote {
top: 10px;
}
-/*--- Image aligned ---*/
-.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; }
+/*--- 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 {
@@ -1091,283 +1286,338 @@ span.eael-testimonial-quote {
/*--- 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; }
-.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-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; }
+.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;
+}
-/* Product Styles */
+/*-------------------------*/
+/* 09. Product Styles
+/* ------------------------*/
.eael-product-carousel .woocommerce li.product {
- background-color: #fff;
- border-radius: 0;
- box-shadow: none;
+ background-color: #fff;
+ border-radius: 0;
+ 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;
+ 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 */
+
+/*--- 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;
+ 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;
+ 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;
+ 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);
+ 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;
+ 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;
+ 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;
+ left: -95px;
+ top: -45px;
}
+
.eael-product-carousel .woocommerce ul.products {
- margin: 0 0 30px;
+ margin: 0 0 30px;
}
-/* Product Reveal Styles */
+
+/*--- 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;
+ 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 Overlay Styles */
+/*--- 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);
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
}
-* Contact forms common */
+
+/*--------------------------------*/
+/* 10. Contact forms common
+/*--------------------------------*/
.eael-contact-form input[type=text],
.eael-contact-form input[type=email],
@@ -1376,280 +1626,351 @@ 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;
+ 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;
+ 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%;
+ border-radius: 50%;
}
-/* 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-custom-radio-checkbox input[type=radio]:before {
+ border-radius: 50%;
}
-.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;
+/*--------------------------------*/
+/* 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-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.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-7 .wpcf7-form::before, .eael-contact-form-7 .wpcf7-form::after {
- content: " ";
- clear: both;
- display: table;
+.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;
+ 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%;
}
-/* weForm Styles */
+
+/*----------------------*/
+/* 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"],
.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%;
+ max-width: 100%;
}
-/* Ninja Form Styles */
-.eael-ninja-container input, .eael-ninja-container textarea {
- height: auto;
- padding: 10px;
+
+/*----------------------*/
+/* 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-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-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-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-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;
+ 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;
+ border-radius: 0;
}
.eael-ninja-form-button-full-width .submit-container input[type=button] {
- width: 100%;
+ width: 100%;
}
-/**
- * Gravity Form
- */
+
+/*----------------------*/
+/* 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;
+
+.gform_wrapper form li,
+.gform_wrapper li {
+ 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;
+
+.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;
+ 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%;
}
-
-
/*-----------------------------*/
-/* 20. Post Grid Style
+/* 15. Post Grid Style
/*-----------------------------*/
+
.eael-post-grid {
- margin: 0 -10px;
+ margin: 0 -10px;
}
.eael-grid-post {
@@ -1663,7 +1984,7 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
}
.eael-grid-post-holder {
- border: 1px solid rgba(0,0,0,.1);
+ border: 1px solid rgba(0, 0, 0, .1);
}
.eael-grid-post-holder-inner {
@@ -1681,12 +2002,12 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
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);
+ -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 {
+.eael-entry-overlay>a {
position: absolute;
top: 0;
left: 0;
@@ -1706,8 +2027,8 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
vertical-align: middle;
}
-.eael-entry-thumbnail > img {
- height: 100%;
+.eael-entry-thumbnail>img {
+ height: 100%;
}
.eael-entry-footer .eael-author-avatar {
@@ -1718,21 +2039,21 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
border-radius: 50%;
}
-.eael-post-grid .eael-entry-footer .eael-entry-meta {
+.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;
+ display: flex;
+ flex-direction: row;
}
-.eael-grid-post .eael-entry-footer .eael-entry-meta{
+.eael-grid-post .eael-entry-footer .eael-entry-meta {
flex-direction: column;
}
-.eael-entry-meta > div {
+.eael-entry-meta>div {
font-size: 12px;
line-height: 1.2;
padding-bottom: 5px;
@@ -1743,11 +2064,12 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
font-size: 14px;
}
-.eael-entry-meta .eael-entry-footer .eael-posted-by {
+.eael-entry-meta .eael-entry-footer .eael-posted-by {
display: block;
}
-.eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer {
+.eael-grid-post .eael-entry-wrapper,
+.eael-grid-post .eael-entry-footer {
padding: 15px;
}
@@ -1765,7 +2087,7 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
}
.eael-load-more-button-wrap {
- display: flex;
+ display: flex;
}
.eael-load-more-button {
@@ -1775,9 +2097,9 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
}
.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 {
@@ -1787,11 +2109,11 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
transition: all .2s;
}
-.eael-load-more-button > span {
+.eael-load-more-button>span {
margin-left: -20px;
}
-.eael-load-more-button.button--loading > span {
+.eael-load-more-button.button--loading>span {
margin-left: 0;
}
@@ -1799,7 +2121,8 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
left: 0;
}
-.eael-btn-loader, .eael-btn-loader:after {
+.eael-btn-loader,
+.eael-btn-loader:after {
border-radius: 50%;
width: 20px;
height: 20px;
@@ -1826,7 +2149,9 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
}
}
-/*-------------- Post Grid Thumbnail Hover Effects ------------ */
+
+/*--- Post Grid Thumbnail Hover Effects ---*/
+
.eael-entry-medianone {
position: relative;
}
@@ -1837,28 +2162,28 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
justify-content: center;
}
-.eael-entry-overlay > i {
+.eael-entry-overlay>i {
color: #fff;
}
-/* fade in */
+/*--- fade in ---*/
.eael-entry-overlay.fade-in {
- visibility: hidden;
- opacity: 0;
- transition: 300ms;
+ visibility: hidden;
+ opacity: 0;
+ 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 {
+.eael-entry-medianone:hover .eael-entry-overlay.fade-in>i {
transform: translate(0);
opacity: 1;
}
-/* zoom in */
+/*--- zoom in --- */
.eael-entry-overlay.zoom-in {
transform: scale(.9);
visibility: hidden;
@@ -1867,12 +2192,12 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
}
.eael-entry-medianone:hover .eael-entry-overlay.zoom-in {
- visibility: visible;
+ visibility: visible;
opacity: 1;
transform: scale(1);
}
-/* slide up */
+/*--- slide up ---*/
.eael-entry-overlay.slide-up {
transform: translateY(100%);
visibility: hidden;
@@ -1882,7 +2207,7 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
.eael-entry-medianone:hover .eael-entry-overlay.slide-up {
transform: translateY(0);
- visibility: visible;
+ visibility: visible;
opacity: 1;
}
@@ -1890,37 +2215,79 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
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);
+}
-/*---------------- 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-animate-down:hover .eael-entry-overlay>i {
+ transform: translateY(0);
+}
-.eael-entry-media.grid-hover-style-none .eael-entry-overlay {display: none;}
+.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay {
+ transform: translateY(100%);
+ visibility: hidden;
+ opacity: 0;
+}
-.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-up .eael-entry-overlay>i {
+ transform: translateY(100px);
+ transition-delay: 100ms;
+ transition-duration: 300ms;
+}
-.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:hover .eael-entry-overlay {
+ transform: translate(0);
+ visibility: visible;
+ opacity: 1;
+}
-.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); }
+.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay>i {
+ transform: translateY(0);
+}
/*-----------------------------*/
-/* 21. Post Grid Column
+/* 16. Post Grid Column
/*-----------------------------*/
.eael-col-1 .eael-post-grid-column {
float: none;
width: 100%;
}
-.eael-col-2 .eael-post-grid-column{
+.eael-col-2 .eael-post-grid-column {
float: left;
width: 50%;
}
@@ -1948,283 +2315,316 @@ opacity: 1; }
/*--- 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 {
+ .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 {
+ .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 {
+ .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: flex;
}
-.eael-entry-footer > div {
- display: inline-block;
- float: left;
+.eael-entry-footer>div {
+ display: inline-block;
+ float: left;
}
-/**
- * Infobox Style
- */
+/* ------------------------ */
+/* 17. Infobox Style
+/* ------------------------ */
-/* Image/Icon On Top */
+/*--- 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;
+ transition: .3s;
}
+
.eael-infobox .infobox-icon .infobox-icon-wrap i {
- transition: .3s;
+ transition: .3s;
}
-/* For Content Alignment */
+
+/*--- 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 */
+
+
+/*--- 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;
+ 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;
+ border-radius: 15px;
}
.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap {
- display: flex;
- align-items: center;
- justify-content: center;
+ 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%;
+ 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%;
+ transform: translateY(-50%);
}
-/* Infobox Button */
+/*--- 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 */
+/*--- 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: 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;
+ 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;
+ display: flex;
+ justify-content: flex-end;
}
-/* Image/Icon On Left */
+
+
+/*--- Image/Icon On Left ---*/
.eael-infobox.icon-on-left {
- position: relative;
- z-index: 0;
- display: flex;
+ 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;
+ 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;
+ background: none;
+ border: 0px;
+ text-align: left;
+ height: auto;
+ display: block;
}
-.eael-infobox .infobox-content p { margin: 0 0 15px; }
+.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%);
+ margin-top: 0px;
+ transform: translateY(0%);
}
+
.eael-infobox.icon-on-left .infobox-content {
- padding-left: 15px;
- flex: 1 1 auto;
+ padding-left: 15px;
+ 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 */
+
+
+/*--- 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: 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;
+ 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;
+ 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;
+ flex: 1 1 auto;
+ 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 */
+
+/*--- 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;
+ 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%;
+ 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;
+ border-radius: 15px;
}
/*---------------------------*/
-/* 26. Flipbox Style
+/* 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;
+ -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;
+ 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 {
@@ -2232,16 +2632,16 @@ opacity: 1; }
}
.eael-elements-flip-box-front-container {
- text-align:center;
- position:absolute;
- top:0px;
- left:0px;
+ text-align: center;
+ position: absolute;
+ top: 0px;
+ left: 0px;
z-index: 2;
- width:100%;
- height:100%;
- background:#0e9dd2;
- color:#ffffff;
- border-color:#000000;
+ width: 100%;
+ height: 100%;
+ background: #0e9dd2;
+ color: #ffffff;
+ border-color: #000000;
-webkit-display: flex;
display: flex;
-webkit-align-items: center;
@@ -2250,58 +2650,60 @@ opacity: 1; }
.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;
+ 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;
+ 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;
@@ -2309,7 +2711,7 @@ opacity: 1; }
.eael-elements-flip-box-front-container,
.eael-elements-flip-box-rear-container {
- transition-duration:500ms;
+ transition-duration: 500ms;
transition-property: all;
transition-timing-function: ease;
}
@@ -2330,6 +2732,7 @@ opacity: 1; }
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 {
@@ -2351,102 +2754,101 @@ opacity: 1; }
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;
+ opacity: 0;
transform: scale(0.75);
- z-index:3;
+ z-index: 3;
}
.eael-animate-zoom-in.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
- opacity:1;
+ 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;
+ opacity: 0;
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;
@@ -2462,811 +2864,903 @@ opacity: 1; }
.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;
+ border-radius: 50%;
+ overflow: hidden;
}
-/**
- * Call To Action
- */
-
+/*--------------------------*/
+/* 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;
+ 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 */
+/*--- 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: flex;
+ justify-content: space-between;
+ align-items: flex-start;
}
-/* Cta Icon Flex */
+/*--- Cta Icon Flex ---*/
.eael-call-to-action.cta-icon-flex .icon {
- flex-grow: 1;
- font-size: 80px;
- text-align: left;
- line-height: 130px;
+ 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%;
+ 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;
+ flex-grow: 1;
+ padding: 0px 30px;
}
-/* Cta Flex */
+/*--- Cta Flex ---*/
.eael-call-to-action.cta-flex .content {
- padding: 0px 15px;
- flex-grow: 1;
+ 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%;
+ flex-grow: 1;
+ text-align: right;
+ padding-top: 25px;
+ flex-basis: 23%;
}
-/* Cta Button */
+/*--- 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;
+ -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;
+ margin-right: 0px;
}
+
.eael-call-to-action .cta-button:focus {
- outline: none;
+ outline: none;
}
-/* Hover */
+
+/*--- 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 */
+
+/*--- 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;
+ -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);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
}
-/* Cta Button effect 2 */
+/*--- 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;
+ -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);
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
}
-/* Media Queries */
+/*--- 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 {
+ 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;
- }
+ .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;
+ }
}
-/**
- * Dual Color Heading
- */
+
+/* -------------------------------- */
+/* 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 */
+/*--- 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;
}
-/**
- * Pricing Table
- */
+
+/* -------------------------------- */
+/* 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: 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;
+ 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;
+ 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 */
+/*--- 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, .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);
+ -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, .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, .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, .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 */
-
+/*--- 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;
+ 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);
+ -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%;
- /*border: 2px solid #00c853;*/
- margin-bottom: 30px;
- text-align: center;
- -webkit-transition: .5s;
- transition: .5s;
- overflow: hidden;
+.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;
+ 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;
- /*border: 2px solid #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, .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, .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, .04);
}
+
.eael-pricing.style-2 .eael-pricing-item .body ul li:last-child {
- border: none;
+ border: none;
}
-/* Media Query */
+
+/*--- 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;
- }
+ .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;
- }
+ .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 */
+/*--- 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,
.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;
+ 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;
+ 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%);
+ 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%);
+ 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%);
+ 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%;
+ margin: 0;
+ width: 100%;
}
-/* Button Alignment */
+/*--- 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;
+ 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 */
+/*--- 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: 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;
+ font-family: 'Roboto', sans-serif;
+ font-size: 24px;
+ line-height: 40px;
+ margin: 0px;
}
-/* ---- Pricing Table Tooltip ----*/
+/*--- Pricing Table Tooltip ---*/
div.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow {
position: absolute;
top: 50%;
@@ -3290,970 +3784,1157 @@ div.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
bottom: auto;
}
-/**
- * Caldera Contact Form Styler
- */
+
+/* ----------------------------------------- */
+/* 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%;
}
-/**
- * WPForms
- */
+
+/* ------------------- */
+/* 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%;
}
-/**
- * Social Feeds
- */
+
+/* ------------------------ */
+/* 24. Social Feeds
+/* ------------------------ */
.swiper-container-wrap .swiper-slide .eael-social-feed-element img {
- width: 100%;
+ width: 100%;
}
-/* Twitter Feed Styles */
+
+/*--- Twitter Feed Styles ---*/
.eael-social-feed-element.hidden {
- background-color:red !important;
+ 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-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;
+ 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 */
+/*--- 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 */
+/*--- 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;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 5;
+ -webkit-box-orient: vertical;
}
-/* Message styles */
+/*--- 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;
+
+.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 .media-body div {
+ 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;
+ 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;
+ 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;
+ 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;
+
+/*--- Icon Color ---*/
+.media-body .fa-twitter {
+ color: #1da1f2;
+ margin-right: 8px;
}
+
.media-body .fa-facebook {
- color: #3b5998;
- margin-right: 8px;
+ color: #3b5998;
+ margin-right: 8px;
}
-/* Read More Link */
+
+/*--- Read More Link ---*/
.text-wrapper p .read-more-link {
- margin-top: 9px;
- display: block;
+ margin-top: 9px;
+ display: block;
}
-/* Loading Loader */
+/*--- 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;
- /*background: #fff;*/
- 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: 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;
+ 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 */
+
+
+/*--- 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% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
}
-/*====================================================*/
-/* List View */
+/*--- 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 */
+
+/*--- Carousel View ---*/
.eael-social-feed-container.carousel-view {
- width: 100%;
- height: auto;
+ width: 100%;
+ height: auto;
}
-/* Masonry View */
+/*--- 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 */
+/*--- Editor Related Style ---*/
.eael-social-feed-avatar-circle .eael-social-feed-element .media-object {
- border-radius: 50%;
+ border-radius: 50%;
}
+
.eael-social-feed-avatar-square .eael-social-feed-element .media-object {
- 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;
-}
-
-/* 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;
- }
+.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 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;
- }
+/*--- 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;
+ }
}
-/**
- * Data Table
- */
-/* General Style */
+/* ------------------------ */
+/* 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: flex;
+ flex-flow: row wrap;
+ justify-content: flex-start;
+ width: 100%;
}
+
.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%;
+ flex-grow: 1;
+ flex-basis: 50%;
}
+
.eael-data-table-wrap .eael-data-tables_filter,
.eael-data-table-wrap .eael-data-tables_paginate {
- text-align: right;
+ text-align: right;
}
+
.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_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;
+ transition: all .3s;
}
+
.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.previous {}
-.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.next {}
+
.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;
+ font-weight: 700;
}
+
.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;
+ height: 40px;
+ border: 1px solid rgba( 0, 0, 0, 0.09);
+ outline: 0;
+ padding: 10px;
+ margin-left: 10px;
}
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;
+ display: 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;
+ 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;
- transform: translateY(-50%);
+ position: absolute;
+ top: 50%;
+ right: 10px;
+ font-family: 'FontAwesome';
+ color: #fff;
+ z-index: 1;
+ transform: translateY(-50%);
}
+
table.eael-data-table thead .sorting:after {
- content: "\f0dc";
+ content: "\f0dc";
}
+
table.eael-data-table thead .headerSortDown:after {
- content: "\f0dd";
+ content: "\f0dd";
}
+
table.eael-data-table thead .headerSortUp:after {
- content: "\f0de";
+ content: "\f0de";
}
+
.data-header-icon {
- margin-right: 10px;
+ margin-right: 10px;
}
-/* Table style */
+
+/*--- Table style ---*/
.eael-data-table {
- width: 100%;
- height: auto;
- border-collapse: separate;
- margin: 0px;
+ width: 100%;
+ height: auto;
+ border-collapse: separate;
+ margin: 0px;
}
-.eael-data-table thead {}
+
.eael-data-table thead tr {
- text-align: left;
+ text-align: left;
}
+
.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 );
+ 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 thead tr th:last-child {
- border: 0px;
+ border: 0px;
}
-.eael-data-table tbody {}
-.eael-data-table tbody tr {
-}
.eael-data-table tbody tr.even {
- transition: background 0.4s ease-in-out;
+ transition: background 0.4s ease-in-out;
}
+
.eael-data-table tbody tr.odd {
- background: rgba( 242,242,242,0.5 );
- transition: background 0.2s ease-in-out;
+ background: rgba( 242, 242, 242, 0.5);
+ transition: background 0.2s ease-in-out;
}
+
.eael-data-table tbody tr.even:hover,
.eael-data-table tbody tr.odd:hover {
- background: rgba( 242,242,242,0.7 );
+ background: rgba( 242, 242, 242, 0.7);
}
+
.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 );
+ border-bottom: 1px solid rgba( 0, 0, 0, 0.09);
}
+
.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 );
+ padding: 20px 15px;
+ font-size: 14px;
+ font-family: 'Montserrat', sans-serif;
+ line-height: 1;
+ border-right: 1px solid rgba( 0, 0, 0, 0.06);
}
+
.eael-data-table tbody tr td:last-child {
- border-right: 0px;
+ border-right: 0px;
}
table.eael-data-table thead .sorting_disabled.sorting:after {
- display: none;
+ 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 */
+/*--- 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;
+ 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;
+ text-align: right;
+ padding-right: 30px;
}
+
.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;
+ text-align: center;
}
+
.eael-data-table-th-img {
- display: inline-block;
- margin: 0px 15px 0px 0px;
- line-height: 1;
+ display: inline-block;
+ margin: 0px 15px 0px 0px;
+ line-height: 1;
}
.th-mobile-screen {
- display: none;
+ 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;
- }
- .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-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;
+ }
}
-/**
- * Magnific Popup
- */
-/* Magnific Popup CSS */
+
+/* ------------------------ */
+/* 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;
+ 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; }
+.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; }
+ cursor: pointer;
+ cursor: -webkit-zoom-in;
+ cursor: -moz-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;
+ 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; }
- .mfp-preloader a {
- color: #CCC; }
- .mfp-preloader a:hover {
- color: #FFF; }
+ 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; }
+ 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;
+ box-shadow: none;
+ 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; }
- .mfp-close:hover,
- .mfp-close:focus {
- opacity: 1; }
- .mfp-close:active {
- top: 1px; }
+ 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; }
+ 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; }
- .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; }
+ 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-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:active {
+ margin-top: -54px;
+}
-.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-arrow:hover,
+.mfp-arrow:focus {
+ opacity: 1;
+}
-.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-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-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; }
+.mfp-arrow:after {
+ border-top-width: 13px;
+ border-bottom-width: 13px;
+ top: 8px;
+}
-/* 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-arrow:before {
+ border-top-width: 21px;
+ border-bottom-width: 21px;
+ opacity: 0.7;
+}
-.mfp-bottom-bar {
- margin-top: -36px;
- position: absolute;
- top: 100%;
- left: 0;
- width: 100%;
- cursor: auto; }
+.mfp-arrow-left {
+ left: 0;
+}
-.mfp-title {
- text-align: left;
- line-height: 18px;
- color: #F3F3F3;
- word-wrap: break-word;
- padding-right: 36px; }
+.mfp-arrow-left:after {
+ border-right: 17px solid #FFF;
+ margin-left: 31px;
+}
-.mfp-image-holder .mfp-content {
- max-width: 100%; }
+.mfp-arrow-left:before {
+ margin-left: 25px;
+ border-right: 27px solid #3F3F3F;
+}
-.mfp-gallery .mfp-image-holder .mfp-figure {
- cursor: pointer; }
-
-@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; } }
+.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; }
+ .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;
+ }
}
+
/*------------------------------*/
-/* Filterable Gallery
+/* 27. Filterable Gallery
/*------------------------------*/
.eael-filter-gallery-control {
width: 100%;
}
-.eael-filter-gallery-control ul, .eael-filter-gallery-control ul li {
+.eael-filter-gallery-control ul,
+.eael-filter-gallery-control ul li {
text-align: center;
}
@@ -4337,9 +5018,18 @@ img.mfp-img {
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 {
+.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-zoom-in {
transform: scale(0);
}
@@ -4425,7 +5115,9 @@ img.mfp-img {
outline: 0;
}
+
/*--- Filter Gallery Card Style ---*/
+
.eael-filter-gallery-container.eael-cards .item:before {
padding-top: 0px;
}
@@ -4460,18 +5152,22 @@ img.mfp-img {
.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{
+
+.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{
+.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{
+
+.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;
}
@@ -4484,28 +5180,29 @@ img.mfp-img {
text-align: right;
}
+
/*--- Magnific Gallery Fix ---*/
-.mfp-wrap ~ div.dialog-widget {
+
+.mfp-wrap~div.dialog-widget {
display: none!important;
}
-/* -------------- New Gallery CSS -------------- */
.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%;
}
-.eael-filter-gallery-control > ul li {
- font-size: 13px;
- line-height: 1.8;
- text-transform: uppercase;
- letter-spacing: 1px;
- padding: 6px 15px;
- cursor: pointer;
+.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;
}
@@ -4542,77 +5239,82 @@ img.mfp-img {
}
.gallery-item-caption-wrap.caption-style-hoverer {
- position: absolute;
- left: 0;
- top: 0;
- height: 100%;
- width: 100%;
+ 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 {
+.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{
+
+/*--- Gallery content css ---*/
+
+.fg-item-title,
+.fg-item-content {
color: #ffffff;
font-family: inherit;
}
-/* --------------------- Gallery Card Style CSS ------------------------------ */
+
+/*--- 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 {
+.gallery-item-buttons>a:visited {
color: #000;
}
.gallery-item-caption-wrap.caption-style-card {
- padding: 10px;
+ padding: 10px;
box-sizing: border-box;
font-family: inherit;
}
-/* ------------------------- Gallery item hover style ------------------------ */
+
+/*--- 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 {
@@ -4629,23 +5331,23 @@ img.mfp-img {
}
.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;
+ transform: translateY(20px);
+ 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;
+ transform: translateY(40px);
+ transition: 0.6s all ease;
}
.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons {
@@ -4655,8 +5357,10 @@ img.mfp-img {
.gallery-item-caption-wrap .gallery-item-buttons > a {
padding: 5px 15px;
- display: inline-block;
- border-radius: 50%;
+ display: inline-block;
+ border-radius: 50%;
+ outline: none;
+ text-decoration: none;
}
.gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in {
@@ -4680,19 +5384,21 @@ img.mfp-img {
transition: none;
}
-/* ---------- Video Gallery -------------- */
+/*--- 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%;
+
+.video-popup,
+.video-popup-bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 100%;
+ width: 100%;
}
-.video-popup > img {
+.video-popup>img {
width: 62px;
position: relative;
z-index: 1;
@@ -4700,12 +5406,12 @@ img.mfp-img {
}
.video-popup {
- display: flex;
- align-items: center;
- justify-content: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-.video-popup:hover > img {
+.video-popup:hover>img {
transform: scale(1.1);
}
@@ -4720,784 +5426,1072 @@ img.mfp-img {
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;
+.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;
+ visibility: hidden;
opacity: 0;
transition: 800ms;
}
.gallery-item-thumbnail-wrap:hover .gallery-item-caption-wrap.card-hover-bg {
- visibility: visible;
- opacity: 1;
+ visibility: visible;
+ opacity: 1;
}
-.gallery-item-caption-wrap .gallery-item-buttons > a > i {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 100%;
+.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;
- }
- }
-
-
-
-
-/**
- * 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;
- }
-
-/**
- * Content Ticker
- */
- .eael-ticker-wrap {
- overflow: hidden;
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- width: 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;
+ }
+}
+
+
+/*----------------------------*/
+/* 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;
+}
+
+/*----------------------------*/
+/* 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;
+ flex: 0 0 auto;
+ padding: 8px 12px;
}
+
.eael-ticker-wrap .eael-ticker {
- overflow: hidden;
- flex: 1 1 auto;
+ overflow: hidden;
+ flex: 1 1 auto;
}
-.eael-ticker-wrap .eael-ticker .ticker-content{
- padding: 8px 12px;
+
+.eael-ticker-wrap .eael-ticker .ticker-content {
+ padding: 8px 12px;
}
+
.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;
+ .eael-ticker-wrap {
+ flex-flow: row wrap;
+ }
+ .content-ticker-pagination {
+ display: none;
+ }
+}
+
+/*----------------------------*/
+/* 30. Advance Tabs
+/*----------------------------*/
+.eael-advance-tabs {
+ display: block;
}
-.content-ticker-pagination {
- display: none;
+
+.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;
}
-/**
- * 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: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 .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%;
+ }
+}
+
+
+/*------------------------------*/
+/* 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;
+ }
+}
+
+
+/*------------------------------*/
+/* 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-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-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-advance-tabs .eael-tabs-nav > ul li.active:after,
-.eael-advance-tabs .eael-tabs-nav > ul li.active-default:after {
- display: block;
+.eael-tooltip .eael-tooltip-text::after {
+ content: "";
+ position: absolute;
+ border-width: 5px;
+ border-style: solid;
}
-.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-tooltip:hover .eael-tooltip-text {
+ visibility: visible;
}
-.eael-tab-top-icon li a {
- display: flex;
- flex-wrap: wrap;
- text-align: center;
+
+/*--- Left ---*/
+.eael-tooltip .eael-tooltip-text.eael-tooltip-left {
+ top: 50%;
+ right: 100%;
+ transform: translateY(-50%);
+ margin-right: 10px;
}
-.eael-tab-top-icon li a .fa,
-.eael-tab-top-icon li a .eael-tab-title {
- flex: 1 1 100%;
- line-height: 1;
+
+.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left {
+ animation: tooltipLeftIn 300ms ease-in-out;
}
-.eael-tab-top-icon li a .eael-tab-title {
- margin-top: 10px;
+
+.eael-tooltip .eael-tooltip-text.eael-tooltip-left::after {
+ top: calc(50% - 5px);
+ left: 100%;
+ border-color: transparent transparent transparent black;
}
-/* Vertical Tabs */
+/*--- 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-advance-tabs.eael-tabs-vertical {
- display: flex;
+.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right {
+ animation: tooltipRightIn 300ms linear;
}
-.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav {
- flex: 0 0 auto;
+.eael-tooltip .eael-tooltip-text.eael-tooltip-right::after {
+ top: calc(50% - 5px);
+ right: 100%;
+ border-color: transparent black transparent transparent;
}
-.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul {
- flex-flow: column wrap;
+/*--- Top ---*/
+.eael-tooltip .eael-tooltip-text.eael-tooltip-top {
+ bottom: calc(100%);
+ left: 0;
+ right: 0;
+ margin: 0 auto 10px auto;
}
-.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul > li {
- width: 100%;
- justify-content: start;
+
+.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-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-tooltip:hover .eael-tooltip-text.eael-tooltip-top {
+ animation: tooltipTopIn 300ms linear;
}
-@media only screen and (max-width: 767px) {
-.eael-advance-tabs .eael-tabs-nav > ul {
- flex-wrap: wrap;
+/*--- Bottom ---*/
+.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom {
+ top: 100%;
+ left: 0;
+ right: 0;
+ margin: 10px auto 0px auto;
}
-.eael-advance-tabs .eael-tabs-nav > ul li {
- flex: 1 100%;
+
+.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;
}
-/*------------------------------*/
-/* Advance Accordion
-/*------------------------------*/
-.eael-adv-accordion {
- width: auto;
- height: auto;
- transition: all 0.3s ease-in-out;
+/*--- Alignments ---*/
+.eael-tooltip-align-left {
+ display: flex;
+ width: 100%;
+ justify-content: flex-start;
}
-.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-tooltip-align-right {
+ display: flex;
+ width: 100%;
+ justify-content: flex-end;
}
-.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-tooltip-align-center {
+ display: flex;
+ width: 100%;
+ justify-content: center;
}
-.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;
+.eael-tooltip-align-justify .eael-tooltip {
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
-.fa-accordion-icon {
- display: inline-block;
- margin-right: 10px;
+/*--- Tooltip Keyframes ---*/
+@keyframes tooltipRightIn {
+ 0% {
+ opacity: 0;
+ left: 105%;
+ }
+ 100% {
+ opacity: 1;
+ left: 100%;
+ }
}
-.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;
+@keyframes tooltipLeftIn {
+ 0% {
+ opacity: 0;
+ right: 105%;
+ }
+ 100% {
+ opacity: 1;
+ right: 100%;
+ }
}
-.eael-adv-accordion .eael-accordion-list .eael-accordion-content p {
- margin: 0;
+@keyframes tooltipTopIn {
+ 0% {
+ opacity: 0;
+ bottom: 110%;
+ }
+ 100% {
+ opacity: 1;
+ bottom: 100%;
+ }
}
-.eael-adv-accordion .eael-accordion-list .eael-accordion-content.active {
- display: block;
+@keyframes tooltipBottomIn {
+ 0% {
+ opacity: 0;
+ top: 110%;
+ }
+ 100% {
+ opacity: 1;
+ top: 100%;
+ }
}
-@keyframes rotate-90 {
+
+/*------------------------------*/
+/* 33. Progress Bar
+/*------------------------------*/
+/*Animation*/
+@-webkit-keyframes animateStripe {
0% {
- transform: rotateY(0deg);
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
}
+
100% {
- transform: rotateY(-180deg);
+ -webkit-transform: translate(35px, 0);
+ transform: translate(35px, 0);
}
+
}
-@keyframes fadeIn {
+
+@keyframes animateStripe {
0% {
- opacity: 1;
- transition: all 0.3s ease-in-out;
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
}
+
100% {
- opacity: 1;
- transition: all 0.3s ease-in-out;
+ -webkit-transform: translate(35px, 0);
+ transform: translate(35px, 0);
}
+
}
-/**
- * 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;
+@-webkit-keyframes animateStripeRTL {
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate(-35px, 0);
+ transform: translate(-35px, 0);
+ }
+
}
-.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;
+@keyframes animateStripeRTL {
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate(-35px, 0);
+ transform: translate(-35px, 0);
+ }
+
}
-.eael-tooltip .eael-tooltip-text::after {
- content: "";
- position: absolute;
- border-width: 5px;
- border-style: solid;
+.eael-progressbar {
+ position: relative;
}
-.eael-tooltip:hover .eael-tooltip-text {
- visibility: visible;
+
+.eael-progressbar-title {
+ font-size: 20px;
+ font-weight: 400;
}
-/* Left */
-.eael-tooltip .eael-tooltip-text.eael-tooltip-left {
- top: 50%;
- right: 100%;
- transform: translateY(-50%);
- margin-right: 10px;
+/*Line*/
+.eael-progressbar-line {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 12px;
+ background-color: #eee;
}
-.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left {
- animation: tooltipLeftIn 300ms ease-in-out;
+
+.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-tooltip .eael-tooltip-text.eael-tooltip-left::after {
- top: calc(50% - 5px);
- left: 100%;
- border-color: transparent transparent transparent black;
+
+.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;
}
-/* 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-progressbar-line-animate .eael-progressbar-line-fill:after {
+ -webkit-animation: animateStripe 2s linear infinite;
+ animation: animateStripe 2s linear infinite
}
-.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right {
- animation: tooltipRightIn 300ms linear;
+
+.eael-progressbar-line-animate-rtl .eael-progressbar-line-fill:after {
+ -webkit-animation: animateStripeRTL 2s linear infinite;
+ animation: animateStripeRTL 2s linear infinite
}
-.eael-tooltip .eael-tooltip-text.eael-tooltip-right::after {
- top: calc(50% - 5px);
- right: 100%;
- border-color: transparent black transparent transparent;
+
+.eael-progressbar-line .eael-progressbar-count-wrap {
+ position: absolute;
+ right: 0;
+ bottom: calc(100% + 5px);
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 1;
}
-/* Top */
-.eael-tooltip .eael-tooltip-text.eael-tooltip-top {
- bottom: calc(100%);
- left: 0;
- right: 0;
- margin: 0 auto 10px auto;
+/*Circle*/
+.eael-progressbar-circle {
+ position: relative;
+ width: 200px;
+ height: 200px;
}
-.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-progressbar-circle-shadow {
+ width: 220px;
+ height: 220px;
+ padding: 10px;
+ border-radius: 50%;
}
-.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top {
- animation: tooltipTopIn 300ms linear;
+
+.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%);
}
-/* Bottom */
-.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom {
- top: 100%;
- left: 0;
- right: 0;
- margin: 10px auto 0px auto;
+
+.eael-progressbar-circle-inner {
+ height: 100%;
+ width: 100%;
+ border-width: 12px;
+ border-style: solid;
+ border-color: #eee;
+ border-radius: 50%;
}
-.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-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);
}
-.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom {
- animation: tooltipBottomIn 300ms linear;
+
+.eael-progressbar-circle-half-left {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
}
-/* Alignments */
-.eael-tooltip-align-left {
- display: flex;
- width: 100%;
- justify-content: flex-start;
+
+.eael-progressbar-circle-half-right {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+ visibility: hidden;
}
-.eael-tooltip-align-right {
- display: flex;
- width: 100%;
- justify-content: flex-end;
+
+.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;
}
-.eael-tooltip-align-center {
- display: flex;
- width: 100%;
- justify-content: center;
+
+/*Half Circle*/
+.eael-progressbar-half-circle {
+ position: relative;
+ width: 200px;
+ height: 100px;
+ overflow: hidden;
}
-.eael-tooltip-align-justify .eael-tooltip {
- display: flex;
- justify-content: center;
- align-items: center;
+
+.eael-progressbar-half-circle .eael-progressbar-circle-pie {
+ -webkit-clip-path: inset(0 0 50% 0);
+ clip-path: inset(0 0 50% 0);
}
-/* tooltip Keyframes */
-@keyframes tooltipRightIn {
- 0% {
- opacity: 0;
- left: 105%;
- }
- 100% {
- opacity: 1;
- left: 100%;
- }
+.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;
}
-@keyframes tooltipLeftIn {
- 0% {
- opacity: 0;
- right: 105%;
- }
- 100% {
- opacity: 1;
- right: 100%;
- }
+
+.eael-progressbar-half-circle .eael-progressbar-circle-inner-content {
+ top: initial;
+ bottom: 0;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
}
-@keyframes tooltipTopIn {
- 0% {
- opacity: 0;
- bottom: 110%;
- }
- 100% {
- opacity: 1;
- bottom: 100%;
- }
+
+/*Label*/
+.eael-progressbar-half-circle-after {
+ position: relative;
+ font-size: 12px;
+ font-weight: 400;
+ clear: both;
}
-@keyframes tooltipBottomIn {
- 0% {
- opacity: 0;
- top: 110%;
- }
- 100% {
- opacity: 1;
- top: 100%;
- }
+
+.eael-progressbar-postfix-label {
+ float: right;
}
+/*Title*/
+.eael-progressbar-circle .eael-progressbar-title,
+.eael-progressbar-half-circle .eael-progressbar-title {
+ font-size: 16px;
+ font-weight: 400;
+}
-/*------------------------------*/
-/* Progress Bar
-/*------------------------------*/
-.ldBar{position:relative;}.ldBar.label-center > .ldBar-label{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-shadow:0 0 3px #fff}.ldBar-label:after{content:"%";display:inline}.ldBar.no-percent .ldBar-label:after{content:""}
-.eael-progress-bar-container {
- overflow: hidden;
+.eael-progressbar-circle .eael-progressbar-count-wrap,
+.eael-progressbar-half-circle .eael-progressbar-count-wrap {
+ font-size: 28px;
+ font-weight: 700;
}
-.eael-progress-bar-container .progress-title,
-.eael-progress-bar-container .ldBar-label {
- font-family: "Roboto", Sans-serif;
- font-weight: 600;
-}
-.progress-title h1,
-.progress-title h2,
-.progress-title h3,
-.progress-title h4,
-.progress-title h5,
-.progress-title h6,
-.progress-title p {
- margin: 0;
+
+/*alignment*/
+.eael-progressbar-line-container.left,
+.eael-progressbar-circle-container.left > div {
+ margin: 0 auto 0 0;
}
-.eael-progress-bar-container.center .ldBar{
- margin: 0 auto;
+
+.eael-progressbar-line-container.center,
+.eael-progressbar-circle-container.center > div {
+ margin: 0 auto;
}
-div[data-preset="line"] .ldBar-label,
-div[data-preset="rainbow"] .ldBar-label {
- text-align: right;
- position: absolute;
- top: -20px;
- right: 0;
+
+.eael-progressbar-line-container.right,
+.eael-progressbar-circle-container.right > div {
+ margin: 0 0 0 auto;
}
/*------------------------------*/
-/* Image accordion
+/* 34. Image accordion
/*------------------------------*/
.eael-img-accordion {
display: flex;
@@ -5577,19 +6571,17 @@ div[data-preset="rainbow"] .ldBar-label {
.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/js/eael-scripts.js b/assets/js/eael-scripts.js
index 06ed4c308..75bf1fc8a 100755
--- a/assets/js/eael-scripts.js
+++ b/assets/js/eael-scripts.js
@@ -32,9 +32,9 @@
if( !isEditMode ) {
var $layout_mode = 'fitRows';
- if( $settings.grid_style ) {
- $layout_mode = 'masonry';
- }
+ if( 'masonry' == $settings.grid_style ) {
+ $layout_mode = 'masonry';
+ }
var $isotope_args = {
itemSelector: '.eael-filterable-gallery-item-wrap',
@@ -59,19 +59,18 @@
$isotope_gallery.isotope({ filter: filterValue });
});
- if( $settings.popup == 'media' ) {
- $scope.find('.eael-magnific-link').magnificPopup({
- type: 'image',
- gallery:{
- enabled: $settings.gallery_enabled
- },
- callbacks: {
- close: function() {
- $( '#elementor-lightbox' ).hide();
- }
- }
- });
- }
+ var $gallery_enabled = ($settings.gallery_enabled) == 'yes' ? true : false;
+ $scope.find('.eael-magnific-link').magnificPopup({
+ type: 'image',
+ gallery:{
+ enabled: $gallery_enabled
+ },
+ callbacks: {
+ close: function() {
+ $( '#elementor-lightbox' ).hide();
+ }
+ }
+ });
$scope.find('.eael-magnific-video-link').magnificPopup({
type: 'iframe',
@@ -626,114 +625,7 @@
}
var ProgressBar = function ($scope, $) {
-
- var $progressBar = $scope.find('.eael-progress-bar-container').eq(0),
- $layout = mybe_note_undefined($progressBar, "layout"),
- $id = mybe_note_undefined($progressBar, "id"),
- $number = mybe_note_undefined($progressBar, "number"),
- $class = '.elementor-element-' + $scope.data('id'),
- $line_stroke_color = mybe_note_undefined($progressBar, "line-stroke-color"),
- $line_stroke_width = mybe_note_undefined($progressBar, "line-stroke-width"),
- $line_stroke_trail_color = mybe_note_undefined($progressBar, "line-stroke-trail-color"),
- $line_stroke_trail_width = mybe_note_undefined($progressBar, "line-stroke-trail-width"),
- $line_direction = mybe_note_undefined($progressBar, "line-direction"),
-
- $fan_stroke_color = mybe_note_undefined($progressBar, "fan-stroke-color"),
- $fan_stroke_width = mybe_note_undefined($progressBar, "fan-stroke-width"),
- $fan_stroke_trail_color = mybe_note_undefined($progressBar, "fan-stroke-trail-color"),
- $fan_stroke_trail_width = mybe_note_undefined($progressBar, "fan-stroke-trail-width"),
- $fan_direction = mybe_note_undefined($progressBar, "fan-direction"),
-
- $circle_stroke_color = mybe_note_undefined($progressBar, "circle-stroke-color"),
- $circle_stroke_width = mybe_note_undefined($progressBar, "circle-stroke-width"),
- $circle_stroke_trail_color = mybe_note_undefined($progressBar, "circle-stroke-trail-color"),
- $circle_stroke_trail_width = mybe_note_undefined($progressBar, "circle-stroke-trail-width"),
- $circle_direction = mybe_note_undefined($progressBar, "circle-direction"),
-
- $bubble_circle_color = mybe_note_undefined($progressBar, "bubble-circle-color"),
- $bubble_bg_color = mybe_note_undefined($progressBar, "bubble-bg-color"),
- $bubble_circle_width = mybe_note_undefined($progressBar, "bubble-circle-width"),
- $bubble_direction = mybe_note_undefined($progressBar, "bubble-direction"),
-
- $rainbow_stroke_width = mybe_note_undefined($progressBar, "rainbow-stroke-width"),
- $rainbow_stroke_trail_width = mybe_note_undefined($progressBar, "rainbow-stroke-trail-width"),
- $rainbow_color_one = mybe_note_undefined($progressBar, "rainbow-color-one"),
- $rainbow_color_two = mybe_note_undefined($progressBar, "rainbow-color-two"),
- $rainbow_color_three = mybe_note_undefined($progressBar, "rainbow-color-three"),
- $rainbow_color_four = mybe_note_undefined($progressBar, "rainbow-color-four"),
- $rainbow_color_five = mybe_note_undefined($progressBar, "rainbow-color-five"),
- $rainbow_direction = mybe_note_undefined($progressBar, "rainbow-direction");
-
-
- if('rainbow' == $layout){
- var bar = new ldBar($class + ' .inside-progressbar', {
- "type": 'stroke',
- "path": 'M0 10L100 10',
- "stroke": 'data:ldbar/res,gradient(0,1,'+ $rainbow_color_one +','+ $rainbow_color_two +','+ $rainbow_color_three +','+ $rainbow_color_four +','+ $rainbow_color_five +')',
- "aspect-ratio": 'none',
- "stroke-width": $rainbow_stroke_width,
- "stroke-trail-width": $rainbow_stroke_trail_width,
- "stroke-dir": $rainbow_direction
- }).set($number);
- }
- else if('line' == $layout){
- var bar = new ldBar($class + ' .inside-progressbar', {
- "type": 'stroke',
- "path": 'M0 10L100 10',
- "stroke": $line_stroke_color,
- "stroke-width": $line_stroke_width,
- "stroke-trail": $line_stroke_trail_color,
- "stroke-trail-width": $line_stroke_trail_width,
- "aspect-ratio": 'none',
- "stroke-dir": $line_direction
- }).set($number);
- }
- else if('fan' == $layout){
- var bar = new ldBar($class + ' .inside-progressbar', {
- "type": 'stroke',
- "path": 'M10 90A40 40 0 0 1 90 90',
- "fill-dir": $fan_direction,
- "fill": $fan_stroke_color,
- "fill-background": $fan_stroke_trail_color,
- "fill-background-extrude": $fan_stroke_width,
- "stroke-dir": 'normal',
- "stroke": $fan_stroke_color,
- "stroke-width": $fan_stroke_width,
- "stroke-trail": $fan_stroke_trail_color,
- "stroke-trail-width": $fan_stroke_trail_width
- }).set($number);
- }
- else if('circle' == $layout){
- var bar = new ldBar($class + ' .inside-progressbar', {
- "type": 'stroke',
- "path": 'M50 10A40 40 0 0 1 50 90A40 40 0 0 1 50 10',
- "fill-dir": $circle_direction,
- "fill": $circle_stroke_color,
- "fill-background": $circle_stroke_trail_color,
- "fill-background-extrude": $circle_stroke_width,
- "stroke-dir": 'normal',
- "stroke": $circle_stroke_color,
- "stroke-width": $circle_stroke_width,
- "stroke-trail": $circle_stroke_trail_color,
- "stroke-trail-width": $circle_stroke_trail_width
- }).set($number);
- }
- else if('bubble' == $layout){
- var bar = new ldBar($class + ' .inside-progressbar', {
- "type": 'fill',
- "path": 'M50 10A40 40 0 0 1 50 90A40 40 0 0 1 50 10',
- "fill-dir": $bubble_direction,
- "fill": 'data:ldbar/res,bubble('+ $bubble_bg_color +','+ $bubble_circle_color +')',
- "pattern-size": $bubble_circle_width,
- "fill-background": '#ddd',
- "fill-background-extrude": 2,
- "stroke-dir": 'normal',
- "stroke": '#25b',
- "stroke-width": '3',
- "stroke-trail": '#ddd',
- "stroke-trail-width": 0.5
- }).set($number);
- }
+ jQuery('.eael-progressbar', $scope).eaelProgressBar()
}
$(window).on('elementor/frontend/init', function () {
diff --git a/assets/js/progress-bar.js b/assets/js/progress-bar.js
new file mode 100755
index 000000000..528ed791e
--- /dev/null
+++ b/assets/js/progress-bar.js
@@ -0,0 +1,169 @@
+(function($) {
+ // inView
+ var inviewObjects = [],
+ viewportSize, viewportOffset,
+ d = document,
+ w = window,
+ documentElement = d.documentElement,
+ timer
+
+ $.event.special.inview = {
+ add: function(data) {
+ inviewObjects.push({
+ data: data,
+ $element: $(this),
+ element: this
+ })
+
+ if (!timer && inviewObjects.length) {
+ timer = setInterval(checkInView, 250)
+ }
+ },
+
+ remove: function(data) {
+ for (var i = 0; i < inviewObjects.length; i++) {
+ var inviewObject = inviewObjects[i]
+ if (inviewObject.element === this && inviewObject.data.guid === data.guid) {
+ inviewObjects.splice(i, 1)
+ break
+ }
+ }
+
+ if (!inviewObjects.length) {
+ clearInterval(timer)
+ timer = null
+ }
+ }
+ }
+
+ function getViewportSize() {
+ var mode, domObject, size = {
+ height: w.innerHeight,
+ width: w.innerWidth
+ }
+
+ if (!size.height) {
+ mode = d.compatMode
+ if (mode || !$.support.boxModel) { // IE, Gecko
+ domObject = mode === 'CSS1Compat' ?
+ documentElement : // Standards
+ d.body // Quirks
+ size = {
+ height: domObject.clientHeight,
+ width: domObject.clientWidth
+ }
+ }
+ }
+
+ return size
+ }
+
+ function getViewportOffset() {
+ return {
+ top: w.pageYOffset || documentElement.scrollTop || d.body.scrollTop,
+ left: w.pageXOffset || documentElement.scrollLeft || d.body.scrollLeft
+ }
+ }
+
+ function checkInView() {
+ if (!inviewObjects.length) {
+ return
+ }
+
+ var i = 0,
+ $elements = $.map(inviewObjects, function(inviewObject) {
+ var selector = inviewObject.data.selector,
+ $element = inviewObject.$element
+ return selector ? $element.find(selector) : $element
+ })
+
+ viewportSize = viewportSize || getViewportSize()
+ viewportOffset = viewportOffset || getViewportOffset()
+
+ for (; i < inviewObjects.length; i++) {
+ if (!$.contains(documentElement, $elements[i][0])) {
+ continue
+ }
+
+ var $element = $($elements[i]),
+ elementSize = {
+ height: $element[0].offsetHeight,
+ width: $element[0].offsetWidth
+ },
+ elementOffset = $element.offset(),
+ inView = $element.data('inview')
+
+ if (!viewportOffset || !viewportSize) {
+ return
+ }
+
+ if (elementOffset.top + elementSize.height > viewportOffset.top &&
+ elementOffset.top < viewportOffset.top + viewportSize.height &&
+ elementOffset.left + elementSize.width > viewportOffset.left &&
+ elementOffset.left < viewportOffset.left + viewportSize.width) {
+ if (!inView) {
+ $element.data('inview', true).trigger('inview', [true])
+ }
+ } else if (inView) {
+ $element.data('inview', false).trigger('inview', [false])
+ }
+ }
+ }
+
+ $(w).on("scroll resize scrollstop", function() {
+ viewportSize = viewportOffset = null
+ })
+
+ if (!documentElement.addEventListener && documentElement.attachEvent) {
+ documentElement.attachEvent("onfocusin", function() {
+ viewportOffset = null
+ })
+ }
+
+ // eaelProgressBar
+ $.fn.eaelProgressBar = function() {
+ var $this = $(this)
+ var $layout = $this.data('layout')
+ var $num = $this.data('count')
+ var $duration = $this.data('duration')
+
+ $this.one('inview', function() {
+ if ($layout == 'line') {
+ $('.eael-progressbar-line-fill', $this).css({
+ 'width': $num + '%',
+ })
+ } else if ($layout == 'half_circle') {
+ $('.eael-progressbar-circle-half', $this).css({
+ 'transform': 'rotate(' + ($num * 1.8) + 'deg)',
+ })
+ }
+
+ $('.eael-progressbar-count', $this).prop({
+ 'counter': 0
+ }).animate({
+ counter: $num
+ }, {
+ duration: $duration,
+ easing: 'linear',
+ step: function(counter) {
+ if ($layout == 'circle') {
+ var rotate = (counter * 3.6)
+ $('.eael-progressbar-circle-half-left', $this).css({
+ 'transform': "rotate(" + rotate + "deg)",
+ })
+ if (rotate > 180) {
+ $('.eael-progressbar-circle-pie', $this).css({
+ 'clip-path': 'inset(0)'
+ })
+ $('.eael-progressbar-circle-half-right', $this).css({
+ 'visibility': 'visible'
+ })
+ }
+ }
+
+ $(this).text(Math.ceil(counter))
+ }
+ })
+ })
+ }
+}(jQuery))
\ No newline at end of file
diff --git a/elements/filterable-gallery/filterable-gallery.php b/elements/filterable-gallery/filterable-gallery.php
index eadf567ba..a3c374a71 100755
--- a/elements/filterable-gallery/filterable-gallery.php
+++ b/elements/filterable-gallery/filterable-gallery.php
@@ -265,7 +265,17 @@ protected function _register_controls() {
[
'label' => esc_html__( 'Gallery Items', 'essential-addons-elementor' )
]
- );
+ );
+
+ $this->add_control(
+ 'photo_gallery',
+ [
+ 'label' => __( 'Enable Photo Gallery', 'essential-addons-elementor' ),
+ 'type' => Controls_Manager::SWITCHER,
+ 'default' => 'yes',
+ 'frontend_available' => true,
+ ]
+ );
$this->add_control(
'eael_fg_gallery_items',
@@ -1747,6 +1757,7 @@ public function sorter_class( $string ) {
$sorter_class = strtolower( $string );
$sorter_class = str_replace(' ', '-', $sorter_class);
$sorter_class = str_replace(',-', ' eael-cf-', $sorter_class);
+ $sorter_class = str_replace('.', '-', $sorter_class);
$sorter_class = str_replace(',', ' ', $sorter_class);
return $sorter_class;
}
@@ -1908,20 +1919,29 @@ protected function render_gallery_items( $init_show = 0 ) {
if($settings['eael_fg_grid_hover_style'] !== 'eael-none') {
- $html .= '
';
-
- if( 'hoverer' == $settings['eael_fg_caption_style'] ) {
- $html .= '
';
- }
- $html .= '
';
- $html .= '
-
'.$item['title'].'
-
'.$item['content'].'
- ';
- if( $settings['eael_fg_show_popup'] == 'buttons' && $settings['eael_fg_caption_style'] !== 'card') {
- $html .= ($this->eael_render_fg_buttons($settings, $item));
+ if(isset($item['title']) && ! empty($item['title']) || isset($item['content']) && ! empty($item['content']) ) {
+
+ $html .= '
';
+
+ if( 'hoverer' == $settings['eael_fg_caption_style'] ) {
+ $html .= '
';
+ }
+
+ $html .= '
';
+
+ if( ! empty($item['title']) ) {
+ $html .= '
'.$item['title'].' ';
+ }
+ if( ! empty($item['content']) ) {
+ $html .='
'.$item['content'].'
';
+ }
+
+ if( $settings['eael_fg_show_popup'] == 'buttons' && $settings['eael_fg_caption_style'] !== 'card') {
+ $html .= ($this->eael_render_fg_buttons($settings, $item));
+ }
+ $html .= '
';
+ $html .= '
';
}
- $html .= '
';
}
}
@@ -1949,8 +1969,6 @@ protected function render() {
$filter_duration = 500;
}
- $popup_show = false;
-
$this->add_render_attribute(
'gallery',
[
@@ -1963,7 +1981,7 @@ protected function render() {
'grid_style' => $settings['eael_fg_grid_style'],
'popup' => $settings['eael_fg_show_popup'],
'duration' => $filter_duration,
- 'gallery_enabled' => $popup_show
+ 'gallery_enabled' => $settings['photo_gallery']
];
if ( \Elementor\Plugin::$instance->editor->is_edit_mode() ) {
@@ -1994,7 +2012,7 @@ protected function render() {
render_filters(); ?>
get_render_attribute_string('gallery-items-wrap'); ?>>
render_gallery_items() ) ) {
@@ -2033,7 +2051,7 @@ protected function render_editor_script() { ?>
var $layout_mode = 'fitRows';
- if( $settings.grid_style == 'masonry' ) {
+ if( 'masonry' == $settings.grid_style ) {
$layout_mode = 'masonry';
}
@@ -2061,6 +2079,28 @@ protected function render_editor_script() { ?>
$isotope_gallery.isotope({ filter: filterValue });
});
+ var $gallery_enabled = ($settings.gallery_enabled) == 'yes' ? true : false;
+ $scope.find('.eael-magnific-link').magnificPopup({
+ type: 'image',
+ gallery:{
+ enabled: $gallery_enabled
+ },
+ callbacks: {
+ close: function() {
+ $( '#elementor-lightbox' ).hide();
+ }
+ }
+ });
+
+ $scope.find('.eael-magnific-video-link').magnificPopup({
+ type: 'iframe',
+ callbacks: {
+ close: function() {
+ $( '#elementor-lightbox' ).hide();
+ }
+ }
+ });
+
});
});
diff --git a/elements/progress-bar/progress-bar.php b/elements/progress-bar/progress-bar.php
index 5bb277128..27a69857c 100644
--- a/elements/progress-bar/progress-bar.php
+++ b/elements/progress-bar/progress-bar.php
@@ -1,813 +1,281 @@
start_controls_section(
- 'eael_section_progress_bar',
- [
- 'label' => __( 'Progress', 'essential-addons-elementor' ),
- ]
- );
-
- $this->add_control(
- 'progress_bar_show_title',
- [
- 'label' => esc_html__( 'Display Title', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'return_value' => 'yes',
- 'default' => 'yes',
- ]
- );
-
- $this->add_control(
- 'progress_bar_title',
- [
- 'label' => __( 'Title', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'dynamic' => [
- 'active' => true,
- ],
- 'default' => __( 'Progress Bar Title', 'essential-addons-elementor' ),
- 'separator' => 'before',
- ]
- );
-
- $this->add_control(
- 'title_html_tag',
- [
- 'label' => __( 'Title HTML Tag', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'div',
- 'options' => [
- 'h1' => __( 'H1', 'essential-addons-elementor' ),
- 'h2' => __( 'H2', 'essential-addons-elementor' ),
- 'h3' => __( 'H3', 'essential-addons-elementor' ),
- 'h4' => __( 'H4', 'essential-addons-elementor' ),
- 'h5' => __( 'H5', 'essential-addons-elementor' ),
- 'h6' => __( 'H6', 'essential-addons-elementor' ),
- 'div' => __( 'div', 'essential-addons-elementor' ),
- 'span' => __( 'span', 'essential-addons-elementor' ),
- 'p' => __( 'p', 'essential-addons-elementor' ),
- ],
- ]
- );
-
- $this->add_control(
- 'progress_bar_layout',
- [
- 'label' => __( 'Layout', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'line',
- 'options' => [
- 'line' => __( 'Line', 'essential-addons-elementor' ),
- 'fan' => __( 'Fan', 'essential-addons-elementor' ),
- 'circle' => __( 'Circle', 'essential-addons-elementor' ),
- 'bubble' => __( 'Bubble', 'essential-addons-elementor' ),
- 'rainbow' => __( 'Rainbow', 'essential-addons-elementor' )
- ],
- 'separator' => 'before',
- ]
- );
-
- $this->add_control(
- 'progress_bar_show_number',
- [
- 'label' => esc_html__( 'Display Number', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'return_value' => 'yes',
- 'default' => 'yes',
- ]
- );
-
- $this->add_control(
- 'progress_number',
- [
- 'label' => __( 'Number', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'dynamic' => [
- 'active' => true,
- ],
- 'default' => __( '60', 'essential-addons-elementor' ),
- 'separator' => 'before',
- ]
- );
-
- $this->end_controls_section();
-
- /**
- * Content Tab: Settings for line progress bar
- */
-
- $this->start_controls_section(
- 'section_progress_bar_line_settings',
- [
- 'label' => __( 'Line Progress Bar Settings ', 'essential-addons-elementor' ),
- 'condition' => [
- 'progress_bar_layout' => 'line',
- ],
- ]
- );
-
- $this->add_control(
- 'progress_bar_line_direction',
- [
- 'label' => __( 'Direction', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'normal' => [
- 'title' => __( 'Left To Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'reverse' => [
- 'title' => __( 'Right To Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- ],
- 'default' => 'normal',
- ]
- );
-
- $this->add_control(
- 'progress_bar_line_stroke_color',
- [
- 'label' => __( 'Stroke Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#25b',
- ]
- );
- $this->add_control(
- 'progress_bar_line_stroke_width',
+ /**
+ * Content Tab: Layout
+ */
+ $this->start_controls_section(
+ 'progress_bar_section_layout',
[
- 'label' => __( 'Stroke Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 1,
- 'max' => 100,
- 'step' => 1,
- 'default' => 3,
+ 'label' => __('Layout', 'essential-addons-elementor'),
]
);
- $this->add_control(
- 'progress_bar_line_stroke_trail_color',
- [
- 'label' => __( 'Stroke Trail Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ddd',
- ]
- );
-
- $this->add_control(
- 'progress_bar_line_stroke_trail_width',
- [
- 'label' => __( 'Stroke Trail Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 1,
- 'max' => 100,
- 'step' => .5,
- 'default' => .5,
- ]
- );
-
- $this->end_controls_section();
-
- /**
- * Content Tab: Settings for fan progress bar
- */
-
- $this->start_controls_section(
- 'section_progress_bar_fan_settings',
- [
- 'label' => __( 'Fan Progress Bar Settings ', 'essential-addons-elementor' ),
- 'condition' => [
- 'progress_bar_layout' => 'fan',
- ],
- ]
- );
-
- $this->add_control(
- 'progress_bar_fan_direction',
- [
- 'label' => __( 'Direction', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'ltr' => [
- 'title' => __( 'Left To Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'rtl' => [
- 'title' => __( 'Right To Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- 'btt' => [
- 'title' => __( 'Bottom To Top', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-up',
- ],
- 'ttb' => [
- 'title' => __( 'Top To Bottom', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-down',
- ],
- ],
- 'default' => 'btt',
- ]
- );
-
- $this->add_control(
- 'progress_bar_fan_stroke_color',
- [
- 'label' => __( 'Stroke Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#25b',
- ]
- );
-
- $this->add_control(
- 'progress_bar_fan_stroke_width',
- [
- 'label' => __( 'Stroke Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 1,
- 'max' => 100,
- 'step' => 1,
- 'default' => 3,
- ]
- );
-
- $this->add_control(
- 'progress_bar_fan_stroke_trail_color',
- [
- 'label' => __( 'Stroke Trail Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ddd',
- ]
- );
-
- $this->add_control(
- 'progress_bar_fan_stroke_trail_width',
- [
- 'label' => __( 'Stroke Trail Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 1,
- 'max' => 100,
- 'step' => 1,
- 'default' => 1,
- ]
- );
-
- $this->end_controls_section();
-
- /**
- * Content Tab: Settings for circle progress bar
- */
-
- $this->start_controls_section(
- 'section_progress_bar_circle_settings',
- [
- 'label' => __( 'Circle Progress Bar Settings ', 'essential-addons-elementor' ),
- 'condition' => [
- 'progress_bar_layout' => 'circle',
- ],
- ]
- );
-
- $this->add_control(
- 'progress_bar_circle_direction',
+ $this->add_control(
+ 'progress_bar_layout',
[
- 'label' => __( 'Direction', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
+ 'label' => __('Layout', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SELECT,
'options' => [
- 'ltr' => [
- 'title' => __( 'Left To Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'rtl' => [
- 'title' => __( 'Right To Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- 'btt' => [
- 'title' => __( 'Bottom To Top', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-up',
- ],
- 'ttb' => [
- 'title' => __( 'Top To Bottom', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-down',
- ],
- ],
- 'default' => 'btt',
- ]
- );
-
- $this->add_control(
- 'progress_bar_circle_stroke_color',
- [
- 'label' => __( 'Stroke Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#25b',
- ]
- );
-
- $this->add_control(
- 'progress_bar_circle_stroke_width',
- [
- 'label' => __( 'Stroke Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 1,
- 'max' => 100,
- 'step' => 1,
- 'default' => 3,
+ 'line' => __('Line', 'essential-addons-elementor'),
+ 'line_rainbow' => __('Line Rainbow (Pro)', 'essential-addons-elementor'),
+ 'circle' => __('Circle', 'essential-addons-elementor'),
+ 'circle_fill' => __('Circle Fill (Pro)', 'essential-addons-elementor'),
+ 'half_circle' => __('Half Circle', 'essential-addons-elementor'),
+ 'half_circle_fill' => __('Half Circle Fill (Pro)', 'essential-addons-elementor'),
+ 'box' => __('Box (Pro)', 'essential-addons-elementor'),
+ ],
+ 'default' => 'line',
]
);
$this->add_control(
- 'progress_bar_circle_stroke_trail_color',
- [
- 'label' => __( 'Stroke Trail Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ddd',
- ]
- );
-
- $this->add_control(
- 'progress_bar_circle_stroke_trail_width',
- [
- 'label' => __( 'Stroke Trail Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 1,
- 'max' => 100,
- 'step' => 1,
- 'default' => 1,
- ]
- );
-
- $this->end_controls_section();
-
- /**
- * Content Tab: Settings for bubble progress bar
- */
-
- $this->start_controls_section(
- 'section_progress_bar_bubble_settings',
+ 'eael_pricing_table_style_pro_alert',
[
- 'label' => __( 'Bubble Progress Bar Settings ', 'essential-addons-elementor' ),
- 'condition' => [
- 'progress_bar_layout' => 'bubble',
- ],
+ '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'],
+ ]
]
);
- $this->add_control(
- 'progress_bar_bubble_direction',
+ $this->add_control(
+ 'progress_bar_title',
[
- 'label' => __( 'Direction', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'ltr' => [
- 'title' => __( 'Left To Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'rtl' => [
- 'title' => __( 'Right To Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- 'btt' => [
- 'title' => __( 'Bottom To Top', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-up',
- ],
- 'ttb' => [
- 'title' => __( 'Top To Bottom', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-down',
- ],
- ],
- 'default' => 'btt',
+ 'label' => __('Title', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::TEXT,
+ 'default' => __('Progress Bar', 'essential-addons-elementor'),
+ 'separator' => 'before',
]
);
-
- $this->add_control(
- 'progress_bar_bubble_circle_color',
- [
- 'label' => __( 'Bubble Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#cef',
- ]
- );
-
- $this->add_control(
- 'progress_bar_bubble_bg_color',
- [
- 'label' => __( 'Background Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#39d',
- ]
- );
-
- $this->add_control(
- 'progress_bar_bubble_circle_width',
- [
- 'label' => __( 'Bubble Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 5,
- 'max' => 150,
- 'step' => 1,
- 'default' => 50,
- ]
- );
-
- $this->end_controls_section();
-
- /**
- * Content Tab: Settings for rainbow progress bar
- */
-
- $this->start_controls_section(
- 'section_progress_bar_rainbow_settings',
- [
- 'label' => __( 'Rainbow Progress Bar Settings ', 'essential-addons-elementor' ),
- 'condition' => [
- 'progress_bar_layout' => 'rainbow',
- ],
- ]
- );
- $this->add_control(
- 'progress_bar_rainbow_direction',
+ $this->add_control(
+ 'progress_bar_title_html_tag',
[
- 'label' => __( 'Direction', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
+ 'label' => __('Title HTML Tag', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SELECT,
'options' => [
- 'normal' => [
- 'title' => __( 'Left To Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'reverse' => [
- 'title' => __( 'Right To Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- ],
- 'default' => 'normal',
- ]
- );
-
- $this->add_control(
- 'progress_bar_rainbow_stroke_width',
- [
- 'label' => __( 'Stroke Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 1,
- 'max' => 100,
- 'step' => 1,
- 'default' => 3,
+ 'h1' => __('H1', 'essential-addons-elementor'),
+ 'h2' => __('H2', 'essential-addons-elementor'),
+ 'h3' => __('H3', 'essential-addons-elementor'),
+ 'h4' => __('H4', 'essential-addons-elementor'),
+ 'h5' => __('H5', 'essential-addons-elementor'),
+ 'h6' => __('H6', 'essential-addons-elementor'),
+ 'div' => __('div', 'essential-addons-elementor'),
+ 'span' => __('span', 'essential-addons-elementor'),
+ 'p' => __('p', 'essential-addons-elementor'),
+ ],
+ 'default' => 'div',
]
);
- $this->add_control(
- 'progress_bar_rainbow_stroke_trail_width',
- [
- 'label' => __( 'Stroke Trail Width', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'min' => 1,
- 'max' => 100,
- 'step' => .5,
- 'default' => .5,
- ]
- );
-
- $this->add_control(
- 'progress_bar_rainbow_color_one',
- [
- 'label' => __( 'Gradient Color One', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#a551df',
- ]
- );
-
- $this->add_control(
- 'progress_bar_rainbow_color_two',
- [
- 'label' => __( 'Gradient Color Two', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#fd51ad',
- ]
- );
-
- $this->add_control(
- 'progress_bar_rainbow_color_three',
- [
- 'label' => __( 'Gradient Color Three', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ff7f82',
- ]
- );
-
- $this->add_control(
- 'progress_bar_rainbow_color_four',
- [
- 'label' => __( 'Gradient Color Four', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ffb874',
- ]
- );
-
- $this->add_control(
- 'progress_bar_rainbow_color_five',
- [
- 'label' => __( 'Gradient Color Five', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ffeb90',
- ]
- );
-
-
-
- $this->end_controls_section();
-
- /**
- * Content Tab: Settings for energy progress bar
- */
-
- $this->start_controls_section(
- 'section_progress_bar_energy_settings',
- [
- 'label' => __( 'Energy Progress Bar Settings ', 'essential-addons-elementor' ),
- 'condition' => [
- 'progress_bar_layout' => 'energy',
- ],
- ]
- );
-
- $this->add_control(
- 'progress_bar_energy_direction',
+ $this->add_control(
+ 'progress_bar_value',
[
- 'label' => __( 'Direction', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'ltr' => [
- 'title' => __( 'Left To Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
+ 'label' => __('Counter Value', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'size_units' => ['%'],
+ 'range' => [
+ '%' => [
+ 'min' => 0,
+ 'max' => 100,
+ 'step' => 1,
],
- 'rtl' => [
- 'title' => __( 'Right To Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- 'btt' => [
- 'title' => __( 'Bottom To Top', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-up',
- ],
- 'ttb' => [
- 'title' => __( 'Top To Bottom', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-down',
- ],
- ],
- 'default' => 'ltr',
+ ],
+ 'default' => [
+ 'unit' => '%',
+ 'size' => 50,
+ ],
+ 'separator' => 'before',
]
);
-
- $this->add_control(
- 'progress_bar_energy_start_color',
- [
- 'label' => __( 'Start Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#f00',
- ]
- );
-
- $this->add_control(
- 'progress_bar_energy_end_color',
- [
- 'label' => __( 'End Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ff0',
- ]
- );
- $this->add_control(
- 'progress_bar_energy_bg_color',
- [
- 'label' => __( 'Background Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#444',
- ]
- );
-
- $this->end_controls_section();
-
- /**
- * Content Tab: Settings for stripe progress bar
- */
-
- $this->start_controls_section(
- 'section_progress_bar_stripe_settings',
- [
- 'label' => __( 'Stripe Bar Settings ', 'essential-addons-elementor' ),
- 'condition' => [
- 'progress_bar_layout' => 'stripe',
- ],
- ]
- );
-
- $this->add_control(
- 'progress_bar_stripe_direction',
+ $this->add_control(
+ 'progress_bar_show_count',
[
- 'label' => __( 'Direction', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'ltr' => [
- 'title' => __( 'Left To Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'rtl' => [
- 'title' => __( 'Right To Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- 'btt' => [
- 'title' => __( 'Bottom To Top', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-up',
- ],
- 'ttb' => [
- 'title' => __( 'Top To Bottom', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-down',
- ],
- ],
- 'default' => 'rtl',
+ 'label' => esc_html__('Display Count', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SWITCHER,
+ 'return_value' => 'yes',
+ 'default' => 'yes',
]
- );
-
- $this->add_control(
- 'progress_bar_stripe_start_color',
- [
- 'label' => __( 'Start Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#f00',
- ]
- );
-
- $this->add_control(
- 'progress_bar_stripe_end_color',
- [
- 'label' => __( 'End Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ff0',
- ]
- );
-
- $this->add_control(
- 'progress_bar_stripe_bg_color',
- [
- 'label' => __( 'Background Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ddd',
- ]
- );
-
- $this->end_controls_section();
-
- /**
- * Content Tab: Settings for text progress bar
- */
-
- $this->start_controls_section(
- 'section_progress_bar_text_settings',
- [
- 'label' => __( 'Text Progress Bar Settings ', 'essential-addons-elementor' ),
- 'condition' => [
- 'progress_bar_layout' => 'text',
- ],
- ]
- );
-
- $this->add_control(
- 'progress_bar_text_title',
- [
- 'label' => __( 'Title for Text Progress Bar', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'default' => __( 'LOADING', 'essential-addons-elementor' ),
- 'dynamic' => [
- 'active' => true,
- ],
- ]
- );
+ );
- $this->add_control(
- 'progress_bar_text_direction',
+ $this->add_control(
+ 'progress_bar_animation_duration',
[
- 'label' => __( 'Direction', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'ltr' => [
- 'title' => __( 'Left To Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
+ 'label' => __('Animation Duration', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'size_units' => ['px'],
+ 'range' => [
+ 'px' => [
+ 'min' => 1000,
+ 'max' => 10000,
+ 'step' => 100,
],
- 'rtl' => [
- 'title' => __( 'Right To Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- 'btt' => [
- 'title' => __( 'Bottom To Top', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-up',
- ],
- 'ttb' => [
- 'title' => __( 'Top To Bottom', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-arrow-down',
- ],
- ],
- 'default' => 'ltr',
+ ],
+ 'default' => [
+ 'unit' => 'px',
+ 'size' => 1500,
+ ],
+ 'separator' => 'before',
]
);
- $this->add_control(
- 'progress_bar_text_bg_color',
- [
- 'label' => __( 'Background Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ddd',
- ]
- );
+ $this->add_control(
+ 'progress_bar_prefix_label',
+ [
+ 'label' => __('Prefix Label', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::TEXT,
+ 'default' => __('Prefix', 'essential-addons-elementor'),
+ 'condition' => [
+ 'progress_bar_layout' => 'half_circle',
+ ],
+ 'separator' => 'before',
+ ]
+ );
- $this->end_controls_section();
+ $this->add_control(
+ 'progress_bar_postfix_label',
+ [
+ 'label' => __('Postfix Label', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::TEXT,
+ 'default' => __('Postfix', 'essential-addons-elementor'),
+ 'condition' => [
+ 'progress_bar_layout' => 'half_circle',
+ ],
+ 'separator' => 'before',
+ ]
+ );
- $this->start_controls_section(
+ $this->end_controls_section();
+
+ $this->start_controls_section(
'eael_section_pro',
[
- 'label' => __( 'Go Premium for More Features', 'essential-addons-elementor' )
+ 'label' => __('Go Premium for More Features', 'essential-addons-elementor'),
]
);
$this->add_control(
'eael_control_get_pro',
[
- 'label' => __( 'Unlock more possibilities', 'essential-addons-elementor' ),
+ 'label' => __('Unlock more possibilities', 'essential-addons-elementor'),
'type' => Controls_Manager::CHOOSE,
'options' => [
'1' => [
- 'title' => __( '', 'essential-addons-elementor' ),
+ 'title' => __('', 'essential-addons-elementor'),
'icon' => 'fa fa-unlock-alt',
],
],
'default' => '1',
- 'description' => '
Get the Pro version for more stunning elements and customization options. '
+ 'description' => '
Get the Pro version for more stunning elements and customization options. ',
]
);
$this->end_controls_section();
+ /*-----------------------------------------------------------------------------------*/
+ /* STYLE TAB
/*-----------------------------------------------------------------------------------*/
- /* STYLE TAB
- /*-----------------------------------------------------------------------------------*/
-
- /**
- * Style Tab: Progress Bar
- */
- $this->start_controls_section(
- 'progress_bar_section_style',
- [
- 'label' => __( 'Style', 'essential-addons-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- ]
- );
- $this->add_control(
- 'progress_bar_width',
+ /**
+ * Style Tab: General(Line)
+ */
+ $this->start_controls_section(
+ 'progress_bar_section_style_general_line',
+ [
+ 'label' => __('General', 'essential-addons-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'progress_bar_layout' => ['line', 'line_rainbow', 'circle_fill', 'half_circle_fill', 'box'],
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'progress_bar_line_alignment',
+ [
+ 'label' => __('Alignment', 'essential-addons-elementor'),
+ 'type' => \Elementor\Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __('Left', 'essential-addons-elementor'),
+ 'icon' => 'fa fa-align-left',
+ ],
+ 'center' => [
+ 'title' => __('Center', 'essential-addons-elementor'),
+ 'icon' => 'fa fa-align-center',
+ ],
+ 'right' => [
+ 'title' => __('Right', 'essential-addons-elementor'),
+ 'icon' => 'fa fa-align-right',
+ ],
+ ],
+ 'default' => 'center',
+ ]
+ );
+
+ $this->end_controls_section();
+
+ /**
+ * Style Tab: Background
+ */
+ $this->start_controls_section(
+ 'progress_bar_section_style_bg',
+ [
+ 'label' => __('Background', 'essential-addons-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'progress_bar_layout' => ['line', 'line_rainbow', 'circle_fill', 'half_circle_fill', 'box']
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'progress_bar_line_width',
[
- 'label' => __( 'Width', 'essential-addons-elementor' ),
+ 'label' => __('Width', 'essential-addons-elementor'),
'type' => Controls_Manager::SLIDER,
- 'size_units' => [ 'px', '%' ],
- 'range' => [
+ 'size_units' => ['px', '%'],
+ 'range' => [
'px' => [
- 'min' => 0,
+ 'min' => 100,
'max' => 1000,
'step' => 1,
],
'%' => [
- 'min' => 0,
+ 'min' => 1,
'max' => 100,
+ 'step' => 1,
],
],
'default' => [
@@ -815,91 +283,277 @@ protected function _register_controls() {
'size' => 100,
],
'selectors' => [
- '{{WRAPPER}} .ldBar' => 'width: {{SIZE}}{{UNIT}} !important;',
+ '{{WRAPPER}} .eael-progressbar-line-container' => 'width: {{SIZE}}{{UNIT}}',
],
]
- );
-
- $this->add_control(
- 'progress_bar_height',
+ );
+
+ $this->add_control(
+ 'progress_bar_line_height',
[
- 'label' => __( 'Height', 'plugin-domain' ),
+ 'label' => __('Height', 'essential-addons-elementor'),
'type' => Controls_Manager::SLIDER,
- 'size_units' => [ 'px', '%' ],
+ 'size_units' => ['px'],
'range' => [
'px' => [
- 'min' => 0,
- 'max' => 1000,
- 'step' => 5,
- ],
- '%' => [
'min' => 0,
'max' => 100,
+ 'step' => 1,
],
],
+ 'default' => [
+ 'unit' => 'px',
+ 'size' => 12,
+ ],
'selectors' => [
- '{{WRAPPER}} .ldBar' => 'height: {{SIZE}}{{UNIT}} !important;',
+ '{{WRAPPER}} .eael-progressbar-line' => 'height: {{SIZE}}{{UNIT}}',
],
]
- );
-
- $this->add_control(
- 'progress_bar_title_style',
- [
- 'label' => __( 'Title Style', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::HEADING,
- 'separator' => 'before',
- ]
);
- $this->add_control(
- 'progress_bar_title_color',
+ $this->add_control(
+ 'progress_bar_line_bg_color',
[
- 'label' => __( 'Title Color', 'essential-addons-elementor' ),
+ 'label' => __('Color', 'essential-addons-elementor'),
'type' => Controls_Manager::COLOR,
- 'default'=> '#303133',
+ 'default' => '#eee',
'selectors' => [
- '{{WRAPPER}} .progress-title' => 'color: {{VALUE}};',
- ]
+ '{{WRAPPER}} .eael-progressbar-line' => 'background-color: {{VALUE}}',
+ ],
+ 'separator' => 'before',
+ ]
+ );
+ $this->end_controls_section();
+
+ /**
+ * Style Tab: Fill
+ */
+ $this->start_controls_section(
+ 'progress_bar_section_style_fill',
+ [
+ 'label' => __('Fill', 'essential-addons-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'progress_bar_layout' => ['line', 'line_rainbow', 'circle_fill', 'half_circle_fill', 'box']
+ ],
]
);
- $this->add_control(
- 'progress_bar_title_hover_color',
+ $this->add_control(
+ 'progress_bar_line_fill_height',
[
- 'label' => __( 'Title Hover Color', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default'=> '#23527c',
+ 'label' => __('Height', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'size_units' => ['px'],
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 100,
+ 'step' => 1,
+ ],
+ ],
+ 'default' => [
+ 'unit' => 'px',
+ 'size' => 12,
+ ],
'selectors' => [
- '{{WRAPPER}} .progress-title:hover' => 'color: {{VALUE}};',
- ]
+ '{{WRAPPER}} .eael-progressbar-line-fill' => 'height: {{SIZE}}{{UNIT}}',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Background::get_type(),
+ [
+ 'name' => 'progress_bar_line_fill_color',
+ 'label' => __('Color', 'essential-addons-elementor'),
+ 'types' => ['classic', 'gradient'],
+ 'selector' => '{{WRAPPER}} .eael-progressbar-line-fill',
+ 'separator' => 'before',
+ ]
+ );
+ $this->add_control(
+ 'progress_bar_line_fill_stripe',
+ [
+ 'label' => __('Show Stripe', 'essential-addons-elementor'),
+ 'type' => \Elementor\Controls_Manager::SWITCHER,
+ 'return_value' => 'yes',
+ 'default' => 'no',
+ 'separator' => 'before',
]
);
- $this->add_responsive_control(
- 'progress_bar_title_alignment',
+ $this->add_control(
+ 'progress_bar_line_fill_stripe_animate',
[
- 'label' => __( 'Title Alignment', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
+ 'label' => __('Stripe Animation', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SELECT,
'options' => [
- 'left' => [
- 'title' => __( 'Left', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'center' => [
- 'title' => __( 'Center', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-center',
- ],
- 'right' => [
- 'title' => __( 'Right', 'essential-addons-elementor' ),
- 'icon' => 'fa fa-align-right',
- ]
+ 'normal' => __('Left To Right', 'plugin-domain'),
+ 'reverse' => __('Right To Left', 'plugin-domain'),
+ 'none' => __('Disabled', 'plugin-domain'),
],
- 'selectors' => [
- '{{WRAPPER}} .progress-title' => 'text-align: {{VALUE}};',
- ]
+ 'default' => 'none',
+ 'condition' => [
+ 'progress_bar_line_fill_stripe' => 'yes',
+ ],
+ ]
+ );
+
+ $this->end_controls_section();
+
+ /**
+ * Style Tab: General(Circle)
+ */
+ $this->start_controls_section(
+ 'progress_bar_section_style_general_circle',
+ [
+ 'label' => __('General', 'essential-addons-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'progress_bar_layout' => ['circle', 'half_circle'],
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'progress_bar_circle_alignment',
+ [
+ 'label' => __('Alignment', 'essential-addons-elementor'),
+ 'type' => \Elementor\Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __('Left', 'essential-addons-elementor'),
+ 'icon' => 'fa fa-align-left',
+ ],
+ 'center' => [
+ 'title' => __('Center', 'essential-addons-elementor'),
+ 'icon' => 'fa fa-align-center',
+ ],
+ 'right' => [
+ 'title' => __('Right', 'essential-addons-elementor'),
+ 'icon' => 'fa fa-align-right',
+ ],
+ ],
+ 'default' => 'center',
+ ]
+ );
+
+ $this->add_control(
+ 'progress_bar_circle_size',
+ [
+ 'label' => __('Size', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'size_units' => ['px'],
+ 'range' => [
+ 'px' => [
+ 'min' => 50,
+ 'max' => 500,
+ 'step' => 1,
+ ],
+ ],
+ 'default' => [
+ 'unit' => 'px',
+ 'size' => 200,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .eael-progressbar-circle' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
+ '{{WRAPPER}} .eael-progressbar-half-circle' => 'width: {{SIZE}}{{UNIT}}; height: calc({{SIZE}} / 2 * 1{{UNIT}});',
+ '{{WRAPPER}} .eael-progressbar-half-circle-after' => 'width: {{SIZE}}{{UNIT}};',
+ '{{WRAPPER}} .eael-progressbar-circle-shadow' => 'width: calc({{SIZE}}{{UNIT}} + 20px); height: calc({{SIZE}}{{UNIT}} + 20px);',
+ ],
+ 'separator' => 'before',
+ ]
+ );
+
+ $this->add_control(
+ 'progress_bar_circle_bg_color',
+ [
+ 'label' => __('Background Color', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '#fff',
+ 'selectors' => [
+ '{{WRAPPER}} .eael-progressbar-circle-inner' => 'background-color: {{VALUE}}',
+ ],
+ 'separator' => 'before',
+ ]
+ );
+
+ $this->add_control(
+ 'progress_bar_circle_stroke_width',
+ [
+ 'label' => __('Stroke Width', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'size_units' => ['px'],
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 100,
+ 'step' => 1,
+ ],
+ ],
+ 'default' => [
+ 'unit' => 'px',
+ 'size' => 12,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .eael-progressbar-circle-inner' => 'border-width: {{SIZE}}{{UNIT}}',
+ '{{WRAPPER}} .eael-progressbar-circle-half' => 'border-width: {{SIZE}}{{UNIT}}',
+ ],
+ 'separator' => 'before',
+ ]
+ );
+
+ $this->add_control(
+ 'progress_bar_circle_stroke_color',
+ [
+ 'label' => __('Stroke Color', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '#eee',
+ 'selectors' => [
+ '{{WRAPPER}} .eael-progressbar-circle-inner' => 'border-color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'progress_bar_circle_fill_color',
+ [
+ 'label' => __('Fill Color', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '#000',
+ 'selectors' => [
+ '{{WRAPPER}} .eael-progressbar-circle-half' => 'border-color: {{VALUE}}',
+ ],
+ 'separator' => 'before',
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Box_Shadow::get_type(),
+ [
+ 'name' => 'progress_bar_circle_box_shadow',
+ 'label' => __('Box Shadow', 'essential-addons-elementor'),
+ 'selector' => '{{WRAPPER}} .eael-progressbar-circle-shadow',
+ 'condition' => [
+ 'progress_bar_layout' => 'circle',
+ ],
+ 'separator' => 'before',
+ ]
+ );
+
+ $this->end_controls_section();
+
+ /**
+ * Style Tab: Typography
+ */
+ $this->start_controls_section(
+ 'progress_bar_section_style_typography',
+ [
+ 'label' => __('Typography', 'essential-addons-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
]
);
@@ -907,192 +561,180 @@ protected function _register_controls() {
Group_Control_Typography::get_type(),
[
'name' => 'progress_bar_title_typography',
- 'label' => __( 'Typography', 'essential-addons-elementor' ),
+ 'label' => __('Title', 'essential-addons-elementor'),
'scheme' => Scheme_Typography::TYPOGRAPHY_1,
- 'selector' => '{{WRAPPER}} .progress-title',
- ]
- );
-
- $this->add_control(
- 'progress_bar_number_style',
- [
- 'label' => __( 'Number Style', 'essential-addons-elementor' ),
- 'type' => Controls_Manager::HEADING,
- 'separator' => 'before',
+ 'selector' => '{{WRAPPER}} .eael-progressbar-title',
]
);
- $this->add_control(
- 'progress_bar_number_color',
+ $this->add_control(
+ 'progress_bar_title_color',
[
- 'label' => __( 'Number Color', 'essential-addons-elementor' ),
+ 'label' => __('Title Color', 'essential-addons-elementor'),
'type' => Controls_Manager::COLOR,
- 'default'=> '#303133',
+ 'default' => '',
'selectors' => [
- '{{WRAPPER}} .ldBar-label' => 'color: {{VALUE}};',
- ]
+ '{{WRAPPER}} .eael-progressbar-title' => 'color: {{VALUE}}',
+ ],
+ 'separator' => 'after',
+ ]
+ );
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'progress_bar_count_typography',
+ 'label' => __('Counter', 'essential-addons-elementor'),
+ 'scheme' => Scheme_Typography::TYPOGRAPHY_1,
+ 'selector' => '{{WRAPPER}} .eael-progressbar-count-wrap',
]
);
- $this->add_control(
- 'progress_bar_number_hover_color',
+ $this->add_control(
+ 'progress_bar_count_color',
[
- 'label' => __( 'Number Hover Color', 'essential-addons-elementor' ),
+ 'label' => __('Counter Color', 'essential-addons-elementor'),
'type' => Controls_Manager::COLOR,
- 'default'=> '#23527c',
+ 'default' => '',
'selectors' => [
- '{{WRAPPER}} .ldBar-label:hover' => 'color: {{VALUE}};',
- ]
-
+ '{{WRAPPER}} .eael-progressbar-count-wrap' => 'color: {{VALUE}}',
+ ],
+ 'separator' => 'after',
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
- 'name' => 'progress_bar_number_typography',
- 'label' => __( 'Typography', 'essential-addons-elementor' ),
+ 'name' => 'progress_bar_after_typography',
+ 'label' => __('Prefix/Postfix', 'essential-addons-elementor'),
'scheme' => Scheme_Typography::TYPOGRAPHY_1,
- 'selector' => '{{WRAPPER}} .ldBar-label',
+ 'selector' => '{{WRAPPER}} .eael-progressbar-half-circle-after span',
+ 'condition' => [
+ 'progress_bar_layout' => 'half_circle',
+ ],
]
- );
-
- $this->end_controls_section();
+ );
-}
+ $this->add_control(
+ 'progress_bar_after_color',
+ [
+ 'label' => __('Prefix/Postfix Color', 'essential-addons-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .eael-progressbar-half-circle-after' => 'color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'progress_bar_layout' => 'half_circle',
+ ],
+ ]
+ );
- protected function render() {
- $settings = $this->get_settings_for_display();
-
- $this->add_render_attribute('eael-progress-bar-container', [
- 'class' => [ 'eael-progress-bar-container' ],
- 'data-layout' => $settings['progress_bar_layout'],
- 'data-id' => esc_attr($this->get_id()),
- 'data-number' => $settings['progress_number']
- ]);
-
- if('line' == $settings['progress_bar_layout']){
- $this->add_render_attribute('eael-progress-bar-container', [
- 'data-line-stroke-color' => $settings['progress_bar_line_stroke_color'],
- 'data-line-stroke-width' => $settings['progress_bar_line_stroke_width'],
- 'data-line-stroke-trail-color' => $settings['progress_bar_line_stroke_trail_color'],
- 'data-line-stroke-trail-width' => $settings['progress_bar_line_stroke_trail_width'],
- 'data-line-direction' => $settings['progress_bar_line_direction']
- ]);
- }
-
- if('fan' == $settings['progress_bar_layout']){
- $this->add_render_attribute('eael-progress-bar-container', [
- 'data-fan-stroke-color' => $settings['progress_bar_fan_stroke_color'],
- 'data-fan-stroke-width' => $settings['progress_bar_fan_stroke_width'],
- 'data-fan-stroke-trail-color' => $settings['progress_bar_fan_stroke_trail_color'],
- 'data-fan-stroke-trail-width' => $settings['progress_bar_fan_stroke_trail_width'],
- 'data-fan-direction' => $settings['progress_bar_fan_direction']
- ]);
- }
-
- if('circle' == $settings['progress_bar_layout']){
- $this->add_render_attribute('eael-progress-bar-container', [
- 'data-circle-stroke-color' => $settings['progress_bar_circle_stroke_color'],
- 'data-circle-stroke-width' => $settings['progress_bar_circle_stroke_width'],
- 'data-circle-stroke-trail-color' => $settings['progress_bar_circle_stroke_trail_color'],
- 'data-circle-stroke-trail-width' => $settings['progress_bar_circle_stroke_trail_width'],
- 'data-circle-direction' => $settings['progress_bar_circle_direction']
- ]);
- }
-
- if('bubble' == $settings['progress_bar_layout']){
- $this->add_render_attribute('eael-progress-bar-container', [
- 'data-bubble-circle-color' => $settings['progress_bar_bubble_circle_color'],
- 'data-bubble-bg-color' => $settings['progress_bar_bubble_bg_color'],
- 'data-bubble-circle-width' => $settings['progress_bar_bubble_circle_width'],
- 'data-bubble-direction' => $settings['progress_bar_bubble_direction']
- ]);
- }
-
- if('rainbow' == $settings['progress_bar_layout']){
- $this->add_render_attribute('eael-progress-bar-container', [
- 'data-rainbow-stroke-width' => $settings['progress_bar_rainbow_stroke_width'],
- 'data-rainbow-stroke-trail-width' => $settings['progress_bar_rainbow_stroke_trail_width'],
- 'data-rainbow-color-one' => $settings['progress_bar_rainbow_color_one'],
- 'data-rainbow-color-two' => $settings['progress_bar_rainbow_color_two'],
- 'data-rainbow-color-three' => $settings['progress_bar_rainbow_color_three'],
- 'data-rainbow-color-four' => $settings['progress_bar_rainbow_color_four'],
- 'data-rainbow-color-five' => $settings['progress_bar_rainbow_color_five'],
- 'data-rainbow-direction' => $settings['progress_bar_rainbow_direction']
- ]);
- }
-
- if('energy' == $settings['progress_bar_layout']){
- $this->add_render_attribute('eael-progress-bar-container', [
- 'data-energy-start-color' => $settings['progress_bar_energy_start_color'],
- 'data-energy-end-color' => $settings['progress_bar_energy_end_color'],
- 'data-energy-bg-color' => $settings['progress_bar_energy_bg_color'],
- 'data-energy-direction' => $settings['progress_bar_energy_direction']
- ]);
- }
-
- if('stripe' == $settings['progress_bar_layout']){
- $this->add_render_attribute('eael-progress-bar-container', [
- 'data-stripe-start-color' => $settings['progress_bar_stripe_start_color'],
- 'data-stripe-end-color' => $settings['progress_bar_stripe_end_color'],
- 'data-stripe-bg-color' => $settings['progress_bar_stripe_bg_color'],
- 'data-stripe-direction' => $settings['progress_bar_stripe_direction']
- ]);
- }
-
- if('text' == $settings['progress_bar_layout']){
- $this->add_render_attribute('eael-progress-bar-container', [
- 'data-text-title' => $settings['progress_bar_text_title'],
- 'data-text-direction' => $settings['progress_bar_text_direction'],
- 'data-text-bg-color' => $settings['progress_bar_text_bg_color'],
- ]);
- }
-
-
- if(
- 'fan' == $settings['progress_bar_layout'] ||
- 'circle' == $settings['progress_bar_layout'] ||
- 'bubble' == $settings['progress_bar_layout']
- ){
- $class = 'label-center';
- $height = '150px';
- }else {
- $class = '';
- $height = '30px';
- }
-
-
- $this->add_render_attribute('inside-progressbar',[
- 'style' => 'height:'.$height,
- 'class' => [ 'inside-progressbar', 'ldBar', 'auto', $class ],
- 'id' => 'myItem'.esc_attr($this->get_id()),
- 'data-preset' => $settings['progress_bar_layout'],
- ]);
-
-
- $this->add_render_attribute('progressbar-title', 'class', 'progress-title');
- if( 'line' == $settings['progress_bar_layout'] ) {
- $this->add_render_attribute('progressbar-title', 'class', 'line');
- }
-
-
- ?>
-
-
get_render_attribute_string( 'eael-progress-bar-container' ); ?>>
-
-
get_render_attribute_string('progressbar-title'); ?>>
- ', $settings['title_html_tag'] ); echo $settings['progress_bar_title']; printf( '%1$s>', $settings['title_html_tag'] ); ?>
-
-
-
get_render_attribute_string('inside-progressbar'); ?>>
-
-
-
- end_controls_section();
+
+ }
+ protected function render() {
+ $settings = $this->get_settings_for_display();
+ $wrap_classes = ['eael-progressbar'];
+ $circle_wrapper = [];
+
+ if (in_array($settings['progress_bar_layout'] , ['line' ,'line_rainbow', 'circle_fill', 'half_circle_fill', 'box'])) {
+ $wrap_classes[] = 'eael-progressbar-line';
+
+ if ($settings['progress_bar_line_fill_stripe'] == 'yes') {
+ $wrap_classes[] = 'eael-progressbar-line-stripe';
+ }
+
+ if ($settings['progress_bar_line_fill_stripe_animate'] == 'normal') {
+ $wrap_classes[] = 'eael-progressbar-line-animate';
+ } else if ($settings['progress_bar_line_fill_stripe_animate'] == 'reverse') {
+ $wrap_classes[] = 'eael-progressbar-line-animate-rtl';
+ }
+
+ $this->add_render_attribute('eael-progressbar-line', [
+ 'class' => $wrap_classes,
+ 'data-layout' => 'line',
+ 'data-count' => $settings['progress_bar_value']['size'],
+ 'data-duration' => $settings['progress_bar_animation_duration']['size'],
+ ]);
+
+ $this->add_render_attribute('eael-progressbar-line-fill', [
+ 'class' => 'eael-progressbar-line-fill',
+ 'style' => '-webkit-transition-duration:' . $settings['progress_bar_animation_duration']['size'] . 'ms;-o-transition-duration:' . $settings['progress_bar_animation_duration']['size'] . 'ms;transition-duration:' . $settings['progress_bar_animation_duration']['size'] . 'ms;',
+ ]);
+
+ echo '
+ ' . ($settings['progress_bar_title'] ? sprintf('<%1$s class="%2$s">', $settings['progress_bar_title_html_tag'], 'eael-progressbar-title') . $settings['progress_bar_title'] . sprintf('%1$s>', $settings['progress_bar_title_html_tag']) : '') . '
+
+
get_render_attribute_string('eael-progressbar-line') . '>
+ ' . ($settings['progress_bar_show_count'] === 'yes' ? '0 ' . $settings['progress_bar_value']['unit'] . ' ' : '') . '
+ get_render_attribute_string('eael-progressbar-line-fill') . '>
+
+
';
+ } else if ($settings['progress_bar_layout'] == 'circle') {
+ $wrap_classes[] = 'eael-progressbar-circle';
+
+ $this->add_render_attribute('eael-progressbar-circle', [
+ 'class' => $wrap_classes,
+ 'data-layout' => $settings['progress_bar_layout'],
+ 'data-count' => $settings['progress_bar_value']['size'],
+ 'data-duration' => $settings['progress_bar_animation_duration']['size'],
+ ]);
+
+ echo '
+ ' . ($settings['progress_bar_circle_box_shadow_box_shadow'] ? '
' : '') . '
+
+
get_render_attribute_string('eael-progressbar-circle') . '>
+
+
+
+ ' . ($settings['progress_bar_title'] ? sprintf('<%1$s class="%2$s">', $settings['progress_bar_title_html_tag'], 'eael-progressbar-title') . $settings['progress_bar_title'] . sprintf('%1$s>', $settings['progress_bar_title_html_tag']) : '') . '
+ ' . ($settings['progress_bar_show_count'] === 'yes' ? '0 ' . $settings['progress_bar_value']['unit'] . ' ' : '') . '
+
+
+
+ ' . ($settings['progress_bar_circle_box_shadow_box_shadow'] ? '
' : '') . '
+
';
+ } else if ($settings['progress_bar_layout'] == 'half_circle') {
+ $wrap_classes[] = 'eael-progressbar-half-circle';
+
+ $this->add_render_attribute('eael-progressbar-circle-half', [
+ 'class' => 'eael-progressbar-circle-half',
+ 'style' => '-webkit-transition-duration:' . $settings['progress_bar_animation_duration']['size'] . 'ms;-o-transition-duration:' . $settings['progress_bar_animation_duration']['size'] . 'ms;transition-duration:' . $settings['progress_bar_animation_duration']['size'] . 'ms;',
+ ]);
+
+ $this->add_render_attribute('eael-progressbar-half-circle', [
+ 'class' => $wrap_classes,
+ 'data-layout' => $settings['progress_bar_layout'],
+ 'data-count' => $settings['progress_bar_value']['size'],
+ 'data-duration' => $settings['progress_bar_animation_duration']['size'],
+ ]);
+
+ echo '
+
get_render_attribute_string('eael-progressbar-half-circle') . '>
+
+
+
get_render_attribute_string('eael-progressbar-circle-half') . '>
+
+
+
+
+ ' . ($settings['progress_bar_title'] ? sprintf('<%1$s class="%2$s">', $settings['progress_bar_title_html_tag'], 'eael-progressbar-title') . $settings['progress_bar_title'] . sprintf('%1$s>', $settings['progress_bar_title_html_tag']) : '') . '
+ ' . ($settings['progress_bar_show_count'] === 'yes' ? '0 ' . $settings['progress_bar_value']['unit'] . ' ' : '') . '
+
+
+
+ ' . ($settings['progress_bar_prefix_label'] ? sprintf('%1$s ', $settings['progress_bar_prefix_label']) : '') . '
+ ' . ($settings['progress_bar_postfix_label'] ? sprintf('%1$s ', $settings['progress_bar_postfix_label']) : '') . '
+
+
';
+ }
+ }
}
-Plugin::instance()->widgets_manager->register_widget_type( new Widget_Eael_Progress_Bar() );
\ No newline at end of file
+Plugin::instance()->widgets_manager->register_widget_type(new Widget_Eael_Progress_Bar());
diff --git a/elements/wpforms/wpforms.php b/elements/wpforms/wpforms.php
index 0b3f52d74..31fe06549 100755
--- a/elements/wpforms/wpforms.php
+++ b/elements/wpforms/wpforms.php
@@ -1404,7 +1404,7 @@ protected function render() {
$this->add_render_attribute( 'contact-form', 'class', 'eael-contact-form-align-default' );
}
- if ( class_exists( 'WPForms' ) ) {
+ if ( class_exists( '\WPForms\WPForms' ) ) {
if ( ! empty( $settings['contact_form_list'] ) ) { ?>
get_render_attribute_string( 'contact-form' ); ?>>
diff --git a/essential_adons_elementor.php b/essential_adons_elementor.php
index cae2c9580..d8ae37842 100755
--- a/essential_adons_elementor.php
+++ b/essential_adons_elementor.php
@@ -4,7 +4,7 @@
* Description: The ultimate elements library for Elementor page builder plugin for WordPress.
* Plugin URI: https://essential-addons.com/elementor/
* Author: WPDeveloper
- * Version: 2.8.2
+ * Version: 2.8.6
* Author URI: https://wpdeveloper.net/
*
* Text Domain: essential-addons-elementor
@@ -28,7 +28,7 @@
*/
function eael_activated_modules() {
- $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', 'wisdom_registered_setting', 'twitter-feed', 'facebook-feed', 'data-table', 'filter-gallery', 'image-accordion','content-ticker', 'tooltip', 'adv-accordion', 'adv-tabs', 'progress-bar' ];
+ $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' ];
$eael_default_settings = array_fill_keys( $eael_default_keys, true );
$eael_get_settings = get_option( 'eael_save_settings', $eael_default_settings );
@@ -114,7 +114,7 @@ function add_eael_elements() {
if( class_exists( 'Caldera_Forms' ) && $is_component_active['caldera-form'] ) {
require_once ESSENTIAL_ADDONS_EL_PATH.'elements/caldera-forms/caldera-forms.php';
}
- if( class_exists( 'WPForms' ) && $is_component_active['wpforms'] ) {
+ if( class_exists( '\WPForms\WPForms' ) && $is_component_active['wpforms'] ) {
require_once ESSENTIAL_ADDONS_EL_PATH.'elements/wpforms/wpforms.php';
}
if( $is_component_active['twitter-feed'] ) {
@@ -219,7 +219,7 @@ function essential_addons_el_enqueue(){
}
if( $is_component_active['progress-bar'] ) {
- wp_enqueue_script('essential_addons_elementor-progress-bar',ESSENTIAL_ADDONS_EL_URL.'assets/js/loading-bar.min.js', array('jquery'),'1.0', true);
+ wp_enqueue_script('essential_addons_elementor-eael-bar',ESSENTIAL_ADDONS_EL_URL.'assets/js/progress-bar.js', array('jquery'),'1.0', true);
}
}
@@ -349,10 +349,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_notice280') ) {
+ if ( ! get_user_meta($user_id, 'eael_ignore_notice286') ) {
echo '
';
echo '
';
- printf(__('Essential Addons for Elementor now powering 80,000+ websites. Use the coupon code ACTIVE80K to redeem a 25% discount on Pro. Apply Coupon
+ printf(__('Essential Addons for Elementor now powering 100,000+ websites. Use the coupon code ACTIVE100K to redeem a 30% discount on Pro. Apply Coupon
I\'m good with free version '), admin_url( 'admin.php?page=eael-settings&eael_nag_ignore=0' ));
echo "
";
}
@@ -369,7 +369,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_notice280', 'true', true);
+ add_user_meta($user_id, 'eael_ignore_notice286', 'true', true);
}
}
add_action('admin_init', 'eael_nag_ignore');
diff --git a/includes/queries.php b/includes/queries.php
index 08cf2c11e..791bcdc52 100755
--- a/includes/queries.php
+++ b/includes/queries.php
@@ -324,7 +324,7 @@ function eael_select_caldera_form() {
if ( !function_exists('eael_select_wpforms_forms') ) {
function eael_select_wpforms_forms() {
$options = array();
- if ( class_exists( 'WPForms' ) ) {
+ if ( class_exists( '\WPForms\WPForms' ) ) {
$args = array(
'post_type' => 'wpforms',
diff --git a/includes/templates/content.php b/includes/templates/content.php
index fef26c053..cd9c29d65 100644
--- a/includes/templates/content.php
+++ b/includes/templates/content.php
@@ -72,6 +72,11 @@
+
+
+
diff --git a/readme.txt b/readme.txt
index 49b7b5dc5..a451617aa 100755
--- a/readme.txt
+++ b/readme.txt
@@ -1,10 +1,10 @@
=== Essential Addons for Elementor ===
-Contributors: Codetic, re_enter_rupok, Asif2BD, robicse11128, priyomukul, mahfuz01, manik08cse
+Contributors: wpdevteam, Codetic, re_enter_rupok, Asif2BD, robicse11128, priyomukul, mahfuz01, manik08cse
Tags: elementor, elements, addons, elementor addon, elementor widget, page builder, builder, visual editor, wordpress page builder, elementor form
Requires at least: 4.0
-Tested up to: 4.9.8
+Tested up to: 5.0.0
Requires PHP: 5.4
-Stable tag: 2.8.2
+Stable tag: 2.8.6
License: GPLv3
License URI: https://opensource.org/licenses/GPL-3.0
@@ -158,6 +158,26 @@ Your existing elements/content will work with premium version. So you won't lose
== Changelog ==
+= 2.8.6 =
+
+- Progress Bar revamped with faster and better script and styles
+- Few minor bugfix and improvements
+
+= 2.8.5 =
+
+- WPForms appearing issue fixed
+- Few minor bugfix and improvements
+
+= 2.8.4 =
+
+- Filterable Gallery default style improved
+- Few minor bugfix and improvements
+
+= 2.8.3 =
+- Filterable Gallery improved with better scripts
+- Image Gallery issue fixed for Filterable Gallery
+- Few minor bugfix and improvements
+
= 2.8.2 =
- Filterable Gallery card hover effect issue fixed
- Flibox image styling issue fixed
@@ -401,10 +421,7 @@ Initial stable realese
== Upgrade Notice ==
-= 2.8.0 =
+= 2.8.6 =
-- Progress Bar widget added
-- Video card support added to Filterable Gallery
-- Multiple hover effects added to Post Grid
-- Icon changing option added to Post Grid
-- Few minor bugfix and improvements
\ No newline at end of file
+- Progress Bar revamped with faster and better script and styles
+- Few minor bugfix and improvements