Changeset 1750549
- Timestamp:
- 10/22/2017 06:08:43 AM (8 years ago)
- Location:
- essential-addons-for-elementor-lite
- Files:
-
- 75 added
- 11 edited
-
tags/2.2.0 (added)
-
tags/2.2.0/admin (added)
-
tags/2.2.0/admin/assets (added)
-
tags/2.2.0/admin/assets/css (added)
-
tags/2.2.0/admin/assets/css/admin.css (added)
-
tags/2.2.0/admin/assets/images (added)
-
tags/2.2.0/admin/assets/images/ea-icon.png (added)
-
tags/2.2.0/admin/assets/images/eael-featured.png (added)
-
tags/2.2.0/admin/assets/images/lock-icon.png (added)
-
tags/2.2.0/admin/assets/images/unlock-gif.gif (added)
-
tags/2.2.0/admin/assets/js (added)
-
tags/2.2.0/admin/assets/js/admin.js (added)
-
tags/2.2.0/admin/assets/vendor (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/css (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/css/font-awesome.min.css (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/fonts (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/fonts/FontAwesome.otf (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/fonts/fontawesome-webfont.eot (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/fonts/fontawesome-webfont.svg (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff (added)
-
tags/2.2.0/admin/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2 (added)
-
tags/2.2.0/admin/assets/vendor/sweetalert2 (added)
-
tags/2.2.0/admin/assets/vendor/sweetalert2/css (added)
-
tags/2.2.0/admin/assets/vendor/sweetalert2/css/sweetalert2.min.css (added)
-
tags/2.2.0/admin/assets/vendor/sweetalert2/js (added)
-
tags/2.2.0/admin/assets/vendor/sweetalert2/js/core.js (added)
-
tags/2.2.0/admin/assets/vendor/sweetalert2/js/sweetalert2.min.js (added)
-
tags/2.2.0/admin/settings.php (added)
-
tags/2.2.0/assets (added)
-
tags/2.2.0/assets/css (added)
-
tags/2.2.0/assets/css/essential-addons-editor.css (added)
-
tags/2.2.0/assets/css/essential-addons-elementor.css (added)
-
tags/2.2.0/assets/img (added)
-
tags/2.2.0/assets/img/bg.jpg (added)
-
tags/2.2.0/assets/js (added)
-
tags/2.2.0/assets/js/countdown.min.js (added)
-
tags/2.2.0/assets/js/fancy-text.js (added)
-
tags/2.2.0/elements (added)
-
tags/2.2.0/elements/call-to-action (added)
-
tags/2.2.0/elements/call-to-action/call-to-action.php (added)
-
tags/2.2.0/elements/contact-form-7 (added)
-
tags/2.2.0/elements/contact-form-7/contact-form-7.php (added)
-
tags/2.2.0/elements/countdown (added)
-
tags/2.2.0/elements/countdown/countdown.php (added)
-
tags/2.2.0/elements/creative-button (added)
-
tags/2.2.0/elements/creative-button/creative-button.php (added)
-
tags/2.2.0/elements/dual-color-header (added)
-
tags/2.2.0/elements/dual-color-header/dual-color-header.php (added)
-
tags/2.2.0/elements/fancy-text (added)
-
tags/2.2.0/elements/fancy-text/fancy-text.php (added)
-
tags/2.2.0/elements/flipbox (added)
-
tags/2.2.0/elements/flipbox/flipbox.php (added)
-
tags/2.2.0/elements/infobox (added)
-
tags/2.2.0/elements/infobox/infobox.php (added)
-
tags/2.2.0/elements/post-grid (added)
-
tags/2.2.0/elements/post-grid/post-grid.php (added)
-
tags/2.2.0/elements/post-timeline (added)
-
tags/2.2.0/elements/post-timeline/post-timeline.php (added)
-
tags/2.2.0/elements/pricing-table (added)
-
tags/2.2.0/elements/pricing-table/pricing-table.php (added)
-
tags/2.2.0/elements/product-grid (added)
-
tags/2.2.0/elements/product-grid/product-grid.php (added)
-
tags/2.2.0/elements/team-members (added)
-
tags/2.2.0/elements/team-members/team-members.php (added)
-
tags/2.2.0/elements/testimonials (added)
-
tags/2.2.0/elements/testimonials/testimonials.php (added)
-
tags/2.2.0/elements/weforms (added)
-
tags/2.2.0/elements/weforms/weforms.php (added)
-
tags/2.2.0/essential_adons_elementor.php (added)
-
tags/2.2.0/includes (added)
-
tags/2.2.0/includes/elementor-helper.php (added)
-
tags/2.2.0/includes/queries.php (added)
-
tags/2.2.0/readme.txt (added)
-
trunk/admin/assets/css/admin.css (modified) (2 diffs)
-
trunk/admin/assets/js/admin.js (modified) (2 diffs)
-
trunk/admin/settings.php (modified) (3 diffs)
-
trunk/assets/css/essential-addons-elementor.css (modified) (28 diffs)
-
trunk/elements/call-to-action/call-to-action.php (modified) (9 diffs)
-
trunk/elements/dual-color-header/dual-color-header.php (modified) (7 diffs)
-
trunk/elements/flipbox/flipbox.php (modified) (3 diffs)
-
trunk/elements/infobox/infobox.php (modified) (7 diffs)
-
trunk/elements/pricing-table/pricing-table.php (modified) (15 diffs)
-
trunk/essential_adons_elementor.php (modified) (1 diff)
-
trunk/readme.txt (modified) (4 diffs)
Legend:
- Unmodified
- Added
- Removed
-
essential-addons-for-elementor-lite/trunk/admin/assets/css/admin.css
r1740124 r1750549 7 7 /* General Style */ 8 8 9 9 .eael-header-bar { 10 height: auto; 11 padding: 20px; 12 background: #fff; 13 border: 1px solid rgba( 0,0,0,0.1 ); 14 -webkit-display: flex; 15 display: flex; 16 -webkit-justify-content: flex-end; 17 justify-content: flex-end; 18 -webkit-align-items: center; 19 align-items: center; 20 } 21 .eael-header-bar .title { 22 font-size: 28px; 23 font-weight: 600; 24 margin: 0px; 25 line-height: 1; 26 } 27 28 .eael-header-left, 29 .eael-header-right { 30 -webkit-flex-grow: 1; 31 flex-grow: 1; 32 } 33 .eael-header-right { 34 text-align: right; 35 } 10 36 .eael-settings-tabs { 11 37 padding-top: 15px; … … 292 318 } 293 319 320 /* Header Button */ 321 .eael-header-bar .eael-btn { 322 background-color: #3CCD94; 323 } 324 .eael-header-bar .eael-btn:hover, .eael-header-bar .eael-btn:focus { 325 background-color: #02CC7B; 326 } 327 .eael-save-btn-wrap .eael-btn.save-now, 328 .eael-header-bar .eael-btn.save-now { 329 background: #E74C3C; 330 } 331 .eael-save-btn-wrap .eael-btn.save-now:hover, 332 .eael-header-bar .eael-btn.save-now:hover { 333 background: #ff5544; 334 } -
essential-addons-for-elementor-lite/trunk/admin/assets/js/admin.js
r1746620 r1750549 19 19 $('.eael-settings-tabs ul li a').click(function () { 20 20 var tabUrl = $(this).attr( 'href' ); 21 window.location.hash = tabUrl;22 return false;21 window.location.hash = tabUrl; 22 $('html, body').scrollTop(tabUrl); 23 23 }); 24 25 // Save Button reacting on any changes 26 var headerSaveBtn = $( '.eael-header-bar .eael-btn' ); 27 var footerSaveBtn = $( '.eael-save-btn-wrap .eael-btn' ); 28 $('.eael-checkbox input[type="checkbox"]').on( 'click', function() { 29 headerSaveBtn.addClass( 'save-now' ); 30 footerSaveBtn.addClass( 'save-now' ); 31 } ); 24 32 25 33 // Saving Data With Ajax Request … … 75 83 'success' 76 84 ); 85 headerSaveBtn.removeClass( 'save-now' ); 86 footerSaveBtn.removeClass( 'save-now' ); 77 87 }, 78 88 error: function() { -
essential-addons-for-elementor-lite/trunk/admin/settings.php
r1746620 r1750549 113 113 ?> 114 114 <div class="wrap"> 115 <h2><?php _e( 'Essential Elementor Addon Settings', 'essential-addons-elementor' ); ?></h2> <hr> 116 <div class="response-wrap"></div> 115 <div class="response-wrap"></div> 117 116 <form action="" method="POST" id="eael-settings" name="eael-settings"> 117 <div class="eael-header-bar"> 118 <div class="eael-header-left"> 119 <h4 class="title"><?php _e( 'Essential Addons Settings', 'essential-addons-elementor' ); ?></h4> 120 </div> 121 <div class="eael-header-right"> 122 <input type="submit" value="Save settings" class="button eael-btn"/> 123 </div> 124 </div> 118 125 <div class="eael-settings-tabs"> 119 126 <ul> … … 276 283 <div class="premium-elements-title"> 277 284 <img src="<?php echo plugins_url( '/', __FILE__ ).'assets/images/lock-icon.png'; ?>"> 278 <h 2 class="section-title">Premium Elements</h2>285 <h4 class="section-title">Premium Elements</h4> 279 286 </div> 280 287 <table class="form-table"> … … 483 490 484 491 new Eael_Admin_Settings(); 485 486 487 488 -
essential-addons-for-elementor-lite/trunk/assets/css/essential-addons-elementor.css
r1746620 r1750549 3 3 */ 4 4 5 .clearfix::before, .clearfix::after { 6 content: " "; 7 display: table; 8 clear: both; 9 } 10 11 5 .clearfix::before, 6 .clearfix::after { 7 content: " "; 8 display: table; 9 clear: both; 10 } 12 11 /* Common Styles for slider elements */ 13 12 14 .eael-testimonial-slider .slick-prev, .eael-testimonial-slider .slick-next, 15 .eael-team-slider .slick-prev, .eael-team-slider .slick-next, 16 .eael-logo-carousel .slick-prev, .eael-logo-carousel .slick-next, 17 .eael-post-carousel .slick-prev, .eael-post-carousel .slick-next, 18 .eael-product-carousel .slick-prev, .eael-product-carousel .slick-next { 19 border-radius: 3px; 20 height: 30px; 21 position: absolute; 22 text-shadow: none; 23 top: calc(50% - 15px); 24 width: 30px; 25 } 26 27 .eael-testimonial-slider .slick-prev::before, .eael-testimonial-slider .slick-next::before, 28 .eael-logo-carousel .slick-prev::before, .eael-logo-carousel .slick-next::before, 29 .eael-team-slider .slick-prev::before, .eael-team-slider .slick-next::before, 30 .eael-post-carousel .slick-prev::before, .eael-post-carousel .slick-next::before, 31 .eael-product-carousel .slick-prev::before, .eael-product-carousel .slick-next::before { 32 font-family: "FontAwesome"; 33 font-size: 20px; 34 opacity: 0.75; 35 text-align: center; 36 } 37 38 .eael-testimonial-slider .slick-prev:hover::before, .eael-testimonial-slider .slick-next:hover::before, 39 .eael-logo-carousel .slick-prev:hover::before, .eael-logo-carousel .slick-next:hover::before, 40 .eael-team-slider .slick-prev:hover::before, .eael-team-slider .slick-next:hover::before, 41 .eael-post-carousel .slick-prev:hover::before, .eael-post-carousel .slick-next:hover::before, 42 .eael-product-carousel .slick-prev:hover::before, .eael-product-carousel .slick-next:hover::before { 43 opacity: 1; 44 } 45 13 .eael-testimonial-slider .slick-prev, 14 .eael-testimonial-slider .slick-next, 15 .eael-team-slider .slick-prev, 16 .eael-team-slider .slick-next, 17 .eael-logo-carousel .slick-prev, 18 .eael-logo-carousel .slick-next, 19 .eael-post-carousel .slick-prev, 20 .eael-post-carousel .slick-next, 21 .eael-product-carousel .slick-prev, 22 .eael-product-carousel .slick-next { 23 border-radius: 3px; 24 height: 30px; 25 position: absolute; 26 text-shadow: none; 27 top: calc(50% - 15px); 28 width: 30px; 29 } 30 .eael-testimonial-slider .slick-prev::before, 31 .eael-testimonial-slider .slick-next::before, 32 .eael-logo-carousel .slick-prev::before, 33 .eael-logo-carousel .slick-next::before, 34 .eael-team-slider .slick-prev::before, 35 .eael-team-slider .slick-next::before, 36 .eael-post-carousel .slick-prev::before, 37 .eael-post-carousel .slick-next::before, 38 .eael-product-carousel .slick-prev::before, 39 .eael-product-carousel .slick-next::before { 40 font-family: "FontAwesome"; 41 font-size: 20px; 42 opacity: 0.75; 43 text-align: center; 44 } 45 .eael-testimonial-slider .slick-prev:hover::before, 46 .eael-testimonial-slider .slick-next:hover::before, 47 .eael-logo-carousel .slick-prev:hover::before, 48 .eael-logo-carousel .slick-next:hover::before, 49 .eael-team-slider .slick-prev:hover::before, 50 .eael-team-slider .slick-next:hover::before, 51 .eael-post-carousel .slick-prev:hover::before, 52 .eael-post-carousel .slick-next:hover::before, 53 .eael-product-carousel .slick-prev:hover::before, 54 .eael-product-carousel .slick-next:hover::before { 55 opacity: 1; 56 } 46 57 .eael-testimonial-slider .slick-prev::before, 47 58 .eael-logo-carousel .slick-prev::before, … … 49 60 .eael-post-carousel .slick-prev::before, 50 61 .eael-product-carousel .slick-prev::before { 51 content: "\f104"; 52 padding-right: 3px; 53 } 54 62 content: "\f104"; 63 padding-right: 3px; 64 } 55 65 .eael-testimonial-slider .slick-next::before, 56 66 .eael-logo-carousel .slick-next::before, … … 58 68 .eael-post-carousel .slick-next::before, 59 69 .eael-product-carousel .slick-next::before { 60 content: "\f105"; 61 padding-left: 4px; 62 } 63 70 content: "\f105"; 71 padding-left: 4px; 72 } 64 73 .eael-testimonial-slider .slick-dots li button::before, 65 74 .eael-logo-carousel .slick-dots li button::before, … … 67 76 .eael-post-carousel .slick-dots li button::before, 68 77 .eael-product-carousel .slick-dots li button::before { 69 font-size: 12px; 70 opacity: 0.5; 71 } 72 78 font-size: 12px; 79 opacity: 0.5; 80 } 73 81 .eael-testimonial-slider .slick-dots li.slick-active button::before, 74 82 .eael-logo-carousel .slick-dots li.slick-active button::before, … … 76 84 .eael-post-carousel .slick-dots li.slick-active button::before, 77 85 .eael-product-carousel .slick-dots li.slick-active button::before { 78 font-size: 18px; 79 opacity: 1; 80 } 81 86 font-size: 18px; 87 opacity: 1; 88 } 82 89 .eael-testimonial-slider .slick-prev, 83 90 .eael-team-slider .slick-prev, … … 85 92 .eael-post-carousel .slick-prev, 86 93 .eael-product-carousel .slick-prev { 87 left: -50px; 88 } 89 94 left: -50px; 95 } 90 96 .eael-testimonial-slider .slick-next, 91 97 .eael-team-slider .slick-next, … … 93 99 .eael-post-carousel .slick-next, 94 100 .eael-product-carousel .slick-next { 95 right: -50px; 96 } 97 98 101 right: -50px; 102 } 99 103 .eael-testimonial-slider.nav-top-left .slick-prev, 100 104 .eael-team-slider.nav-top-left .slick-prev, … … 102 106 .eael-post-carousel.nav-top-left .slick-prev, 103 107 .eael-product-carousel.nav-top-left .slick-prev { 104 left: 10px; 105 top: 20px; 106 } 107 108 left: 10px; 109 top: 20px; 110 } 108 111 .eael-testimonial-slider.nav-top-left .slick-next, 109 112 .eael-team-slider.nav-top-left .slick-next, … … 111 114 .eael-post-carousel.nav-top-left .slick-next, 112 115 .eael-product-carousel.nav-top-left .slick-next { 113 left: 45px; 114 top: 20px; 115 } 116 116 left: 45px; 117 top: 20px; 118 } 117 119 .eael-testimonial-slider.nav-top-right .slick-prev, 118 120 .eael-team-slider.nav-top-right .slick-prev, … … 120 122 .eael-post-carousel.nav-top-right .slick-prev, 121 123 .eael-product-carousel.nav-top-right .slick-prev { 122 left: auto; 123 right: 45px; 124 top: 20px; 125 } 126 124 left: auto; 125 right: 45px; 126 top: 20px; 127 } 127 128 .eael-testimonial-slider.nav-top-right .slick-next, 128 129 .eael-team-slider.nav-top-right .slick-next, … … 130 131 .eael-post-carousel.nav-top-right .slick-next, 131 132 .eael-product-carousel.nav-top-right .slick-next { 132 left: auto; 133 right: 10px; 134 top: 20px; 135 } 136 137 .eael-testimonial-slider.nav-top-left, .eael-testimonial-slider.nav-top-right, 138 .eael-team-slider.nav-top-left, .eael-team-slider.nav-top-right, 139 .eael-logo-carousel.nav-top-left, .eael-logo-carousel.nav-top-right, 140 .eael-post-carousel.nav-top-left, .eael-post-carousel.nav-top-right, 141 .eael-product-carousel.nav-top-left, .eael-product-carousel.nav-top-right { 142 padding-top: 40px; 143 } 144 133 left: auto; 134 right: 10px; 135 top: 20px; 136 } 137 .eael-testimonial-slider.nav-top-left, 138 .eael-testimonial-slider.nav-top-right, 139 .eael-team-slider.nav-top-left, 140 .eael-team-slider.nav-top-right, 141 .eael-logo-carousel.nav-top-left, 142 .eael-logo-carousel.nav-top-right, 143 .eael-post-carousel.nav-top-left, 144 .eael-post-carousel.nav-top-right, 145 .eael-product-carousel.nav-top-left, 146 .eael-product-carousel.nav-top-right { 147 padding-top: 40px; 148 } 145 149 .eael-testimonial-slider .slick-dots, 146 150 .eael-team-slider .slick-dots, … … 148 152 .eael-post-carousel .slick-dots, 149 153 .eael-product-carousel .slick-dots { 150 bottom: -40px; 151 } 152 154 bottom: -40px; 155 } 153 156 .eael-testimonial-slider .slick-dotted.slick-slider, 154 157 .eael-team-slider .slick-dotted.slick-slider, 155 158 .eael-logo-carousel .slick-dotted.slick-slider, 156 159 .eael-post-carousel .slick-dotted.slick-slider, 157 .eael-product-carousel .slick-dotted.slick-slider{ 158 margin-bottom: 30px; 159 } 160 160 .eael-product-carousel .slick-dotted.slick-slider { 161 margin-bottom: 30px; 162 } 161 163 /* 162 164 ==== FANCY TEXT STYLES ====== 163 165 */ 166 164 167 .eael-fancy-text-strings { 165 display:inline-block;166 }167 168 .morphext > .animated {169 168 display: inline-block; 170 169 } 171 170 .morphext>.animated { 171 display: inline-block; 172 } 172 173 .typed-cursor { 173 opacity: 1; 174 -webkit-animation: blink_cursor 0.7s infinite; 175 -moz-animation: blink_cursor 0.7s infinite; 176 animation: blink_cursor 0.7s infinite; 177 } 178 @keyframes blink_cursor{ 179 0% { opacity:1; } 180 50% { opacity:0; } 181 100% { opacity:1; } 182 } 183 @-webkit-keyframes blink_cursor{ 184 0% { opacity:1; } 185 50% { opacity:0; } 186 100% { opacity:1; } 187 } 188 @-moz-keyframes blink_cursor{ 189 0% { opacity:1; } 190 50% { opacity:0; } 191 100% { opacity:1; } 192 } 193 194 195 174 opacity: 1; 175 -webkit-animation: blink_cursor 0.7s infinite; 176 -moz-animation: blink_cursor 0.7s infinite; 177 animation: blink_cursor 0.7s infinite; 178 } 179 @keyframes blink_cursor { 180 0% { 181 opacity: 1; 182 } 183 50% { 184 opacity: 0; 185 } 186 100% { 187 opacity: 1; 188 } 189 } 190 @-webkit-keyframes blink_cursor { 191 0% { 192 opacity: 1; 193 } 194 50% { 195 opacity: 0; 196 } 197 100% { 198 opacity: 1; 199 } 200 } 201 @-moz-keyframes blink_cursor { 202 0% { 203 opacity: 1; 204 } 205 50% { 206 opacity: 0; 207 } 208 100% { 209 opacity: 1; 210 } 211 } 196 212 /* Creative Button styles */ 197 213 198 214 .eael-creative-button-align-center { 199 text-align: center; 200 } 201 215 text-align: center; 216 } 202 217 .eael-creative-button-align-center .eael-creative-button { 203 float: none; 204 display: inline-block; 205 } 206 218 float: none; 219 display: inline-block; 220 } 207 221 .eael-creative-button-align-left .eael-creative-button { 208 float: left;222 float: left; 209 223 } 210 224 .eael-creative-button-align-right .eael-creative-button { 211 float: right;225 float: right; 212 226 } 213 227 .eael-creative-button-align-justify .eael-creative-button { 214 display: block; 215 float: none; 216 } 217 228 display: block; 229 float: none; 230 } 218 231 .eael-creative-button { 219 float: left;220 min-width: 150px;221 text-align: center;222 vertical-align: middle;223 position: relative;224 z-index: 1;225 -webkit-backface-visibility: hidden;226 -moz-osx-font-smoothing: grayscale;232 float: left; 233 min-width: 150px; 234 text-align: center; 235 vertical-align: middle; 236 position: relative; 237 z-index: 1; 238 -webkit-backface-visibility: hidden; 239 -moz-osx-font-smoothing: grayscale; 227 240 } 228 241 .eael-creative-button:focus { 229 outline: none; 230 } 231 .eael-creative-button > span { 232 vertical-align: middle; 233 } 234 242 outline: none; 243 } 244 .eael-creative-button>span { 245 vertical-align: middle; 246 } 235 247 .eael-creative-button { 236 border-radius: 2px; 237 padding: 20px 30px; 238 font-size: 16px; 239 line-height: 1; 240 } 241 248 border-radius: 2px; 249 padding: 20px 30px; 250 font-size: 16px; 251 line-height: 1; 252 } 242 253 /* Individual eael-creative-button styles */ 243 244 254 /* Winona */ 255 245 256 .eael-creative-button--winona { 246 overflow: hidden;247 padding: 0!important;248 -webkit-transition: border-color 0.3s, background-color 0.3s;249 transition: border-color 0.3s, background-color 0.3s;250 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);251 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);257 overflow: hidden; 258 padding: 0!important; 259 -webkit-transition: border-color 0.3s, background-color 0.3s; 260 transition: border-color 0.3s, background-color 0.3s; 261 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 262 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 252 263 } 253 264 .eael-creative-button--winona::after { 254 content: attr(data-text);255 position: absolute;256 width: 100%;257 height: 100%;258 top: 0;259 left: 0;260 opacity: 0;261 -webkit-transform: translate3d(0, 25%, 0);262 transform: translate3d(0, 25%, 0);263 } 264 .eael-creative-button--winona >span {265 display: block;265 content: attr(data-text); 266 position: absolute; 267 width: 100%; 268 height: 100%; 269 top: 0; 270 left: 0; 271 opacity: 0; 272 -webkit-transform: translate3d(0, 25%, 0); 273 transform: translate3d(0, 25%, 0); 274 } 275 .eael-creative-button--winona>span { 276 display: block; 266 277 } 267 278 .eael-creative-button--winona::after, 268 .eael-creative-button--winona >span {269 padding: 1em 2em;270 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;271 transition: transform 0.3s, opacity 0.3s;272 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);273 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);279 .eael-creative-button--winona>span { 280 padding: 1em 2em; 281 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 282 transition: transform 0.3s, opacity 0.3s; 283 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 284 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 274 285 } 275 286 .eael-creative-button--winona:hover::after { 276 opacity: 1; 277 -webkit-transform: translate3d(0, 0, 0); 278 transform: translate3d(0, 0, 0); 279 } 280 .eael-creative-button--winona:hover > span { 281 opacity: 0; 282 -webkit-transform: translate3d(0, -25%, 0); 283 transform: translate3d(0, -25%, 0); 284 } 285 287 opacity: 1; 288 -webkit-transform: translate3d(0, 0, 0); 289 transform: translate3d(0, 0, 0); 290 } 291 .eael-creative-button--winona:hover>span { 292 opacity: 0; 293 -webkit-transform: translate3d(0, -25%, 0); 294 transform: translate3d(0, -25%, 0); 295 } 286 296 /* Ujarak */ 297 287 298 .eael-creative-button--ujarak { 288 -webkit-transition: border-color 0.4s, color 0.4s; 289 transition: border-color 0.4s, color 0.4s; 290 } 291 299 -webkit-transition: border-color 0.4s, color 0.4s; 300 transition: border-color 0.4s, color 0.4s; 301 } 292 302 .eael-creative-button--ujarak::before { 293 content: ''; 294 position: absolute; 295 top: 0; 296 left: 0; 297 width: 100%; 298 height: 100%; 299 z-index: -1; 300 opacity: 0; 301 -webkit-transform: scale3d(0.7, 1, 1); 302 transform: scale3d(0.7, 1, 1); 303 -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; 304 transition: transform 0.4s, opacity 0.4s; 305 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 306 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 307 } 308 303 content: ''; 304 position: absolute; 305 top: 0; 306 left: 0; 307 width: 100%; 308 height: 100%; 309 z-index: -1; 310 opacity: 0; 311 -webkit-transform: scale3d(0.7, 1, 1); 312 transform: scale3d(0.7, 1, 1); 313 -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; 314 transition: transform 0.4s, opacity 0.4s; 315 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 316 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 317 } 309 318 .eael-creative-button--ujarak, 310 319 .eael-creative-button--ujarak::before { 311 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 312 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 313 } 314 320 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 321 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 322 } 315 323 .eael-creative-button--ujarak:hover::before { 316 opacity: 1; 317 -webkit-transform: translate3d(0, 0, 0); 318 transform: translate3d(0, 0, 0); 319 } 320 324 opacity: 1; 325 -webkit-transform: translate3d(0, 0, 0); 326 transform: translate3d(0, 0, 0); 327 } 321 328 /* Wayra */ 329 322 330 .eael-creative-button--wayra { 323 overflow: hidden;324 -webkit-transition: border-color 0.3s, color 0.3s;325 transition: border-color 0.3s, color 0.3s;326 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);327 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);331 overflow: hidden; 332 -webkit-transition: border-color 0.3s, color 0.3s; 333 transition: border-color 0.3s, color 0.3s; 334 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 335 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 328 336 } 329 337 .eael-creative-button--wayra::before { 330 content: ''; 331 position: absolute; 332 top: 0; 333 left: 0; 334 width: 150%; 335 height: 100%; 336 z-index: -1; 337 -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); 338 transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); 339 -webkit-transform-origin: 0% 100%; 340 transform-origin: 0% 100%; 341 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; 342 transition: transform 0.3s, opacity 0.3s, background-color 0.3s; 343 } 344 338 content: ''; 339 position: absolute; 340 top: 0; 341 left: 0; 342 width: 150%; 343 height: 100%; 344 z-index: -1; 345 -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); 346 transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); 347 -webkit-transform-origin: 0% 100%; 348 transform-origin: 0% 100%; 349 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; 350 transition: transform 0.3s, opacity 0.3s, background-color 0.3s; 351 } 345 352 .eael-creative-button--wayra:hover::before { 346 opacity: 1; 347 -webkit-transform: rotate3d(0, 0, 1, 0deg); 348 transform: rotate3d(0, 0, 1, 0deg); 349 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 350 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 351 } 352 353 opacity: 1; 354 -webkit-transform: rotate3d(0, 0, 1, 0deg); 355 transform: rotate3d(0, 0, 1, 0deg); 356 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 357 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 358 } 353 359 /* Tamaya */ 354 360 355 361 .eael-creative-button--tamaya { 356 overflow: hidden; 357 } 358 362 overflow: hidden; 363 } 359 364 .eael-creative-button--tamaya::before, 360 365 .eael-creative-button--tamaya::after { 361 content: attr(data-text); 362 position: absolute; 363 width: 100%; 364 height: 50%; 365 left: 0; 366 overflow: hidden; 367 -webkit-transition: -webkit-transform 0.3s; 368 transition: transform 0.3s; 369 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 370 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 371 } 372 366 content: attr(data-text); 367 position: absolute; 368 width: 100%; 369 height: 50%; 370 left: 0; 371 overflow: hidden; 372 -webkit-transition: -webkit-transform 0.3s; 373 transition: transform 0.3s; 374 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 375 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 376 } 373 377 .eael-creative-button--tamaya::before { 374 top: 0; 375 padding: 20px 30px; 376 } 377 378 top: 0; 379 padding: 20px 30px; 380 } 378 381 .eael-creative-button--tamaya::after { 379 bottom: 0;380 line-height: 0;382 bottom: 0; 383 line-height: 0; 381 384 } 382 385 .eael-creative-button--tamaya:hover::after { 383 bottom: -1px;384 } 385 .eael-creative-button--tamaya >span {386 display: block;387 -webkit-transform: scale3d(0.2, 0.2, 1);388 transform: scale3d(0.2, 0.2, 1);389 opacity: 0;390 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;391 transition: transform 0.3s, opacity 0.3s;392 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);393 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);386 bottom: -1px; 387 } 388 .eael-creative-button--tamaya>span { 389 display: block; 390 -webkit-transform: scale3d(0.2, 0.2, 1); 391 transform: scale3d(0.2, 0.2, 1); 392 opacity: 0; 393 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 394 transition: transform 0.3s, opacity 0.3s; 395 -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 396 transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 394 397 } 395 398 .eael-creative-button--tamaya:hover::before { 396 -webkit-transform: translate3d(0, -100%, 0);397 transform: translate3d(0, -100%, 0);399 -webkit-transform: translate3d(0, -100%, 0); 400 transform: translate3d(0, -100%, 0); 398 401 } 399 402 .eael-creative-button--tamaya:hover::after { 400 -webkit-transform: translate3d(0, 100%, 0); 401 transform: translate3d(0, 100%, 0); 402 } 403 .eael-creative-button--tamaya:hover > span { 404 opacity: 1; 405 -webkit-transform: scale3d(1, 1, 1); 406 transform: scale3d(1, 1, 1); 407 } 408 403 -webkit-transform: translate3d(0, 100%, 0); 404 transform: translate3d(0, 100%, 0); 405 } 406 .eael-creative-button--tamaya:hover>span { 407 opacity: 1; 408 -webkit-transform: scale3d(1, 1, 1); 409 transform: scale3d(1, 1, 1); 410 } 409 411 /* Rayen */ 412 410 413 .eael-creative-button--rayen { 411 overflow: hidden; 412 padding: 0!important; 413 } 414 414 overflow: hidden; 415 padding: 0!important; 416 } 415 417 .eael-creative-button--rayen::before { 416 content: attr(data-text); 417 position: absolute; 418 top: 0; 419 left: 0; 420 width: 100%; 421 height: 100%; 422 -webkit-transform: translate3d(-100%, 0, 0); 423 transform: translate3d(-100%, 0, 0); 424 } 425 426 .eael-creative-button--rayen > span { 427 display: block; 418 content: attr(data-text); 419 position: absolute; 420 top: 0; 421 left: 0; 422 width: 100%; 423 height: 100%; 424 -webkit-transform: translate3d(-100%, 0, 0); 425 transform: translate3d(-100%, 0, 0); 426 } 427 .eael-creative-button--rayen>span { 428 display: block; 428 429 } 429 430 .eael-creative-button--rayen::before, 430 .eael-creative-button--rayen >span {431 padding: 1em 2em;432 -webkit-transition: -webkit-transform 0.3s;433 transition: transform 0.3s;434 -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);435 transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);431 .eael-creative-button--rayen>span { 432 padding: 1em 2em; 433 -webkit-transition: -webkit-transform 0.3s; 434 transition: transform 0.3s; 435 -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); 436 transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); 436 437 } 437 438 .eael-creative-button--rayen:hover::before { 438 -webkit-transform: translate3d(0, 0, 0); 439 transform: translate3d(0, 0, 0); 440 } 441 .eael-creative-button--rayen:hover > span { 442 -webkit-transform: translate3d(0, 100%, 0); 443 transform: translate3d(0, 100%, 0); 444 } 445 439 -webkit-transform: translate3d(0, 0, 0); 440 transform: translate3d(0, 0, 0); 441 } 442 .eael-creative-button--rayen:hover>span { 443 -webkit-transform: translate3d(0, 100%, 0); 444 transform: translate3d(0, 100%, 0); 445 } 446 446 /* Countdown Styles */ 447 447 448 448 .eael-countdown-items { 449 list-style: none; 450 margin: 0; 451 padding: 0; 452 display: table; 453 table-layout: fixed; 454 width: 100%; 455 } 456 457 .eael-countdown-items > li { 458 list-style: none; 459 margin: 0; 460 padding: 0; 461 display: table-cell; 462 position: relative; 463 } 464 465 .eael-countdown-item > div { 466 text-align: center; 467 padding: 20px; 468 } 469 470 .eael-countdown-label-block .eael-countdown-digits, .eael-countdown-label-block .eael-countdown-label { 471 display: block; 472 text-align: center; 473 } 474 449 list-style: none; 450 margin: 0; 451 padding: 0; 452 display: table; 453 table-layout: fixed; 454 width: 100%; 455 } 456 .eael-countdown-items>li { 457 list-style: none; 458 margin: 0; 459 padding: 0; 460 display: table-cell; 461 position: relative; 462 } 463 .eael-countdown-item>div { 464 text-align: center; 465 padding: 20px; 466 } 467 .eael-countdown-label-block .eael-countdown-digits, 468 .eael-countdown-label-block .eael-countdown-label { 469 display: block; 470 text-align: center; 471 } 475 472 .eael-countdown-digits { 476 font-size: 54px; 477 line-height: 1; 478 } 479 473 font-size: 54px; 474 line-height: 1; 475 } 480 476 .eael-countdown-label { 481 font-size: 18px; 482 line-height: 1; 483 } 484 477 font-size: 18px; 478 line-height: 1; 479 } 485 480 .eael-countdown-show-separator .eael-countdown-digits::after { 486 content: ":"; 487 position: absolute; 488 left: 98%; 489 z-index: 9999; 490 } 491 481 content: ":"; 482 position: absolute; 483 left: 98%; 484 z-index: 9999; 485 } 492 486 .eael-countdown-item:last-child .eael-countdown-digits::after { 493 display: none; 494 } 495 496 487 display: none; 488 } 497 489 /* Post Timeline Styles */ 498 490 … … 503 495 position: relative; 504 496 } 505 506 497 .eael-timeline-column { 507 width: 50%; 508 margin-left: 0; 509 float: left; 510 margin-top: 0 !important; 511 } 512 498 width: 50%; 499 margin-left: 0; 500 float: left; 501 margin-top: 0 !important; 502 } 513 503 .eael-timeline-post { 514 504 position: relative; … … 589 579 width: 0; 590 580 } 591 592 581 .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after { 593 border-left-color: transparent !important; 594 } 595 582 border-left-color: transparent !important; 583 } 596 584 .eael-timeline-post p { 597 585 margin: 1.6rem 0 0 0; … … 694 682 opacity: 1; 695 683 } 696 697 684 .eael-timeline-post::after { 698 height: 100%; 699 } 700 685 height: 100%; 686 } 701 687 .eael-post-timeline .eael-timeline-post:nth-last-child(2)::after { 702 height: 245px; 703 } 704 688 height: 245px; 689 } 705 690 .eael-post-timeline .eael-timeline-post:last-child::after { 706 display: none; 707 } 708 691 display: none; 692 } 709 693 /* Responsive Style for Post Timeline */ 710 694 … … 806 790 } 807 791 } 808 809 792 /* Team Members Styles */ 810 793 811 812 794 .eael-team-item { 813 overflow: hidden; 814 position: relative; 815 } 816 795 overflow: hidden; 796 position: relative; 797 } 817 798 .team-avatar-rounded figure img { 818 border-radius: 50%; 819 height: auto; 820 } 821 .eael-team-image > figure { 822 margin: 0; 823 padding: 0; 824 } 825 826 .eael-team-image > figure img { 827 display: block; 828 margin: 0 auto; 829 } 830 799 border-radius: 50%; 800 height: auto; 801 } 802 .eael-team-image>figure { 803 margin: 0; 804 padding: 0; 805 } 806 .eael-team-image>figure img { 807 display: block; 808 margin: 0 auto; 809 } 831 810 .eael-team-item .eael-team-content { 832 padding: 10px; 833 } 834 811 padding: 10px; 812 } 835 813 .eael-team-item .eael-team-member-name { 836 font-size: 20px; 837 font-weight: bold; 838 letter-spacing: 0.05em; 839 margin: 5px 0; 840 text-transform: uppercase; 841 } 842 814 font-size: 20px; 815 font-weight: bold; 816 letter-spacing: 0.05em; 817 margin: 5px 0; 818 text-transform: uppercase; 819 } 843 820 .eael-team-item .eael-team-member-position { 844 font-size: 14px; 845 font-weight: normal; 846 letter-spacing: 0.05em; 847 margin: 5px 0 10px; 848 text-transform: uppercase; 849 } 850 851 .eael-team-item .eael-team-content, 821 font-size: 14px; 822 font-weight: normal; 823 letter-spacing: 0.05em; 824 margin: 5px 0 10px; 825 text-transform: uppercase; 826 } 827 .eael-team-item .eael-team-content, 852 828 .eael-team-item .eael-team-content .eael-team-text { 853 font-size: 14px; 854 line-height: 1.5; 855 } 856 857 .eael-team-content > ul { 858 margin: 0; 859 padding: 0; 860 } 861 829 font-size: 14px; 830 line-height: 1.5; 831 } 832 .eael-team-content>ul { 833 margin: 0; 834 padding: 0; 835 } 862 836 .eael-team-content li { 863 display: inline-block; 864 list-style: outside none none; 865 margin-right: 10px; 866 text-align: center; 867 } 868 837 display: inline-block; 838 list-style: outside none none; 839 margin-right: 10px; 840 text-align: center; 841 } 869 842 .eael-team-content li a { 870 font-size: 2.5rem;843 font-size: 2.5rem; 871 844 } 872 845 .eael-team-align-left .eael-team-item .eael-team-member-name, … … 875 848 .eael-team-align-left .eael-team-item .eael-team-content p, 876 849 .eael-team-align-left .eael-team-item .eael-team-content ul, 877 .eael-team-align-left .eael-team-item .eael-team-content li {878 text-align: left;850 .eael-team-align-left .eael-team-item .eael-team-content li { 851 text-align: left; 879 852 } 880 853 .eael-team-align-right .eael-team-item .eael-team-member-name, … … 883 856 .eael-team-align-right .eael-team-item .eael-team-content p, 884 857 .eael-team-align-right .eael-team-item .eael-team-content ul, 885 .eael-team-align-right .eael-team-item .eael-team-content li {886 text-align: right;858 .eael-team-align-right .eael-team-item .eael-team-content li { 859 text-align: right; 887 860 } 888 861 .eael-team-align-centered .eael-team-item .eael-team-member-name, … … 891 864 .eael-team-align-centered .eael-team-item .eael-team-content p, 892 865 .eael-team-align-centered .eael-team-item .eael-team-content ul, 893 .eael-team-align-centered .eael-team-item .eael-team-content li{ 894 text-align: center; 895 } 896 866 .eael-team-align-centered .eael-team-item .eael-team-content li { 867 text-align: center; 868 } 897 869 .eael-team-item.eael-team-members-overlay .eael-team-content { 898 bottom: 10px; 899 left: 10px; 900 margin-bottom: 0; 901 padding-top: 15%; 902 opacity: 0; 903 overflow: hidden; 904 text-overflow: ellipsis; 905 position: absolute; 906 right: 10px; 907 top: 10px; 908 -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 909 transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 910 } 911 912 .eael-team-item.eael-team-members-overlay:hover .eael-team-content { 913 opacity: 1; 914 } 915 916 .eael-team-member-social-link > a { 917 display: inline-block; 918 -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; 919 transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; 920 } 921 .eael-team-member-social-link > a:focus { 922 outline: none; 923 } 924 925 870 bottom: 10px; 871 left: 10px; 872 margin-bottom: 0; 873 padding-top: 15%; 874 opacity: 0; 875 overflow: hidden; 876 text-overflow: ellipsis; 877 position: absolute; 878 right: 10px; 879 top: 10px; 880 -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 881 transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 882 } 883 .eael-team-item.eael-team-members-overlay:hover .eael-team-content { 884 opacity: 1; 885 } 886 .eael-team-member-social-link>a { 887 display: inline-block; 888 -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; 889 transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; 890 } 891 .eael-team-member-social-link>a:focus { 892 outline: none; 893 } 926 894 /* Testimonials Styles */ 927 895 928 896 .eael-testimonial-slider { 929 position: relative; 930 } 931 897 position: relative; 898 } 932 899 /* Default styles */ 933 900 934 901 .eael-testimonial-image img { 935 max-width: 100%; 936 } 937 902 max-width: 100%; 903 } 938 904 .eael-testimonial-image { 939 padding: 10px 10px 10px 20px; 940 } 941 942 .eael-testimonial-image > figure { 943 display: block; 944 margin: 0; 945 } 946 905 padding: 10px 10px 10px 20px; 906 } 907 .eael-testimonial-image>figure { 908 display: block; 909 margin: 0; 910 } 947 911 .testimonial-avatar-rounded figure img { 948 border-radius: 50%; 949 height: auto; 950 } 951 912 border-radius: 50%; 913 height: auto; 914 } 952 915 .eael-testimonial-content { 953 margin: 0; 954 padding: 10px 20px 50px; 955 } 956 957 .eael-testimonial-item > figure { 958 margin: 0 auto; 959 padding: 0 20px; 960 } 961 916 margin: 0; 917 padding: 10px 20px 50px; 918 } 919 .eael-testimonial-item>figure { 920 margin: 0 auto; 921 padding: 0 20px; 922 } 962 923 .eael-testimonial-item .center-text { 963 924 text-align: center; … … 972 933 text-align: justify; 973 934 } 974 975 976 935 /* Default aligned */ 977 936 978 937 .eael-testimonial-content .eael-testimonial-text { 979 font-size: 100%; 980 font-style: italic; 981 line-height: 1.5; 982 margin-bottom: 10px; 983 } 984 938 font-size: 100%; 939 font-style: italic; 940 line-height: 1.5; 941 margin-bottom: 10px; 942 } 985 943 .eael-testimonial-content .eael-testimonial-user { 986 float: left; 987 font-family: inherit; 988 font-size: 105%; 989 font-style: italic; 990 font-weight: normal; 991 line-height: 1.5; 992 margin-bottom: 0; 993 margin-right: 5px; 994 } 995 944 float: left; 945 font-family: inherit; 946 font-size: 105%; 947 font-style: italic; 948 font-weight: normal; 949 line-height: 1.5; 950 margin-bottom: 0; 951 margin-right: 5px; 952 } 996 953 .eael-testimonial-content .eael-testimonial-user-company { 997 float: left; 998 font-family: inherit; 999 font-size: 90%; 1000 font-style: italic; 1001 font-weight: lighter; 1002 line-height: 1.75; 1003 margin-bottom: 0; 1004 margin-top: 1px; 1005 } 1006 1007 .eael-testimonial-image { 1008 position: relative; 1009 } 1010 954 float: left; 955 font-family: inherit; 956 font-size: 90%; 957 font-style: italic; 958 font-weight: lighter; 959 line-height: 1.75; 960 margin-bottom: 0; 961 margin-top: 1px; 962 } 963 .eael-testimonial-image { 964 position: relative; 965 } 1011 966 .eael-testimonial-image .eael-testimonial-quote::after { 1012 color: inherit!important; 1013 content: "\f10e"; 1014 font-family: "FontAwesome"; 1015 font-size: 200%; 1016 position: absolute; 1017 right: 20px; 1018 top: 10px; 1019 } 1020 1021 967 color: inherit!important; 968 content: "\f10e"; 969 font-family: "FontAwesome"; 970 font-size: 200%; 971 position: absolute; 972 right: 20px; 973 top: 10px; 974 } 1022 975 /* Left align */ 1023 976 … … 1025 978 .eael-testimonial-align-left .eael-testimonial-user, 1026 979 .eael-testimonial-align-left .eael-testimonial-user-company { 1027 text-align: left; 1028 } 1029 980 text-align: left; 981 } 1030 982 .eael-testimonial-align-left .eael-testimonial-image { 1031 float: left; 1032 width: 30%; 1033 } 1034 983 float: left; 984 width: 30%; 985 } 1035 986 .eael-testimonial-align-left .eael-testimonial-content { 1036 float: left; 1037 margin-top: 20px; 1038 position: relative; 1039 width: 70%; 1040 } 1041 987 float: left; 988 margin-top: 20px; 989 position: relative; 990 width: 70%; 991 } 1042 992 .eael-testimonial-align-left .eael-testimonial-image .eael-testimonial-quote { 1043 display: none; 1044 } 1045 993 display: none; 994 } 1046 995 .eael-testimonial-align-left .eael-testimonial-quote::before { 1047 color: inherit; 1048 content: "\f10e"; 1049 font-family: "FontAwesome"; 1050 font-size: 28px; 1051 right: 20px; 1052 position: absolute; 1053 top: 0; 1054 } 1055 996 color: inherit; 997 content: "\f10e"; 998 font-family: "FontAwesome"; 999 font-size: 28px; 1000 right: 20px; 1001 position: absolute; 1002 top: 0; 1003 } 1056 1004 .eael-testimonial-align-left .eael-testimonial-text { 1057 padding-right: 25px;1005 padding-right: 25px; 1058 1006 } 1059 1007 .eael-testimonial-align-left .eael-testimonial-content { 1060 margin: 0; 1061 padding: 10px 25px 30px 10px; 1062 } 1063 1008 margin: 0; 1009 padding: 10px 25px 30px 10px; 1010 } 1064 1011 /* Center align */ 1065 1012 1066 1013 .eael-testimonial-align-centered .eael-testimonial-content .eael-testimonial-text { 1067 text-align: center; 1068 } 1069 1014 text-align: center; 1015 } 1070 1016 .eael-testimonial-align-centered .eael-testimonial-user, 1071 .eael-testimonial-align-centered .eael-testimonial-user-company { 1072 float: none; 1073 text-align: center; 1074 } 1075 1076 .eael-testimonial-align-centered .eael-testimonial-image > figure img { 1077 display: block; 1078 margin-left: auto !important; 1079 margin-right: auto !important; 1080 } 1081 1017 .eael-testimonial-align-centered .eael-testimonial-user-company { 1018 float: none; 1019 text-align: center; 1020 } 1021 .eael-testimonial-align-centered .eael-testimonial-image>figure img { 1022 display: block; 1023 margin-left: auto !important; 1024 margin-right: auto !important; 1025 } 1082 1026 /* Right align */ 1083 1027 … … 1085 1029 .eael-testimonial-align-right .eael-testimonial-user, 1086 1030 .eael-testimonial-align-right .eael-testimonial-user-company { 1087 text-align: right; 1088 } 1089 1031 text-align: right; 1032 } 1090 1033 .eael-testimonial-align-right .eael-testimonial-image { 1091 float: right; 1092 width: 30%; 1093 } 1094 1034 float: right; 1035 width: 30%; 1036 } 1095 1037 .eael-testimonial-align-right .eael-testimonial-content { 1096 float: right; 1097 margin-top: 20px; 1098 position: relative; 1099 width: 70%; 1100 } 1101 1038 float: right; 1039 margin-top: 20px; 1040 position: relative; 1041 width: 70%; 1042 } 1102 1043 .eael-testimonial-align-right .eael-testimonial-image .eael-testimonial-quote { 1103 display: none; 1104 } 1105 1044 display: none; 1045 } 1106 1046 .eael-testimonial-align-right .eael-testimonial-quote::before { 1107 color: inherit; 1108 content: "\f10d"; 1109 font-family: "FontAwesome"; 1110 font-size: 28px; 1111 left: 20px; 1112 position: absolute; 1113 top: 0; 1114 } 1115 1047 color: inherit; 1048 content: "\f10d"; 1049 font-family: "FontAwesome"; 1050 font-size: 28px; 1051 left: 20px; 1052 position: absolute; 1053 top: 0; 1054 } 1116 1055 .eael-testimonial-align-right .eael-testimonial-text { 1117 padding-left: 30px; 1118 } 1119 1056 padding-left: 30px; 1057 } 1120 1058 .eael-testimonial-align-right .eael-testimonial-user, 1121 .eael-testimonial-align-right .eael-testimonial-user-company { 1122 float: none; 1123 text-align: right; 1124 } 1125 1059 .eael-testimonial-align-right .eael-testimonial-user-company { 1060 float: none; 1061 text-align: right; 1062 } 1126 1063 .eael-testimonial-align-right .eael-testimonial-content { 1127 padding: 10px 10px 30px 25px; 1128 } 1129 1130 1064 padding: 10px 10px 30px 25px; 1065 } 1131 1066 /* Product Styles */ 1132 1067 1133 1068 .eael-product-carousel .woocommerce li.product { 1134 background-color: #fff; 1135 border-radius: 0; 1136 box-shadow: none; 1137 } 1138 1069 background-color: #fff; 1070 border-radius: 0; 1071 box-shadow: none; 1072 } 1139 1073 .hide_rating .woocommerce .star-rating-container, 1140 1074 .hide_rating .woocommerce .star-rating { 1141 display: none !important; 1142 } 1143 1075 display: none !important; 1076 } 1144 1077 .eael-product-carousel .woocommerce ul.products li.product h3 { 1145 padding: 0.5em; 1146 } 1147 1078 padding: 0.5em; 1079 } 1148 1080 .eael-product-carousel .woocommerce .products .star-rating { 1149 display: block; 1150 float: none; 1151 margin: 10px auto; 1152 } 1153 1154 1081 display: block; 1082 float: none; 1083 margin: 10px auto; 1084 } 1155 1085 body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-carousel .woocommerce li.product .button { 1156 box-shadow: none; 1157 display: block; 1158 left: auto; 1159 margin: 15px; 1160 padding: 0.45em 0.5em 0.575em; 1161 position: relative; 1162 right: auto; 1163 text-shadow: none; 1164 top: auto; 1165 } 1166 1086 box-shadow: none; 1087 display: block; 1088 left: auto; 1089 margin: 15px; 1090 padding: 0.45em 0.5em 0.575em; 1091 position: relative; 1092 right: auto; 1093 text-shadow: none; 1094 top: auto; 1095 } 1167 1096 /* Product Simple and Reveal Style */ 1168 1097 1169 1098 .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-featured { 1170 background-color: transparent; 1171 border: medium none; 1172 box-shadow: none; 1173 padding: 0; 1174 } 1175 1176 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap, .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap { 1177 background-color: transparent; 1178 bottom: auto; 1179 box-shadow: none; 1180 padding: 15px 0 0; 1181 position: relative; 1182 text-align: center; 1183 top: auto; 1184 } 1185 1099 background-color: transparent; 1100 border: medium none; 1101 box-shadow: none; 1102 padding: 0; 1103 } 1104 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap, 1105 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap { 1106 background-color: transparent; 1107 bottom: auto; 1108 box-shadow: none; 1109 padding: 15px 0 0; 1110 position: relative; 1111 text-align: center; 1112 top: auto; 1113 } 1186 1114 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3, 1187 1115 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 { 1188 font-size: 14px;1189 line-height: 1.2;1190 margin: 0 0 5px;1191 padding-bottom: 0.5em;1116 font-size: 14px; 1117 line-height: 1.2; 1118 margin: 0 0 5px; 1119 padding-bottom: 0.5em; 1192 1120 } 1193 1121 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header h3 a, 1194 1122 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header h3 a { 1195 color: #272727; 1196 font-weight: normal; 1197 letter-spacing: 0.01rem; 1198 text-transform: uppercase; 1199 } 1200 1201 .eael-product-carousel.eael-product-simple .woocommerce li.product .price > .amount, 1202 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > .amount, 1203 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price > ins > .amount, 1204 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > .amount, 1205 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price > ins > .amount { 1206 color: #272727; 1207 font-size: 18px; 1208 font-weight: normal; 1209 } 1210 1123 color: #272727; 1124 font-weight: normal; 1125 letter-spacing: 0.01rem; 1126 text-transform: uppercase; 1127 } 1128 .eael-product-carousel.eael-product-simple .woocommerce li.product .price>.amount, 1129 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>.amount, 1130 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-header .price>ins>.amount, 1131 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>.amount, 1132 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-header .price>ins>.amount { 1133 color: #272727; 1134 font-size: 18px; 1135 font-weight: normal; 1136 } 1211 1137 .eael-product-carousel.eael-product-simple .woocommerce li.product .entry-wrap::before, 1212 1138 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap::before { 1213 display: none; 1214 } 1215 1139 display: none; 1140 } 1216 1141 .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button { 1217 background-color: transparent; 1218 border: 1px solid rgba(0, 0, 0, 0.5); 1219 border-radius: 0; 1220 box-shadow: none; 1221 color: #272727; 1222 display: block; 1223 font-size: 14px; 1224 left: auto; 1225 margin: 20px auto; 1226 opacity: 1; 1227 position: relative; 1228 right: auto; 1229 text-shadow: none; 1230 top: auto; 1231 width: 80%; 1232 } 1233 1234 1142 background-color: transparent; 1143 border: 1px solid rgba(0, 0, 0, 0.5); 1144 border-radius: 0; 1145 box-shadow: none; 1146 color: #272727; 1147 display: block; 1148 font-size: 14px; 1149 left: auto; 1150 margin: 20px auto; 1151 opacity: 1; 1152 position: relative; 1153 right: auto; 1154 text-shadow: none; 1155 top: auto; 1156 width: 80%; 1157 } 1235 1158 .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .entry-header .button:hover { 1236 background-color: #e74c3c; 1237 border: 1px solid #e74c3c; 1238 color: #fff; 1239 } 1240 1159 background-color: #e74c3c; 1160 border: 1px solid #e74c3c; 1161 color: #fff; 1162 } 1241 1163 .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container { 1242 background-color: transparent; 1243 left: auto; 1244 opacity: 1; 1245 position: relative; 1246 right: auto; 1247 top: 5px; 1248 display: block; 1249 margin: 0 auto; 1250 width: 110px; 1251 } 1252 1164 background-color: transparent; 1165 left: auto; 1166 opacity: 1; 1167 position: relative; 1168 right: auto; 1169 top: 5px; 1170 display: block; 1171 margin: 0 auto; 1172 width: 110px; 1173 } 1253 1174 .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating::before, 1254 1175 .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating::before { 1255 color: #f2b01e; 1256 } 1257 1176 color: #f2b01e; 1177 } 1258 1178 .eael-product-carousel.eael-product-simple .woocommerce li.product .star-rating-container .star-rating span::before, 1259 1179 .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before { 1260 color: #f2b01e; 1261 } 1262 1263 .eael-product-carousel:not(.eael-product-no-style) .onsale{ 1264 border-radius: 0; 1265 box-shadow: none; 1266 display: block; 1267 font-size: 14px; 1268 height: 100px; 1269 letter-spacing: 0; 1270 line-height: 160px; 1271 position: absolute; 1272 text-align: center; 1273 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); 1274 text-transform: uppercase; 1275 transform: rotate(-45deg); 1276 width: 200px; 1277 z-index: 1; 1278 } 1279 1180 color: #f2b01e; 1181 } 1182 .eael-product-carousel:not(.eael-product-no-style) .onsale { 1183 border-radius: 0; 1184 box-shadow: none; 1185 display: block; 1186 font-size: 14px; 1187 height: 100px; 1188 letter-spacing: 0; 1189 line-height: 160px; 1190 position: absolute; 1191 text-align: center; 1192 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); 1193 text-transform: uppercase; 1194 transform: rotate(-45deg); 1195 width: 200px; 1196 z-index: 1; 1197 } 1280 1198 .eael-product-carousel:not(.eael-product-no-style) .woocommerce li.product .onsale { 1281 left: -95px; 1282 top: -45px; 1283 } 1284 1199 left: -95px; 1200 top: -45px; 1201 } 1285 1202 .eael-product-carousel .woocommerce ul.products { 1286 margin: 0 0 30px; 1287 } 1288 1203 margin: 0 0 30px; 1204 } 1289 1205 /* Product Reveal Styles */ 1290 1206 1291 1207 .eael-product-carousel .woocommerce li.product { 1292 background-color: #fff; 1293 float: left; 1294 overflow: hidden; 1295 padding: 0; 1296 position: relative; 1297 text-align: center; 1298 } 1299 1300 1208 background-color: #fff; 1209 float: left; 1210 overflow: hidden; 1211 padding: 0; 1212 position: relative; 1213 text-align: center; 1214 } 1301 1215 .eael-product-carousel.eael-product-reveal .woocommerce li.product .entry-wrap { 1302 bottom: -63px;1303 margin-top: -63px;1304 position: relative;1305 top: auto;1306 -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;1307 transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s1216 bottom: -63px; 1217 margin-top: -63px; 1218 position: relative; 1219 top: auto; 1220 -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 1221 transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s 1308 1222 } 1309 1223 .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap { 1310 bottom: 0; 1311 } 1312 1224 bottom: 0; 1225 } 1313 1226 .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .entry-wrap::before { 1314 background-color: #fff; 1315 display: block; 1316 } 1317 1227 background-color: #fff; 1228 display: block; 1229 } 1318 1230 .eael-product-carousel.eael-product-reveal .woocommerce li.product .star-rating-container { 1319 background-color: rgba(255, 255, 255, 0.9); 1320 left: auto; 1321 opacity: 0; 1322 position: absolute; 1323 right: 10px; 1324 top: 10px; 1325 } 1326 1231 background-color: rgba(255, 255, 255, 0.9); 1232 left: auto; 1233 opacity: 0; 1234 position: absolute; 1235 right: 10px; 1236 top: 10px; 1237 } 1327 1238 .eael-product-carousel.eael-product-reveal .woocommerce li.product:hover .star-rating-container { 1328 opacity: 1; 1329 } 1330 1239 opacity: 1; 1240 } 1331 1241 /* Product Overlay Styles */ 1332 1242 … … 1342 1252 } 1343 1253 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap { 1344 background-color: rgba(0, 0, 0, 0.5); 1345 bottom: auto; 1346 font-size: 14px; 1347 left: 0; 1348 padding: 0; 1349 position: absolute; 1350 right: 0; 1351 text-align: center; 1352 top: calc(100% - 4em); 1353 -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 1354 transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 1355 } 1356 1254 background-color: rgba(0, 0, 0, 0.5); 1255 bottom: auto; 1256 font-size: 14px; 1257 left: 0; 1258 padding: 0; 1259 position: absolute; 1260 right: 0; 1261 text-align: center; 1262 top: calc(100% - 4em); 1263 -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 1264 transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 1265 } 1357 1266 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-wrap::before { 1358 background-color: rgba(0, 0, 0, 0.5); 1359 content: ""; 1360 display: block; 1361 height: 50em; 1362 left: 0; 1363 position: absolute; 1364 right: 0; 1365 top: 0; 1366 transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 1367 z-index: 0; 1368 } 1369 1267 background-color: rgba(0, 0, 0, 0.5); 1268 content: ""; 1269 display: block; 1270 height: 50em; 1271 left: 0; 1272 position: absolute; 1273 right: 0; 1274 top: 0; 1275 transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s; 1276 z-index: 0; 1277 } 1370 1278 .eael-product-carousel.eael-product-overlay .woocommerce li.product:hover .entry-wrap::before { 1371 background-color: rgba(0, 0, 0, 0.75); 1372 } 1373 1279 background-color: rgba(0, 0, 0, 0.75); 1280 } 1374 1281 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header { 1375 1282 position: relative; … … 1388 1295 color: #fff; 1389 1296 } 1390 .eael-product-carousel.eael-product-overlay .woocommerce li.product .price >del,1391 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > del{1297 .eael-product-carousel.eael-product-overlay .woocommerce li.product .price>del, 1298 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>del { 1392 1299 display: none; 1393 1300 } 1394 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price > .amount, .woocommerce li.product .entry-header .price > ins > .amount { 1301 .eael-product-carousel.eael-product-overlay .woocommerce li.product .entry-header .price>.amount, 1302 .woocommerce li.product .entry-header .price>ins>.amount { 1395 1303 color: #fff; 1396 1304 font-size: 24px; 1397 1305 } 1398 1399 1306 .eael-product-carousel.eael-product-overlay .woocommerce li.product .added_to_cart { 1400 1307 display: none; … … 1409 1316 opacity: 1; 1410 1317 } 1411 1412 1413 1318 /* Contact Form 7 Styles */ 1414 1319 1415 .eael-contact-form-container input, .eael-contact-form-container textarea { 1416 height: auto; 1417 padding: 10px; 1418 } 1419 1420 .eael-contact-form-align-center .eael-contact-form-container, .eael-contact-form-btn-align-center .eael-contact-form-container input.wpcf7-submit { 1421 margin-left: auto !important; 1422 margin-right: auto !important; 1423 display: block; 1424 float: none; 1425 } 1426 1427 .eael-contact-form-align-left .eael-contact-form-container, .eael-contact-form-btn-align-left .eael-contact-form-container input.wpcf7-submit { 1428 float: left; 1429 width: auto; 1430 } 1431 1432 .eael-contact-form-align-right .eael-contact-form-container, .eael-contact-form-btn-align-right .eael-contact-form-container input.wpcf7-submit { 1433 float: right; 1434 width: auto; 1435 } 1436 1437 .eael-contact-form-container textarea, .eael-contact-form-container input[type="text"], .eael-contact-form-container input[type="password"], .eael-contact-form-container input[type="datetime"], .eael-contact-form-container input[type="datetime-local"], .eael-contact-form-container input[type="date"], .eael-contact-form-container input[type="month"], .eael-contact-form-container input[type="time"], .eael-contact-form-container input[type="week"], .eael-contact-form-container input[type="number"], .eael-contact-form-container input[type="email"], .eael-contact-form-container input[type="url"], .eael-contact-form-container input[type="search"], .eael-contact-form-container input[type="tel"], .eael-contact-form-container input[type="color"], .eael-contact-form-container .uneditable-input { 1438 -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; 1439 transition: border linear 0.2s,box-shadow linear 0.2s; 1440 } 1441 1442 .eael-contact-form-container .wpcf7-form::before, .eael-contact-form-container .wpcf7-form::after { 1443 content: " "; 1444 clear: both; 1445 display: table; 1446 } 1447 1320 .eael-contact-form-container input, 1321 .eael-contact-form-container textarea { 1322 height: auto; 1323 padding: 10px; 1324 } 1325 .eael-contact-form-align-center .eael-contact-form-container, 1326 .eael-contact-form-btn-align-center .eael-contact-form-container input.wpcf7-submit { 1327 margin-left: auto !important; 1328 margin-right: auto !important; 1329 display: block; 1330 float: none; 1331 } 1332 .eael-contact-form-align-left .eael-contact-form-container, 1333 .eael-contact-form-btn-align-left .eael-contact-form-container input.wpcf7-submit { 1334 float: left; 1335 width: auto; 1336 } 1337 .eael-contact-form-align-right .eael-contact-form-container, 1338 .eael-contact-form-btn-align-right .eael-contact-form-container input.wpcf7-submit { 1339 float: right; 1340 width: auto; 1341 } 1342 .eael-contact-form-container textarea, 1343 .eael-contact-form-container input[type="text"], 1344 .eael-contact-form-container input[type="password"], 1345 .eael-contact-form-container input[type="datetime"], 1346 .eael-contact-form-container input[type="datetime-local"], 1347 .eael-contact-form-container input[type="date"], 1348 .eael-contact-form-container input[type="month"], 1349 .eael-contact-form-container input[type="time"], 1350 .eael-contact-form-container input[type="week"], 1351 .eael-contact-form-container input[type="number"], 1352 .eael-contact-form-container input[type="email"], 1353 .eael-contact-form-container input[type="url"], 1354 .eael-contact-form-container input[type="search"], 1355 .eael-contact-form-container input[type="tel"], 1356 .eael-contact-form-container input[type="color"], 1357 .eael-contact-form-container .uneditable-input { 1358 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 1359 transition: border linear 0.2s, box-shadow linear 0.2s; 1360 } 1361 .eael-contact-form-container .wpcf7-form::before, 1362 .eael-contact-form-container .wpcf7-form::after { 1363 content: " "; 1364 clear: both; 1365 display: table; 1366 } 1448 1367 .eael-contact-form-container .wpcf7-response-output { 1449 clear: both; 1450 } 1451 1368 clear: both; 1369 } 1452 1370 /* weForm Styles */ 1453 1371 1454 .eael-weform-container input, .eael-weform-container textarea { 1455 height: auto; 1456 padding: 10px; 1457 } 1458 1459 .eael-contact-form-align-center .eael-weform-container, .eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] { 1460 margin-left: auto !important; 1461 margin-right: auto !important; 1462 display: block; 1463 float: none; 1464 } 1465 1466 .eael-contact-form-align-left .eael-weform-container, .eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] { 1467 float: left; 1468 width: auto; 1469 } 1470 1471 .eael-contact-form-align-right .eael-weform-container, .eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] { 1472 float: right; 1473 width: auto; 1474 } 1475 1476 .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], .eael-weform-container ul.wpuf-form li .wpuf-fields textarea { 1477 max-width: 100%; 1478 } 1479 1372 .eael-weform-container input, 1373 .eael-weform-container textarea { 1374 height: auto; 1375 padding: 10px; 1376 } 1377 .eael-contact-form-align-center .eael-weform-container, 1378 .eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] { 1379 margin-left: auto !important; 1380 margin-right: auto !important; 1381 display: block; 1382 float: none; 1383 } 1384 .eael-contact-form-align-left .eael-weform-container, 1385 .eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] { 1386 float: left; 1387 width: auto; 1388 } 1389 .eael-contact-form-align-right .eael-weform-container, 1390 .eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] { 1391 float: right; 1392 width: auto; 1393 } 1394 .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], 1395 .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], 1396 .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], 1397 .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], 1398 .eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], 1399 .eael-weform-container ul.wpuf-form li .wpuf-fields textarea { 1400 max-width: 100%; 1401 } 1480 1402 /* Post Grid Style */ 1481 1403 1482 1483 1404 .eael-grid-post { 1484 float: left; 1485 padding: 10px; 1486 } 1487 1405 float: left; 1406 padding: 10px; 1407 } 1488 1408 .eael-grid-post-holder { 1489 border: 1px solid rgba(0,0,0,.1); 1490 } 1491 1409 border: 1px solid rgba(0, 0, 0, .1); 1410 } 1492 1411 .eael-grid-post-holder-inner { 1493 height: 100%; 1494 } 1495 1412 height: 100%; 1413 } 1496 1414 .eael-entry-media { 1497 position: relative; 1498 } 1499 1415 position: relative; 1416 } 1500 1417 .eael-entry-overlay { 1501 position: absolute; 1502 top: 0; 1503 left: 0; 1504 width: 100%; 1505 height: 100%; 1506 z-index: 999; 1507 opacity: 0; 1508 -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1); 1509 -moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1); 1510 transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1); 1511 } 1512 1418 position: absolute; 1419 top: 0; 1420 left: 0; 1421 width: 100%; 1422 height: 100%; 1423 z-index: 999; 1424 opacity: 0; 1425 -webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1); 1426 -moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1); 1427 transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1); 1428 } 1513 1429 .eael-entry-overlay:hover { 1514 opacity: 1; 1515 } 1516 1517 1518 .eael-entry-overlay > a { 1519 position: absolute; 1520 top: 0; 1521 left: 0; 1522 width: 100%; 1523 height: 100%; 1524 z-index: 99999; 1525 } 1526 1430 opacity: 1; 1431 } 1432 .eael-entry-overlay>a { 1433 position: absolute; 1434 top: 0; 1435 left: 0; 1436 width: 100%; 1437 height: 100%; 1438 z-index: 99999; 1439 } 1527 1440 .eael-entry-title { 1528 margin: 10px 0 5px; 1529 font-size: 1.2em; 1530 } 1531 1441 margin: 10px 0 5px; 1442 font-size: 1.2em; 1443 } 1532 1444 .eael-entry-overlay i { 1533 color: #fff; 1534 width: 60px; 1535 text-align: center; 1536 line-height: 60px; 1537 height: 60px; 1538 position: absolute; 1539 left: 50%; 1540 margin-left: -30px; 1541 font-size: 32px; 1542 top: 50%; 1543 margin-top: -30px; 1544 -webkit-perspective: 1000; 1545 -moz-perspective: 1000; 1546 -ms-perspective: 1000; 1547 perspective: 1000; 1548 opacity: 0; 1549 -webkit-transform: translatex(-20px); 1550 -moz-transform: translatex(-20px); 1551 -ms-transform: translatex(-20px); 1552 transform: translatex(-20px); 1553 -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1); 1554 -moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1); 1555 transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1); 1556 } 1557 1445 color: #fff; 1446 width: 60px; 1447 text-align: center; 1448 line-height: 60px; 1449 height: 60px; 1450 position: absolute; 1451 left: 50%; 1452 margin-left: -30px; 1453 font-size: 32px; 1454 top: 50%; 1455 margin-top: -30px; 1456 -webkit-perspective: 1000; 1457 -moz-perspective: 1000; 1458 -ms-perspective: 1000; 1459 perspective: 1000; 1460 opacity: 0; 1461 -webkit-transform: translatex(-20px); 1462 -moz-transform: translatex(-20px); 1463 -ms-transform: translatex(-20px); 1464 transform: translatex(-20px); 1465 -webkit-transition: opacity .2s ease-in-out, -webkit-transform .25s cubic-bezier(.19, 1, .22, 1); 1466 -moz-transition: opacity .2s ease-in-out, -moz-transform .25s cubic-bezier(.19, 1, .22, 1); 1467 transition: opacity .2s ease-in-out, transform .25s cubic-bezier(.19, 1, .22, 1); 1468 } 1558 1469 .eael-entry-media:hover .eael-entry-overlay i { 1559 -webkit-transform: translatex(0px); 1560 -moz-transform: translatex(0px); 1561 -ms-transform: translatex(0px); 1562 transform: translatex(0px); 1563 opacity: 1; 1564 } 1565 1470 -webkit-transform: translatex(0px); 1471 -moz-transform: translatex(0px); 1472 -ms-transform: translatex(0px); 1473 transform: translatex(0px); 1474 opacity: 1; 1475 } 1566 1476 .eael-entry-thumbnail img { 1567 width: 100%; 1568 max-width: 100%; 1569 vertical-align: middle; 1570 } 1571 1477 width: 100%; 1478 max-width: 100%; 1479 vertical-align: middle; 1480 } 1572 1481 .eael-entry-footer { 1573 display: flex; 1574 flex-flow: row nowrap; 1575 align-items: center; 1576 } 1577 1482 display: flex; 1483 flex-flow: row nowrap; 1484 align-items: center; 1485 } 1578 1486 .eael-entry-footer .eael-author-avatar { 1579 flex: 0 0 auto; 1580 width: 50px; 1581 } 1582 1487 flex: 0 0 auto; 1488 width: 50px; 1489 } 1583 1490 .eael-entry-footer .eael-author-avatar .avatar { 1584 border-radius: 50%; 1585 } 1586 1587 .eael-post-grid .eael-entry-footer .eael-entry-meta { 1588 padding-left: 8px; 1589 } 1590 1591 .eael-entry-meta > div { 1592 font-size: 12px; 1593 line-height: 1.2; 1594 padding-bottom: 5px; 1595 } 1596 1491 border-radius: 50%; 1492 } 1493 .eael-post-grid .eael-entry-footer .eael-entry-meta { 1494 padding-left: 8px; 1495 } 1496 .eael-entry-meta>div { 1497 font-size: 12px; 1498 line-height: 1.2; 1499 padding-bottom: 5px; 1500 } 1597 1501 .eael-grid-post-excerpt p { 1598 margin: 0; 1599 font-size: 14px; 1600 } 1601 1602 .eael-entry-meta .eael-entry-footer .eael-posted-by { 1603 display: block; 1604 } 1605 1606 .eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer { 1607 padding: 15px; 1608 } 1609 1502 margin: 0; 1503 font-size: 14px; 1504 } 1505 .eael-entry-meta .eael-entry-footer .eael-posted-by { 1506 display: block; 1507 } 1508 .eael-grid-post .eael-entry-wrapper, 1509 .eael-grid-post .eael-entry-footer { 1510 padding: 15px; 1511 } 1610 1512 .eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on { 1611 padding-left: 5px; 1612 } 1613 1513 padding-left: 5px; 1514 } 1614 1515 .eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before { 1615 content: '\f111'; 1616 font-family: FontAwesome; 1617 color: inherit; 1618 opacity: .4; 1619 font-size: .8em; 1620 padding-right: 7px; 1621 } 1622 1623 1516 content: '\f111'; 1517 font-family: FontAwesome; 1518 color: inherit; 1519 opacity: .4; 1520 font-size: .8em; 1521 padding-right: 7px; 1522 } 1624 1523 /* Post Grid Column */ 1625 1524 1626 1525 .eael-col-1 .eael-post-grid-column { 1627 float: none;1628 width: 100%;1629 } 1630 .eael-col-2 .eael-post-grid-column {1631 float: left;1632 width: 50%;1526 float: none; 1527 width: 100%; 1528 } 1529 .eael-col-2 .eael-post-grid-column { 1530 float: left; 1531 width: 50%; 1633 1532 } 1634 1533 .eael-col-3 .eael-post-grid-column { 1635 float: left;1636 width: 33.3333%;1534 float: left; 1535 width: 33.3333%; 1637 1536 } 1638 1537 .eael-col-4 .eael-post-grid-column { 1639 float: left;1640 width: 25%;1538 float: left; 1539 width: 25%; 1641 1540 } 1642 1541 .eael-col-5 .eael-post-grid-column { 1643 float: left;1644 width: 20%;1542 float: left; 1543 width: 20%; 1645 1544 } 1646 1545 .eael-col-6 .eael-post-grid-column { 1647 float: left; 1648 width: 16.6666%; 1649 } 1650 1546 float: left; 1547 width: 16.6666%; 1548 } 1651 1549 /* Responsive Styles for Post Grid */ 1652 1550 1653 1551 @media only screen and (max-width: 979px) { 1654 .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column, 1655 .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column, 1656 .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column { 1657 width: 33.3333%; 1658 } 1659 } 1660 1552 .eael-col-1 .eael-post-grid-column, 1553 .eael-col-2 .eael-post-grid-column, 1554 .eael-col-3 .eael-post-grid-column, 1555 .eael-col-4 .eael-post-grid-column, 1556 .eael-col-5 .eael-post-grid-column, 1557 .eael-col-6 .eael-post-grid-column { 1558 width: 33.3333%; 1559 } 1560 } 1661 1561 @media only screen and (max-width: 767px) { 1662 .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column, 1663 .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column, 1664 .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column { 1665 width: 50%; 1666 } 1667 } 1668 1562 .eael-col-1 .eael-post-grid-column, 1563 .eael-col-2 .eael-post-grid-column, 1564 .eael-col-3 .eael-post-grid-column, 1565 .eael-col-4 .eael-post-grid-column, 1566 .eael-col-5 .eael-post-grid-column, 1567 .eael-col-6 .eael-post-grid-column { 1568 width: 50%; 1569 } 1570 } 1669 1571 @media only screen and (max-width: 480px) { 1670 .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column, 1671 .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column, 1672 .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column { 1673 float: none; 1674 width: 100%; 1675 } 1572 .eael-col-1 .eael-post-grid-column, 1573 .eael-col-2 .eael-post-grid-column, 1574 .eael-col-3 .eael-post-grid-column, 1575 .eael-col-4 .eael-post-grid-column, 1576 .eael-col-5 .eael-post-grid-column, 1577 .eael-col-6 .eael-post-grid-column { 1578 float: none; 1579 width: 100%; 1580 } 1676 1581 } 1677 1582 /* Info-box Style */ 1678 .eael-infobox {} 1679 .eael-infobox .infobox-icon {} 1680 .eael-infobox .infobox-icon img { 1681 max-width: 100%; 1682 height: auto; 1683 -webkit-transform: scale(.9); 1684 transform: scale(.9); 1685 -webkit-transition: .5s; 1686 transition: .5s; 1583 1584 .eael-infobox {} .eael-infobox .infobox-icon {} .eael-infobox .infobox-icon img { 1585 max-width: 100%; 1586 height: auto; 1587 -webkit-transform: scale(.9); 1588 transform: scale(.9); 1589 -webkit-transition: .5s; 1590 transition: .5s; 1687 1591 } 1688 1592 .eael-infobox .infobox-icon i { 1689 font-size: 40px;1690 text-align: center;1593 font-size: 40px; 1594 text-align: center; 1691 1595 } 1692 1596 .eael-infobox:hover .infobox-icon img { 1693 -webkit-transform: scale(1.0); 1694 transform: scale(1.0); 1695 } 1696 .eael-infobox .infobox-content {} 1697 .eael-infobox .infobox-content .title { 1698 margin-bottom: 10px; 1597 -webkit-transform: scale(1.0); 1598 transform: scale(1.0); 1599 } 1600 .eael-infobox .infobox-content {} .eael-infobox .infobox-content .title { 1601 margin-bottom: 10px; 1699 1602 } 1700 1603 .eael-infobox .infobox-content p { 1701 margin-top: 0px; 1702 line-height: 28px; 1703 } 1704 .eael-infobox-img-align-left .eael-infobox .infobox-icon, 1705 .eael-infobox-icon-align-left .eael-infobox .infobox-icon, 1706 .eael-infobox-content-align-left .eael-infobox .infobox-content { 1707 text-align: left; 1708 } 1709 .eael-infobox-img-align-right .eael-infobox .infobox-icon, 1710 .eael-infobox-icon-align-right .eael-infobox .infobox-icon, 1711 .eael-infobox-content-align-right .eael-infobox .infobox-content { 1712 text-align: right; 1713 } 1714 .eael-infobox-img-align-center .eael-infobox .infobox-icon, 1715 .eael-infobox-icon-align-center .eael-infobox .infobox-icon, 1716 .eael-infobox-content-align-center .eael-infobox .infobox-content { 1717 text-align: center; 1604 margin-top: 0px; 1605 line-height: 28px; 1606 } 1607 .eael-infobox-content-align-left .eael-infobox { 1608 text-align: left; 1609 } 1610 .eael-infobox-content-align-right .eael-infobox { 1611 text-align: right; 1612 } 1613 .eael-infobox-content-align-center .eael-infobox { 1614 text-align: center; 1718 1615 } 1719 1616 .eael-infobox-shape-circle .eael-infobox .infobox-icon img { 1720 -webkit-border-radius: 50%;1721 -ms-border-radius: 50%;1722 border-radius: 50%;1617 -webkit-border-radius: 50%; 1618 -ms-border-radius: 50%; 1619 border-radius: 50%; 1723 1620 } 1724 1621 .eael-infobox-shape-radius .eael-infobox .infobox-icon img { 1725 -webkit-border-radius: 15px;1726 -ms-border-radius: 15px;1727 border-radius: 15px;1622 -webkit-border-radius: 15px; 1623 -ms-border-radius: 15px; 1624 border-radius: 15px; 1728 1625 } 1729 1626 .eael-infobox-icon-bg-shape-circle .eael-infobox .infobox-icon i { 1730 background: #f4f4f4;1731 width: 90px;1732 height: 90px;1733 line-height: 90px;1734 border-radius: 50%;1735 border: 2px solid #ededed;1736 -webkit-transition: .5s;1737 transition: .5s;1627 background: #f4f4f4; 1628 width: 90px; 1629 height: 90px; 1630 line-height: 90px; 1631 border-radius: 50%; 1632 border: 2px solid #ededed; 1633 -webkit-transition: .5s; 1634 transition: .5s; 1738 1635 } 1739 1636 .eael-infobox-icon-bg-shape-radius .eael-infobox .infobox-icon i { 1740 background: #f4f4f4;1741 width: 90px;1742 height: 90px;1743 line-height: 90px;1744 border-radius: 15px;1745 border: 2px solid #ededed;1746 -webkit-transition: .5s;1747 transition: .5s;1637 background: #f4f4f4; 1638 width: 90px; 1639 height: 90px; 1640 line-height: 90px; 1641 border-radius: 15px; 1642 border: 2px solid #ededed; 1643 -webkit-transition: .5s; 1644 transition: .5s; 1748 1645 } 1749 1646 .eael-infobox-icon-bg-shape-square .eael-infobox .infobox-icon i { 1750 background: #f4f4f4;1751 width: 90px;1752 height: 90px;1753 line-height: 90px;1754 border-radius: 0px;1755 border: 2px solid #ededed;1756 -webkit-transition: .5s;1757 transition: .5s;1647 background: #f4f4f4; 1648 width: 90px; 1649 height: 90px; 1650 line-height: 90px; 1651 border-radius: 0px; 1652 border: 2px solid #ededed; 1653 -webkit-transition: .5s; 1654 transition: .5s; 1758 1655 } 1759 1656 .eael-infobox-icon-bg-shape-circle:hover .eael-infobox .infobox-icon i, 1760 1657 .eael-infobox-icon-bg-shape-radius:hover .eael-infobox .infobox-icon i, 1761 1658 .eael-infobox-icon-bg-shape-square:hover .eael-infobox .infobox-icon i { 1762 -webkit-transform: scale(1.2);1763 transform: scale(1.2);1659 -webkit-transform: scale(1.2); 1660 transform: scale(1.2); 1764 1661 } 1765 1662 /* Infobox Style (Icon On Left) */ 1766 .eael-infobox.icon-on-left {} 1767 .eael-infobox.icon-on-left .infobox-icon {1768 position: absolute;1769 width: 55px;1770 height: 55px;1771 top: 0px;1772 left: 0px;1773 z-index: 1;1663 1664 .eael-infobox.icon-on-left {} .eael-infobox.icon-on-left .infobox-icon { 1665 position: absolute; 1666 width: 55px; 1667 height: 55px; 1668 top: 0px; 1669 left: 0px; 1670 z-index: 1; 1774 1671 } 1775 1672 .eael-infobox.icon-on-left .infobox-content { 1776 padding-left: 65px;1673 padding-left: 65px; 1777 1674 } 1778 1675 .eael-infobox.icon-on-left .infobox-icon.eael-icon-only { 1779 position: absolute;1780 width: 45px;1781 height: 45px;1782 top: 7px;1783 left: 0px;1784 z-index: 1;1676 position: absolute; 1677 width: 45px; 1678 height: 45px; 1679 top: 7px; 1680 left: 0px; 1681 z-index: 1; 1785 1682 } 1786 1683 .eael-infobox.icon-on-left .infobox-content.eael-icon-only { 1787 padding-left: 45px;1684 padding-left: 45px; 1788 1685 } 1789 1686 /* Infobox Style (Icon Beside Title) */ 1790 .eael-infobox.icon-beside-title {}1791 1687 .eael-infobox.icon-beside-title figure { 1792 position: absolute; 1793 display: block; 1794 width: 55px; 1795 height: 55px; 1796 top: 0px; 1797 left: 0px; 1798 z-index: 1; 1799 font-size: 45px; 1688 position: absolute; 1689 display: block; 1690 width: 55px; 1691 height: 55px; 1692 top: 0px; 1693 left: 0px; 1694 z-index: 1; 1695 font-size: 45px; 1696 } 1697 .eael-infobox.icon-beside-title figure img { 1698 -webkit-transition: .4s; 1699 transition: .4s; 1700 } 1701 .eael-infobox-shape-circle .eael-infobox.icon-beside-title figure img { 1702 -webkit-border-radius: 50%; 1703 border-radius: 50%; 1704 } 1705 .eael-infobox-shape-radius .eael-infobox.icon-beside-title figure img { 1706 -webkit-border-radius: 15px; 1707 border-radius: 15px; 1800 1708 } 1801 1709 .eael-infobox.icon-beside-title .infobox-content .title { 1802 position: relative;1803 display: block;1804 padding-left: 65px;1805 line-height: 45px;1806 margin-bottom: 20px;1807 } 1808 1710 position: relative; 1711 display: block; 1712 min-height: 55px; 1713 padding-left: 65px; 1714 line-height: 27px; 1715 margin-bottom: 20px; 1716 } 1809 1717 .eael-infobox.icon-beside-title .infobox-content .title.eael-icon-only { 1810 padding-left: 50px; 1811 } 1812 1718 padding-left: 50px; 1719 } 1813 1720 /** 1814 1721 * Flipbox Style 1815 1722 */ 1723 1816 1724 .eael-elements-progression-flip-box-container { 1817 position:relative; 1818 height:300px; 1819 width:100%; 1820 } 1821 1725 position: relative; 1726 height: 300px; 1727 width: 100%; 1728 } 1822 1729 .eael-elements-progression-flip-box-container a { 1823 display:block; 1824 } 1825 1730 display: block; 1731 } 1826 1732 .eael-elements-flip-box-vertical-align { 1827 width:100%; 1828 } 1829 1733 width: 100%; 1734 } 1830 1735 .eael-elements-flip-box-padding { 1831 padding:0px 30px 5px 30px; 1832 } 1833 1736 padding: 0px 30px 5px 30px; 1737 } 1834 1738 .eael-elements-flip-box-icon-image { 1835 display:inline-block; 1836 margin:0 auto 0px auto; 1837 line-height:1; 1838 } 1839 1739 display: inline-block; 1740 margin: 0 auto 0px auto; 1741 line-height: 1; 1742 } 1840 1743 .eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background { 1841 background:#cccccc; 1842 } 1843 1744 background: #cccccc; 1745 } 1844 1746 .eael_eleements_flip_front_icon_style_bordered { 1845 border:2px solid #ffffff; 1846 } 1847 1747 border: 2px solid #ffffff; 1748 } 1848 1749 .eael_flip_box_icon_border_round { 1849 border-radius:100px; 1850 } 1851 1750 border-radius: 100px; 1751 } 1852 1752 .eael_eleements_flip_front_icon_style_background, 1853 1753 .eael_eleements_flip_front_icon_style_bordered { 1854 padding:15px; 1855 } 1856 1754 padding: 15px; 1755 } 1857 1756 .eael-elements-flip-box-icon-image i { 1858 font-size:40px; 1859 line-height:40px; 1860 width:40px; 1861 } 1862 1757 font-size: 40px; 1758 line-height: 40px; 1759 width: 40px; 1760 } 1761 .eael-elements-slider-display-table { 1762 width: 100%; 1763 } 1863 1764 .eael-elements-flip-box-front-container { 1864 text-align:center; 1865 position:absolute; 1866 top:0px; 1867 left:0px; 1868 z-index: 2; 1869 width:100%; 1870 height:100%; 1871 background:#0e9dd2; 1872 color:#ffffff; 1873 border-color:#000000; 1874 -webkit-display: flex; 1875 display: flex; 1876 -webkit-align-items: center; 1877 align-items: center; 1878 -webkit-justify-content: center; 1879 justify-content: center; 1880 } 1881 1765 text-align: center; 1766 position: absolute; 1767 top: 0px; 1768 left: 0px; 1769 z-index: 2; 1770 width: 100%; 1771 height: 100%; 1772 background: #0e9dd2; 1773 color: #ffffff; 1774 border-color: #000000; 1775 -webkit-display: flex; 1776 display: flex; 1777 -webkit-align-items: center; 1778 align-items: center; 1779 } 1882 1780 .eael-elements-flip-box-content, 1883 1781 h2.eael-elements-flip-box-heading { 1884 color:#ffffff; 1885 } 1886 1782 color: #ffffff; 1783 } 1887 1784 .eael-elements-flip-box-rear-container { 1888 text-align:center; 1889 position:absolute; 1890 top:0px; 1891 left:0px; 1892 width:100%; 1893 height:100%; 1894 background:#444444; 1895 color:#ffffff; 1896 display: flex; 1897 -webkit-align-items: center; 1898 align-items: center; 1899 -webkit-justify-content: center; 1900 justify-content: center; 1901 } 1902 1785 text-align: center; 1786 position: absolute; 1787 top: 0px; 1788 left: 0px; 1789 width: 100%; 1790 height: 100%; 1791 background: #444444; 1792 color: #ffffff; 1793 display: flex; 1794 -webkit-align-items: center; 1795 align-items: center; 1796 } 1903 1797 /* Floating Button Styles */ 1798 1904 1799 .eael-elements-progression-button-floating-container { 1905 position:fixed; 1906 z-index:100; 1907 } 1908 1800 position: fixed; 1801 z-index: 100; 1802 } 1909 1803 .eael-elements-progression-button-floating-container .eael-elements-button { 1910 margin-top:0px; 1911 font-size:14px; 1912 position:relative; 1913 padding:14px 20px; 1914 } 1915 1804 margin-top: 0px; 1805 font-size: 14px; 1806 position: relative; 1807 padding: 14px 20px; 1808 } 1916 1809 .eael-elements-button { 1917 cursor:pointer; 1918 display:inline-block; 1919 background:#077bbe; 1920 color:#ffffff; 1921 line-height:1; 1922 padding:16px 25px; 1923 margin-top:15px; 1924 } 1925 1810 cursor: pointer; 1811 display: inline-block; 1812 background: #077bbe; 1813 color: #ffffff; 1814 line-height: 1; 1815 padding: 16px 25px; 1816 margin-top: 15px; 1817 } 1926 1818 .eael-elements-button:hover { 1927 background:#077bbe; 1928 color:#ffffff; 1929 } 1930 1931 1819 background: #077bbe; 1820 color: #ffffff; 1821 } 1932 1822 /* CSS3 Transitions */ 1823 1933 1824 .eael-elements-progression-flip-box-container { 1934 perspective: 1000px; 1935 } 1936 1825 perspective: 1000px; 1826 } 1937 1827 .eael-elements-flip-box-front-container, 1938 1828 .eael-elements-flip-box-rear-container { 1939 transition-duration:500ms;1940 transition-property: all;1941 transition-timing-function: ease;1829 transition-duration: 500ms; 1830 transition-property: all; 1831 transition-timing-function: ease; 1942 1832 } 1943 1833 .eael-elements-flip-box-flip-card { 1944 width: 100%;1945 height: 100%;1946 transform-style: preserve-3d;1947 transition: all 500ms ease;1834 width: 100%; 1835 height: 100%; 1836 transform-style: preserve-3d; 1837 transition: all 500ms ease; 1948 1838 } 1949 1839 .eael-elements-flip-box-rear-container, 1950 1840 .eael-elements-flip-box-front-container { 1951 -moz-backface-visibility: hidden; 1952 -webkit-backface-visibility: hidden; 1953 backface-visibility: hidden; 1954 transform: rotateX(0deg); 1955 transform: rotateY(0deg); 1956 } 1957 1841 -moz-backface-visibility: hidden; 1842 -webkit-backface-visibility: hidden; 1843 backface-visibility: hidden; 1844 transform: rotateX(0deg); 1845 transform: rotateY(0deg); 1846 } 1958 1847 /* Flip */ 1959 .eael-animate-flip.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card, 1960 .eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container { transform: rotateX(180deg); } 1961 1962 .eael-animate-flip.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card, 1963 .eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container { transform: rotateX(-180deg); } 1964 1965 .eael-animate-flip.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card, 1966 .eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container { transform: rotateY(-180deg); } 1967 1968 .eael-animate-flip.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card, 1969 .eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container { transform: rotateY(180deg); } 1970 1971 1848 1849 .eael-animate-flip.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card, 1850 .eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container { 1851 transform: rotateX(180deg); 1852 } 1853 .eael-animate-flip.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card, 1854 .eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container { 1855 transform: rotateX(-180deg); 1856 } 1857 .eael-animate-flip.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card, 1858 .eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container { 1859 transform: rotateY(-180deg); 1860 } 1861 .eael-animate-flip.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card, 1862 .eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container { 1863 transform: rotateY(180deg); 1864 } 1972 1865 /* Slide */ 1866 1973 1867 .eael-animate-push.eael-elements-progression-flip-box-container, 1974 .eael-animate-slide.eael-elements-progression-flip-box-container { overflow:hidden; } 1868 .eael-animate-slide.eael-elements-progression-flip-box-container { 1869 overflow: hidden; 1870 } 1975 1871 .eael-animate-push .eael-elements-flip-box-rear-container, 1976 .eael-animate-slide .eael-elements-flip-box-rear-container { z-index:3; } 1977 1872 .eael-animate-slide .eael-elements-flip-box-rear-container { 1873 z-index: 3; 1874 } 1978 1875 .eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container, 1979 .eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container { top:100%; } 1876 .eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container { 1877 top: 100%; 1878 } 1980 1879 .eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container, 1981 .eael-animate-slide.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {top:0; } 1982 1880 .eael-animate-slide.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { 1881 top: 0; 1882 } 1983 1883 .eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container, 1984 .eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container { top:auto; bottom:100%; } 1884 .eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container { 1885 top: auto; 1886 bottom: 100%; 1887 } 1985 1888 .eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container, 1986 .eael-animate-slide.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {top:auto; bottom:0; } 1987 1889 .eael-animate-slide.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { 1890 top: auto; 1891 bottom: 0; 1892 } 1988 1893 .eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container, 1989 .eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container { left:100%; } 1894 .eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container { 1895 left: 100%; 1896 } 1990 1897 .eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container, 1991 .eael-animate-slide.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { left:0; }1992 1993 1898 .eael-animate-slide.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { 1899 left: 0; 1900 } 1994 1901 .eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container, 1995 .eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container {left:auto; right:100%; } 1902 .eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container { 1903 left: auto; 1904 right: 100%; 1905 } 1996 1906 .eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container, 1997 .eael-animate-slide.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { left:auto; right:0; } 1998 1999 1907 .eael-animate-slide.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { 1908 left: auto; 1909 right: 0; 1910 } 2000 1911 /* Push + Slide Above */ 1912 2001 1913 .eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container { 2002 top:-100%; 2003 } 2004 1914 top: -100%; 1915 } 2005 1916 .eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container { 2006 top:100%; 2007 } 2008 1917 top: 100%; 1918 } 2009 1919 .eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container { 2010 left:-100%; 2011 } 2012 1920 left: -100%; 1921 } 2013 1922 .eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container { 2014 left:100%; 2015 } 2016 1923 left: 100%; 1924 } 2017 1925 /* Zoom In */ 1926 2018 1927 .eael-animate-zoom-in .eael-elements-flip-box-rear-container { 2019 opacity:0; 2020 transform: scale(0.75); 2021 z-index:3; 2022 } 2023 1928 opacity: 0; 1929 transform: scale(0.75); 1930 z-index: 3; 1931 } 2024 1932 .eael-animate-zoom-in.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { 2025 opacity:1; 2026 transform: scale(1); 2027 } 2028 1933 opacity: 1; 1934 transform: scale(1); 1935 } 2029 1936 /* Zoom Out */ 1937 2030 1938 .eael-animate-zoom-out.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container { 2031 opacity:0; 2032 transform: scale(0.75); 2033 } 2034 1939 opacity: 0; 1940 transform: scale(0.75); 1941 } 2035 1942 .eael-animate-fade.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container { 2036 opacity:0; 2037 } 2038 1943 opacity: 0; 1944 } 2039 1945 /* Builder Related Style */ 1946 1947 .eael-flipbox-content-align-right .eael-elements-flip-box-padding { 1948 text-align: right; 1949 } 1950 .eael-flipbox-content-align-left .eael-elements-flip-box-padding { 1951 text-align: left; 1952 } 1953 .eael-flipbox-content-align-center .eael-elements-flip-box-padding { 1954 text-align: center; 1955 } 2040 1956 .eael-flipbox-img-circle .eael-elements-flip-box-icon-image img { 2041 border-radius: 50%; 2042 } 2043 1957 border-radius: 50%; 1958 } 2044 1959 /** 2045 1960 * Call To Action 2046 1961 */ 1962 2047 1963 .eael-call-to-action { 2048 width: 100%; 2049 height: auto; 2050 display: block; 2051 padding: 30px; 2052 font-size: 16px; 2053 color: #4d4d4d; 2054 font-weight: 400; 2055 line-height: 27px; 1964 width: 100%; 1965 height: auto; 1966 display: block; 1967 padding: 30px; 1968 font-size: 16px; 1969 color: #4d4d4d; 1970 font-weight: 400; 1971 line-height: 27px; 1972 margin: 0 auto; 2056 1973 } 2057 1974 .eael-call-to-action p { 2058 margin-bottom: 10px;1975 margin-bottom: 10px; 2059 1976 } 2060 1977 .eael-call-to-action .title { 2061 font-size: 36px;2062 font-weight: 600;2063 line-height: 36px;2064 margin-bottom: 10px;2065 text-transform: capitalize;2066 font-style: normal;1978 font-size: 36px; 1979 font-weight: 600; 1980 line-height: 36px; 1981 margin-bottom: 10px; 1982 text-transform: capitalize; 1983 font-style: normal; 2067 1984 } 2068 1985 .eael-call-to-action.cta-center { 2069 text-align: center; 1986 text-align: center; 1987 } 1988 .eael-call-to-action.cta-right { 1989 text-align: right; 1990 } 1991 .eael-call-to-action.cta-left { 1992 text-align: left; 2070 1993 } 2071 1994 .eael-call-to-action.bg-lite { 2072 background: #f4f4f4;1995 background: #f4f4f4; 2073 1996 } 2074 1997 .eael-call-to-action.bg-img { 2075 background-image: url( '../img/bg.jpg');2076 background-repeat: no-repeat;2077 background-position: center;2078 background-size: cover;2079 position: relative;2080 z-index: 0;2081 color: rgba( 255,255,255, 0.7);1998 background-image: url('../img/bg.jpg'); 1999 background-repeat: no-repeat; 2000 background-position: center; 2001 background-size: cover; 2002 position: relative; 2003 z-index: 0; 2004 color: rgba( 255, 255, 255, 0.7); 2082 2005 } 2083 2006 .eael-call-to-action.bg-img .icon { 2084 color: #fff;2007 color: #fff; 2085 2008 } 2086 2009 .eael-call-to-action.bg-img:after { 2087 content: "";2088 position: absolute;2089 width: 100%;2090 height: 100%;2091 top: 0px;2092 left: 0px;2093 z-index: -1;2094 background: rgba( 0,0,0,0.8);2010 content: ""; 2011 position: absolute; 2012 width: 100%; 2013 height: 100%; 2014 top: 0px; 2015 left: 0px; 2016 z-index: -1; 2017 background: rgba( 0, 0, 0, 0.8); 2095 2018 } 2096 2019 .eael-call-to-action.bg-img.bg-fixed { 2097 background-attachment: fixed;2098 background-position: center center;2020 background-attachment: fixed; 2021 background-position: center center; 2099 2022 } 2100 2023 .eael-call-to-action.bg-img .title { 2101 color: rgba( 255,255,255, 0.9);2024 color: rgba( 255, 255, 255, 0.9); 2102 2025 } 2103 2026 /* Cta Flex */ 2027 2104 2028 .eael-call-to-action.cta-flex, 2105 2029 .eael-call-to-action.cta-icon-flex { 2106 display: flex; 2107 justify-content: space-between; 2108 align-items: flex-start; 2109 } 2030 display: flex; 2031 justify-content: space-between; 2032 align-items: flex-start; 2033 } 2034 /* Cta Icon Flex */ 2035 2036 .eael-call-to-action.cta-icon-flex .icon { 2037 flex-grow: 1; 2038 font-size: 80px; 2039 text-align: left; 2040 line-height: 130px; 2041 } 2042 .eael-call-to-action.cta-icon-flex .action { 2043 flex-grow: 1; 2044 text-align: right; 2045 padding-top: 22px; 2046 flex-basis: 22%; 2047 } 2048 .eael-call-to-action.cta-icon-flex .content { 2049 flex-grow: 1; 2050 padding: 0px 30px; 2051 } 2052 /* Cta Flex */ 2053 2110 2054 .eael-call-to-action.cta-flex .content { 2111 width: 75%; 2055 padding: 0px 15px; 2056 flex-grow: 1; 2112 2057 } 2113 2058 .eael-call-to-action.cta-flex .action { 2114 width: 23%; 2115 text-align: right; 2116 padding-top: 25px; 2117 } 2118 .eael-call-to-action.cta-icon-flex .icon { 2119 width: 8%; 2120 font-size: 80px; 2121 text-align: left; 2122 line-height: 130px; 2123 } 2124 .eael-call-to-action.cta-icon-flex .action { 2125 width: 22%; 2126 text-align: right; 2127 padding-top: 22px; 2128 } 2129 .eael-call-to-action.cta-icon-flex .content { 2130 width: 61%; 2059 flex-grow: 1; 2060 text-align: right; 2061 padding-top: 25px; 2062 flex-basis: 23%; 2131 2063 } 2132 2064 /* Cta Button */ 2065 2133 2066 .eael-call-to-action .cta-button { 2134 position: relative;2135 display: inline-block;2136 padding: 12px 30px;2137 background: #f9f9f9;2138 font-size: 16px;2139 text-decoration: none;2140 color: #4d4d4d;2141 -webkit-transition: .5s;2142 -ms-transition: .5s;2143 transition: .5s;2144 -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);2145 -ms-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);2146 box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.2);2147 margin-right: 10px;2148 margin-top: 10px;2149 z-index: 0;2150 overflow: hidden;2067 position: relative; 2068 display: inline-block; 2069 padding: 12px 30px; 2070 background: #f9f9f9; 2071 font-size: 16px; 2072 text-decoration: none; 2073 color: #4d4d4d; 2074 -webkit-transition: .5s; 2075 -ms-transition: .5s; 2076 transition: .5s; 2077 -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); 2078 -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); 2079 box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2); 2080 margin-right: 10px; 2081 margin-top: 10px; 2082 z-index: 0; 2083 overflow: hidden; 2151 2084 } 2152 2085 .eael-call-to-action .cta-button:last-child { 2153 margin-right: 0px;2086 margin-right: 0px; 2154 2087 } 2155 2088 .eael-call-to-action .cta-button:focus { 2156 outline: none; 2157 } 2158 .eael-call-to-action .cta-button:after { 2159 content: ""; 2160 position: absolute; 2161 width: 100%; 2162 height: 100%; 2163 background: #3F51B5; 2164 top: 0px; 2165 left: 0px; 2166 transform: translateY(-100%); 2167 -webkit-transform: translateY(-100%); 2168 -ms-transform: translateY(-100%); 2169 z-index: -1; 2170 -webkit-transition: .5s; 2171 -ms-transition: .5s; 2172 transition: .5s; 2173 color: #fff; 2089 outline: none; 2174 2090 } 2175 2091 /* Hover */ 2092 2176 2093 .eael-call-to-action .cta-button:hover { 2177 color: #fff; 2178 -webkit-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1); 2179 -ms-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1); 2180 box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.1); 2181 } 2182 .eael-call-to-action .cta-button:hover::after { 2183 -webkit-transform: translateY(0); 2184 -ms-transform: translateY(0); 2185 transform: translateY(0); 2186 } 2187 2094 color: #fff; 2095 background: #3F51B5; 2096 -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); 2097 -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); 2098 box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1); 2099 } 2100 /* Cta Button effect 1 */ 2101 2102 .eael-call-to-action .cta-button.effect-1:after { 2103 content: ""; 2104 position: absolute; 2105 width: 100%; 2106 height: 100%; 2107 background: #3F51B5; 2108 top: 0px; 2109 left: 0px; 2110 transform: translateY(-100%); 2111 -webkit-transform: translateY(-100%); 2112 -ms-transform: translateY(-100%); 2113 z-index: -1; 2114 -webkit-transition: .5s; 2115 -ms-transition: .5s; 2116 transition: .5s; 2117 color: #fff; 2118 } 2119 .eael-call-to-action .cta-button.effect-1:hover::after { 2120 -webkit-transform: translateY(0); 2121 -ms-transform: translateY(0); 2122 transform: translateY(0); 2123 } 2188 2124 /* Cta Button effect 2 */ 2125 2189 2126 .eael-call-to-action .cta-button.effect-2:after { 2190 transform: translateX(-100%); 2127 content: ""; 2128 position: absolute; 2129 width: 100%; 2130 height: 100%; 2131 background: #3F51B5; 2132 top: 0px; 2133 left: 0px; 2134 z-index: -1; 2135 -webkit-transition: .5s; 2136 -ms-transition: .5s; 2137 transition: .5s; 2138 color: #fff; 2139 -webkit-transform: translateX(-100%); 2140 transform: translateX(-100%); 2191 2141 } 2192 2142 .eael-call-to-action .cta-button.effect-2:hover::after { 2193 transform: translateX(0); 2143 -webkit-transform: translateX(0); 2144 transform: translateX(0); 2194 2145 } 2195 2146 /* Media Queries */ 2196 @media only screen and (max-width: 768px) { 2197 .eael-call-to-action .title { 2198 font-size: 28px; 2199 line-height: 36px; 2200 margin-top: 0px; 2201 } 2202 .eael-call-to-action.cta-icon-flex .icon { 2203 width: 5%; 2204 font-size: 48px; 2205 line-height: 60px; 2206 } 2207 .eael-call-to-action.cta-icon-flex .content { 2208 width: 62%; 2209 } 2210 .eael-call-to-action .cta-button { 2211 padding: 12px 25px; 2212 } 2213 } 2214 @media only screen and (max-width: 480px) { 2215 .eael-call-to-action .title { 2216 font-size: 28px; 2217 line-height: 36px; 2218 margin-top: 0px; 2219 } 2220 .eael-call-to-action.cta-flex, 2221 .eael-call-to-action.cta-icon-flex { 2222 display: block; 2223 } 2224 .eael-call-to-action.cta-flex .content, 2225 .eael-call-to-action.cta-icon-flex .content { 2226 width: 100%; 2227 text-align: center; 2228 } 2229 .eael-call-to-action.cta-flex .action, 2230 .eael-call-to-action.cta-icon-flex .action { 2231 width: 100%; 2232 text-align: center; 2233 padding-top: 0px; 2234 } 2235 .eael-call-to-action.cta-icon-flex .icon { 2236 text-align: center; 2237 width: 100%; 2238 } 2239 .eael-call-to-action .cta-button { 2240 padding: 12px 25px; 2241 } 2147 2148 @media only screen and (max-width: 768px) { 2149 .eael-call-to-action.cta-flex, 2150 .eael-call-to-action.cta-icon-flex { 2151 flex-wrap: wrap; 2152 } 2153 .eael-call-to-action .title { 2154 font-size: 28px; 2155 line-height: 36px; 2156 margin-top: 0px; 2157 } 2158 .eael-call-to-action.cta-icon-flex .icon { 2159 flex-grow: 1; 2160 font-size: 48px; 2161 line-height: 90px; 2162 text-align: center; 2163 } 2164 .eael-call-to-action.cta-flex .content, 2165 .eael-call-to-action.cta-icon-flex .content { 2166 flex-grow: 1; 2167 text-align: center; 2168 padding: 0px; 2169 } 2170 .eael-call-to-action.cta-flex .action, 2171 .eael-call-to-action.cta-icon-flex .action { 2172 text-align: center; 2173 padding-top: 0px; 2174 } 2175 .eael-call-to-action .cta-button { 2176 padding: 12px 25px; 2177 } 2242 2178 } 2243 2179 @media only screen and (max-width: 360px) { 2244 .eael-call-to-action {2245 font-size: 14px;2246 line-height: 26px;2247 }2248 .eael-call-to-action .cta-button {2249 padding: 4px 20px;2250 font-size: 12px;2251 }2252 .eael-call-to-action .title {2253 font-size: 20px;2254 line-height: 30px;2255 }2256 } 2180 .eael-call-to-action { 2181 font-size: 14px; 2182 line-height: 26px; 2183 } 2184 .eael-call-to-action .cta-button { 2185 padding: 4px 20px; 2186 font-size: 12px; 2187 } 2188 .eael-call-to-action .title { 2189 font-size: 20px; 2190 line-height: 30px; 2191 } 2192 } 2257 2193 /** 2258 2194 * Dual Color Heading 2259 2195 */ 2196 2260 2197 .eael-dual-header { 2261 display: block;2262 margin-bottom: 50px;2198 display: block; 2199 margin-bottom: 50px; 2263 2200 } 2264 2201 .eael-dual-header .title, 2265 2202 .eael-dual-header .title span { 2266 font-size: 36px;2267 font-weight: 700;2268 text-transform: uppercase;2269 line-height: 48px;2270 margin: 10px 0px;2203 font-size: 36px; 2204 font-weight: 700; 2205 text-transform: uppercase; 2206 line-height: 48px; 2207 margin: 10px 0px; 2271 2208 } 2272 2209 .eael-dual-header .subtext { 2273 font-size: 16px;2274 display: block;2210 font-size: 16px; 2211 display: block; 2275 2212 } 2276 2213 .eael-dual-header i { 2277 display: block; 2278 padding: 0px; 2279 margin: 20px 0px 10px 0px; 2280 font-size: 36px; 2281 } 2282 .eael-dual-header.dh-colored .title span.lead, 2283 .eael-dual-header.dh-colored-reverse .title span.lead { 2284 color: #1abc9c; 2285 } 2286 2214 display: block; 2215 padding: 0px; 2216 margin: 20px 0px 10px 0px; 2217 font-size: 36px; 2218 } 2219 .eael-dual-header .title span.lead { 2220 color: #1abc9c; 2221 } 2287 2222 /* Builder Related Css */ 2223 2288 2224 .eael-dual-header-content-align-center { 2289 text-align: center;2225 text-align: center; 2290 2226 } 2291 2227 .eael-dual-header-content-align-left { 2292 text-align: left;2228 text-align: left; 2293 2229 } 2294 2230 .eael-dual-header-content-align-right { 2295 text-align: right; 2296 } 2297 2231 text-align: right; 2232 } 2298 2233 /** 2299 2234 * Pricing Table 2300 2235 */ 2236 2301 2237 .eael-pricing { 2302 -webkit-display: flex;2303 display: flex;2304 -webkit-justify-content: center;2305 justify-content: center;2306 -webkit-align-items: center;2307 align-items: center;2238 -webkit-display: flex; 2239 display: flex; 2240 -webkit-justify-content: center; 2241 justify-content: center; 2242 -webkit-align-items: center; 2243 align-items: center; 2308 2244 } 2309 2245 .eael-pricing .eael-pricing-item { 2310 width: 100%;2311 height: auto;2312 margin: 0;2246 width: 100%; 2247 height: auto; 2248 margin: 0; 2313 2249 } 2314 2250 .eael-pricing .eael-pricing-button { 2315 display: inline-block;2316 padding: 12px 25px;2317 background: #00C853;2318 font-size: 14px;2319 font-weight: 600;2320 color: #fff;2321 text-transform: uppercase;2322 text-decoration: none;2323 -webkit-transition: .3s;2324 transition: .3s;2325 -webkit-border-radius: 4px;2326 border-radius: 4px;2251 display: inline-block; 2252 padding: 12px 25px; 2253 background: #00C853; 2254 font-size: 14px; 2255 font-weight: 600; 2256 color: #fff; 2257 text-transform: uppercase; 2258 text-decoration: none; 2259 -webkit-transition: .3s; 2260 transition: .3s; 2261 -webkit-border-radius: 4px; 2262 border-radius: 4px; 2327 2263 } 2328 2264 .eael-pricing .eael-pricing-button:hover { 2329 background: #03b048;2265 background: #03b048; 2330 2266 } 2331 2267 .eael-pricing .eael-pricing-item ul { 2332 padding: 0px;2333 margin: 0px;2334 list-style: none;2268 padding: 0px; 2269 margin: 0px; 2270 list-style: none; 2335 2271 } 2336 2272 .eael-pricing .eael-pricing-item ul li.disable-item { 2337 text-decoration: line-through;2338 opacity: 0.5;2273 text-decoration: line-through; 2274 opacity: 0.5; 2339 2275 } 2340 2276 .eael-pricing .eael-pricing-item ul li span.li-icon { 2341 color: #00C853;2342 margin-right: 6px;2277 color: #00C853; 2278 margin-right: 6px; 2343 2279 } 2344 2280 .eael-pricing .eael-pricing-item ul li.disable-item span.li-icon { 2345 color: #EF5350;2281 color: #EF5350; 2346 2282 } 2347 2283 /* Pricing Table: Style 1 */ 2284 2348 2285 .eael-pricing.style-1 { 2349 position: relative;2350 z-index: 0;2351 text-align: center;2286 position: relative; 2287 z-index: 0; 2288 text-align: center; 2352 2289 } 2353 2290 .eael-pricing.style-1 .eael-pricing-item { 2354 border: 1px solid rgba( 9, 9, 9, .1);2355 padding: 30px;2356 -webkit-border-radius: 5px;2357 border-radius: 5px;2358 -webkit-transition: .5s;2359 transition: .5s;2291 border: 1px solid rgba( 9, 9, 9, .1); 2292 padding: 30px; 2293 -webkit-border-radius: 5px; 2294 border-radius: 5px; 2295 -webkit-transition: .5s; 2296 transition: .5s; 2360 2297 } 2361 2298 .eael-pricing.style-1 .eael-pricing-item:hover { 2362 -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);2363 box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);2364 }2299 -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); 2300 box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); 2301 } 2365 2302 .eael-pricing.style-1 .eael-pricing-item.featured { 2366 position: relative;2303 position: relative; 2367 2304 } 2368 2305 .eael-pricing.style-1 .eael-pricing-item.featured:before { 2369 content: "";2370 position: absolute;2371 width: 100%;2372 height: 3px;2373 background: #00C853;2374 top: 0px;2375 left: 0px;2376 right: 0px;2377 z-index: 1;2378 -webkit-border-radius: 5px 5px 0px 0px;2379 border-radius: 5px 5px 0px 0px;2306 content: ""; 2307 position: absolute; 2308 width: 100%; 2309 height: 3px; 2310 background: #00C853; 2311 top: 0px; 2312 left: 0px; 2313 right: 0px; 2314 z-index: 1; 2315 -webkit-border-radius: 5px 5px 0px 0px; 2316 border-radius: 5px 5px 0px 0px; 2380 2317 } 2381 2318 .eael-pricing.style-1 .eael-pricing-item .header { 2382 display: block;2383 position: relative;2384 z-index: 0;2385 padding-bottom: 15px;2386 margin-bottom: 15px;2319 display: block; 2320 position: relative; 2321 z-index: 0; 2322 padding-bottom: 15px; 2323 margin-bottom: 15px; 2387 2324 } 2388 2325 .eael-pricing.style-1 .eael-pricing-item .header:after { 2389 content: "";2390 position: absolute;2391 width: 140px;2392 height: 1px;2393 bottom: 0px;2394 left: 0px;2395 right: 0px;2396 margin: 0 auto;2397 z-index: 1;2398 background: rgba( 9, 9, 9, .1);2326 content: ""; 2327 position: absolute; 2328 width: 140px; 2329 height: 1px; 2330 bottom: 0px; 2331 left: 0px; 2332 right: 0px; 2333 margin: 0 auto; 2334 z-index: 1; 2335 background: rgba( 9, 9, 9, .1); 2399 2336 } 2400 2337 .eael-pricing.style-1 .eael-pricing-item .header .title { 2401 font-weight: 700;2402 line-height: 30px;2403 margin: 0px;2338 font-weight: 700; 2339 line-height: 30px; 2340 margin: 0px; 2404 2341 } 2405 2342 .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag { 2406 position: relative;2407 z-index: 0;2408 padding: 15px 0px;2409 margin-bottom: 15px;2343 position: relative; 2344 z-index: 0; 2345 padding: 15px 0px; 2346 margin-bottom: 15px; 2410 2347 } 2411 2348 .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after { 2412 content: "";2413 position: absolute;2414 width: 140px;2415 height: 1px;2416 bottom: 0px;2417 left: 0px;2418 right: 0px;2419 margin: 0 auto;2420 z-index: 1;2421 background: rgba( 9, 9, 9, .04);2349 content: ""; 2350 position: absolute; 2351 width: 140px; 2352 height: 1px; 2353 bottom: 0px; 2354 left: 0px; 2355 right: 0px; 2356 margin: 0 auto; 2357 z-index: 1; 2358 background: rgba( 9, 9, 9, .04); 2422 2359 } 2423 2360 .eael-pricing.style-1 .eael-pricing-item .price-tag { 2424 position: relative;2425 display: inline-block;2426 font-size: 28px;2427 font-weight: 500;2428 line-height: 0px;2429 margin: 0px auto;2361 position: relative; 2362 display: inline-block; 2363 font-size: 28px; 2364 font-weight: 500; 2365 line-height: 0px; 2366 margin: 0px auto; 2430 2367 } 2431 2368 .eael-pricing.style-1 .eael-pricing-item .price-tag:before { 2432 content: "$";2433 position: absolute;2434 width: 10px;2435 height: 10px;2436 font-size: 16px;2437 font-weight: 700;2438 color: #00C853;2439 top: -7px;2440 left: -12px;2441 z-index: 1;2442 } 2369 content: "$"; 2370 position: absolute; 2371 width: 10px; 2372 height: 10px; 2373 font-size: 16px; 2374 font-weight: 700; 2375 color: #00C853; 2376 top: -7px; 2377 left: -12px; 2378 z-index: 1; 2379 } 2443 2380 .eael-pricing.style-1 .eael-pricing-item .price-period { 2444 color: #999; 2445 } 2446 .eael-pricing.style-1 .eael-pricing-item .body {} 2447 .eael-pricing.style-1 .eael-pricing-item .body ul { 2448 display: block; 2449 width: 100%; 2450 margin-bottom: 15px; 2381 color: #999; 2382 } 2383 .eael-pricing.style-1 .eael-pricing-item .body {} .eael-pricing.style-1 .eael-pricing-item .body ul { 2384 display: block; 2385 width: 100%; 2386 margin-bottom: 15px; 2451 2387 } 2452 2388 .eael-pricing.style-1 .eael-pricing-item .body ul li { 2453 display: block;2454 width: 100%;2455 height: auto;2456 padding: 10px 0px;2457 font-size: 14px;2458 color: #6d6d6d;2459 border-bottom: 1px solid rgba( 9, 9, 9, .04);2389 display: block; 2390 width: 100%; 2391 height: auto; 2392 padding: 10px 0px; 2393 font-size: 14px; 2394 color: #6d6d6d; 2395 border-bottom: 1px solid rgba( 9, 9, 9, .04); 2460 2396 } 2461 2397 .eael-pricing.style-1 .eael-pricing-item .body ul li:last-child { 2462 border: none;2398 border: none; 2463 2399 } 2464 2400 .eael-pricing.style-1 .eael-pricing-item.featured-large { 2465 padding: 60px 0px;2401 padding: 60px 0px; 2466 2402 } 2467 2403 /* Pricing Table : Style 2 */ 2404 2468 2405 .eael-pricing.style-2 { 2469 position: relative;2470 z-index: 0;2471 text-align: center;2406 position: relative; 2407 z-index: 0; 2408 text-align: center; 2472 2409 } 2473 2410 .eael-pricing.style-2 .eael-pricing-item { 2474 padding: 30px 0px;2475 border-radius: 5px;2476 margin: 0px;2477 border: 1px solid rgba( 9, 9, 9, .1);2411 padding: 30px 0px; 2412 border-radius: 5px; 2413 margin: 0px; 2414 border: 1px solid rgba( 9, 9, 9, .1); 2478 2415 } 2479 2416 .eael-pricing.style-2 .eael-pricing-item.featured { 2480 -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); 2481 box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); 2482 } 2483 .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon {} 2484 .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon { 2485 display: inline-block; 2486 position: relative; 2487 width: 80px; 2488 height: 80px; 2489 border-radius: 50%; 2490 border: 3px solid #fff; 2491 -webkit-box-shadow: inset 0 14px 28px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.2); 2492 box-shadow: inset 0 14px 28px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.2); 2493 margin-bottom: 30px; 2494 text-align: center; 2495 -webkit-transition: transform .5s; 2496 transition: transform .5s; 2497 overflow: hidden; 2417 -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); 2418 box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); 2419 } 2420 .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon {} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon { 2421 display: inline-block; 2422 position: relative; 2423 width: 80px; 2424 height: 80px; 2425 background: #00c853; 2426 border-radius: 50%; 2427 /*border: 2px solid #00c853;*/ 2428 2429 margin-bottom: 30px; 2430 text-align: center; 2431 -webkit-transition: .5s; 2432 transition: .5s; 2433 overflow: hidden; 2498 2434 } 2499 2435 .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i { 2500 font-size: 30px; 2501 color: #dbdbdb; 2502 line-height: 80px; 2503 -webkit-transition: .5s; 2504 transition: .5s; 2436 font-size: 30px; 2437 color: #fff; 2438 line-height: 80px; 2439 -webkit-transition: .5s; 2440 transition: .5s; 2441 } 2442 .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon { 2443 background: #43A047; 2444 /*border: 2px solid #43A047;*/ 2505 2445 } 2506 2446 .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i { 2507 color: #00C853;2447 color: #fff; 2508 2448 } 2509 2449 .eael-pricing.style-2 .eael-pricing-item .header { 2510 background: #C8E6C9;2511 padding: 25px 30px;2512 margin-bottom: 15px;2513 position: relative;2514 z-index: 0;2450 background: #C8E6C9; 2451 padding: 25px 30px; 2452 margin-bottom: 15px; 2453 position: relative; 2454 z-index: 0; 2515 2455 } 2516 2456 .eael-pricing.style-2 .eael-pricing-item.featured .header:after { 2517 content: "";2518 position: absolute;2519 width: 100%;2520 height: 100%;2521 top: 0px;2522 left: 0px;2523 right: 0px;2524 bottom: 0px;2525 z-index: -1;2526 background: rgba(255,255,255,.4);2457 content: ""; 2458 position: absolute; 2459 width: 100%; 2460 height: 100%; 2461 top: 0px; 2462 left: 0px; 2463 right: 0px; 2464 bottom: 0px; 2465 z-index: -1; 2466 background: rgba(255, 255, 255, .4); 2527 2467 } 2528 2468 .eael-pricing.style-2 .eael-pricing-item .header .title { 2529 font-size: 28px;2530 font-weight: 700;2531 line-height: 40px;2532 margin: 0px;2469 font-size: 28px; 2470 font-weight: 700; 2471 line-height: 40px; 2472 margin: 0px; 2533 2473 } 2534 2474 .eael-pricing.style-2 .eael-pricing-item .header .subititle { 2535 font-size: 14px;2536 font-weight: 600;2537 color: #6d6d6d;2475 font-size: 14px; 2476 font-weight: 600; 2477 color: #6d6d6d; 2538 2478 } 2539 2479 .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag { 2540 position: relative;2541 z-index: 0;2542 padding: 15px 0px;2543 margin-bottom: 15px;2480 position: relative; 2481 z-index: 0; 2482 padding: 15px 0px; 2483 margin-bottom: 15px; 2544 2484 } 2545 2485 .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after { 2546 content: "";2547 position: absolute;2548 width: 140px;2549 height: 1px;2550 bottom: 0px;2551 left: 0px;2552 right: 0px;2553 margin: 0 auto;2554 z-index: 1;2555 background: rgba( 9, 9, 9, .04);2486 content: ""; 2487 position: absolute; 2488 width: 140px; 2489 height: 1px; 2490 bottom: 0px; 2491 left: 0px; 2492 right: 0px; 2493 margin: 0 auto; 2494 z-index: 1; 2495 background: rgba( 9, 9, 9, .04); 2556 2496 } 2557 2497 .eael-pricing.style-2 .eael-pricing-item .price-tag { 2558 position: relative;2559 display: inline-block;2560 font-size: 28px;2561 font-weight: 500;2562 line-height: 0px;2563 margin: 0px auto;2498 position: relative; 2499 display: inline-block; 2500 font-size: 28px; 2501 font-weight: 500; 2502 line-height: 0px; 2503 margin: 0px auto; 2564 2504 } 2565 2505 .eael-pricing.style-2 .eael-pricing-item .price-tag:before { 2566 content: "$";2567 position: absolute;2568 width: 10px;2569 height: 10px;2570 font-size: 16px;2571 font-weight: 700;2572 color: #00C853;2573 top: -7px;2574 left: -12px;2575 z-index: 1;2576 } 2506 content: "$"; 2507 position: absolute; 2508 width: 10px; 2509 height: 10px; 2510 font-size: 16px; 2511 font-weight: 700; 2512 color: #00C853; 2513 top: -7px; 2514 left: -12px; 2515 z-index: 1; 2516 } 2577 2517 .eael-pricing.style-2 .eael-pricing-item .price-period { 2578 color: #999; 2579 } 2580 .eael-pricing.style-2 .eael-pricing-item .body {} 2581 .eael-pricing.style-2 .eael-pricing-item .body ul { 2582 display: block; 2583 width: 100%; 2584 margin-bottom: 15px; 2518 color: #999; 2519 } 2520 .eael-pricing.style-2 .eael-pricing-item .body {} .eael-pricing.style-2 .eael-pricing-item .body ul { 2521 display: block; 2522 width: 100%; 2523 margin-bottom: 15px; 2585 2524 } 2586 2525 .eael-pricing.style-2 .eael-pricing-item .body ul li { 2587 display: block;2588 width: 100%;2589 height: auto;2590 padding: 10px 15px;2591 font-size: 14px;2592 color: #6d6d6d;2593 border-bottom: 1px solid rgba( 9, 9, 9, .04);2526 display: block; 2527 width: 100%; 2528 height: auto; 2529 padding: 10px 15px; 2530 font-size: 14px; 2531 color: #6d6d6d; 2532 border-bottom: 1px solid rgba( 9, 9, 9, .04); 2594 2533 } 2595 2534 .eael-pricing.style-2 .eael-pricing-item .body ul li:last-child { 2596 border: none; 2597 } 2598 2535 border: none; 2536 } 2537 /* Pricing Table: Style 3 */ 2538 2539 .eael-pricing.style-3 {} .eael-pricing.style-3 .eael-pricing-item { 2540 background: #262c37; 2541 padding: 30px; 2542 color: #fff; 2543 } 2544 .eael-pricing.style-3 .eael-pricing-item.featured { 2545 position: relative; 2546 z-index: 0; 2547 } 2548 .eael-pricing.style-3 .eael-pricing-item.featured:before { 2549 content: "Featured"; 2550 position: absolute; 2551 width: auto; 2552 background: #E25A77; 2553 color: #fff; 2554 top: 35px; 2555 right: -15px; 2556 z-index: 10; 2557 font-size: 10px; 2558 font-weight: 600; 2559 text-transform: uppercase; 2560 padding: 0px 10px; 2561 } 2562 .eael-pricing.style-3 .eael-pricing-item.featured:after { 2563 content: ""; 2564 position: absolute; 2565 top: 20px; 2566 right: -15px; 2567 width: 0; 2568 height: 0; 2569 border-bottom: 15px solid #bf4a63; 2570 border-right: 15px solid transparent; 2571 z-index: 9; 2572 opacity: 0.9; 2573 } 2574 .eael-pricing.style-3 .eael-pricing-item .header { 2575 position: relative; 2576 padding-bottom: 15px; 2577 margin-bottom: 15px; 2578 z-index: 0; 2579 overflow: hidden; 2580 } 2581 .eael-pricing.style-3 .eael-pricing-item .header:after { 2582 position: absolute; 2583 content: ""; 2584 width: 100%; 2585 height: 1px; 2586 bottom: 0px; 2587 left: 0px; 2588 right: 0px; 2589 margin: 0 auto; 2590 z-index: 1; 2591 -webkit-transition: 1s; 2592 transition: 1s; 2593 -webkit-transform: scaleX( 0.4); 2594 transform: scaleX( 0.4); 2595 background: #E25A77; 2596 } 2597 .eael-pricing.style-3 .eael-pricing-item:hover .header:after { 2598 -webkit-transform: scaleX(1); 2599 transform: scaleX(1); 2600 } 2601 .eael-pricing.style-3 .eael-pricing-item .header .title { 2602 font-family: 'Raleway', sans-serif; 2603 font-size: 28px; 2604 font-weight: 400; 2605 line-height: 40px; 2606 margin: 0px; 2607 } 2608 .eael-pricing.style-3 .eael-pricing-item .header .subtitle { 2609 font-size: 14px; 2610 color: rgba( 255, 255, 255, .5); 2611 } 2612 .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag { 2613 margin-bottom: 30px; 2614 } 2615 .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-tag { 2616 position: relative; 2617 display: inline-block; 2618 font-size: 36px; 2619 font-weight: 700; 2620 line-height: 0px; 2621 padding-left: 12px; 2622 z-index: 0; 2623 } 2624 .eael-pricing.style-3 .eael-pricing-item .price-tag:before { 2625 content: "$"; 2626 position: absolute; 2627 width: 10px; 2628 height: 10px; 2629 font-size: 16px; 2630 font-weight: 700; 2631 color: #fff; 2632 top: -7px; 2633 left: 0px; 2634 z-index: 1; 2635 } 2636 .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-period {} .eael-pricing.style-3 .eael-pricing-item .body {} .eael-pricing.style-3 .eael-pricing-item .body ul { 2637 margin-bottom: 30px; 2638 } 2639 .eael-pricing.style-3 .eael-pricing-item .body ul li { 2640 display: block; 2641 width: 100%; 2642 height: auto; 2643 padding: 10px 0px; 2644 font-size: 14px; 2645 color: rgba( 255, 255, 255, .7); 2646 border-bottom: 1px solid rgba( 9, 9, 9, .04); 2647 } 2648 .eael-pricing.style-3 .eael-pricing-item .body ul li:last-child { 2649 border: none; 2650 } 2651 .eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag.on-top { 2652 margin-top: 15px; 2653 margin-bottom: 15px; 2654 } 2655 /* Pricing Table : Style 4 */ 2656 2657 .eael-pricing.style-4 { 2658 position: relative; 2659 z-index: 0; 2660 text-align: center; 2661 overflow: hidden; 2662 padding: 0px; 2663 } 2664 .eael-pricing.style-4 .eael-pricing-item { 2665 padding: 0px 0px 30px 0px; 2666 border-radius: 5px; 2667 margin: 0px; 2668 -webkit-transition: .5s; 2669 transition: .5s; 2670 } 2671 .eael-pricing.style-4 .eael-pricing-item.featured:before { 2672 content: "Featured"; 2673 position: absolute; 2674 width: auto; 2675 background: rgba( 0, 0, 0, 0.6); 2676 color: #fff; 2677 top: 15px; 2678 right: 15px; 2679 z-index: 10; 2680 font-size: 13px; 2681 font-weight: 600; 2682 text-transform: uppercase; 2683 padding: 0px 14px; 2684 } 2685 .eael-pricing.style-4 .eael-pricing-item:hover { 2686 -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); 2687 box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); 2688 } 2689 .eael-pricing.style-4 .eael-pricing-item .header { 2690 background: #C8E6C9; 2691 padding: 25px 0px; 2692 margin-bottom: 15px; 2693 position: relative; 2694 z-index: 0; 2695 } 2696 .eael-pricing.style-4 .eael-pricing-item .header .title { 2697 font-size: 28px; 2698 font-weight: 700; 2699 line-height: 40px; 2700 margin: 0px; 2701 } 2702 .eael-pricing.style-4 .eael-pricing-item .header .subititle { 2703 font-size: 14px; 2704 font-weight: 600; 2705 color: #6d6d6d; 2706 } 2707 .eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag { 2708 position: relative; 2709 z-index: 0; 2710 padding: 15px 0px; 2711 margin-bottom: 15px; 2712 } 2713 .eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag:after { 2714 content: ""; 2715 position: absolute; 2716 width: 140px; 2717 height: 1px; 2718 bottom: 0px; 2719 left: 0px; 2720 right: 0px; 2721 margin: 0 auto; 2722 z-index: 1; 2723 background: rgba( 9, 9, 9, .04); 2724 } 2725 .eael-pricing.style-4 .eael-pricing-item .price-tag { 2726 position: relative; 2727 display: inline-block; 2728 font-size: 28px; 2729 font-weight: 500; 2730 line-height: 0px; 2731 margin: 0px auto; 2732 } 2733 .eael-pricing.style-4 .eael-pricing-item .price-tag:before { 2734 content: "$"; 2735 position: absolute; 2736 width: 10px; 2737 height: 10px; 2738 font-size: 16px; 2739 font-weight: 700; 2740 color: #00C853; 2741 top: -7px; 2742 left: -12px; 2743 z-index: 1; 2744 } 2745 .eael-pricing.style-4 .eael-pricing-item .price-period { 2746 color: #999; 2747 } 2748 .eael-pricing.style-4 .eael-pricing-item .body {} .eael-pricing.style-4 .eael-pricing-item .body ul { 2749 display: block; 2750 width: 100%; 2751 margin-bottom: 15px; 2752 } 2753 .eael-pricing.style-4 .eael-pricing-item .body ul li { 2754 display: block; 2755 width: 100%; 2756 height: auto; 2757 padding: 10px 0px; 2758 font-size: 14px; 2759 color: #6d6d6d; 2760 border-bottom: 1px solid rgba( 9, 9, 9, .04); 2761 } 2762 .eael-pricing.style-4 .eael-pricing-item .body ul li:last-child { 2763 border: none; 2764 } 2765 .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image { 2766 position: relative; 2767 -webkit-display: flex; 2768 display: flex; 2769 -webkit-justify-content: center; 2770 justify-content: center; 2771 -webkit-align-items: center; 2772 align-items: center; 2773 z-index: 0; 2774 width: 100%; 2775 height: 120px; 2776 background-size: cover; 2777 background-repeat: no-repeat; 2778 background-position: center; 2779 padding-top: 15px; 2780 } 2781 .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image:after { 2782 position: absolute; 2783 content: ""; 2784 width: 100%; 2785 height: 100%; 2786 top: 0px; 2787 left: 0px; 2788 right: 0px; 2789 bottom: 0px; 2790 background: rgba( 0, 0, 0, 0.5); 2791 z-index: -1; 2792 } 2793 .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag { 2794 padding: 0px; 2795 margin: 0px; 2796 } 2797 .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag { 2798 font-size: 48px; 2799 font-weight: 700; 2800 color: #fff; 2801 line-height: 0px; 2802 margin-bottom: 0px; 2803 } 2804 .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag:before { 2805 font-size: 24px; 2806 top: -20px; 2807 left: -18px; 2808 } 2809 .eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-period { 2810 font-size: 13px; 2811 font-weight: 600; 2812 } 2599 2813 /* Media Query */ 2600 @media only screen and ( min-width: 768px ) and (max-width: 992px) { 2601 .eael-pricing { 2602 display: block; 2603 } 2604 .eael-pricing .eael-pricing-item, 2605 .eael-pricing.style-2 .eael-pricing-item, 2606 .eael-pricing.style-4 .eael-pricing-item { 2607 width: 100%; 2608 margin: 0 auto 30px auto; 2609 } 2814 2815 @media only screen and ( min-width: 768px) and (max-width: 992px) { 2816 .eael-pricing { 2817 display: block; 2818 } 2819 .eael-pricing .eael-pricing-item, 2820 .eael-pricing.style-2 .eael-pricing-item, 2821 .eael-pricing.style-4 .eael-pricing-item { 2822 width: 100%; 2823 margin: 0 auto 30px auto; 2824 } 2610 2825 } 2611 2826 @media only screen and (max-width: 480px) { 2612 .eael-pricing { 2613 display: block; 2614 } 2615 .eael-pricing .eael-pricing-item { 2616 width: 100%; 2617 } 2618 .eael-pricing .eael-pricing-item, 2619 .eael-pricing.style-2 .eael-pricing-item, 2620 .eael-pricing.style-4 .eael-pricing-item { 2621 margin: 0 auto 30px auto; 2622 } 2623 } 2624 2827 .eael-pricing { 2828 display: block; 2829 } 2830 .eael-pricing .eael-pricing-item { 2831 width: 100%; 2832 } 2833 .eael-pricing .eael-pricing-item, 2834 .eael-pricing.style-2 .eael-pricing-item, 2835 .eael-pricing.style-4 .eael-pricing-item { 2836 margin: 0 auto 30px auto; 2837 } 2838 } 2625 2839 /* Page Builder Related Style */ 2840 2626 2841 .eael-pricing-content-align-center .eael-pricing { 2627 text-align: center;2842 text-align: center; 2628 2843 } 2629 2844 .eael-pricing-content-align-left .eael-pricing { 2630 text-align: left;2845 text-align: left; 2631 2846 } 2632 2847 .eael-pricing-content-align-right .eael-pricing { 2633 text-align: right; 2634 } 2635 2848 text-align: right; 2849 } 2636 2850 .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag { 2637 padding-left: 45px;2851 padding-left: 45px; 2638 2852 } 2639 2853 .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before { 2640 left: 30px;2854 left: 30px; 2641 2855 } 2642 2856 .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag { 2643 padding-right: 30px; 2644 } 2645 2857 padding-right: 30px; 2858 } 2646 2859 .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header, 2647 2860 .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon, 2648 .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer, 2861 .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer, 2649 2862 .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header, 2650 2863 .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer { 2651 padding-left: 30px;2652 padding-right: 30px;2864 padding-left: 30px; 2865 padding-right: 30px; 2653 2866 } 2654 2867 .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header, 2655 2868 .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon, 2656 .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer, 2869 .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer, 2657 2870 .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header, 2658 2871 .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer { 2659 padding-right: 30px;2660 padding-left: 30px;2872 padding-right: 30px; 2873 padding-left: 30px; 2661 2874 } 2662 2875 .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li, 2663 2876 .eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li { 2664 padding-left: 30px;2877 padding-left: 30px; 2665 2878 } 2666 2879 .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li, 2667 2880 .eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li { 2668 padding-right: 30px;2881 padding-right: 30px; 2669 2882 } 2670 2883 .eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after { 2671 -webkit-transform: translateX( -80%);2672 transform: translateX( -80%);2884 -webkit-transform: translateX( -80%); 2885 transform: translateX( -80%); 2673 2886 } 2674 2887 .eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after { 2675 -webkit-transform: translateX( 80%);2676 transform: translateX( 80%);2888 -webkit-transform: translateX( 80%); 2889 transform: translateX( 80%); 2677 2890 } 2678 2891 .eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after, 2679 2892 .eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after { 2680 -webkit-transform: translateX( 0%);2681 transform: translateX( 0%);2893 -webkit-transform: translateX( 0%); 2894 transform: translateX( 0%); 2682 2895 } 2683 2896 .eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after, … … 2687 2900 .eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after, 2688 2901 .eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after { 2689 margin: 0;2690 width: 100%;2691 } 2902 margin: 0; 2903 width: 100%; 2904 } 2692 2905 /* Button Alignment */ 2906 2693 2907 .eael-pricing-button-align-right .eael-pricing.style-1 .footer, 2694 2908 .eael-pricing-button-align-right .eael-pricing.style-2 .footer, 2695 2909 .eael-pricing-button-align-right .eael-pricing.style-3 .footer, 2696 2910 .eael-pricing-button-align-right .eael-pricing.style-4 .footer { 2697 text-align: right;2911 text-align: right; 2698 2912 } 2699 2913 .eael-pricing-button-align-center .eael-pricing.style-1 .footer, … … 2701 2915 .eael-pricing-button-align-center .eael-pricing.style-3 .footer, 2702 2916 .eael-pricing-button-align-center .eael-pricing.style-4 .footer { 2703 text-align: center;2917 text-align: center; 2704 2918 } 2705 2919 .eael-pricing-button-align-left .eael-pricing.style-1 .footer, … … 2707 2921 .eael-pricing-button-align-left .eael-pricing.style-3 .footer, 2708 2922 .eael-pricing-button-align-left .eael-pricing.style-4 .footer { 2709 text-align: left;2923 text-align: left; 2710 2924 } 2711 2925 .eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer, 2712 2926 .eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer { 2713 padding-right: 30px;2927 padding-right: 30px; 2714 2928 } 2715 2929 .eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer, 2716 2930 .eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer { 2717 padding-left: 30px;2931 padding-left: 30px; 2718 2932 } 2719 2933 /* Only In Pro */ 2934 2720 2935 .only-in-pro { 2721 width: 100%;2722 -webkit-display: flex;2723 display: flex;2724 -webkit-align-items: center;2725 align-items: center;2726 -webkit-justify-content: center;2727 justify-content: center;2728 padding: 15px;2729 min-width: 200px;2730 background: #EF5350;2731 color: #fff;2732 text-align: center;2936 width: 100%; 2937 -webkit-display: flex; 2938 display: flex; 2939 -webkit-align-items: center; 2940 align-items: center; 2941 -webkit-justify-content: center; 2942 justify-content: center; 2943 padding: 15px; 2944 min-width: 200px; 2945 background: #EF5350; 2946 color: #fff; 2947 text-align: center; 2733 2948 } 2734 2949 .only-in-pro .title { 2735 font-family: 'Roboto', sans-serif;2736 font-size: 24px;2737 line-height: 40px;2738 margin: 0px;2739 } 2950 font-family: 'Roboto', sans-serif; 2951 font-size: 24px; 2952 line-height: 40px; 2953 margin: 0px; 2954 } -
essential-addons-for-elementor-lite/trunk/elements/call-to-action/call-to-action.php
r1746620 r1750549 60 60 'label_block' => false, 61 61 'options' => [ 62 'cta-default' => esc_html__( ' Default', 'essential-addons-elementor' ),62 'cta-default' => esc_html__( 'Left', 'essential-addons-elementor' ), 63 63 'cta-center' => esc_html__( 'Center', 'essential-addons-elementor' ), 64 'cta-right' => esc_html__( 'Right', 'essential-addons-elementor' ), 64 65 ], 65 66 'condition' => [ … … 181 182 182 183 $this->add_control( 184 'eael_cta_container_width', 185 [ 186 'label' => esc_html__( 'Set max width for the container?', 'essential-addons-elementor' ), 187 'type' => Controls_Manager::SWITCHER, 188 'label_on' => __( 'yes', 'essential-addons-elementor' ), 189 'label_off' => __( 'no', 'essential-addons-elementor' ), 190 'default' => 'yes', 191 ] 192 ); 193 194 $this->add_responsive_control( 195 'eael_cta_container_width_value', 196 [ 197 'label' => __( 'Container Max Width (% or px)', 'essential-addons-elementor' ), 198 'type' => Controls_Manager::SLIDER, 199 'default' => [ 200 'size' => 1170, 201 'unit' => 'px', 202 ], 203 'size_units' => [ 'px', '%' ], 204 'range' => [ 205 'px' => [ 206 'min' => 0, 207 'max' => 1500, 208 'step' => 5, 209 ], 210 '%' => [ 211 'min' => 1, 212 'max' => 100, 213 ], 214 ], 215 'selectors' => [ 216 '{{WRAPPER}} .eael-call-to-action' => 'max-width: {{SIZE}}{{UNIT}};', 217 ], 218 'condition' => [ 219 'eael_cta_container_width' => 'yes', 220 ], 221 ] 222 ); 223 224 $this->add_control( 183 225 'eael_cta_bg_color', 184 226 [ … … 346 388 'options' => [ 347 389 'default' => esc_html__( 'Default', 'essential-addons-elementor' ), 390 'top-to-bottom' => esc_html__( 'Top to Bottom', 'essential-addons-elementor' ), 348 391 'left-to-right' => esc_html__( 'Left to Right', 'essential-addons-elementor' ), 349 392 ], … … 461 504 'selectors' => [ 462 505 '{{WRAPPER}} .eael-call-to-action .cta-button:after' => 'background: {{VALUE}};', 506 '{{WRAPPER}} .eael-call-to-action .cta-button:hover' => 'background: {{VALUE}};', 463 507 ], 464 508 ] … … 493 537 $this->end_controls_section(); 494 538 539 /** 540 * ------------------------------------------- 541 * Tab Style (Button Style) 542 * ------------------------------------------- 543 */ 544 $this->start_controls_section( 545 'eael_section_cta_icon_style_settings', 546 [ 547 'label' => esc_html__( 'Icon Style', 'essential-addons-elementor' ), 548 'tab' => Controls_Manager::TAB_STYLE, 549 'condition' => [ 550 'eael_cta_type' => 'cta-icon-flex' 551 ] 552 ] 553 ); 554 555 $this->add_control( 556 'eael_section_cta_icon_size', 557 [ 558 'label' => esc_html__( 'Font Size', 'essential-addons-elementor' ), 559 'type' => Controls_Manager::SLIDER, 560 'default' => [ 561 'size' => 80 562 ], 563 'range' => [ 564 'px' => [ 565 'max' => 160, 566 ], 567 ], 568 'selectors' => [ 569 '{{WRAPPER}} .eael-call-to-action.cta-icon-flex .icon' => 'font-size: {{SIZE}}px;', 570 ], 571 ] 572 ); 573 574 $this->add_control( 575 'eael_section_cta_icon_color', 576 [ 577 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), 578 'type' => Controls_Manager::COLOR, 579 'default' => '#444', 580 'selectors' => [ 581 '{{WRAPPER}} .eael-call-to-action.cta-icon-flex .icon' => 'color: {{VALUE}};', 582 ], 583 ] 584 ); 585 586 $this->end_controls_section(); 587 495 588 } 496 589 … … 498 591 protected function render( ) { 499 592 500 $settings = $this->get_settings(); 501 $target = $settings['eael_cta_btn_link']['url'] ? 'target="_blank"' : ''; 593 $settings = $this->get_settings(); 594 $target = $settings['eael_cta_btn_link']['is_external'] ? 'target="_blank"' : ''; 595 $nofollow = $settings['eael_cta_btn_link']['nofollow'] ? 'rel="nofollow"' : ''; 502 596 if( 'cta-bg-color' == $settings['eael_cta_color_type'] ) { 503 597 $cta_class = 'bg-lite'; … … 510 604 } 511 605 // Is Basic Cta Content Center or Not 512 if( 'cta-center' == $settings['eael_cta_content_type'] ) { 513 $cta_center = 'cta-center'; 606 if( 'cta-center' === $settings['eael_cta_content_type'] ) { 607 $cta_alignment = 'cta-center'; 608 }elseif( 'cta-right' === $settings['eael_cta_content_type'] ) { 609 $cta_alignment = 'cta-right'; 514 610 }else { 515 $cta_ center = '';611 $cta_alignment = 'cta-left'; 516 612 } 517 613 // Button Effect 518 614 if( 'left-to-right' == $settings['eael_cta_btn_effect_type'] ) { 519 615 $cta_btn_effect = 'effect-2'; 616 }elseif( 'top-to-bottom' == $settings['eael_cta_btn_effect_type'] ) { 617 $cta_btn_effect = 'effect-1'; 520 618 }else { 521 619 $cta_btn_effect = ''; … … 524 622 ?> 525 623 <?php if( 'cta-basic' == $settings['eael_cta_type'] ) : ?> 526 <div class="eael-call-to-action <?php echo esc_attr( $cta_class ); ?> <?php echo esc_attr( $cta_ center); ?>">624 <div class="eael-call-to-action <?php echo esc_attr( $cta_class ); ?> <?php echo esc_attr( $cta_alignment ); ?>"> 527 625 <h2 class="title"><?php echo $settings['eael_cta_title']; ?></h2> 528 626 <p><?php echo $settings['eael_cta_content']; ?></p> 529 <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>627 <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a> 530 628 </div> 531 629 <?php endif; ?> … … 537 635 </div> 538 636 <div class="action"> 539 <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a>637 <a href="<?php echo esc_url( $settings['eael_cta_btn_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> class="cta-button <?php echo esc_attr( $cta_btn_effect ); ?>"><?php esc_html_e( $settings['eael_cta_btn_text'], 'essential-addons-elementor' ); ?></a> 540 638 </div> 541 639 </div> -
essential-addons-for-elementor-lite/trunk/elements/dual-color-header/dual-color-header.php
r1746620 r1750549 50 50 ); 51 51 52 $this->add_control(53 'eael_dch_color_type',54 [55 'label' => esc_html__( 'Color Style', 'essential-addons-elementor' ),56 'type' => Controls_Manager::SELECT,57 'default' => 'dch-colored',58 'label_block' => false,59 'options' => [60 'dch-basic' => esc_html__( 'Basic', 'essential-addons-elementor' ),61 'dch-colored' => esc_html__( 'Colored', 'essential-addons-elementor' ),62 'dch-colored-reverse' => esc_html__( 'Reverse Color', 'essential-addons-elementor' ),63 ],64 ]65 );52 // $this->add_control( 53 // 'eael_dch_color_type', 54 // [ 55 // 'label' => esc_html__( 'Color Style', 'essential-addons-elementor' ), 56 // 'type' => Controls_Manager::SELECT, 57 // 'default' => 'dch-colored', 58 // 'label_block' => false, 59 // 'options' => [ 60 // 'dch-basic' => esc_html__( 'Basic', 'essential-addons-elementor' ), 61 // 'dch-colored' => esc_html__( 'Colored', 'essential-addons-elementor' ), 62 // 'dch-colored-reverse' => esc_html__( 'Reverse Color', 'essential-addons-elementor' ), 63 // ], 64 // ] 65 // ); 66 66 67 67 $this->add_control( … … 308 308 'eael_dch_base_title_color', 309 309 [ 310 'label' => esc_html__( ' Base TitleColor', 'essential-addons-elementor' ),310 'label' => esc_html__( 'Main Color', 'essential-addons-elementor' ), 311 311 'type' => Controls_Manager::COLOR, 312 312 'default' => '#4d4d4d', … … 320 320 'eael_dch_dual_title_color', 321 321 [ 322 'label' => esc_html__( 'Dual TitleColor', 'essential-addons-elementor' ),322 'label' => esc_html__( 'Dual Color', 'essential-addons-elementor' ), 323 323 'type' => Controls_Manager::COLOR, 324 324 'default' => '#1abc9c', 325 325 'selectors' => [ 326 '{{WRAPPER}} .eael-dual-header .dh-colored .title span.lead, {{WRAPPER}} .eael-dual-header.dh-colored-reverse.title span.lead' => 'color: {{VALUE}};',326 '{{WRAPPER}} .eael-dual-header .title span.lead' => 'color: {{VALUE}};', 327 327 ], 328 328 ] … … 333 333 [ 334 334 'name' => 'eael_dch_first_title_typography', 335 'selector' => '{{WRAPPER}} .eael-dual-header .title, .eael-dual-header .title span.lead',335 'selector' => '{{WRAPPER}} .eael-dual-header .title, {{WRAPPER}} .eael-dual-header .title span', 336 336 ] 337 337 ); … … 370 370 } 371 371 372 373 372 protected function render( ) { 374 373 375 374 $settings = $this->get_settings(); 376 375 377 if( 'dch-basic' == $settings['eael_dch_color_type'] ) {378 $dch_color_class = 'dh-basic';379 }else if( 'dch-colored' == $settings['eael_dch_color_type'] ) {380 $dch_color_class = 'dh-colored';381 }else if( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) {382 $dch_color_class = 'dh-colored-reverse';383 }384 376 ?> 385 377 <?php if( 'dch-default' == $settings['eael_dch_type'] ) : ?> 386 <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>"> 387 <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?> 388 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2> 389 <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?> 390 <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2> 391 <?php else: ?> 392 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2> 393 <?php endif; ?> 378 <div class="eael-dual-header"> 379 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2> 394 380 <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span> 395 381 <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?> … … 400 386 401 387 <?php if( 'dch-icon-on-top' == $settings['eael_dch_type'] ) : ?> 402 <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">388 <div class="eael-dual-header"> 403 389 <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?> 404 390 <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i> 405 391 <?php endif; ?> 406 <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?> 407 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2> 408 <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?> 409 <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2> 410 <?php else: ?> 411 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2> 412 <?php endif; ?> 392 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2> 413 393 <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span> 414 394 </div> … … 416 396 417 397 <?php if( 'dch-icon-subtext-on-top' == $settings['eael_dch_type'] ) : ?> 418 <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">398 <div class="eael-dual-header"> 419 399 <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?> 420 400 <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i> 421 401 <?php endif; ?> 422 402 <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span> 423 <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?> 424 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2> 425 <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?> 426 <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2> 427 <?php else: ?> 428 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2> 429 <?php endif; ?> 403 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2> 430 404 </div> 431 405 <?php endif; ?> 432 406 433 407 <?php if( 'dch-subtext-on-top' == $settings['eael_dch_type'] ) : ?> 434 <div class="eael-dual-header <?php echo esc_attr( $dch_color_class ); ?>">408 <div class="eael-dual-header"> 435 409 <span class="subtext"><?php esc_html_e( $settings['eael_dch_subtext'], 'essential-addons-elementor' ); ?></span> 436 <?php if( 'dch-colored' == $settings['eael_dch_color_type'] ) : ?> 437 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2> 438 <?php elseif( 'dch-colored-reverse' == $settings['eael_dch_color_type'] ) : ?> 439 <h2 class="title"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?><span class="lead"> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2> 440 <?php else: ?> 441 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></h2> 442 <?php endif; ?> 410 <h2 class="title"><span class="lead"><?php esc_html_e( $settings['eael_dch_first_title'], 'essential-addons-elementor' ); ?></span> <span><?php esc_html_e( $settings['eael_dch_last_title'], 'essential-addons-elementor' ); ?></span></h2> 443 411 <?php if( 'yes' == $settings['eael_show_dch_icon_content'] ) : ?> 444 412 <i class="<?php echo esc_attr( $settings['eael_dch_icon'] ); ?>"></i> -
essential-addons-for-elementor-lite/trunk/elements/flipbox/flipbox.php
r1746620 r1750549 104 104 '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'width: {{SIZE}}px;', 105 105 ], 106 'condition' => [ 107 'eael_flipbox_img_or_icon' => 'img' 108 ] 106 109 ] 107 110 ); … … 239 242 ], 240 243 ], 241 'default' => ' left',244 'default' => 'center', 242 245 'prefix_class' => 'eael-flipbox-content-align-', 243 246 ] … … 669 672 protected function render( ) { 670 673 671 $settings = $this->get_settings(); 672 $flipbox_image = $this->get_settings( 'eael_flipbox_image' ); 673 $flipbox_image_url = Group_Control_Image_Size::get_attachment_image_src( $flipbox_image['id'], 'thumbnail', $settings ); 674 $settings = $this->get_settings(); 675 $flipbox_image = $this->get_settings( 'eael_flipbox_image' ); 676 $flipbox_image_url = Group_Control_Image_Size::get_attachment_image_src( $flipbox_image['id'], 'thumbnail', $settings ); 677 if( empty( $flipbox_image_url ) ) : $flipbox_image_url = $flipbox_image['url']; else: $flipbox_image_url = $flipbox_image_url; endif; 674 678 675 679 ?> -
essential-addons-for-elementor-lite/trunk/elements/infobox/infobox.php
r1746620 r1750549 101 101 ); 102 102 103 $this->add_responsive_control(104 'eael_infobox_icon_alignment',105 [106 'label' => esc_html__( 'Icon Alignment', 'essential-addons-elementor' ),107 'type' => Controls_Manager::CHOOSE,108 'label_block' => true,109 'options' => [110 'left' => [111 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),112 'icon' => 'fa fa-align-left',113 ],114 'center' => [115 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),116 'icon' => 'fa fa-align-center',117 ],118 'right' => [119 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),120 'icon' => 'fa fa-align-right',121 ],122 ],123 'default' => 'center',124 'prefix_class' => 'eael-infobox-icon-align-',125 'condition' => [126 'eael_infobox_img_or_icon' => 'icon'127 ]128 ]129 );130 131 103 $this->end_controls_section(); 132 104 … … 191 163 'default' => 'center', 192 164 'prefix_class' => 'eael-infobox-content-align-', 165 'condition' => [ 166 'eael_infobox_img_type' => 'img-on-top' 167 ] 193 168 ] 194 169 ); … … 299 274 'label' => esc_html__( 'Image Shape', 'essential-addons-elementor' ), 300 275 'type' => Controls_Manager::SELECT, 301 'default' => ' circle',276 'default' => 'square', 302 277 'label_block' => false, 303 278 'options' => [ … … 319 294 'type' => Controls_Manager::SLIDER, 320 295 'default' => [ 321 'size' => '100'296 'size' => 100 322 297 ], 323 298 'range' => [ … … 330 305 ], 331 306 'condition' => [ 332 'eael_infobox_img_or_icon' => 'img' 307 'eael_infobox_img_or_icon' => 'img', 308 'eael_infobox_img_type' => 'img-on-top' 333 309 ] 334 310 ] … … 344 320 ], 345 321 'condition' => [ 346 'eael_infobox_img_or_icon' => 'img'347 ]348 ]349 );350 351 $this->add_responsive_control(352 'eael_infobox_img_alignment',353 [354 'label' => esc_html__( 'Image Alignment', 'essential-addons-elementor' ),355 'type' => Controls_Manager::CHOOSE,356 'label_block' => true,357 'options' => [358 'left' => [359 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),360 'icon' => 'fa fa-align-left',361 ],362 'center' => [363 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),364 'icon' => 'fa fa-align-center',365 ],366 'right' => [367 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),368 'icon' => 'fa fa-align-right',369 ],370 ],371 'default' => 'left',372 'prefix_class' => 'eael-infobox-img-align-',373 'condition' => [374 322 'eael_infobox_img_or_icon' => 'img', 375 'eael_infobox_img_type!' => 'img-on-left',376 323 ] 377 324 ] … … 545 492 protected function render( ) { 546 493 547 $settings = $this->get_settings(); 548 $infobox_image = $this->get_settings( 'eael_infobox_image' ); 549 $infobox_image_url = Group_Control_Image_Size::get_attachment_image_src( $infobox_image['id'], 'thumbnail', $settings ); 494 $settings = $this->get_settings(); 495 $infobox_image = $this->get_settings( 'eael_infobox_image' ); 496 $infobox_image_url = Group_Control_Image_Size::get_attachment_image_src( $infobox_image['id'], 'thumbnail', $settings ); 497 if( empty( $infobox_image_url ) ) : $infobox_image_url = $infobox_image['url']; else: $infobox_image_url = $infobox_image_url; endif; 550 498 551 499 ?> -
essential-addons-for-elementor-lite/trunk/elements/pricing-table/pricing-table.php
r1746620 r1750549 30 30 'eael_section_pricing_table_settings', 31 31 [ 32 'label' => esc_html__( ' Pricing TableSettings', 'essential-addons-elementor' )32 'label' => esc_html__( 'Settings', 'essential-addons-elementor' ) 33 33 ] 34 34 ); … … 50 50 ); 51 51 52 53 /** 54 * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes' 55 */ 56 $this->add_control( 57 'eael_pricing_table_icon_enabled', 58 [ 59 'label' => esc_html__( 'List Icon', 'essential-addons-elementor' ), 60 'type' => Controls_Manager::SWITCHER, 61 'return_value' => 'show', 62 'default' => 'show', 63 ] 64 ); 65 66 $this->add_control( 67 'eael_pricing_table_title', 68 [ 69 'label' => esc_html__( 'Title', 'essential-addons-elementor' ), 70 'type' => Controls_Manager::TEXT, 71 'label_block' => false, 72 'default' => esc_html__( 'Startup', 'essential-addons-elementor' ) 73 ] 74 ); 75 76 /** 77 * Condition: 'eael_pricing_table_style' => 'style-2' 78 */ 52 79 $this->add_control( 80 'eael_pricing_table_sub_title', 81 [ 82 'label' => esc_html__( 'Sub Title', 'essential-addons-elementor' ), 83 'type' => Controls_Manager::TEXT, 84 'label_block' => false, 85 'default' => esc_html__( 'A tagline here.', 'essential-addons-elementor' ), 86 'condition' => [ 87 'eael_pricing_table_style' => [ 'style-2', 'style-3', 'style-4' ] 88 ] 89 ] 90 ); 91 92 /** 93 * Condition: 'eael_pricing_table_style' => 'style-2' 94 */ 95 $this->add_control( 96 'eael_pricing_table_style_2_icon', 97 [ 98 'label' => esc_html__( 'Icon', 'essential-addons-elementor' ), 99 'type' => Controls_Manager::ICON, 100 'default' => 'fa fa-home', 101 'condition' => [ 102 'eael_pricing_table_style' => 'style-2' 103 ] 104 ] 105 ); 106 107 /** 108 * Condition: 'eael_pricing_table_style' => 'style-4' 109 */ 110 $this->add_control( 111 'eael_pricing_table_style_4_image', 112 [ 113 'label' => esc_html__( 'Header Image', 'essential-addons-elementor' ), 114 'type' => Controls_Manager::MEDIA, 115 'default' => [ 116 'url' => Utils::get_placeholder_image_src(), 117 ], 118 'selectors' => [ 119 '{{WRAPPER}} .eael-pricing-image' => 'background-image: url({{URL}});', 120 ], 121 'condition' => [ 122 'eael_pricing_table_style' => 'style-4' 123 ] 124 ] 125 ); 126 127 $this->end_controls_section(); 128 129 /** 130 * Pricing Table Price 131 */ 132 $this->start_controls_section( 133 'eael_section_pricing_table_price', 134 [ 135 'label' => esc_html__( 'Price', 'essential-addons-elementor' ) 136 ] 137 ); 138 139 $this->add_control( 140 'eael_pricing_table_price', 141 [ 142 'label' => esc_html__( 'Price', 'essential-addons-elementor' ), 143 'type' => Controls_Manager::TEXT, 144 'label_block' => false, 145 'default' => esc_html__( '99', 'essential-addons-elementor' ) 146 ] 147 ); 148 149 $this->add_control( 53 150 'eael_pricing_table_price_cur', 54 151 [ … … 60 157 '{{WRAPPER}} .eael-pricing .eael-pricing-item .price-tag:before ' => 'content: "{{VALUE}}";', 61 158 ], 62 ]63 );64 65 $this->add_control(66 'eael_pricing_table_price',67 [68 'label' => esc_html__( 'Price', 'essential-addons-elementor' ),69 'type' => Controls_Manager::TEXT,70 'label_block' => false,71 'default' => esc_html__( '99', 'essential-addons-elementor' )72 159 ] 73 160 ); … … 103 190 ); 104 191 105 $this->add_control( 106 'eael_pricing_table_title', 107 [ 108 'label' => esc_html__( 'Title', 'essential-addons-elementor' ), 109 'type' => Controls_Manager::TEXT, 110 'label_block' => false, 111 'default' => esc_html__( 'Startup', 'essential-addons-elementor' ) 112 ] 113 ); 114 115 /** 116 * Condition: 'eael_pricing_table_style' => 'style-2' 117 */ 118 $this->add_control( 119 'eael_pricing_table_sub_title', 120 [ 121 'label' => esc_html__( 'Sub Title', 'essential-addons-elementor' ), 122 'type' => Controls_Manager::TEXT, 123 'label_block' => false, 124 'default' => esc_html__( 'A tagline here.', 'essential-addons-elementor' ), 125 'condition' => [ 126 'eael_pricing_table_style' => [ 'style-2', 'style-3', 'style-4' ] 127 ] 128 ] 129 ); 130 131 /** 132 * Condition: 'eael_pricing_table_style' => 'style-2' 133 */ 134 $this->add_control( 135 'eael_pricing_table_style_2_icon', 136 [ 137 'label' => esc_html__( 'Icon', 'essential-addons-elementor' ), 138 'type' => Controls_Manager::ICON, 139 'default' => 'fa fa-home', 140 'condition' => [ 141 'eael_pricing_table_style' => 'style-2' 142 ] 143 ] 144 ); 145 146 /** 147 * Condition: 'eael_pricing_table_style' => 'style-4' 148 */ 149 $this->add_control( 150 'eael_pricing_table_style_4_image', 151 [ 152 'label' => esc_html__( 'Header Image', 'essential-addons-elementor' ), 153 'type' => Controls_Manager::MEDIA, 154 'default' => [ 155 'url' => Utils::get_placeholder_image_src(), 156 ], 157 'selectors' => [ 158 '{{WRAPPER}} .eael-pricing-image' => 'background-image: url({{URL}});', 159 ], 160 'condition' => [ 161 'eael_pricing_table_style' => 'style-4' 162 ] 163 ] 164 ); 165 166 /** 167 * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes' 168 */ 169 $this->add_control( 170 'eael_pricing_table_icon_enabled', 171 [ 172 'label' => esc_html__( 'List Icon', 'essential-addons-elementor' ), 173 'type' => Controls_Manager::SWITCHER, 174 'return_value' => 'show', 175 'default' => 'show', 176 ] 177 ); 178 179 $this->add_control( 180 'eael_pricing_table_featured', 181 [ 182 'label' => esc_html__( 'Featured?', 'essential-addons-elementor' ), 183 'type' => Controls_Manager::SWITCHER, 184 'return_value' => 'yes', 185 'default' => 'no', 186 ] 187 ); 188 189 $this->add_control( 190 'eael_pricing_table_style_1_featured_bar_color', 191 [ 192 'label' => esc_html__( 'Featured Line Color', 'essential-addons-elementor' ), 193 'type' => Controls_Manager::COLOR, 194 'default' => '#00C853', 195 'selectors' => [ 196 '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'background: {{VALUE}};', 197 ], 198 'condition' => [ 199 'eael_pricing_table_style' => 'style-1' 200 ], 201 ] 202 ); 203 204 $this->add_control( 205 'eael_pricing_table_style_1_featured_bar_height', 206 [ 207 'label' => esc_html__( 'Featured Line Height', 'essential-addons-elementor' ), 208 'type' => Controls_Manager::SLIDER, 209 'default' => [ 210 'size' => 3 211 ], 212 'range' => [ 213 'px' => [ 214 'max' => 50, 215 ], 216 ], 217 'selectors' => [ 218 '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'height: {{SIZE}}px;', 219 ], 220 'condition' => [ 221 'eael_pricing_table_style' => 'style-1' 222 ], 223 ] 224 ); 225 226 /** 227 * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes' 228 */ 229 $this->add_control( 230 'eael_pricing_table_featured_tag_text', 231 [ 232 'label' => esc_html__( 'Featured Tag Text', 'essential-addons-elementor' ), 233 'type' => Controls_Manager::TEXT, 234 'label_block' => false, 235 'default' => esc_html__( 'Featured', 'essential-addons-elementor' ), 236 'selectors' => [ 237 '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";', 238 '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";', 239 ], 240 'condition' => [ 241 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 242 'eael_pricing_table_featured' => 'yes' 243 ] 244 ] 245 ); 246 247 $this->add_responsive_control( 248 'eael_pricing_table_content_alignment', 249 [ 250 'label' => esc_html__( 'Content Alignment', 'essential-addons-elementor' ), 251 'type' => Controls_Manager::CHOOSE, 252 'label_block' => true, 253 'options' => [ 254 'left' => [ 255 'title' => esc_html__( 'Left', 'essential-addons-elementor' ), 256 'icon' => 'fa fa-align-left', 257 ], 258 'center' => [ 259 'title' => esc_html__( 'Center', 'essential-addons-elementor' ), 260 'icon' => 'fa fa-align-center', 261 ], 262 'right' => [ 263 'title' => esc_html__( 'Right', 'essential-addons-elementor' ), 264 'icon' => 'fa fa-align-right', 265 ], 266 ], 267 'default' => 'center', 268 'prefix_class' => 'eael-pricing-content-align-', 269 ] 270 ); 271 272 $this->add_responsive_control( 273 'eael_pricing_table_content_button_alignment', 274 [ 275 'label' => esc_html__( 'Button Alignment', 'essential-addons-elementor' ), 276 'type' => Controls_Manager::CHOOSE, 277 'label_block' => true, 278 'options' => [ 279 'left' => [ 280 'title' => esc_html__( 'Left', 'essential-addons-elementor' ), 281 'icon' => 'fa fa-align-left', 282 ], 283 'center' => [ 284 'title' => esc_html__( 'Center', 'essential-addons-elementor' ), 285 'icon' => 'fa fa-align-center', 286 ], 287 'right' => [ 288 'title' => esc_html__( 'Right', 'essential-addons-elementor' ), 289 'icon' => 'fa fa-align-right', 290 ], 291 ], 292 'default' => 'center', 293 'prefix_class' => 'eael-pricing-button-align-', 294 ] 295 ); 296 297 $this->add_control( 192 $this->end_controls_section(); 193 194 /** 195 * Pricing Table Feature 196 */ 197 $this->start_controls_section( 198 'eael_section_pricing_table_feature', 199 [ 200 'label' => esc_html__( 'Feature', 'essential-addons-elementor' ) 201 ] 202 ); 203 204 $this->add_control( 298 205 'eael_pricing_table_items', 299 206 [ … … 340 247 ); 341 248 342 $this->add_control( 249 $this->end_controls_section(); 250 251 /** 252 * Pricing Table Footer 253 */ 254 $this->start_controls_section( 255 'eael_section_pricing_table_footerr', 256 [ 257 'label' => esc_html__( 'Footer', 'essential-addons-elementor' ) 258 ] 259 ); 260 261 $this->add_control( 343 262 'eael_pricing_table_button_icon', 344 263 [ … … 364 283 ); 365 284 366 367 285 $this->add_control( 368 286 'eael_pricing_table_button_icon_indent', … … 408 326 ] 409 327 ); 410 411 $this->end_controls_section(); 328 329 $this->end_controls_section(); 330 331 /** 332 * Pricing Table Rebon 333 */ 334 $this->start_controls_section( 335 'eael_section_pricing_table_featured', 336 [ 337 'label' => esc_html__( 'Ribbon', 'essential-addons-elementor' ) 338 ] 339 ); 340 341 $this->add_control( 342 'eael_pricing_table_featured', 343 [ 344 'label' => esc_html__( 'Featured?', 'essential-addons-elementor' ), 345 'type' => Controls_Manager::SWITCHER, 346 'return_value' => 'yes', 347 'default' => 'no', 348 ] 349 ); 350 351 /** 352 * Condition: 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 'eael_pricing_table_featured' => 'yes' 353 */ 354 $this->add_control( 355 'eael_pricing_table_featured_tag_text', 356 [ 357 'label' => esc_html__( 'Featured Tag Text', 'essential-addons-elementor' ), 358 'type' => Controls_Manager::TEXT, 359 'label_block' => false, 360 'default' => esc_html__( 'Featured', 'essential-addons-elementor' ), 361 'selectors' => [ 362 '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";', 363 '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'content: "{{VALUE}}";', 364 ], 365 'condition' => [ 366 'eael_pricing_table_style' => [ 'style-3', 'style-4' ], 367 'eael_pricing_table_featured' => 'yes' 368 ] 369 ] 370 ); 371 372 $this->end_controls_section(); 412 373 413 374 /** … … 436 397 ); 437 398 399 $this->add_control( 400 'eael_pricing_table_featured_bg_color', 401 [ 402 'label' => esc_html__( 'Featured Background Color', 'essential-addons-elementor' ), 403 'type' => Controls_Manager::COLOR, 404 'default' => '', 405 'selectors' => [ 406 '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured .header' => 'background-color: {{VALUE}};', 407 ], 408 'condition' => [ 409 'eael_pricing_table_style' => 'style-4' 410 ] 411 ] 412 ); 413 438 414 $this->add_responsive_control( 439 415 'eael_pricing_table_container_padding', … … 492 468 [ 493 469 'name' => 'eael_pricing_table_shadow', 494 'selector' => '{{WRAPPER}} .eael-pricing .eael-pricing-item', 470 'selectors' => [ 471 '{{WRAPPER}} .eael-pricing .eael-pricing-item', 472 ], 473 ] 474 ); 475 476 $this->add_responsive_control( 477 'eael_pricing_table_content_alignment', 478 [ 479 'label' => esc_html__( 'Content Alignment', 'essential-addons-elementor' ), 480 'type' => Controls_Manager::CHOOSE, 481 'label_block' => true, 482 'options' => [ 483 'left' => [ 484 'title' => esc_html__( 'Left', 'essential-addons-elementor' ), 485 'icon' => 'fa fa-align-left', 486 ], 487 'center' => [ 488 'title' => esc_html__( 'Center', 'essential-addons-elementor' ), 489 'icon' => 'fa fa-align-center', 490 ], 491 'right' => [ 492 'title' => esc_html__( 'Right', 'essential-addons-elementor' ), 493 'icon' => 'fa fa-align-right', 494 ], 495 ], 496 'default' => 'center', 497 'prefix_class' => 'eael-pricing-content-align-', 498 ] 499 ); 500 501 $this->add_responsive_control( 502 'eael_pricing_table_content_button_alignment', 503 [ 504 'label' => esc_html__( 'Button Alignment', 'essential-addons-elementor' ), 505 'type' => Controls_Manager::CHOOSE, 506 'label_block' => true, 507 'options' => [ 508 'left' => [ 509 'title' => esc_html__( 'Left', 'essential-addons-elementor' ), 510 'icon' => 'fa fa-align-left', 511 ], 512 'center' => [ 513 'title' => esc_html__( 'Center', 'essential-addons-elementor' ), 514 'icon' => 'fa fa-align-center', 515 ], 516 'right' => [ 517 'title' => esc_html__( 'Right', 'essential-addons-elementor' ), 518 'icon' => 'fa fa-align-right', 519 ], 520 ], 521 'default' => 'center', 522 'prefix_class' => 'eael-pricing-button-align-', 495 523 ] 496 524 ); … … 734 762 'eael_section_pricing_table_style_3_featured_tag_settings', 735 763 [ 736 'label' => esc_html__( ' Featured TagStyle', 'essential-addons-elementor' ),764 'label' => esc_html__( 'Ribbon Style', 'essential-addons-elementor' ), 737 765 'tab' => Controls_Manager::TAB_STYLE, 738 766 'condition' => [ 739 'eael_pricing_table_style' => [ 'style-3', 'style-4' ] 740 ] 767 'eael_pricing_table_style' => [ 'style-1', 'style-3', 'style-4' ] 768 ] 769 ] 770 ); 771 772 $this->add_control( 773 'eael_pricing_table_style_1_featured_bar_color', 774 [ 775 'label' => esc_html__( 'Line Color', 'essential-addons-elementor' ), 776 'type' => Controls_Manager::COLOR, 777 'default' => '#00C853', 778 'selectors' => [ 779 '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'background: {{VALUE}};', 780 ], 781 'condition' => [ 782 'eael_pricing_table_style' => 'style-1', 783 'eael_pricing_table_featured' => 'yes' 784 ], 785 ] 786 ); 787 788 $this->add_control( 789 'eael_pricing_table_style_1_featured_bar_height', 790 [ 791 'label' => esc_html__( 'Line Height', 'essential-addons-elementor' ), 792 'type' => Controls_Manager::SLIDER, 793 'default' => [ 794 'size' => 3 795 ], 796 'range' => [ 797 'px' => [ 798 'max' => 50, 799 ], 800 ], 801 'selectors' => [ 802 '{{WRAPPER}} .eael-pricing.style-1 .eael-pricing-item.featured:before' => 'height: {{SIZE}}px;', 803 ], 804 'condition' => [ 805 'eael_pricing_table_style' => 'style-1', 806 'eael_pricing_table_featured' => 'yes' 807 ], 741 808 ] 742 809 ); … … 759 826 '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'font-size: {{SIZE}}px;', 760 827 ], 828 'condition' => [ 829 'eael_pricing_table_style' => ['style-3', 'style-4'], 830 'eael_pricing_table_featured' => 'yes' 831 ], 761 832 ] 762 833 ); … … 771 842 '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:before' => 'color: {{VALUE}};', 772 843 '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'color: {{VALUE}};', 844 ], 845 'condition' => [ 846 'eael_pricing_table_style' => ['style-3', 'style-4'], 847 'eael_pricing_table_featured' => 'yes' 773 848 ], 774 849 ] … … 785 860 '{{WRAPPER}} .eael-pricing.style-3 .eael-pricing-item.featured:after' => 'border-bottom-color: {{VALUE}};', 786 861 '{{WRAPPER}} .eael-pricing.style-4 .eael-pricing-item.featured:before' => 'background: {{VALUE}};', 862 ], 863 'condition' => [ 864 'eael_pricing_table_style' => ['style-3', 'style-4'], 865 'eael_pricing_table_featured' => 'yes' 787 866 ], 788 867 ] … … 809 888 810 889 $this->add_control( 811 'eael_pricing_table_icon_settings', 890 'eael_pricing_table_icon_bg_show', 891 [ 892 'label' => __( 'Show Background', 'essential-addons-elementor' ), 893 'type' => Controls_Manager::SWITCHER, 894 'default' => 'yes', 895 'label_on' => __( 'Show', 'essential-addons-elementor' ), 896 'label_off' => __( 'Hide', 'essential-addons-elementor' ), 897 'return_value' => 'yes', 898 ] 899 ); 900 901 /** 902 * Condition: 'eael_pricing_table_icon_bg_show' => 'yes' 903 */ 904 $this->add_control( 905 'eael_pricing_table_icon_bg_color', 906 [ 907 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ), 908 'type' => Controls_Manager::COLOR, 909 'default' => '', 910 'selectors' => [ 911 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'background-color: {{VALUE}};', 912 ], 913 'condition' => [ 914 'eael_pricing_table_icon_bg_show' => 'yes' 915 ] 916 ] 917 ); 918 919 /** 920 * Condition: 'eael_pricing_table_icon_bg_show' => 'yes' 921 */ 922 $this->add_control( 923 'eael_pricing_table_icon_bg_hover_color', 924 [ 925 'label' => esc_html__( 'Background Hover Color', 'essential-addons-elementor' ), 926 'type' => Controls_Manager::COLOR, 927 'default' => '', 928 'selectors' => [ 929 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon' => 'background-color: {{VALUE}};', 930 ], 931 'condition' => [ 932 'eael_pricing_table_icon_bg_show' => 'yes' 933 ], 934 'separator'=> 'after', 935 ] 936 ); 937 938 939 $this->add_control( 940 'eael_pricing_table_icon_settings', 941 [ 942 'label' => esc_html__( 'Icon Size', 'essential-addons-elementor' ), 943 'type' => Controls_Manager::SLIDER, 944 'default' => [ 945 'size' => 30 946 ], 947 'range' => [ 948 'px' => [ 949 'max' => 100, 950 ], 951 ], 952 'selectors' => [ 953 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'font-size: {{SIZE}}px;', 954 ], 955 ] 956 ); 957 958 $this->add_control( 959 'eael_pricing_table_icon_area_width', 960 [ 961 'label' => esc_html__( 'Icon Area Width', 'essential-addons-elementor' ), 962 'type' => Controls_Manager::SLIDER, 963 'default' => [ 964 'size' => 80 965 ], 966 'range' => [ 967 'px' => [ 968 'max' => 200, 969 ], 970 ], 971 'selectors' => [ 972 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'width: {{SIZE}}px;', 973 ], 974 ] 975 ); 976 977 $this->add_control( 978 'eael_pricing_table_icon_area_height', 979 [ 980 'label' => esc_html__( 'Icon Area Height', 'essential-addons-elementor' ), 981 'type' => Controls_Manager::SLIDER, 982 'default' => [ 983 'size' => 80 984 ], 985 'range' => [ 986 'px' => [ 987 'max' => 200, 988 ], 989 ], 990 'selectors' => [ 991 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'height: {{SIZE}}px;', 992 ], 993 ] 994 ); 995 996 $this->add_control( 997 'eael_pricing_table_icon_line_height', 998 [ 999 'label' => esc_html__( 'Icon Alignment', 'essential-addons-elementor' ), 1000 'type' => Controls_Manager::SLIDER, 1001 'default' => [ 1002 'size' => 80 1003 ], 1004 'range' => [ 1005 'px' => [ 1006 'max' => 300, 1007 ], 1008 ], 1009 'selectors' => [ 1010 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'line-height: {{SIZE}}px;', 1011 ], 1012 ] 1013 ); 1014 1015 1016 1017 $this->add_control( 1018 'eael_pricing_table_icon_color', 1019 [ 1020 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ), 1021 'type' => Controls_Manager::COLOR, 1022 'default' => '', 1023 'selectors' => [ 1024 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'color: {{VALUE}};', 1025 ], 1026 ] 1027 ); 1028 1029 $this->add_control( 1030 'eael_pricing_table_icon_hover_color', 1031 [ 1032 'label' => esc_html__( 'Icon Hover Color', 'essential-addons-elementor' ), 1033 'type' => Controls_Manager::COLOR, 1034 'default' => '', 1035 'selectors' => [ 1036 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i' => 'color: {{VALUE}};', 1037 ], 1038 'separator' => 'after' 1039 ] 1040 ); 1041 1042 $this->add_group_control( 1043 Group_Control_Border::get_type(), 812 1044 [ 813 'label' => esc_html__( 'Icon Size', 'essential-addons-elementor' ), 814 'type' => Controls_Manager::SLIDER, 815 'default' => [ 816 'size' => 30 817 ], 818 'range' => [ 819 'px' => [ 820 'max' => 60, 821 ], 822 ], 823 'selectors' => [ 824 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i' => 'font-size: {{SIZE}}px;', 825 ], 826 ] 827 ); 828 829 $this->add_control( 830 'eael_pricing_table_style_2_icon_color', 831 [ 832 'label' => esc_html__( 'Color', 'essential-addons-elementor' ), 833 'type' => Controls_Manager::COLOR, 834 'default' => '', 835 'selectors' => [ 836 '{{WRAPPER}} .eael-pricing-item .eael-pricing-icon .icon i' => 'color: {{VALUE}};', 1045 'name' => 'eael_pricing_table_icon_border', 1046 'label' => esc_html__( 'Border', 'essential-addons-elementor' ), 1047 'selector' => '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon', 1048 ] 1049 ); 1050 1051 $this->add_control( 1052 'eael_pricing_table_icon_border_hover_color', 1053 [ 1054 'label' => esc_html__( 'Hover Color', 'essential-addons-elementor' ), 1055 'type' => Controls_Manager::COLOR, 1056 'default' => '', 1057 'selectors' => [ 1058 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon' => 'border-color: {{VALUE}};', 1059 ], 1060 'condition' => [ 1061 'eael_pricing_table_icon_border_border!' => '' 1062 ] 1063 ] 1064 ); 1065 1066 $this->add_control( 1067 'eael_pricing_table_icon_border_radius', 1068 [ 1069 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ), 1070 'type' => Controls_Manager::SLIDER, 1071 'default' => [ 1072 'size' => 50, 1073 ], 1074 'range' => [ 1075 'px' => [ 1076 'max' => 50, 1077 ], 1078 ], 1079 'selectors' => [ 1080 '{{WRAPPER}} .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon' => 'border-radius: {{SIZE}}%;', 837 1081 ], 838 1082 ] … … 1049 1293 <div class="eael-pricing-item <?php echo esc_attr( $featured_class ); ?>"> 1050 1294 <div class="eael-pricing-icon"> 1051 <span class="icon" ><i class="<?php echo esc_attr( $settings['eael_pricing_table_style_2_icon'] ); ?>"></i></span>1295 <span class="icon" style="background:<?php if('yes' != $settings['eael_pricing_table_icon_bg_show']) : echo 'none'; endif; ?>;"><i class="<?php echo esc_attr( $settings['eael_pricing_table_style_2_icon'] ); ?>"></i></span> 1052 1296 </div> 1053 1297 <div class="header"> -
essential-addons-for-elementor-lite/trunk/essential_adons_elementor.php
r1746620 r1750549 5 5 * Plugin URI: https://essential-addons.com/elementor/ 6 6 * Author: Codetic 7 * Version: 2.2. 07 * Version: 2.2.1 8 8 * Author URI: http://www.codetic.net 9 9 * -
essential-addons-for-elementor-lite/trunk/readme.txt
r1746621 r1750549 1 1 === Elementor Essential Addons === 2 Contributors: Codetic, re_enter_rupok 2 Contributors: Codetic, re_enter_rupok, robicse11128 3 3 Tags: elementor, elements, addons, elementor addon, elementor widget, page builder, builder, visual editor, wordpress page builder 4 4 Requires at least: 4.0 5 5 Tested up to: 4.8.2 6 Stable tag: 2.2. 06 Stable tag: 2.2.1 7 7 License: GPLv3 8 8 License URI: https://opensource.org/licenses/GPL-3.0 … … 44 44 * <a href="https://essential-addons.com/elementor/dual-color-headline/" target="_blank">Dual Color Headline</a> 45 45 * <a href="https://essential-addons.com/elementor/call-to-action/" target="_blank">Call to Action</a> 46 * <a href="https://essential-addons.com/elementor/pricing-table/" target="_blank">Pricing Table</a>46 * <a href="https://essential-addons.com/elementor/pricing-table/" target="_blank">Pricing-table</a> 47 47 48 48 … … 91 91 == Changelog == 92 92 93 = 2.2.1 = 94 95 - (Clear cache after update) 96 97 - Several improvements for CTA, Info Box, Flip box and dual heading elements 98 - Call to action width control and button control added 99 - Pricing table options improved 100 - Admin page improved and optimized 101 102 103 93 104 = 2.2.0 = 94 105 … … 130 141 == Upgrade Notice == 131 142 132 = 2.2. 0=143 = 2.2.1 = 133 144 134 - Pricing Table Element added135 - Flipbox element animation improved and more optionsadded136 - P ost Timeline responsiveness improved137 - Few minor improvements/145 - Several improvements for CTA, Info Box, Flip box and dual heading elements 146 - Call to action width control and button control added 147 - Pricing table options improved 148 - Admin page improved and optimized
Note: See TracChangeset
for help on using the changeset viewer.