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() {

Need Help?

-

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

- Get Community Support +

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

+ Get Community Support
@@ -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 .= ''; } } @@ -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( '', $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('', $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('', $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('', $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 @@
+
@@ -107,6 +112,8 @@
+ +
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