WordPress Infinite Scroll – Ajax Load More - Version 3.1.0

Version Description

  • May 30, 2017 =

  • UPGRADE NOTICE - Ajax Load More has changed the directory from which the core CSS and JS are loaded. Core CSS and JS is now loaded from the /ajax-load-more/core/dist/ directory - you may need to clear your browser and site cache after update.

  • NEW - Adding built-in support for Masonry. Set transition="masonry" masonry_selector=".{selector_name}" in your shortcode to enable a custom Masonry callback and automatically enqueue Masonry and ImagesLoaded from core WordPress.

  • NEW - Adding built-in support progress bar loaders using Pace.js.

  • UPDATE - Core ALM CSS and JS is now loaded from core/dist/ directory.

  • UPDATE - Added modules, libs and vendor directories to core/js/ for splitting of JS files.

  • UPDATE - Added gulp config for compiling Ajax Load More JS and Sass locally.

  • FIX - Fixed issues with shortcode building providing incorrect values.

Download this release

Release Info

Developer dcooney
Plugin Icon 128x128 WordPress Infinite Scroll – Ajax Load More
Version 3.1.0
Comparing to
See all releases

Code changes from version 3.0.1 to 3.1.0

.editorconfig CHANGED
@@ -2,14 +2,11 @@
2
  # coding styles between different editors and IDEs
3
  # editorconfig.org
4
 
5
- # PHP PSR-2 Coding Standards
6
- # http://www.php-fig.org/psr/psr-2/
7
-
8
  root = true
9
 
10
  [*]
11
  charset = utf-8
12
- end_of_line = lf
13
  insert_final_newline = true
14
  trim_trailing_whitespace = true
15
  indent_style = tab
2
  # coding styles between different editors and IDEs
3
  # editorconfig.org
4
 
 
 
 
5
  root = true
6
 
7
  [*]
8
  charset = utf-8
9
+ end_of_line = lf
10
  insert_final_newline = true
11
  trim_trailing_whitespace = true
12
  indent_style = tab
.jshintrc ADDED
@@ -0,0 +1,3 @@
 
 
 
1
+ {
2
+ "esversion": 6
3
+ }
README.txt CHANGED
@@ -1,10 +1,10 @@
1
  === WordPress Infinite Scroll - Ajax Load More ===
2
  Contributors: dcooney, connekthq
3
  Donate link: https://connekthq.com/donate/
4
- Tags: infinite scroll, infinite scrolling, scroll, infinite, lazy load, lazy loading, pagination, ajax pagination, ajax, ajax posts, ajax load posts, search, tags, category, post types, taxonomy, meta_query, woocommerce, ajax load more
5
  Requires at least: 3.6
6
- Tested up to: 4.7.5
7
- Stable tag: 3.0.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -14,26 +14,41 @@ The ultimate infinite scroll and lazy load solution for your WordPress powered w
14
 
15
  Ajax Load More is a powerful solution for infinite scrolling and lazy loading WordPress posts, custom post types, single posts, pages and comments with Ajax powered queries.
16
 
17
- Create custom WordPress queries using the Ajax Load More shortcode builder then add the shortcode to your page via the content editor or directly into theme templates in the location you want infinite scroll content to appear.
18
 
19
- Ajax Load More is fully compatible for infinite scrolling with popular eCommerce plugins such as WooCommerce and Easy Digital Downloads.
20
 
21
- **[→ Get More Information](https://connekthq.com/plugins/ajax-load-more/)**
22
 
23
- = Features =
 
 
 
24
  * **Shortcode Builder** - Easily create your own Ajax Load More shortcode by adjusting the various WordPress query parameters in our easy-to-use shortcode builder (see Shortcode Parameters).
25
- * **Query Parameters** - Ajax Load More allows you to query WordPress by many different content types. Query by Post Type, Post Format, Date, Category, Tags, Custom Taxonomies, Search Term, Authors and more!!
26
- * **Customizable Repeater Templates** - Edit and extend the functionality of Ajax Load More by creating your own repeater template to match the look and feel of your website (see screenshots).
27
- * **Setting Panel** - Customize your version of Ajax Load More by updating various plugin settings (see screenshots).
28
  * **Multiple Instances** - You can include multiple instances of Ajax Load More on a single page, post or template.
29
- * **Multisite Compatibility** - As of Ajax Load More 2.7.2 you can now manage repeater templates across all sites in your network.
 
30
 
31
  Check out the **[demo site](https://connekthq.com/plugins/ajax-load-more/)** for more information!
32
 
33
- ***
34
 
35
- = Content Types =
36
- Ajax Load More can infinite scroll any content type WordPress offers - from blog posts to multipage content to WooCommerce products - Ajax Load More can handle it.
 
 
 
 
 
 
 
 
 
 
 
 
37
 
38
  * [Standard Posts](https://connekthq.com/plugins/ajax-load-more/examples/default/)
39
  * [Custom Post Types](https://connekthq.com/plugins/ajax-load-more/examples/masonry/)
@@ -45,192 +60,163 @@ Ajax Load More can infinite scroll any content type WordPress offers - from blog
45
  ** Add-on required
46
 
47
 
48
- = Shortcode Parameters =
49
-
50
- Ajax Load More accepts a number of parameters that are passed to the WordPress query. These parameters are transferred via shortcode - don't worry, creating your custom shortcode is simple with the intuitive [Shortcode Builder](https://connekthq.com/plugins/ajax-load-more/screenshots/#shortcode-builder)
51
-
52
- * `repeater` - Choose a repeater template (<a href="https://connekthq.com/plugins/ajax-load-more/custom-repeaters/">Add-on available</a>). Default = ‘default’
53
- * `post_type` - Comma separated list of post types. Default = ‘post’
54
- * `sticky_posts` - Preserve sticky post ordering in Ajax listing. Default = false
55
- * `post_format` - Query by post format. Default = null
56
- * `category` - A comma separated list of categories to include by slug. Default = null
57
- * `category__not_in` - A comma separated list of categories to exclude by ID. Default = null
58
- * `tag` - A comma separated list of tags to include by slug. Default = null
59
- * `tag__not_in` - A comma separated list of tags to exclude by ID. Default = null
60
- * `taxonomy` - Query by custom taxonomy name. Default = null
61
- * `taxonomy_terms` - Comma separated list of custom taxonomy terms(slug). Default = null
62
- * `taxonomy_operator` - Operator to compare Taxonomy Terms against (IN/NOT IN). Default = ‘IN’
63
- * `taxonomy_relation` - The logical relationship between each taxonomy when there is more than one. (AND/OR). Default = ‘AND’
64
- * `day` - Day of the week. Default = null
65
- * `month` - Month of the year. Default = null
66
- * `year` - Year of post. Default = null
67
- * `taxonomy_operator` - Operator to compare Taxonomy Terms against (IN/NOT IN). Default = ‘IN’
68
- * `meta_key` - Custom field key(name). Default = null
69
- * `meta_value` - Custom field value. Default = null
70
- * `meta_compare` - Operator to compare meta_key and meta_value against. Default = ‘IN’
71
- * `meta_type` - Custom field type. Default = ‘CHAR’
72
- * `meta_relation` - Used with multiple custom field entries (AND/OR). Default = ‘AND’
73
- * `author` - Comma separated list of authors by id. Default = null
74
- * `post__in` - Comma separated list of post ID’s to include in query. Default = null
75
- * `post__not_in` - Comma separated list of post ID’s to exclude from query. Default = null
76
- * `search` - Query search term (‘s’). Default = null
77
- * `custom_args` - A semicolon separated list of value:pair arguments. e.g. tag_slug__and:design,development; event_display:upcoming. Default = null
78
- * `post_status` - Select status of the post. Default = 'publish'
79
- * `order` - Display posts in ASC(ascending) or DESC(descending) order. Default = ‘DESC’
80
- * `orderby` - Order posts by date, title, name, menu order, author, post ID or comment count. Default = ‘date’
81
- * `offset` - Offset the initial query (number). Default = ’0′
82
- * `posts_per_page` - Number of posts to load with each Ajax request. Default = ’5′
83
- * `scroll` - Load more posts as the user scrolls the page (true/false). Default = ‘true’
84
- * `scroll_distance` - The distance from the bottom of the screen to trigger the loading of posts while scrolling. Default = '150'
85
- * `max_pages` - Maximum number of pages to load while user is scrolling (activated on when scroll = true). Default = '0'
86
- * `pause_override` - Allow scrolling to override the Pause parameter and trigger the loading of posts on scroll. Default = null
87
- * `pause` - Do not load posts until user clicks the Load More button (true/false). Default = 'false'
88
- * `transition` - Choose a posts reveal transition (slide/fade/none). Default = 'slide'
89
- * `transition_speed` - The speed of the loading transition in milliseconds. (slide/fade/none). Default = '250'
90
- * `transition_container` - Display the Ajax Load More (.alm-reveal) loading container. Default = 'true'
91
- * `images_loaded` - Wait for all images to load before displaying ajax loaded content (true/false). Default = 'false'
92
- * `destroy_after` - Remove ajax load more functionality after 'n' number of pages have been loaded. Default = null
93
- * `button_label` - The label text for Load More button. Default = 'Older Posts'
94
- * `button_loading_label` - Update the text of the Load More button while content is loading. Default = null
95
- * `container_type` - Override the global Container Type that was set on ALM Settings page. Default = null
96
- * `css_classes` - Add custom CSS classes to the Ajax Load More container. Default = null
97
- * `id` - A unique ID for the Ajax Load More instance.
98
- ***
99
 
100
- = Example Shortcode =
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
 
102
  [ajax_load_more post_type="post, portfolio" repeater="default" posts_per_page="5" transition="fade" button_label="Older Posts"]
103
 
104
- ***
105
 
106
- = Demos =
 
107
  * **[Default](https://connekthq.com/plugins/ajax-load-more/examples/default/)** - Out of the box functionality and styling.
108
- * **[Advanced Custom Fields](https://connekthq.com/plugins/ajax-load-more/examples/advanced-custom-fields//)** - Infinite scroll Advanced Custom Fields data.
109
- * **[Attachments](https://connekthq.com/plugins/ajax-load-more/examples/attachments/)** - Infinite scroll post attachments.
110
  * **[Destroy After](https://connekthq.com/plugins/ajax-load-more/examples/destroy-after/)** - Remove Ajax Load More functionality after 'n' number of pages.
 
111
  * **[Fade Transition](https://connekthq.com/plugins/ajax-load-more/examples/fade-transition/)** - Elements fade in as posts are loaded.
112
  * **[Filtering](https://connekthq.com/plugins/ajax-load-more/examples/filtering/)** - Reset and filter an Ajax Load More instance.
113
- * **[Infinite Scroll](https://connekthq.com/plugins/ajax-load-more/examples/infinite-scroll/)** - A look at the new loading functionality and style.
 
114
  * **[Images Loaded](https://connekthq.com/plugins/ajax-load-more/examples/images-loaded/)** - Download images before displaying ajax loaded content.
115
  * **[Masonry](https://connekthq.com/plugins/ajax-load-more/examples/masonry/)** - Creating a flexible grid layout with Masonry JS.
116
  * **[Multiple Instances](https://connekthq.com/plugins/ajax-load-more/examples/multiple-instances/)** - Include multiple Ajax Load More' on a single page.
117
  * **[Paging URLs](https://connekthq.com/plugins/ajax-load-more/examples/paging-urls/)** - Generate unique paging URLs for every Ajax Load More query with the SEO add-on.
118
  * **[Pause Loading](https://connekthq.com/plugins/ajax-load-more/examples/pause-loading/)** - Posts will not load until initiated by the user.
119
  * **[Preloaded Posts](https://connekthq.com/plugins/ajax-load-more/examples/pause-loading/)** - Easily preload an initial set of posts before completing any Ajax requests to the server.
 
120
  * **[Search Results](https://connekthq.com/plugins/ajax-load-more/examples/search-results/)** - Returning results based on search terms.
121
  * **[SEO & Paging](https://connekthq.com/plugins/ajax-load-more/examples/seo-paging-add-ons/)** - Combine these two add-ons to create one powerful navigation system.
122
  * **[Slideshow Gallery](https://connekthq.com/plugins/ajax-load-more/examples/slideshow-gallery/)** - Create a gallery of posts with Ajax Load More and the Paging add-on.
123
  * **[Table Layout](https://connekthq.com/plugins/ajax-load-more/examples/table/)** - Ajax Load More will display query results in a table format.
124
- * **[Woocommerce](https://connekthq.com/plugins/ajax-load-more/examples/woocommerce/)** - Infinite scrolling WooCommerce products with Ajax Load More
125
 
126
- [&rarr; View All Examples](https://connekthq.com/plugins/ajax-load-more/examples/)
127
 
128
- *The [Custom Repeater Add-On](https://connekthq.com/plugins/ajax-load-more/custom-repeaters/) has been installed for use on each of our product demos*
129
 
130
  [youtube https://www.youtube.com/watch?v=EQ57i6dkOew]
131
 
132
- ***
133
 
134
- = Add-ons =
 
 
135
  The following [add-ons](https://connekthq.com/plugins/ajax-load-more/add-ons/) are available to increase the functionality of Ajax Load More.
136
 
137
- > #### Cache
138
- > The **[Cache](https://connekthq.com/plugins/ajax-load-more/add-ons/cache/)** add-on creates static HTML files of Ajax Load More requests then serves those static pages to your visitors without querying the database.
139
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/cache/)
140
- >
141
- > #### Call to Actions
142
- > The **[Call to Actions](https://connekthq.com/plugins/ajax-load-more/add-ons/call-to-actions/)** add-on will provide functionality to inject a custom CTA template within an Ajax Load More query.
143
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/call-to-actions/)
144
- >
145
- > #### Comments
146
- > The **[Comments](https://connekthq.com/plugins/ajax-load-more/add-ons/comments/)** add-on will load and display blog comments using the core Ajax Load More infinite scroll functionality.
147
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/comments/)
148
- >
149
- > #### Custom Repeaters
150
- > The **[Custom Repeaters](https://connekthq.com/plugins/ajax-load-more/add-ons/custom-repeaters/)** add-on will allow for **unlimited repeater templates** and provide the ability to create unique templates for different content types throughout your theme.
151
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/custom-repeaters/)
152
- >
153
- > #### Layouts
154
- > The **[Layouts](https://connekthq.com/plugins/ajax-load-more/add-ons/layouts/)** add-on will provide a library of fully responsive layout templates ready for use on your website.
155
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/layouts/)
156
- >
157
- > #### Next Page
158
- > The **[Next Page](https://connekthq.com/plugins/ajax-load-more/add-ons/next-page/)** add-on Load and display paginated WordPress content on demand using the `<!–-nextpage–->` Quicktag.
159
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/next-page/)
160
- >
161
- > #### Paging
162
- > The **[Paging](https://connekthq.com/plugins/ajax-load-more/add-ons/paging/)** add-on will transform Ajax Load More’s lazy load/infinite scroll functionality into a robust ajax powered navigation system.
163
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/paging/)
164
- >
165
- > #### Preloaded
166
- > The **[Preloaded](https://connekthq.com/plugins/ajax-load-more/add-ons/preloaded/)** add-on will allow you to quickly and easily preload an initial set of posts before completing any Ajax requests to the server.
167
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/preloaded/)
168
- >
169
- > #### Previous Post
170
- > The **[Previous Post](https://connekthq.com/plugins/ajax-load-more/add-ons/previous-post/)** add-on will allow you to navigate single posts with Ajax Load More.
171
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/previous-post/)
172
- >
173
- > #### Search Engine Optimization
174
- > The **[SEO](https://connekthq.com/plugins/ajax-load-more/add-ons/search-engine-optimization/)** add-on will optimize your ajax loaded content for search engines and site visitors by generating standard WordPress paging URLs with each Ajax Load More query.
175
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/search-engine-optimization/)
176
- >
177
- > #### Theme Repeaters
178
- > The **[Theme Repeaters](https://connekthq.com/plugins/ajax-load-more/add-ons/theme-repeaters/)** add-on will allow you load, edit and maintain templates from your current theme directory.
179
- > [Get More Information](https://connekthq.com/plugins/ajax-load-more/add-ons/theme-repeaters/)
180
 
181
 
182
- ***
183
 
184
- = Extensions =
185
- The following free [extensions](https://connekthq.com/plugins/ajax-load-more/extensions/) are available to provide compatibility with popular WordPress plugins and core features.
186
 
187
- > #### Advanced Custom Fields
188
- > The [Advanced Custom Fields](https://connekthq.com/plugins/ajax-load-more/extensions/advanced-custom-fields/) extension provides additional functionality for infinite scrolling Repeater and Relationship field data with Ajax Load More.
189
- >
190
- > #### Relvanssi
191
- > The **[Relevanssi](https://connekthq.com/plugins/ajax-load-more/extensions/relevanssi/)** extension provides the functionality for returning Relevanssi query results to Ajax Load More.
192
- >
193
- > #### REST API
194
- > The **[REST API](https://connekthq.com/plugins/ajax-load-more/extensions/rest-api/)** extension will enable compatibility between Ajax Load More and the WordPress REST API.
195
- >
196
- > #### SearchWP
197
- > The **[SearchWP](https://connekthq.com/plugins/ajax-load-more/extensions/searchwp/)** extension provides the functionality for returning SearchWP query results to Ajax Load More.
198
- >
199
 
200
 
201
- ***
202
 
203
- = Callback Functions =
204
  The following [functions](https://connekthq.com/plugins/ajax-load-more/docs/callback-functions/) are available to be dispatched by Ajax Load More.
205
 
206
 
207
- **ALM Complete** - The almComplete() function is triggered after every *successful* ajax call made by Ajax Load More.
208
 
209
  $.fn.almComplete = function(alm){
210
  // Your on complete code goes here
211
  };
212
 
213
 
214
- **ALM Done** - The almDone() function is triggered after all posts have been loaded..
215
 
216
  $.fn.almDone = function(alm){
217
  console.log('All posts have been loaded!');
218
  };
219
 
220
- **ALM Empty** - The almEmpty() function is triggered if there are zero results returned in the initial query.
221
 
222
  $.fn.almEmpty = function(alm){
223
  console.log('Sorry, but we could not locate any posts that matched your criteria.');
224
  };
225
 
226
- **ALM Filter Complete** - The almFilterComplete() function is triggered after a successful call to the public function almFilter().
227
 
228
  $.fn.almFilterComplete = function(){
229
  console.log('Ajax Load More filter has completed!');
230
  };
231
 
232
 
233
- **ALM URL Update** - The almUrlUpdate() function is triggered after a successful URL update (pushState) from the Previous Post or the Search Engine Optimization add-on
234
 
235
  $.fn.almUrlUpdate = function(permalink, type){
236
  console.log("URL updated to " + permalink + '- dispatched from the '+ type + ' add-on.');
@@ -238,41 +224,48 @@ The following [functions](https://connekthq.com/plugins/ajax-load-more/docs/call
238
 
239
  ***
240
 
241
- = Filter Hooks =
242
 
243
- Ajax Load More has a variety of [filters](https://connekthq.com/plugins/ajax-load-more/docs/filter-hooks/) in place that enable users to hook into Ajax Load More to insert or modify data.
244
 
245
 
246
- = Variables =
247
 
248
- Ajax Load More passes the following PHP [variables](https://connekthq.com/plugins/ajax-load-more/docs/variables/) to each repeater template - these template variables can help you style and transform your repeater templates.
249
 
250
- * **$alm_current** - Returns the current item number in the current Ajax Load More loop and will reset to zero with every 'Load More' action.. 'echo $alm_current;'
251
- * **$alm_page** - Returns the current page number. 'echo $alm_page;'
252
- * **$alm_item** - Returns the current item number within your loop. 'echo $alm_item;'
253
- * **$alm_found_posts** - Returns the total number of posts found within the entire WordPress query. 'echo $alm_found_posts;'
254
 
255
- ***
256
 
257
- = Tested Browsers =
258
 
259
- * Firefox (Mac, PC)
260
- * Chrome (Mac, PC, iOS, Android)
261
- * Safari (Mac, iOS)
262
- * Opera
263
- * Android
264
- * IE8+
265
 
266
- ***
267
 
268
- = Website =
269
- https://connekthq.com/ajax-load-more/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
270
 
271
- ***
272
 
273
- = Please Rate Ajax Load More! =
 
 
 
 
274
 
275
- Your ratings make a big difference! If you like and use Ajax Load More, please consider taking the time to [rate my plugin](https://wordpress.org/support/view/plugin-reviews/ajax-load-more). Your ratings and reviews will help this plugin grow and provide the motivation needed to keep pushing it forward.
276
 
277
 
278
 
@@ -310,6 +303,15 @@ Repeater template data is saved into your WordPress database as well as written
310
  Yes, but you will need to define $post at the top of the repeater before requesting your custom fields. Like so:
311
  global $post;
312
 
 
 
 
 
 
 
 
 
 
313
 
314
  == Installation ==
315
 
@@ -351,6 +353,17 @@ How to install Ajax Load More.
351
 
352
  == Changelog ==
353
 
 
 
 
 
 
 
 
 
 
 
 
354
  = 3.0.1 - May 22, 2017 =
355
 
356
  * NEW - Added support for caching single posts with the Previous Post and Cache add-ons.
1
  === WordPress Infinite Scroll - Ajax Load More ===
2
  Contributors: dcooney, connekthq
3
  Donate link: https://connekthq.com/donate/
4
+ Tags: infinite scroll, infinite scrolling, scroll, infinite, lazy load, lazy loading, endless scroll, pagination, ajax pagination, ajax, ajax posts, ajax load posts, woocommerce, ajax load more
5
  Requires at least: 3.6
6
+ Tested up to: 4.8
7
+ Stable tag: 3.1.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
14
 
15
  Ajax Load More is a powerful solution for infinite scrolling and lazy loading WordPress posts, custom post types, single posts, pages and comments with Ajax powered queries.
16
 
17
+ Build complex custom WordPress queries using the Ajax Load More shortcode builder then add the generated shortcode to your page via the content editor or directly into your template files.
18
 
19
+ Ajax Load More is fully compatible for endless scrolling with popular eCommerce plugins such as WooCommerce and Easy Digital Downloads.
20
 
21
+ [&rarr; Get More Information](https://connekthq.com/plugins/ajax-load-more/)
22
 
23
+
24
+
25
+
26
+ ### Features
27
  * **Shortcode Builder** - Easily create your own Ajax Load More shortcode by adjusting the various WordPress query parameters in our easy-to-use shortcode builder (see Shortcode Parameters).
28
+ * **Query Parameters** - Ajax Load More allows you to query WordPress by many different content types. Query by Post Type, Post Format, Date, Category, Tags, Custom Taxonomies, Search Term, Authors and more!
29
+ * **Repeater Templates** - Edit and extend the functionality of Ajax Load More by creating your own repeater template to match the look and feel of your website (see screenshots).
30
+ * **Setting Panel** - Customize your version of Ajax Load More by updating various plugin settings.
31
  * **Multiple Instances** - You can include multiple instances of Ajax Load More on a single page, post or template.
32
+ * **Ajax Filtering** - The Ajax Load More [custom filtering](https://connekthq.com/plugins/ajax-load-more/examples/filtering/) method will allow you to filter and update your Ajax query results.
33
+ * **Multisite Compatibility** - Manage repeater templates across all sites in your network.
34
 
35
  Check out the **[demo site](https://connekthq.com/plugins/ajax-load-more/)** for more information!
36
 
 
37
 
38
+
39
+
40
+ #### What's New 3.0
41
+ * **[Advanced Custom Fields](https://connekthq.com/plugins/ajax-load-more/examples/advanced-custom-fields/)** - Compatibility and integration added for infinite scrolling Flexible Content, Gallery, Relationship and Repeater fields for Advanced Custom Fields.
42
+ * **[Masonry](https://connekthq.com/plugins/ajax-load-more/examples/masonry/)** - Built-in support and functionality for Masonry layouts.
43
+ * **[Progress Bars](https://connekthq.com/plugins/ajax-load-more/examples/progress-bar/)** - Display a Progress Bar load indicator with each Ajax request.
44
+
45
+
46
+
47
+
48
+ ### Content Types
49
+ Ajax Load More can infinite scroll any content type WordPress offers - from blog posts to multipage content to WooCommerce products - Ajax Load More can handle it all.
50
+
51
+ Check out the examples below:
52
 
53
  * [Standard Posts](https://connekthq.com/plugins/ajax-load-more/examples/default/)
54
  * [Custom Post Types](https://connekthq.com/plugins/ajax-load-more/examples/masonry/)
60
  ** Add-on required
61
 
62
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63
 
64
+
65
+ ### Shortcode Parameters
66
+
67
+ Ajax Load More accepts a number of parameters that are passed to the WordPress query. These parameters are transferred via shortcode - don't worry, creating a custom shortcode is easy with the intuitive [Shortcode Builder](https://connekthq.com/plugins/ajax-load-more/screenshots/#shortcode-builder)
68
+
69
+ * **repeater** - Choose a repeater template (<a href="https://connekthq.com/plugins/ajax-load-more/custom-repeaters/">Add-on available</a>). Default = ‘default’
70
+ * **post_type** - Comma separated list of post types. Default = ‘post’
71
+ * **sticky_posts** - Preserve sticky post ordering in Ajax listing. Default = false
72
+ * **post_format** - Query by post format. Default = null
73
+ * **category** - A comma separated list of categories to include by slug. Default = null
74
+ * **category__not_in** - A comma separated list of categories to exclude by ID. Default = null
75
+ * **tag** - A comma separated list of tags to include by slug. Default = null
76
+ * **tag__not_in** - A comma separated list of tags to exclude by ID. Default = null
77
+ * **taxonomy** - Query by custom taxonomy name. Default = null
78
+ * **taxonomy_terms** - Comma separated list of custom taxonomy terms(slug). Default = null
79
+ * **taxonomy_operator** - Operator to compare Taxonomy Terms against (IN/NOT IN). Default = ‘IN’
80
+ * **taxonomy_relation** - The logical relationship between each taxonomy when there is more than one. (AND/OR). Default = ‘AND’
81
+ * **day** - Day of the week. Default = null
82
+ * **month** - Month of the year. Default = null
83
+ * **year** - Year of post. Default = null
84
+ * **taxonomy_operator** - Operator to compare Taxonomy Terms against (IN/NOT IN). Default = ‘IN’
85
+ * **meta_key** - Custom field key(name). Default = null
86
+ * **meta_value** - Custom field value. Default = null
87
+ * **meta_compare** - Operator to compare meta_key and meta_value against. Default = ‘IN’
88
+ * **meta_type** - Custom field type. Default = ‘CHAR’
89
+ * **meta_relation** - Used with multiple custom field entries (AND/OR). Default = ‘AND’
90
+ * **author** - Comma separated list of authors by id. Default = null
91
+ * **post__in** - Comma separated list of post ID’s to include in query. Default = null
92
+ * **post__not_in** - Comma separated list of post ID’s to exclude from query. Default = null
93
+ * **search** - Query search term (‘s’). Default = null
94
+ * **custom_args** - A semicolon separated list of value:pair arguments. e.g. tag_slug__and:design,development; event_display:upcoming. Default = null
95
+ * **post_status** - Select status of the post. Default = 'publish'
96
+ * **order** - Display posts in ASC(ascending) or DESC(descending) order. Default = ‘DESC’
97
+ * **orderby** - Order posts by date, title, name, menu order, author, post ID or comment count. Default = ‘date’
98
+ * **offset** - Offset the initial query (number). Default = ’0′
99
+ * **posts_per_page** - Number of posts to load with each Ajax request. Default = ’5′
100
+ * **scroll** - Load more posts as the user scrolls the page (true/false). Default = ‘true’
101
+ * **scroll_distance** - The distance from the bottom of the screen to trigger the loading of posts while scrolling. Default = '150'
102
+ * **max_pages** - Maximum number of pages to load while user is scrolling (activated on when scroll = true). Default = '0'
103
+ * **pause_override** - Allow scrolling to override the Pause parameter and trigger the loading of posts on scroll. Default = null
104
+ * **pause** - Do not load posts until user clicks the Load More button (true/false). Default = 'false'
105
+ * **transition** - Choose a posts reveal transition (slide/fade/masonry/none). Default = 'slide'
106
+ * **transition_speed** - The speed of the loading transition in milliseconds. (slide/fade/none). Default = '250'
107
+ * **transition_container** - Display the Ajax Load More (.alm-reveal) loading container. Default = 'true'
108
+ * **masonry_selector** - The target classname of each masonry item. Default = null
109
+ * **images_loaded** - Wait for all images to load before displaying ajax loaded content (true/false). Default = 'false'
110
+ * **destroy_after** - Remove ajax load more functionality after 'n' number of pages have been loaded. Default = null
111
+ * **progress_bar** - Display progress bar indicator at the top of the window while loading Ajax content. Default = 'false'
112
+ * **progress_bar_color** - Enter the hex color of the progress bar.
113
+ . Default = 'ed7070'
114
+ * **button_label** - The label text for Load More button. Default = 'Older Posts'
115
+ * **button_loading_label** - Update the text of the Load More button while content is loading. Default = null
116
+ * **container_type** - Override the global Container Type that was set on ALM Settings page. Default = null
117
+ * **css_classes** - Add custom CSS classes to the Ajax Load More container. Default = null
118
+ * **id** - A unique ID for the Ajax Load More instance.
119
+
120
+ [&rarr; See All Parameters](https://connekthq.com/plugins/ajax-load-more/docs/shortcode-parameters/)
121
+
122
+
123
+ #### Example Ajax Load More Shortcode
124
 
125
  [ajax_load_more post_type="post, portfolio" repeater="default" posts_per_page="5" transition="fade" button_label="Older Posts"]
126
 
 
127
 
128
+ #### Example Demos
129
+
130
  * **[Default](https://connekthq.com/plugins/ajax-load-more/examples/default/)** - Out of the box functionality and styling.
131
+ * **[Advanced Custom Fields](https://connekthq.com/plugins/ajax-load-more/examples/advanced-custom-fields/)** - Infinite scroll Advanced Custom Fields data with Ajax Load More.
132
+ * **[Attachments](https://connekthq.com/plugins/ajax-load-more/examples/attachments/)** - Endless scroll post attachments.
133
  * **[Destroy After](https://connekthq.com/plugins/ajax-load-more/examples/destroy-after/)** - Remove Ajax Load More functionality after 'n' number of pages.
134
+ * **[Event Listing](https://connekthq.com/plugins/ajax-load-more/examples/event-listing/)** - Ordering and listing events by custom field date.
135
  * **[Fade Transition](https://connekthq.com/plugins/ajax-load-more/examples/fade-transition/)** - Elements fade in as posts are loaded.
136
  * **[Filtering](https://connekthq.com/plugins/ajax-load-more/examples/filtering/)** - Reset and filter an Ajax Load More instance.
137
+ * **[Flexbox](https://connekthq.com/plugins/ajax-load-more/examples/flexbox/)** - Creating a responsive Ajax Load More grid with Flexbox.
138
+ * **[Infinite Scroll](https://connekthq.com/plugins/ajax-load-more/examples/infinite-scroll/)** - A look at the new loading functionality and styles.
139
  * **[Images Loaded](https://connekthq.com/plugins/ajax-load-more/examples/images-loaded/)** - Download images before displaying ajax loaded content.
140
  * **[Masonry](https://connekthq.com/plugins/ajax-load-more/examples/masonry/)** - Creating a flexible grid layout with Masonry JS.
141
  * **[Multiple Instances](https://connekthq.com/plugins/ajax-load-more/examples/multiple-instances/)** - Include multiple Ajax Load More' on a single page.
142
  * **[Paging URLs](https://connekthq.com/plugins/ajax-load-more/examples/paging-urls/)** - Generate unique paging URLs for every Ajax Load More query with the SEO add-on.
143
  * **[Pause Loading](https://connekthq.com/plugins/ajax-load-more/examples/pause-loading/)** - Posts will not load until initiated by the user.
144
  * **[Preloaded Posts](https://connekthq.com/plugins/ajax-load-more/examples/pause-loading/)** - Easily preload an initial set of posts before completing any Ajax requests to the server.
145
+ * **[Progress Bar](https://connekthq.com/plugins/ajax-load-more/examples/progress-bar/)** - Display a progress bar load indicator with each Ajax request.
146
  * **[Search Results](https://connekthq.com/plugins/ajax-load-more/examples/search-results/)** - Returning results based on search terms.
147
  * **[SEO & Paging](https://connekthq.com/plugins/ajax-load-more/examples/seo-paging-add-ons/)** - Combine these two add-ons to create one powerful navigation system.
148
  * **[Slideshow Gallery](https://connekthq.com/plugins/ajax-load-more/examples/slideshow-gallery/)** - Create a gallery of posts with Ajax Load More and the Paging add-on.
149
  * **[Table Layout](https://connekthq.com/plugins/ajax-load-more/examples/table/)** - Ajax Load More will display query results in a table format.
 
150
 
151
+ [&rarr; See All Examples](https://connekthq.com/plugins/ajax-load-more/examples/)
152
 
153
+ The [Custom Repeater Add-On](https://connekthq.com/plugins/ajax-load-more/custom-repeaters/) has been installed for use on each of our product demos.
154
 
155
  [youtube https://www.youtube.com/watch?v=EQ57i6dkOew]
156
 
 
157
 
158
+
159
+
160
+ ### Add-ons
161
  The following [add-ons](https://connekthq.com/plugins/ajax-load-more/add-ons/) are available to increase the functionality of Ajax Load More.
162
 
163
+ * **[Cache](https://connekthq.com/plugins/ajax-load-more/add-ons/cache/)**: Improve website performance by caching the results of Ajax server requests.
164
+ * **[Call to Actions](https://connekthq.com/plugins/ajax-load-more/add-ons/call-to-actions/)**: Extend Ajax Load More with advertisement and call to action content blocks.
165
+ * **[Comments](https://connekthq.com/plugins/ajax-load-more/add-ons/comments/)**: Load and display WordPress blog comments using the core Ajax Load More infinite scroll functionality.
166
+ * **[Custom Repeaters](https://connekthq.com/plugins/ajax-load-more/add-ons/custom-repeaters/)**: Create, modify and delete repeater templates as you need them with absolutely zero restrictions.
167
+ * **[Layouts](https://connekthq.com/plugins/ajax-load-more/add-ons/layouts/)**: Predefined responsive layouts for Ajax Load More repeater templates.
168
+ * **[Next Page](https://connekthq.com/plugins/ajax-load-more/add-ons/next-page/)**: Infinite scroll multipage WordPress content with Ajax Load More and the Next Page add-on.
169
+ * **[Paging](https://connekthq.com/plugins/ajax-load-more/add-ons/paging/)**: Replace the default lazy load/infinite scroll functionality of Ajax Load More with a numbered navigation system.
170
+ * **[Preloaded](https://connekthq.com/plugins/ajax-load-more/add-ons/preloaded/)**: Load an initial set of posts before sending any Ajax requests to your server.
171
+ * **[Previous Post](https://connekthq.com/plugins/ajax-load-more/add-ons/previous-post/)**: Enable infinite scrolling of older(previous) posts on your WordPress single post templates.
172
+ * **[SEO](https://connekthq.com/plugins/ajax-load-more/add-ons/search-engine-optimization/)**: Generate unique paging URLs with each Ajax Load More query.
173
+ * **[Theme Repeaters](https://connekthq.com/plugins/ajax-load-more/add-ons/theme-repeaters/)**: Manage Ajax Load More repeater templates from within your current theme directory.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
174
 
175
 
 
176
 
 
 
177
 
178
+ ### Extensions
179
+ The following [extensions](https://connekthq.com/plugins/ajax-load-more/extensions/) are available to provide compatibility with popular WordPress plugins and core features.
180
+
181
+ * **[Advanced Custom Fields](https://connekthq.com/plugins/ajax-load-more/extensions/advanced-custom-fields/)**: Display field type data with Ajax Load More.
182
+ * **[Relevanssi](https://connekthq.com/plugins/ajax-load-more/extensions/relevanssi/)**: Display Relevanssi search results with Ajax Load More.
183
+ * **[REST API](https://connekthq.com/plugins/ajax-load-more/extensions/rest-api/)**: Enable compatibility with the WordPress REST API.
184
+ * **[SearchWP](https://connekthq.com/plugins/ajax-load-more/extensions/searchwp/)**: Display SearchWP query results with Ajax Load More.
185
+
 
 
 
 
186
 
187
 
 
188
 
189
+ ### Callback Functions
190
  The following [functions](https://connekthq.com/plugins/ajax-load-more/docs/callback-functions/) are available to be dispatched by Ajax Load More.
191
 
192
 
193
+ **Complete** - The almComplete() function is triggered after every *successful* ajax call made by Ajax Load More.
194
 
195
  $.fn.almComplete = function(alm){
196
  // Your on complete code goes here
197
  };
198
 
199
 
200
+ **Done** - The almDone() function is triggered after all posts have been loaded..
201
 
202
  $.fn.almDone = function(alm){
203
  console.log('All posts have been loaded!');
204
  };
205
 
206
+ **Empty** - The almEmpty() function is triggered if there are zero results returned in the initial query.
207
 
208
  $.fn.almEmpty = function(alm){
209
  console.log('Sorry, but we could not locate any posts that matched your criteria.');
210
  };
211
 
212
+ **Filter Complete** - The almFilterComplete() function is triggered after a successful call to the public function almFilter().
213
 
214
  $.fn.almFilterComplete = function(){
215
  console.log('Ajax Load More filter has completed!');
216
  };
217
 
218
 
219
+ **URL Update** - The almUrlUpdate() function is triggered after a successful URL update (pushState) from the Previous Post or the Search Engine Optimization add-on
220
 
221
  $.fn.almUrlUpdate = function(permalink, type){
222
  console.log("URL updated to " + permalink + '- dispatched from the '+ type + ' add-on.');
224
 
225
  ***
226
 
227
+ [&rarr; View All Callback Functions](https://connekthq.com/plugins/ajax-load-more/docs/callback-functions/)
228
 
 
229
 
230
 
 
231
 
232
+ ### Filter Hooks
233
 
234
+ Ajax Load More has a variety of WordPress [filters](https://connekthq.com/plugins/ajax-load-more/docs/filter-hooks/) in place that enable users to hook into Ajax Load More to insert or modify data.
 
 
 
235
 
236
+ [&rarr; See All Filters](https://connekthq.com/plugins/ajax-load-more/docs/filter-hooks/)
237
 
 
238
 
 
 
 
 
 
 
239
 
 
240
 
241
+ ### Variables
242
+
243
+ Ajax Load More passes the following PHP **[variables](https://connekthq.com/plugins/ajax-load-more/docs/variables/)** to each repeater template - these template variables can help you style and transform your repeater templates.
244
+
245
+ * **$alm_current** - Returns the current item number in the current Ajax Load More loop and will reset to zero with every 'Load More' action.
246
+ * **$alm_page** - Returns the current page number.
247
+ * **$alm_item** - Returns the current item number within your loop.
248
+ * **$alm_found_posts** - Returns the total number of posts found within the entire WordPress query.
249
+
250
+
251
+
252
+
253
+ ### Plugin Links
254
+ * [Official Website](https://connekthq.com/ajax-load-more/)
255
+ * [Documetation](https://connekthq.com/plugins/ajax-load-more/docs/)
256
+ * [Premium Add-ons](https://connekthq.com/plugins/ajax-load-more/add-ons/)
257
+ * [Free Extensions](https://connekthq.com/plugins/ajax-load-more/extensions/)
258
+ * [Github](https://github.com/dcooney/wordpress-ajax-load-more/)
259
+
260
+
261
 
 
262
 
263
+ ### Please Review Ajax Load More!
264
+
265
+ Your reviews make a big difference! If you like and use Ajax Load More, please consider taking the time to [review my plugin](https://wordpress.org/support/view/plugin-reviews/ajax-load-more). Your ratings and reviews help the plugin grow and provide the motivation needed to keep pushing it forward.
266
+
267
+ [&rarr; Leave a Review](https://wordpress.org/support/plugin/ajax-load-more/reviews/#new-post)
268
 
 
269
 
270
 
271
 
303
  Yes, but you will need to define $post at the top of the repeater before requesting your custom fields. Like so:
304
  global $post;
305
 
306
+ = Which browsers are supported? =
307
+
308
+ * Firefox (Mac, PC, iOS)
309
+ * Chrome (Mac, PC, iOS, Android)
310
+ * Safari (Mac, iOS)
311
+ * Opera
312
+ * Android
313
+ * IE8+
314
+
315
 
316
  == Installation ==
317
 
353
 
354
  == Changelog ==
355
 
356
+ = 3.1.0 - May 30, 2017 =
357
+
358
+ * UPGRADE NOTICE - Ajax Load More has changed the directory from which the core CSS and JS are loaded. Core CSS and JS is now loaded from the `/ajax-load-more/core/dist/` directory - you may need to clear your browser and site cache after update.
359
+ * NEW - Adding built-in support for [Masonry](https://connekthq.com/plugins/ajax-load-more/examples/masonry/). Set `transition="masonry" masonry_selector=".{selector_name}"` in your shortcode to enable a custom Masonry callback and automatically enqueue Masonry and ImagesLoaded from core WordPress.
360
+ * NEW - Adding built-in support progress bar loaders using [Pace.js](https://connekthq.com/plugins/ajax-load-more/examples/progress-bar/).
361
+ * UPDATE - Core ALM CSS and JS is now loaded from `core/dist/` directory.
362
+ * UPDATE - Added `modules`, `libs` and `vendor` directories to `core/js/` for splitting of JS files.
363
+ * UPDATE - Added gulp config for compiling Ajax Load More JS and Sass locally.
364
+ * FIX - Fixed issues with shortcode building providing incorrect values.
365
+
366
+
367
  = 3.0.1 - May 22, 2017 =
368
 
369
  * NEW - Added support for caching single posts with the Previous Post and Cache add-ons.
admin/admin.php CHANGED
@@ -586,16 +586,17 @@ function alm_load_cache_admin_js(){
586
 
587
  function alm_enqueue_admin_scripts(){
588
 
589
- //Load Admin CSS
590
  wp_enqueue_style( 'alm-admin', ALM_ADMIN_URL. 'css/admin.css');
591
  wp_enqueue_style( 'alm-select2', ALM_ADMIN_URL. 'css/select2.css');
592
  wp_enqueue_style( 'alm-tooltipster', ALM_ADMIN_URL. 'css/tooltipster/tooltipster.css');
593
- wp_enqueue_style( 'alm-core', ALM_URL. '/core/css/ajax-load-more.css');
594
  wp_enqueue_style( 'alm-font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');
595
 
596
- wp_dequeue_style( 'acf-input' );
 
597
 
598
- //Load CodeMirror Syntax Highlighting if on Repater Template page
599
  $screen = get_current_screen();
600
  if ( in_array( $screen->id, array( 'ajax-load-more_page_ajax-load-more-repeaters') ) ){
601
 
@@ -614,13 +615,14 @@ function alm_enqueue_admin_scripts(){
614
 
615
  }
616
 
617
- //Load JS
618
  wp_enqueue_script( 'jquery-form' );
619
  wp_enqueue_script( 'alm-select2', ALM_ADMIN_URL. 'js/libs/select2.min.js', array( 'jquery' ));
620
  wp_enqueue_script( 'alm-drops', ALM_ADMIN_URL. 'js/libs/jquery.drops.js', array( 'jquery' ));
621
  wp_enqueue_script( 'alm-tipster', ALM_ADMIN_URL. 'js/libs/jquery.tooltipster.min.js', array( 'jquery' ));
622
  wp_enqueue_script( 'alm-admin', ALM_ADMIN_URL. 'js/admin.js', array( 'jquery' ));
623
  wp_enqueue_script( 'alm-shortcode-builder', ALM_ADMIN_URL. 'shortcode-builder/js/shortcode-builder.js', array( 'jquery' ));
 
624
  }
625
 
626
 
586
 
587
  function alm_enqueue_admin_scripts(){
588
 
589
+ // Admin CSS
590
  wp_enqueue_style( 'alm-admin', ALM_ADMIN_URL. 'css/admin.css');
591
  wp_enqueue_style( 'alm-select2', ALM_ADMIN_URL. 'css/select2.css');
592
  wp_enqueue_style( 'alm-tooltipster', ALM_ADMIN_URL. 'css/tooltipster/tooltipster.css');
593
+ wp_enqueue_style( 'alm-core', ALM_URL. '/core/dist/css/ajax-load-more.css');
594
  wp_enqueue_style( 'alm-font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');
595
 
596
+ // disable ACF select2 on ALM pages
597
+ wp_dequeue_style( 'acf-input' );
598
 
599
+ // CodeMirror Syntax Highlighting if on Repater Template page
600
  $screen = get_current_screen();
601
  if ( in_array( $screen->id, array( 'ajax-load-more_page_ajax-load-more-repeaters') ) ){
602
 
615
 
616
  }
617
 
618
+ // Admin JS
619
  wp_enqueue_script( 'jquery-form' );
620
  wp_enqueue_script( 'alm-select2', ALM_ADMIN_URL. 'js/libs/select2.min.js', array( 'jquery' ));
621
  wp_enqueue_script( 'alm-drops', ALM_ADMIN_URL. 'js/libs/jquery.drops.js', array( 'jquery' ));
622
  wp_enqueue_script( 'alm-tipster', ALM_ADMIN_URL. 'js/libs/jquery.tooltipster.min.js', array( 'jquery' ));
623
  wp_enqueue_script( 'alm-admin', ALM_ADMIN_URL. 'js/admin.js', array( 'jquery' ));
624
  wp_enqueue_script( 'alm-shortcode-builder', ALM_ADMIN_URL. 'shortcode-builder/js/shortcode-builder.js', array( 'jquery' ));
625
+
626
  }
627
 
628
 
admin/css/admin.css CHANGED
@@ -1,7 +1,7 @@
1
 
2
  /* Custom buttom/loading styles */
3
  .select2-results .select2-result.alm-color .select2-result-label{
4
- position: relative;
5
  }
6
  .select2-results .select2-result.alm-color .select2-result-label:after{
7
  width: 10px;
@@ -12,9 +12,9 @@
12
  position: absolute;
13
  right: 20px;
14
  top: 50%;
15
- margin-top: -5px;
16
  z-index: 1;
17
- }
18
  .select2-results .select2-result.alm-color.default .select2-result-label:after{
19
  background-color: #ed7070;
20
  }
@@ -122,12 +122,12 @@
122
  min-width: 48%;
123
  display: inline-block;
124
  vertical-align: top;
125
- }
126
  #alm-settings .row.alm-save-settings{
127
  padding-bottom: 5px !important;
128
  }
129
-
130
- #alm-settings form h2{
131
  background: #f7f7f7;
132
  border: 1px solid #efefef;
133
  border-bottom: none;
@@ -138,8 +138,8 @@
138
  border-radius: 2px 2px 0 0;
139
  }
140
  #alm-settings form h2:first-of-type{
141
- margin: 0;
142
- }
143
  #alm-settings form h2 + p{
144
  color: #999;
145
  padding: 0 20px 17px;
@@ -166,7 +166,7 @@
166
  display: block;
167
  color:#777;
168
  width: 100%;
169
- display: block;
170
  clear: both;
171
  text-transform: none;
172
  padding: 0;
@@ -196,7 +196,7 @@ a.layout-hover{
196
  top: 0;
197
  z-index: 999;
198
  opacity: 0;
199
- filter: alpha(opacity=0);
200
  }
201
  a.layout-hover:hover img{
202
  position: absolute;
@@ -204,7 +204,7 @@ a.layout-hover{
204
  top: 0;
205
  z-index: 999;
206
  opacity: 1;
207
- filter: alpha(opacity=100);
208
  }
209
 
210
 
@@ -259,12 +259,12 @@ a.layout-hover{
259
  }
260
  .ajax-load-more h3.heading:hover:after,
261
  .ajax-load-more .add-on h3.heading:hover:after{
262
- color: #f05452;
263
  }
264
  .ajax-load-more h3.heading:hover{
265
  color: #222;
266
- }
267
-
268
  .ajax-load-more h3.heading:after{
269
  font-family: 'FontAwesome';
270
  content: '\f056';
@@ -282,14 +282,14 @@ a.layout-hover{
282
  .ajax-load-more h3.heading.open{
283
  border-bottom-color: transparent;
284
  }
285
-
286
  .ajax-load-more .add-on h3.heading:after{
287
  color: #999;
288
  }
289
  .ajax-load-more .add-on h3.heading{
290
  background-color: #fefeed;
291
  }
292
-
293
  /* Expand/Collapse all rows */
294
  .ajax-load-more .toggle-all{
295
  position: absolute;
@@ -319,25 +319,25 @@ a.layout-hover{
319
  position: relative;
320
  padding-left: 16px;
321
  line-height: 24px;
322
- }
323
-
324
  .ajax-load-more .toggle-all .expand{
325
  display: none;
326
- }
327
  .ajax-load-more .toggle-all .collapse{
328
  display: inline-block;
329
  }
330
  .ajax-load-more .toggle-all em{
331
  font-style: normal;
332
  }
333
-
334
  .ajax-load-more .toggle-all.closed .expand{
335
  display: inline-block;
336
- }
337
  .ajax-load-more .toggle-all.closed .collapse{
338
  display: none;
339
  }
340
-
341
  .ajax-load-more .toggle-all .inner-wrap:before{
342
  font-family: 'FontAwesome';
343
  content: '\f068';
@@ -366,7 +366,7 @@ a.layout-hover{
366
  vertical-align: top;
367
  overflow: visible;
368
  }
369
-
370
  .ajax-load-more label.full{
371
  display: block;
372
  clear: both;
@@ -392,7 +392,7 @@ a.layout-hover{
392
  padding: 0 !important;
393
  }
394
  .ajax-load-more .border-top.controls button{
395
- margin-top: 20px !important;
396
  }
397
 
398
  .ajax-load-more .border-top.highlighted{
@@ -430,7 +430,7 @@ a.layout-hover{
430
  }
431
  .alm-settings-nav a:hover{
432
  color: #fff;
433
- background-color: #ff5a58;
434
  }
435
  .alm-settings-nav li:first-of-type a{
436
  border: none;
@@ -466,16 +466,16 @@ a.layout-hover{
466
  .row .controls{
467
  display: block;
468
  clear: both;
469
- padding: 20px 0 0;
470
  overflow: hidden;
471
  }
472
  .row.taxonomy .controls{
473
- padding-bottom: 20px;
474
  }
475
  .row.taxonomy .highlighted{
476
  margin-bottom: 0 !important;
477
  }
478
-
479
  .meta-query-wrap .remove-meta-query,
480
  .taxonomy-wrap .remove-tax-query{
481
  position: absolute;
@@ -499,7 +499,7 @@ a.layout-hover{
499
  background-color: #cb2222;
500
  color: #fff;
501
  }
502
-
503
  .ajax-load-more .meta-query-wrap .border-top:first-of-type{
504
  padding: 0 0 0 !important;
505
  border: none;
@@ -553,23 +553,23 @@ a.layout-hover{
553
  .ajax-load-more p.warning-callout strong{
554
  display: inline-block;
555
  font-weight: normal;
556
- font-family: Consolas, monaco, monospace;
557
- background-color: #edfbff;
558
  color:#525c5f;
559
  padding: 0 6px;
560
  border-radius: 2px;
561
- }
562
  .ajax-load-more p.warning-callout.notify{
563
  background-color: #ad4141;
564
  border-color: #903030;
565
  color: #fff;
566
  }
567
-
568
  .ajax-load-more p.warning-callout.notify strong{
569
  background-color: #cb5858;
570
  color: #fff;
571
  }
572
-
573
 
574
  .ajax-load-more label,
575
  .ajax-load-more input,
@@ -579,10 +579,10 @@ a.layout-hover{
579
  padding: 5px 8px;
580
  width: auto;
581
  margin-top: 0;
582
- display: inline-block;
583
  clear: both;
584
  border-radius: 3px;
585
- color: #444;
586
  -webkit-box-shadow: none;
587
  -moz-box-shadow: none;
588
  box-shadow: none;
@@ -591,9 +591,9 @@ a.layout-hover{
591
  .controls button.disabled{
592
  opacity: 0.5;
593
  }
594
-
595
  .ajax-load-more textarea._alm_repeater{
596
- font-family: Consolas, monaco, monospace;
597
  font-size: 13px;
598
  line-height: 19px;
599
  padding: 10px;
@@ -601,7 +601,7 @@ a.layout-hover{
601
  .ajax-load-more textarea._alm_repeater:focus{
602
  color: #222;
603
  }
604
-
605
  .ajax-load-more label{
606
  padding: 5px 0;
607
  -webkit-border-radius: 0;
@@ -633,7 +633,7 @@ a.layout-hover{
633
  padding: 10px 12px;
634
  line-height: 1.3;
635
  border: 1px solid #e1e1e1;
636
- width: 60%;
637
  }
638
  .ajax-load-more input[type=text].full{
639
  width: 100%;
@@ -667,24 +667,24 @@ a.layout-hover{
667
  }
668
 
669
  .ajax-load-more :-moz-placeholder { /* Firefox 18- */
670
- color: #999;
671
  font-style: italic;
672
  }
673
 
674
  .ajax-load-more ::-moz-placeholder { /* Firefox 19+ */
675
- color: #999;
676
- font-style: italic;
677
  }
678
 
679
- .ajax-load-more :-ms-input-placeholder {
680
- color: #999;
681
  font-style: italic;
682
  }
683
 
684
  .ajax-load-more input[type=text],
685
  .ajax-load-more input[type=number],
686
  .ajax-load-more textarea{
687
- background: #f7f7f7;
688
  }
689
  .ajax-load-more .repeaters input[type=text]{
690
  padding: 9px 10px;
@@ -692,12 +692,12 @@ a.layout-hover{
692
  .ajax-load-more input[type=number]{
693
  height: auto;
694
  }
695
-
696
  .ajax-load-more input.disabled-input{
697
  opacity: 0.5;
698
  filter: alpha(opacity=50);
699
  cursor: not-allowed;
700
- background: #f7f7f7 !important;
701
  border-color: #ccc !important;
702
  box-shadow: none !important;
703
  }
@@ -708,7 +708,7 @@ a.layout-hover{
708
  background: #efefef;
709
  }
710
 
711
-
712
  .checkboxes label{
713
  margin-right: 5px;
714
  }
@@ -718,19 +718,19 @@ a.layout-hover{
718
  width: 47.333%;
719
  margin: 0 0 1% 2%;
720
  vertical-align: top;
721
- }
722
  .ajax-load-more .one_half:first-of-type{
723
- margin: 0 2% 1% 0;
724
  }
725
 
726
  /* --------------------------------------------------------------------------- */
727
  /* Row */
728
  /* --------------------------------------------------------------------------- */
729
 
730
- .ajax-load-more .row{
731
- padding: 0 !important;
732
- margin: 15px 0 0;
733
- height: auto;
734
  width: 100%;
735
  display: block;
736
  overflow: hidden;
@@ -745,10 +745,10 @@ a.layout-hover{
745
  }
746
  .ajax-load-more .row.no-brd{
747
  border: none !important;
748
- padding: 0 !important;
749
- }
750
 
751
- .admin.ajax-load-more .row{
752
  border-color: #efefef;
753
  }
754
  .admin.ajax-load-more .repeaters .row:hover,
@@ -761,18 +761,18 @@ a.layout-hover{
761
  .admin.ajax-load-more .row:first-of-type{
762
  margin: 0;
763
  padding-top: 0;
764
- }
765
  .ajax-load-more .intro{
766
- height: auto;
767
  width: 100%;
768
  display: block;
769
- overflow: hidden;
770
  }
771
 
772
  /* Jump Menu */
773
 
774
  .pop-up-jump{
775
- display: block;
776
  width: 100%;
777
  }
778
  .pop-up-jump .jump-menu-wrap{
@@ -781,7 +781,7 @@ a.layout-hover{
781
  width: 30%;
782
  }
783
  .pop-up-jump .jump-menu-wrap .select2-container{
784
- width: 100% !important;
785
  margin-bottom: 15px;
786
  position: relative;
787
  top: -5px;
@@ -791,7 +791,7 @@ a.layout-hover{
791
  float: left;
792
  width: 65%;
793
  padding-right: 5%;
794
- }
795
  .admin.ajax-load-more .jump-menu{
796
  display: none;
797
  }
@@ -815,20 +815,20 @@ a.layout-hover{
815
  vertical-align: top;
816
  padding: 0;
817
  margin: 5px 5px 5px 0;
818
- }
819
-
820
-
821
  .ajax-load-more .expand-wrap{
822
  display: block;
823
  }
824
  #alm-examples.ajax-load-more .expand-wrap{
825
  padding: 10px 10px 0;
826
  }
827
- .ajax-load-more .expand-wrap hr{
828
- border: 0;
829
- height: 0;
830
- border-top: 1px solid rgba(0, 0, 0, 0.1);
831
- border-bottom: 1px solid rgba(255, 255, 255, 0.3);
832
  }
833
 
834
  .ajax-load-more .section-title {
@@ -842,16 +842,16 @@ a.layout-hover{
842
  float: none;
843
  }
844
  .ajax-load-more .section-title h4{
845
- font-size: 15px;
846
  margin-bottom: 13px;
847
  }
848
  .ajax-load-more .section-title p,
849
- .ajax-load-more .wrap p.descriptor{
850
  font-size: 13px;
851
  line-height: 20px;
852
  color: #999;
853
  }
854
- .ajax-load-more .wrap p.descriptor{
855
  margin: 0;
856
  font-style: italic;
857
  }
@@ -873,7 +873,7 @@ a.layout-hover{
873
  position: relative;
874
  top: -1px;
875
  }
876
-
877
  .ajax-load-more .section-title p span,
878
  .admin.ajax-load-more.settings .form-table p.notify span{
879
  display: inline-block;
@@ -884,9 +884,9 @@ a.layout-hover{
884
  color: #666;
885
  }
886
  .ajax-load-more .section-title h4{
887
- margin: 0 0 10px;
888
  }
889
-
890
  .ajax-load-more .repeaters .section-title,
891
  .ajax-load-more .repeaters .row .wrap{
892
  width: 100%;
@@ -902,23 +902,25 @@ a.layout-hover{
902
  font-size: 13px;
903
  color: #888;
904
  }
905
-
906
  .ajax-load-more label input._alm_repeater_alias{
907
  height: auto;
908
  line-height: normal !important;
909
  }
910
-
911
  .preload_amount,
912
  .cache_id,
913
  .alternate_template_wrap,
914
  .cta_template_wrap,
915
  .restapi_options,
916
  .next-page-content,
917
- .acf-options{
 
 
918
  display: none;
919
  }
920
-
921
-
922
 
923
  .ajax-load-more .row .wrap{
924
  padding: 20px 0 0 5%;
@@ -930,13 +932,13 @@ a.layout-hover{
930
  }
931
  .ajax-load-more .row .wrap.full{
932
  float: none;
933
- width: 100%;
934
  padding: 0 15px 15px 36px;
935
  }
936
-
937
-
938
- /* ***********************************
939
- -- Shortcode Output
940
  **************************************/
941
  .ajax-load-more .output-wrap{
942
  padding: 0 50px 0 15px;
@@ -959,7 +961,7 @@ a.layout-hover{
959
  margin-top: 20px;
960
  border-radius: 2px;
961
  border: none;
962
- padding: 0;
963
  -webkit-box-shadow: none;
964
  -moz-box-shadow: none;
965
  box-shadow: none;
@@ -975,7 +977,7 @@ a.layout-hover{
975
  width: 49.333%;
976
  display: inline-block;
977
  }
978
-
979
  .output-wrap .copy{
980
  background: #fff;
981
  color: #FF5A58;
@@ -994,7 +996,7 @@ a.layout-hover{
994
  opacity: 0.6;
995
  filter: alpha(opacity = 60);
996
  }
997
- .admin.ajax-load-more .output-wrap .copy{
998
  float: right;
999
  position: relative;
1000
  top: -10px;
@@ -1007,8 +1009,8 @@ a.layout-hover{
1007
  .output-wrap .copy:active{
1008
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
1009
  }
1010
-
1011
-
1012
  .shortcode-display{
1013
  float: right;
1014
  width: 75%;
@@ -1017,7 +1019,7 @@ a.layout-hover{
1017
  float: none;
1018
  width: 100%;
1019
  }
1020
-
1021
  #shortcode_output{
1022
  border-left: 1px solid #ca5252;
1023
  padding: 26px 10px 26px 30px;
@@ -1027,25 +1029,25 @@ a.layout-hover{
1027
  cursor: pointer;
1028
  word-wrap: break-word;
1029
  }
1030
-
1031
  .admin.ajax-load-more #shortcode_output{
1032
  border: none;
1033
  padding: 12px 12px 24px;
1034
  }
1035
-
1036
-
1037
- #shortcode_output::-moz-selection{
1038
- background:#fff;
1039
- color:#ca5252;
1040
- text-shadow: none;
1041
- }
1042
- #shortcode_output::selection {
1043
- background:#fff;
1044
- color:#ca5252;
1045
- text-shadow: none;
1046
- }
1047
-
1048
-
1049
 
1050
  /*
1051
  * Insert Shortcode Button
@@ -1061,8 +1063,8 @@ a.layout-hover{
1061
  font-weight: 600;
1062
  padding: 8px 13px;
1063
  display: inline-block;
1064
- text-align: center;
1065
- margin: 15px 0;
1066
  float: left;
1067
  line-height: normal !important;
1068
  height: auto !important;
@@ -1074,7 +1076,7 @@ a.layout-hover{
1074
  .admin.ajax-load-more #insert.insert_alm{
1075
  display: none;
1076
  }
1077
-
1078
  #insert.insert_alm:hover{
1079
  box-shadow: inset 0 -15px 15px rgba(0, 0, 0, 0.1), 0 0 3px rgba(255, 255, 255, 1);
1080
  }
@@ -1082,7 +1084,7 @@ a.layout-hover{
1082
  background: #d0413f !important;
1083
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
1084
  color:#fff !important;
1085
- }
1086
 
1087
  .ajax-load-more .clear{
1088
  clear:both;
@@ -1104,7 +1106,7 @@ a.layout-hover{
1104
  .form-table label{
1105
  display: inline-block;
1106
  clear: both;
1107
- float: none;
1108
  vertical-align: top;
1109
  padding: 0 0 10px;
1110
  max-width: 90%;
@@ -1113,7 +1115,7 @@ a.layout-hover{
1113
  }
1114
  .form-table input[type=radio],
1115
  .form-table input[type=checkbox]{
1116
- vertical-align: top;
1117
  margin-top: 0 !important;
1118
  max-width: 8%;
1119
  }
@@ -1126,7 +1128,7 @@ a.layout-hover{
1126
  padding-top: 5px;
1127
  font-style: italic;
1128
  }
1129
-
1130
  .form-table .template-tags{
1131
  overflow: hidden;
1132
  border-left: 5px solid #dfd8c2;
@@ -1137,20 +1139,20 @@ a.layout-hover{
1137
  }
1138
  .form-table .template-tags h4,
1139
  .form-table .template-tags li{
1140
- margin: 0 0 8px;
1141
  padding:0;
1142
  font-size: 13px;
1143
  }
1144
- .form-table .template-tags li{
1145
  margin: 2px 0;
1146
  }
1147
  .form-table .template-tags ul{
1148
- margin: 0;
1149
  padding: 0;
1150
  }
1151
  .form-table .template-tags pre{
1152
  display: inline-block;
1153
- min-width: 120px;
1154
  padding: 0;
1155
  margin: 0;
1156
  color: #888;
@@ -1171,7 +1173,7 @@ a.layout-hover{
1171
  background: #efefef;
1172
  color: #666;
1173
  text-shadow: 1px 1px 0 #fff;
1174
- resize: none;
1175
  }
1176
 
1177
  .admin.ajax-load-more .form-table input[type=radio],
@@ -1208,13 +1210,13 @@ a.layout-hover{
1208
  padding: 0 0 8px;
1209
  text-transform: uppercase;
1210
  }
1211
-
1212
- .admin.ajax-load-more.settings .ajax-load-more-wrap.pages{}
1213
  .admin.ajax-load-more.settings .ajax-load-more-wrap.pages li{
1214
- font-size: 14px;
1215
  }
1216
  .admin.ajax-load-more.settings .ajax-load-more-wrap.pages li a{
1217
- text-decoration: none;
1218
  }
1219
 
1220
 
@@ -1228,7 +1230,7 @@ a.layout-hover{
1228
  padding-right: 20px;
1229
  }
1230
  .admin.ajax-load-more.settings .form-table th{
1231
- padding-left: 20px;
1232
  }
1233
  .admin.ajax-load-more.settings .form-table p{
1234
  margin-top: 0;
@@ -1247,7 +1249,7 @@ a.layout-hover{
1247
  .ajax-load-more .header-wrap h1{
1248
  padding-left: 60px;
1249
  min-height: 48px;
1250
- padding-top: 0;
1251
  background: url(../img/alm-logo-48x48.png) no-repeat left 0;
1252
  background: url(../img/alm-logo-48x48.svg) no-repeat left 0;
1253
  }
@@ -1275,7 +1277,7 @@ a.layout-hover{
1275
  top: -2px;
1276
  left: 5px;
1277
  }
1278
- .ajax-load-more h2.addon-title{
1279
  font-size: 19px !important;
1280
  line-height: 24px;
1281
  font-weight: 600 !important;
@@ -1299,7 +1301,7 @@ a.layout-hover{
1299
  }
1300
  .ajax-load-more h3.add-on-title,
1301
  .ajax-load-more .cnkt-sidebar h3{
1302
- padding: 0 0 10px;
1303
  margin: 0 0 20px;
1304
  border-bottom: 1px solid #efefef;
1305
  }
@@ -1330,7 +1332,7 @@ a.layout-hover{
1330
  text-decoration: none;
1331
  display: block;
1332
  }
1333
-
1334
  .saved-response,
1335
  p.loading{
1336
  font-size: 12px;
@@ -1338,7 +1340,7 @@ p.loading{
1338
  color:#999;
1339
  background: none;
1340
  transition: padding 0.2s ease;
1341
- display: inline-block;
1342
  width: auto;
1343
  position: relative;
1344
  top: 12px;
@@ -1367,27 +1369,27 @@ p.loading{
1367
  .alm-dropdown ul li a.updating{
1368
  background: url("../img/loader.gif") no-repeat left center;
1369
  padding-left: 24px;
1370
- }
1371
-
1372
  .alm-dropdown ul li a.updating{
1373
- background-position: 6px center;
1374
  padding-left: 42px;
1375
  }
1376
-
1377
  input.save-repeater{
1378
  margin-bottom: 5px !important;
1379
  }
1380
  .restore-default{
1381
  float: right;
1382
  margin: 19px 20px 0 0;
1383
- font-size: 12px;
1384
  }
1385
  .restore-default a{
1386
  text-decoration: none;
1387
  }
1388
-
1389
 
1390
-
 
1391
  .alm-save-settings{}
1392
  .alm-save-settings p.submit{
1393
  float: left;
@@ -1400,7 +1402,7 @@ input.save-repeater{
1400
  visibility: visible !important;
1401
  }
1402
 
1403
-
1404
  table.highlight{
1405
  background: #fff !important;
1406
  }
@@ -1419,16 +1421,16 @@ table.highlight{
1419
  margin: 0 0 20px;
1420
  position: relative;
1421
  display: block;
1422
- clear: both;
1423
  }
1424
 
1425
  .ajax-load-more .cnkt-main .group,
1426
  .ajax-load-more .cnkt-sidebar .cta,
1427
  .call-out.light{
1428
  border: 1px solid #e1e1e1;
1429
- -webkit-border-radius: 3px;
1430
- -moz-border-radius: 3px;
1431
- border-radius: 3px;
1432
  }
1433
  .ajax-load-more .cnkt-main.full{
1434
  width: 100%;
@@ -1443,20 +1445,20 @@ table.highlight{
1443
  border-top: 1px solid #efefef;
1444
  }
1445
  .form-table {
1446
- border: 1px solid #efefef;
1447
  margin: 0 0 25px;
1448
  }
1449
 
1450
  .ajax-load-more .cnkt-main .group a.dismiss{
1451
  position: absolute;
1452
  right: 0;
1453
- top: 0;
1454
  text-decoration: none;
1455
  width: 40px;
1456
  height: 40px;
1457
  line-height: 38px;
1458
  padding: 0;
1459
- text-align: center;
1460
  background: #f7f7f7;
1461
  color: #777;
1462
  border: 1px solid #e1e1e1;
@@ -1485,7 +1487,7 @@ table.highlight{
1485
  clear: none;
1486
  max-width: 25%;
1487
  }
1488
- .repeater-wrap textarea,
1489
  .repeater-wrap input[type=text]{
1490
  width: 100%;
1491
  }
@@ -1497,8 +1499,8 @@ table.highlight{
1497
  max-width: 72%;
1498
  opacity: 0;
1499
  }
1500
-
1501
-
1502
  /* Add-ons & Extensions */
1503
 
1504
  .flexbox-wrap{
@@ -1506,8 +1508,8 @@ table.highlight{
1506
  display: -moz-box;
1507
  display: -ms-flexbox;
1508
  display: -webkit-flex;
1509
- display: flex;
1510
- flex-wrap: wrap;
1511
  }
1512
 
1513
  #alm-add-ons {}
@@ -1537,7 +1539,7 @@ table.highlight{
1537
  padding: 10px 14px;
1538
  transition: all 0.15s ease;
1539
  }
1540
- .ajax-load-more .cnkt-main .group.installed{
1541
  opacity: 0.85;
1542
  filter: grayscale(0.85);
1543
  }
@@ -1545,17 +1547,17 @@ table.highlight{
1545
  display: none !important;
1546
  }
1547
  #alm-add-ons .group img{
1548
- padding: 12px 18px 12px;
1549
  }
1550
  #alm-add-ons .group a{
1551
  text-decoration: none;
1552
  display: block;
1553
  padding: 15px;
1554
  }
1555
- #alm-add-ons .group:hover{
1556
  border-color: #ccc;
1557
  }
1558
- #alm-add-ons .group a h2{
1559
  transition: all 0.15s ease;
1560
  }
1561
  #alm-add-ons .group a:hover h2{
@@ -1593,8 +1595,8 @@ table.highlight{
1593
  color: #ff5a58 !important;
1594
  }
1595
  .call-out.light p a:hover{
1596
- text-decoration: underline;
1597
- }
1598
  #alm-builder .call-out,
1599
  .forceColors .call-out{ /* Shortcode builder */
1600
  width: 90%;
@@ -1644,7 +1646,7 @@ table.highlight{
1644
  color:#fff !important;
1645
  box-shadow: none;
1646
  }
1647
- a.cnkt-button:focus,
1648
  .group:focus span.cnkt-button{
1649
  background-color: #83519d;
1650
  border-color: #935eaf;
@@ -1675,13 +1677,13 @@ table.highlight{
1675
  color: #5da592 !important;
1676
  top: 0;
1677
  }
1678
-
1679
  /*
1680
  * Licenses
1681
  *
1682
  * @since 2.7.0
1683
- */
1684
-
1685
  .license{
1686
  overflow: hidden;
1687
  margin: 0;
@@ -1689,15 +1691,15 @@ table.highlight{
1689
  padding: 20px 0 0;
1690
  position: relative;
1691
  }
1692
-
1693
  .license:first-of-type{
1694
  padding: 10px 0 0;
1695
  }
1696
  .license-title{
1697
  border-radius: 3px 3px 0 0;
1698
  border: 1px solid #ccc;
1699
- background-color: #efefef;
1700
- position: relative;
1701
  }
1702
  .license-title .status{
1703
  width: 12px;
@@ -1713,13 +1715,13 @@ table.highlight{
1713
  box-shadow: inset 0 -6px 6px rgba(0, 0, 0, 0.05), 0 1px 0 #fff;
1714
  }
1715
  .license-title .status.valid{
1716
- background-color: #acd481;
1717
  }
1718
  .license h2{
1719
  margin: 0;
1720
  padding: 15px 15px 15px 35px;
1721
- font-size: 16px;
1722
- font-weight: 600;
1723
  line-height: 1.2;
1724
  }
1725
  .license p,
@@ -1740,7 +1742,7 @@ table.highlight{
1740
  box-shadow: none !important;
1741
  border-color: transparent !important;
1742
  }
1743
-
1744
  .license .no-license{
1745
  display: block;
1746
  padding: 12px 10px 12px 20px;
@@ -1751,15 +1753,15 @@ table.highlight{
1751
  border-radius: 3px;
1752
  }
1753
  .license .no-license h4{
1754
- margin: 0 0 3px;
1755
  }
1756
  .license .no-license p{
1757
  margin: 5px 0 0;
1758
- padding: 0;
1759
  }
1760
-
1761
-
1762
-
1763
  .license .loading{
1764
  position: absolute;
1765
  left: 0;
@@ -1774,22 +1776,22 @@ table.highlight{
1774
  display: none;
1775
  }
1776
  .license-btn-wrap{
1777
- display: block;
1778
  }
1779
  .license-btn-wrap .msg{
1780
  display: block;
1781
  padding: 10px 0 0;
1782
  font-size: 14px;
1783
- line-height: 18px;
1784
  }
1785
  .license-btn-wrap .msg strong{
1786
- display: block;
1787
  }
1788
  .license-btn-wrap .msg em{
1789
  opacity: 0.7;
1790
- font-style: normal;
1791
  }
1792
-
1793
  .license-wrap,
1794
  .license-no-addons{
1795
  overflow: hidden;
@@ -1802,6 +1804,7 @@ table.highlight{
1802
  }
1803
  .license-wrap label{
1804
  font-weight: 600;
 
1805
  top:-3px;
1806
  }
1807
  .license-wrap input[type=text]{
@@ -1812,7 +1815,7 @@ table.highlight{
1812
  padding: 14px;
1813
  }
1814
  .license-wrap input[type=text]:focus{
1815
- background-color: #fff;
1816
  }
1817
  .license-wrap .button-primary{
1818
  margin-right: 5px;
@@ -1838,7 +1841,7 @@ table.highlight{
1838
  .license-key-field .status.inactive{
1839
  background-color: #d45656;
1840
  }
1841
-
1842
  .ajax-load-more .alm-nav{
1843
  font-size: 600;
1844
  font-size: 14px;
@@ -1848,8 +1851,8 @@ table.highlight{
1848
  .ajax-load-more .alm-nav a{
1849
  display: inline-block;
1850
  }
1851
-
1852
-
1853
  .license-no-addons{
1854
  border: 1px solid #bad0da;
1855
  border-radius: 3px;
@@ -1876,21 +1879,21 @@ table.highlight{
1876
  padding: 0;
1877
  margin: 0 0 20px;
1878
  overflow: visible;
1879
- position: relative;
1880
  }
1881
  .ajax-load-more .cnkt-sidebar .cta-inner{
1882
  padding: 20px;
1883
  display: block;
1884
  }
1885
  .ajax-load-more .cnkt-sidebar .cta-inner.padding-bottom{
1886
- padding-bottom: 80px;
1887
  }
1888
  .ajax-load-more .cnkt-sidebar .cta.mailing-list{
1889
  padding: 0;
1890
  }
1891
  .ajax-load-more .cnkt-sidebar .cta.mailing-list .head-wrap{
1892
  display: block;
1893
- padding: 20px;
1894
  }
1895
  .ajax-load-more .cnkt-sidebar .cta.padding-bottom{
1896
  padding-bottom: 50px;
@@ -1898,7 +1901,7 @@ table.highlight{
1898
  .ajax-load-more .cnkt-sidebar h3,
1899
  .ajax-load-more .cnkt-sidebar h4{
1900
  margin-top: 0;
1901
- }
1902
  .ajax-load-more .cnkt-sidebar h3{
1903
  padding: 15px 20px;
1904
  border-bottom: 1px solid #e1e1e1;
@@ -1911,8 +1914,8 @@ table.highlight{
1911
  -moz-border-radius: 2px 2px 0 0;
1912
  border-radius: 2px 2px 0 0;
1913
  }
1914
-
1915
-
1916
  .ajax-load-more .cnkt-sidebar .item{
1917
  overflow: hidden;
1918
  }
@@ -1948,7 +1951,7 @@ table.highlight{
1948
  margin: 0 0 10px;
1949
  line-height: 1.5;
1950
  }
1951
-
1952
  .ajax-load-more .cnkt-sidebar .cta.resources li{
1953
  display: block;
1954
  width: 100%;
@@ -1959,10 +1962,10 @@ table.highlight{
1959
  text-decoration: none;
1960
  padding: 10px 0;
1961
  display: block;
1962
- border-top: 1px solid #efefef;
1963
  }
1964
  .ajax-load-more .cnkt-sidebar .cta.resources li:first-of-type a{
1965
- border: none;
1966
  padding-top: 0;
1967
  }
1968
  .ajax-load-more .cnkt-sidebar .cta.resources li i{
@@ -1985,7 +1988,7 @@ table.highlight{
1985
  margin: 2px 7px 0 0;
1986
  position: relative;
1987
  }
1988
-
1989
  .ajax-load-more .cnkt-sidebar .item i.fa-check{
1990
  background: #90be59;
1991
  color: #fff;
@@ -1994,8 +1997,8 @@ table.highlight{
1994
  background: #c43a3a;
1995
  color: #fff;
1996
  }
1997
-
1998
-
1999
  .ajax-load-more .cnkt-sidebar a.visit{
2000
  background: #5795da;
2001
  padding: 16px 20px 17px 44px;
@@ -2028,9 +2031,9 @@ table.highlight{
2028
  .ajax-load-more .cnkt-sidebar a.visit:hover i{
2029
  opacity: 1;
2030
  }
2031
-
2032
  .ajax-load-more .cnkt-sidebar .project-listing {
2033
- padding: 0;
2034
  }
2035
  .ajax-load-more .cnkt-sidebar .project-listing li{
2036
  margin: 20px 0 0;
@@ -2046,7 +2049,7 @@ table.highlight{
2046
  text-decoration: none;
2047
  }
2048
  .ajax-load-more .cnkt-sidebar .project-listing li:first-of-type{
2049
- margin-top: 0;
2050
  }
2051
  .ajax-load-more .cnkt-sidebar .project-listing img {
2052
  height: 48px;
@@ -2059,11 +2062,11 @@ table.highlight{
2059
  display: block;
2060
  }
2061
  .ajax-load-more .cnkt-sidebar .project-listing li span{
2062
- color: #777;
2063
  }
2064
-
2065
-
2066
-
2067
  /*
2068
  * CodeMirror Syntax Highlighting
2069
  *
@@ -2095,10 +2098,10 @@ table.highlight{
2095
  margin: 0 0 10px;
2096
  }
2097
  .ajax-load-more .CodeMirror.loading {
2098
- background: #f7f7f7 url("../img/loader-unlimited.gif") no-repeat center center;
2099
  opacity: 0.6;
2100
  }
2101
-
2102
  .ajax-load-more .cm-s-pastel-on-dark.CodeMirror{ /* Bkg color */
2103
  background: #333;
2104
  }
@@ -2116,12 +2119,12 @@ table.highlight{
2116
  overflow-y: hidden;
2117
  overflow-x: auto;
2118
  }
2119
-
2120
-
2121
- .ajax-load-more .cm-tag{ /* <li> <h2> html elements */
2122
  color: #0a4b83 !important;
2123
  }
2124
- .ajax-load-more .cm-string{ /* Elements in " " */
2125
  color: #c75050 !important;
2126
  }
2127
  .ajax-load-more .cm-attribute{ /* class names */
@@ -2144,10 +2147,10 @@ table.highlight{
2144
  .ajax-load-more .CodeMirror span.cm-number{ /* Numbers */
2145
  color: #009999 !important;
2146
  }
2147
-
2148
 
2149
 
2150
-
 
2151
  /*
2152
  * Delete Template (Unlimited Repeaters
2153
  *
@@ -2162,12 +2165,12 @@ table.highlight{
2162
  .admin.ajax-load-more .row.unlimited:first-of-type{
2163
  margin-top: 15px;
2164
  }
2165
-
2166
  .repeaters .row,
2167
  .shortcode-builder .row{
2168
- -webkit-transition: background-color 0.3s ease;
2169
- -moz-transition: background-color 0.3s ease;
2170
- transition: background-color 0.3s ease;
2171
  }
2172
  .repeaters .row.no-brd:hover,
2173
  .shortcode-builder .row.no-brd:hover{
@@ -2177,9 +2180,9 @@ table.highlight{
2177
  .unlimited-wrap{
2178
  display: none;
2179
  }
2180
-
2181
  .admin.ajax-load-more .row.unlimited.deleting{ /* Deleting Row */
2182
- background: #fff url("../img/loader-unlimited.gif") no-repeat center center;
2183
  border-color: #fff;
2184
  opacity: 0.4;
2185
  }
@@ -2194,12 +2197,12 @@ table.highlight{
2194
  }
2195
  .admin.ajax-load-more .row.unlimited.new.done{
2196
  background-image: none !important;
2197
- }
2198
  .admin.ajax-load-more .row.unlimited.loaded{ /* Loading complete */
2199
  background-color: #64e49d;
2200
  border-color: #64e49d;
2201
  }
2202
-
2203
  .admin.ajax-load-more .row.unlimited.deleting .expand-wrap,
2204
  .row.unlimited.deleting h3.heading{
2205
  opacity: 0.6;
@@ -2211,11 +2214,11 @@ table.highlight{
2211
  opacity: 0;
2212
  cursor: default;
2213
  }
2214
-
2215
  .ajax-load-more .row.unlimited input[type=text]{
2216
  width: 100.75%;
2217
  }
2218
-
2219
  .repeaters .alm-delete{
2220
  clear: none;
2221
  display: inline-block;
@@ -2227,19 +2230,19 @@ table.highlight{
2227
  position: absolute;
2228
  right: 15px;
2229
  bottom: 17px;
2230
- }
2231
  .repeaters .alm-delete a{
2232
  border-radius: 2px;
2233
  background: none;
2234
- color: #c94141;
2235
  font-size: 14px;
2236
- text-decoration: none;
2237
  display: block;
2238
  padding: 5px 10px;
2239
  }
2240
  .repeaters .alm-delete a:hover{
2241
  background-color: #c94141;
2242
- color: #fff;
2243
  }
2244
  .repeaters .alm-delete a:focus{
2245
  -webkit-box-shadow: none;
@@ -2252,11 +2255,11 @@ table.highlight{
2252
  box-shadow: inset 0 1px 1px #ccc !important;
2253
  background-color: #b93636;
2254
  }
2255
-
2256
  .repeaters .row:hover .alm-delete{
2257
  opacity: 1;
2258
  }
2259
-
2260
  .alm-add-template{
2261
  text-align: center;
2262
  margin: 15px 0 0 !important;
@@ -2292,14 +2295,14 @@ table.highlight{
2292
  .alm-add-template a:hover{
2293
  background: #ff5a58;
2294
  border-color: #ff5a58;
2295
- color: #fff;
2296
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.07);
2297
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.07);
2298
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.07);
2299
  text-shadow: none;
2300
- }
2301
  .alm-add-template a:focus{
2302
- -webkit-box-shadow: none;
2303
  -moz-box-shadow: none;
2304
  box-shadow: none;
2305
  text-shadow: none;
@@ -2313,7 +2316,7 @@ table.highlight{
2313
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2314
  text-shadow: none;
2315
  }
2316
-
2317
  .alm-add-template a i {
2318
  font-size: 20px;
2319
  color: #ec4745;
@@ -2321,18 +2324,18 @@ table.highlight{
2321
  position: relative;
2322
  top: 2px;
2323
  left: -1px;
2324
- }
2325
  .alm-add-template a:hover i,
2326
  .alm-add-template a:active i{
2327
  color: #fff;
2328
  }
2329
- .spacer{
2330
  height:10px;
2331
- clear:both;
2332
  display:block;
2333
  }
2334
 
2335
-
2336
  /*
2337
  * Cache
2338
  *
@@ -2383,7 +2386,7 @@ table.highlight{
2383
  margin: 0;
2384
  }
2385
  .alm-dir-listing.theme-repeaters ul{
2386
- border: none;
2387
  padding: 0;
2388
  margin: 0;
2389
  }
@@ -2400,7 +2403,7 @@ table.highlight{
2400
 
2401
  .alm-dir-listing.deleting{
2402
  opacity: 0.5;
2403
- background: #fff url("../img/loader-unlimited.gif") no-repeat center center;
2404
  }
2405
 
2406
  .alm-dir-listing .dir-title{
@@ -2432,12 +2435,12 @@ table.highlight{
2432
  }
2433
  .alm-dir-listing:hover .dir-title .delete{
2434
  border-color: #ccc;
2435
- color: #666;
2436
  }
2437
  .alm-dir-listing .dir-title .delete:hover{
2438
  background-color: #c94141;
2439
  border-color: #c94141;
2440
- color: #fff;
2441
  -webkit-box-shadow: 0 0 3px #ccc;
2442
  -moz-box-shadow: 0 0 3px #ccc;
2443
  box-shadow: 0 0 3px #ccc;
@@ -2445,7 +2448,7 @@ table.highlight{
2445
  .alm-dir-listing .dir-title .delete:active{
2446
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
2447
  -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
2448
- box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
2449
  }
2450
  .alm-dir-listing ul{
2451
  padding: 10px;
@@ -2459,11 +2462,11 @@ table.highlight{
2459
  vertical-align: top;
2460
  overflow: hidden;
2461
  width: 47%;
2462
- font-size: 14px;
2463
  background: transparent url(../img/directory-list.gif) no-repeat left center;
2464
  }
2465
  .alm-dir-listing.theme-repeaters ul li{
2466
- display: block;
2467
  width: 100%;
2468
  padding-top: 12px;
2469
  }
@@ -2471,7 +2474,7 @@ table.highlight{
2471
  display: block;
2472
  width: 100%;
2473
  }
2474
-
2475
  .alm-dir-listing ul li:last-child,
2476
  .alm-dir-listing ul li:nth-last-child(2){
2477
  background-image: url(../img/directory-list-btm.gif);
@@ -2485,41 +2488,41 @@ table.highlight{
2485
  .alm-dir-listing li i{
2486
  color: #999;
2487
  padding: 0 5px 0 0;
2488
- }
2489
-
2490
- .cache-page-title{
2491
- font-size: 14px;
2492
  display: block;
2493
  width: 100%;
2494
  padding: 0 0 10px 12px;
2495
  font-weight: 600;
2496
  }
2497
-
2498
  .cache-page-wrap{
2499
  padding: 0 15px 15px;
2500
- }
2501
-
2502
  .alm-dir-listing ul.cache-details{
2503
  display: block;
2504
  padding: 6px 10px 12px;
2505
  margin: 0;
2506
  border: none;
2507
- }
2508
  .alm-dir-listing ul.cache-details li{
2509
  display: block;
2510
  width: 100%;
2511
  background: none;
2512
  padding: 6px 4px 6px;
2513
- color: #333;
2514
  }
2515
  .alm-dir-listing ul.cache-details li i{
2516
- color: #ccc;
2517
  font-size: 18px;
2518
  position: relative;
2519
  top:1px;
2520
  }
2521
-
2522
-
2523
 
2524
  .dir-empty,
2525
  .cache-cleared{
@@ -2545,7 +2548,7 @@ table.highlight{
2545
  font-size: 12px;
2546
  font-weight: 600;
2547
  }
2548
-
2549
  #alm-cache.ajax-load-more .cnkt-sidebar .item{
2550
  padding: 20px;
2551
  display: block;
@@ -2556,7 +2559,7 @@ p.cache-stats{
2556
  margin: 0;
2557
  display: block;
2558
  padding: 20px 20px 0 20px;
2559
- }
2560
  p.cache-stats span{
2561
  display: inline-block;
2562
  width: 38px;
@@ -2568,7 +2571,7 @@ p.cache-stats{
2568
  font-size: 15px;
2569
  -webkit-border-radius: 2px;
2570
  -moz-border-radius:2px;
2571
- border-radius: 2px;
2572
  background: #a4a5e2;
2573
  background: -moz-linear-gradient(top, #a4a5e2 0%, #9ea0d9 50%, #8d8fce 51%, #a4a5e2 100%);
2574
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a5e2), color-stop(50%,#9ea0d9), color-stop(51%,#8d8fce), color-stop(100%,#a4a5e2));
@@ -2578,19 +2581,19 @@ p.cache-stats{
2578
  background: linear-gradient(to bottom, #a4a5e2 0%,#9ea0d9 50%,#8d8fce 51%,#a4a5e2 100%);
2579
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a5e2', endColorstr='#a4a5e2',GradientType=0 );
2580
  border: 1px solid #8586be;
2581
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
2582
  color: #fff;
2583
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
2584
  }
2585
-
2586
  form#delete-all-cache{
2587
  display: block;
2588
  padding: 20px;
2589
  border-top: 1px solid #efefef;
2590
  margin-top: 10px;
2591
  }
2592
-
2593
-
2594
  /*
2595
  * Error Handling
2596
  *
@@ -2604,7 +2607,7 @@ form#delete-all-cache{
2604
  padding: 10px;
2605
  }
2606
 
2607
-
2608
  /*
2609
  * Form Replacements
2610
  *
@@ -2617,8 +2620,8 @@ form#delete-all-cache{
2617
  .ajax-load-more .form-table input[type=radio]{
2618
  display:none;
2619
  }
2620
-
2621
- .shortcode-builder input[type=checkbox] + label,
2622
  .ajax-load-more .form-table input[type=checkbox] + label,
2623
  .shortcode-builder input[type=radio] + label,
2624
  .ajax-load-more .form-table input[type=radio] + label{
@@ -2637,42 +2640,42 @@ form#delete-all-cache{
2637
  .ajax-load-more .form-table input[type=radio] + label{
2638
  background: #fff url('../img/bkg-radio_off.png') no-repeat left 1px;
2639
  }
2640
-
2641
  .shortcode-builder input[type=checkbox]:hover + label,
2642
  .ajax-load-more .form-table input[type=checkbox]:hover + label{ /* hover */
2643
  background-image: url('../img/bkg-chkbox_on.png');
2644
- }
2645
-
2646
  .shortcode-builder input[type=radio]:hover + label,
2647
- .ajax-load-more .form-table input[type=radio]:hover + label{ /* hover */
2648
  background-image: url('../img/bkg-radio_on.png');
2649
- }
2650
-
2651
  .shortcode-builder input[type=checkbox]:checked + label,
2652
- .ajax-load-more .form-table input[type=checkbox]:checked + label{ /* selected */
2653
  background-image: url('../img/bkg-chkbox_selected.png');
2654
  color: #000;
2655
- }
2656
-
2657
  .shortcode-builder input[type=radio]:checked + label,
2658
- .ajax-load-more .form-table input[type=radio]:checked + label{ /* selected */
2659
  background-image: url('../img/bkg-radio_selected.png');
2660
  color: #000;
2661
- }
2662
-
2663
  .shortcode-builder input[type=checkbox] + label:hover,
2664
  .ajax-load-more .form-table input[type=checkbox] + label:hover,
2665
  .shortcode-builder input[type=radio] + label:hover,
2666
  .ajax-load-more .form-table input[type=radio] + label:hover{
2667
  color: #000;
2668
  }
2669
-
2670
-
2671
  /*
2672
  * Shortcode Builder
2673
  *
2674
  * @since 2.13.0
2675
- */
2676
  #alm-shortcode-builder-form{
2677
  position: relative;
2678
  }
@@ -2681,9 +2684,9 @@ form#delete-all-cache{
2681
  display: block;
2682
  background: #fff;
2683
  border: 1px solid #e1e1e1;
2684
- -webkit-border-radius: 3px;
2685
- -moz-border-radius: 3px;
2686
- border-radius: 3px;
2687
  margin-bottom: 20px;
2688
  }
2689
  #alm-shortcode-builder-form .shortcode-parameter-wrap h2{
@@ -2694,9 +2697,9 @@ form#delete-all-cache{
2694
  width: calc(100% + 40px);
2695
  border-bottom: 1px solid #efefef;
2696
  background-color: #f7f7f7;
2697
- -webkit-border-radius: 2px 2px 0 0;
2698
- -moz-border-radius: 2px 2px 0 0;
2699
- border-radius: 2px 2px 0 0;
2700
  color: #23282d;
2701
  }
2702
  .forceColors #alm-shortcode-builder-form .shortcode-parameter-wrap h2{
@@ -2706,29 +2709,29 @@ form#delete-all-cache{
2706
  #alm-shortcode-builder-form .shortcode-parameter-wrap:first-of-type{
2707
  margin-top: 0;
2708
  }
2709
-
2710
-
2711
  /*
2712
  * Repeater Template options dropdown
2713
  *
2714
  * @since 2.4.1
2715
- */
2716
 
2717
  .ajax-load-more .row.template{
2718
  position: relative;
2719
  }
2720
  .ajax-load-more .row.template:hover .alm-repeater-options{
2721
- opacity: 1;
2722
  }
2723
-
2724
  .alm-drop-btn.alm-repeater-options{
2725
  position: absolute;
2726
  top: -43px;
2727
  right: 11px;
2728
  z-index:99;
2729
  }
2730
- .alm-drop-btn a.target{
2731
- font-weight: 500;
2732
  position: relative;
2733
  color: #999;
2734
  text-decoration: none !important;
@@ -2762,8 +2765,8 @@ form#delete-all-cache{
2762
  .alm-repeater-options a.target:hover i.fa-cog{
2763
  color: #444;
2764
  }
2765
-
2766
- /* Active state */
2767
  .alm-repeater-options a.target:active,
2768
  .alm-repeater-options.active a.target{
2769
  background-color: #fff;
@@ -2776,8 +2779,8 @@ form#delete-all-cache{
2776
  .alm-repeater-options.active a.target i.fa-cog{
2777
  color: #444;
2778
  }
2779
-
2780
-
2781
  /* Layout Dropdown */
2782
  .alm-drop-btn.alm-layout-selection{
2783
  display: inline-block;
@@ -2792,8 +2795,8 @@ form#delete-all-cache{
2792
  }
2793
  .alm-drop-btn.alm-layout-selection > a > i{
2794
  left: 12px;
2795
- }
2796
-
2797
  .alm-drop-btn.alm-layout-selection li.type{
2798
  height: 36px;
2799
  line-height: 36px;
@@ -2801,7 +2804,7 @@ form#delete-all-cache{
2801
  position: relative;
2802
  }
2803
  .alm-dropdown ul li.layout i {
2804
- top: 11px;
2805
  }
2806
  .alm-drop-btn.alm-layout-selection li.type .col-select{
2807
  float: right;
@@ -2813,28 +2816,28 @@ form#delete-all-cache{
2813
  .alm-drop-btn.alm-layout-selection li.type .col-select a{
2814
  width: 32px;
2815
  height: 30px;
2816
- margin: 3px 3px 0 0;
2817
  padding: 0;
2818
  float: left;
2819
  text-align: center;
2820
- background-position: center center;
2821
  background-repeat: no-repeat;
2822
  vertical-align: top;
2823
  text-indent: -99999px;
2824
- overflow: hidden;
2825
  opacity: 1;
2826
  border-radius: 2px;
2827
  border: 1px solid transparent;
2828
  }
2829
  .alm-drop-btn.alm-layout-selection li.type .col-select a.column-1{
2830
- background-image: url('../img/column-1.png');
2831
  }
2832
  .alm-drop-btn.alm-layout-selection li.type .col-select a.column-2{
2833
- background-image: url('../img/column-2.png');
2834
  }
2835
  .alm-drop-btn.alm-layout-selection li.type .col-select a.column-3{
2836
- background-image: url('../img/column-3.png');
2837
- width: 36px;
2838
  }
2839
  .alm-drop-btn.alm-layout-selection li.type .col-select a.column-1.updating,
2840
  .alm-drop-btn.alm-layout-selection li.type .col-select a.column-2.updating,
@@ -2844,23 +2847,23 @@ form#delete-all-cache{
2844
  }
2845
  .alm-drop-btn.alm-layout-selection li.type .col-select a:hover,
2846
  .alm-drop-btn.alm-layout-selection li.type .col-select a.updating{
2847
- opacity: 1;
2848
  background-color: #fff;
2849
  border-color: #ccc;
2850
  }
2851
  .alm-drop-btn.alm-layout-selection li.type:hover{
2852
  background-color: #faf8e6;
2853
  }
2854
-
2855
- /* External Link + Add-on */
2856
  .alm-drop-btn.alm-layout-selection a.external,
2857
- .alm-drop-btn.alm-layout-selection a.add-on{
2858
- background-color: #f7f7f7;
2859
  padding: 13px 10px 13px 42px;
2860
  display: block;
2861
- }
2862
- .alm-drop-btn.alm-layout-selection a.external{
2863
- padding: 0 10px 0 42px;
2864
  }
2865
  .alm-drop-btn.alm-layout-selection a.external i{
2866
  color: #999;
@@ -2876,32 +2879,32 @@ form#delete-all-cache{
2876
  border: none;
2877
  color: #fff;
2878
  font-weight: 400;
2879
- text-overflow: inherit;
2880
  height: auto;
2881
  white-space: normal;
2882
  }
2883
  .alm-drop-btn.alm-layout-selection a.add-on:hover{
2884
  background-color: #935eaf;
2885
- }
2886
  .alm-drop-btn.alm-layout-selection a.add-on:hover i{
2887
- opacity: 1;
2888
  }
2889
  .alm-drop-btn.alm-layout-selection a.add-on:hover strong{
2890
  color: #fff;
2891
  opacity: 0.7;
2892
  }
2893
  .alm-drop-btn.alm-layout-selection a.add-on strong{
2894
- color: #387061;
2895
  font-weight: 600;
2896
  }
2897
  .alm-drop-btn.alm-layout-selection a.add-on i{
2898
- top: 14px;
2899
- }
2900
  .alm-drop-btn.alm-layout-selection a.add-on i{
2901
  color: #fff !important;
2902
  border-color: rgba(255, 255, 255, 0.3);
2903
  }
2904
-
2905
  .alm-drop-btn.alm-layout-selection a.target:hover,
2906
  .alm-drop-btn.alm-layout-selection a.target:active,
2907
  .alm-drop-btn.alm-layout-selection.active a.target{
@@ -2910,17 +2913,17 @@ form#delete-all-cache{
2910
  border-color: #ccc;
2911
  -webkit-box-shadow: 0 0 3px #efefef;
2912
  -moz-box-shadow: 0 0 3px #efefef;
2913
- box-shadow: 0 0 3px #efefef;
2914
- opacity: 1;
2915
- }
2916
  .alm-drop-btn.alm-layout-selection.active a.target,
2917
- .alm-drop-btn.alm-layout-selection a.target:active{
2918
  -webkit-box-shadow: inset 0 1px 1px #ccc !important;
2919
  -moz-box-shadow: inset 0 1px 1px #ccc !important;
2920
- box-shadow: inset 0 1px 1px #ccc !important;
2921
  }
2922
-
2923
-
2924
  .alm-drop-btn.alm-layout-selection .alm-dropdown {
2925
  display: none;
2926
  position: absolute;
@@ -2936,7 +2939,7 @@ form#delete-all-cache{
2936
  .alm-drop-btn.alm-layout-selection .alm-dropdown .alm-drop-inner:before {
2937
  right: auto;
2938
  left: 36px;
2939
- }
2940
  .alm-drop-btn.alm-layout-selection .alm-dropdown .alm-drop-inner::after{
2941
  margin-left: 0;
2942
  }
@@ -2944,7 +2947,7 @@ form#delete-all-cache{
2944
  right: auto;
2945
  left: 35px;
2946
  }
2947
-
2948
  .add-layout-cta{
2949
  border-radius: 2px;
2950
  border: 1px solid #e1e1e1;
@@ -2958,7 +2961,7 @@ form#delete-all-cache{
2958
  .add-layout-cta p{
2959
  margin: 0;
2960
  font-size: 13px;
2961
- }
2962
  span.dismiss{
2963
  position: absolute;
2964
  right: 10px;
@@ -2966,9 +2969,9 @@ form#delete-all-cache{
2966
  font-size: 13px;
2967
  }
2968
  span.dismiss a{
2969
- text-decoration: none;
2970
- }
2971
-
2972
  /* Dropwbown */
2973
  .alm-drop-btn{
2974
  position: relative;
@@ -2983,7 +2986,7 @@ form#delete-all-cache{
2983
  }
2984
  .alm-dropdown .alm-drop-inner{
2985
  display: block;
2986
- position: relative;
2987
  background: #fff;
2988
  -webkit-border-radius: 3px;
2989
  -moz-border-radius: 3px;
@@ -3007,21 +3010,21 @@ form#delete-all-cache{
3007
  position:absolute;
3008
  pointer-events:none;
3009
  }
3010
-
3011
  .alm-drop-inner:after {
3012
  border-color:rgba(247,247,247,0);
3013
  border-bottom-color:#fff;
3014
  border-width:7px;
3015
  margin-left:-7px;
3016
  }
3017
-
3018
  .alm-drop-inner:before {
3019
  border-color:rgba(204,204,204,0);
3020
  border-bottom-color:#ccc;
3021
  border-width:8px;
3022
  right: 35px;
3023
  }
3024
-
3025
  .alm-dropdown.active{
3026
  display: block !important;
3027
  }
@@ -3055,8 +3058,8 @@ form#delete-all-cache{
3055
  height: 36px;
3056
  display: block;
3057
  text-decoration: none;
3058
- background-position: 4px center;
3059
- color: #666;
3060
  -webkit-box-shadow: none !important;
3061
  -moz-box-shadow: none !important;
3062
  box-shadow: none !important;
@@ -3066,7 +3069,7 @@ form#delete-all-cache{
3066
  overflow: hidden;
3067
  text-overflow: ellipsis;
3068
  }
3069
-
3070
  .alm-dropdown ul li a i{
3071
  margin: 0;
3072
  color: #ccc;
@@ -3080,8 +3083,8 @@ form#delete-all-cache{
3080
  border-right: 1px solid #e1e1e1;
3081
  display: inline-block;
3082
  text-align: center;
3083
- }
3084
-
3085
  .alm-dropdown ul li a:hover{
3086
  color: #111;
3087
  background-color: #f7f7f7;
@@ -3089,16 +3092,16 @@ form#delete-all-cache{
3089
  .alm-dropdown ul li a:hover i{
3090
  color: #999;
3091
  }
3092
-
3093
 
3094
 
3095
  /*
3096
  * Mailchimp Sign-up
3097
  *
3098
  * @since 2.7.2
3099
- */
3100
 
3101
- #alm-mailing-list{}
3102
  #alm-mailing-list .center{
3103
  text-align: center;
3104
  display: block;
@@ -3113,7 +3116,7 @@ form#delete-all-cache{
3113
  text-align: center;
3114
  }
3115
  #alm-mailing-list .center p{
3116
- margin-bottom: 15px;
3117
  }
3118
  .ajax-load-more .cnkt-sidebar .cta.social .follow-btn{
3119
  display: inline-block;
@@ -3130,14 +3133,14 @@ form#delete-all-cache{
3130
  margin: 0 1px 0 0;
3131
  opacity: 0.8;
3132
  }
3133
-
3134
  .ajax-load-more .cnkt-sidebar .cta.social .follow-btn.facebook{
3135
  background-color: #3b5998;
3136
- color: #fff;
3137
  }
3138
  .ajax-load-more .cnkt-sidebar .cta.social .follow-btn.twitter{
3139
  background-color: #00aced;
3140
- color: #fff;
3141
  }
3142
  .ajax-load-more .cnkt-sidebar .cta.social .follow-btn:hover{
3143
  opacity: 1;
@@ -3153,7 +3156,7 @@ form#delete-all-cache{
3153
  }
3154
  #alm-mailing-list .form-wrap .inner-wrap{
3155
  position: relative;
3156
- display: block;
3157
  }
3158
  #alm-mailing-list .form-wrap input{
3159
  width: 100%;
@@ -3182,7 +3185,7 @@ form#delete-all-cache{
3182
  -moz-border-radius: 2px 0 0 2px;
3183
  border-radius: 2px 0 0 2px;
3184
  }
3185
- #alm-mailing-list .form-wrap button{
3186
  padding: 0;
3187
  margin: 0;
3188
  height: auto;
@@ -3194,34 +3197,34 @@ form#delete-all-cache{
3194
  z-index: 1;
3195
  height: 100%;
3196
  font-size: 13px;
3197
- border-radius: 0;
3198
  width: 40px;
3199
  height: 40px;
3200
  color: #ff5a58;
3201
  background: none !important;
3202
  cursor: pointer;
3203
  }
3204
-
3205
  #alm-mailing-list .form-wrap button i{
3206
- color: #ccc;
3207
  line-height: 40px;
3208
  width: 20px;
3209
  text-align: center;
3210
  position: absolute;
3211
  right: 5px;
3212
- top:0;
3213
- font-size: 19px;
3214
- }
3215
  #alm-mailing-list .form-wrap button:hover i{
3216
  color: #999;
3217
  }
3218
-
3219
  #alm-mailing-list .form-wrap button span{
3220
  position: absolute;
3221
  left: -9999px;
3222
- top: -9999px;
3223
- }
3224
-
3225
  #alm-mailing-list .form-wrap label{
3226
  font-size: 11px;
3227
  text-transform: uppercase;
@@ -3233,7 +3236,7 @@ form#delete-all-cache{
3233
  top:-9999px;
3234
  }
3235
  #alm-mailing-list .form-wrap #response{
3236
- padding-top: 11px;
3237
  font-size: 13px;
3238
  display: none;
3239
  text-align: center;
@@ -3244,10 +3247,10 @@ form#delete-all-cache{
3244
  height: 100%;
3245
  background: #fff;
3246
  z-index: 1;
3247
- }
3248
  #alm-mailing-list .form-wrap #response p{
3249
- font-style: normal !important;
3250
- }
3251
 
3252
 
3253
 
@@ -3259,7 +3262,7 @@ form#delete-all-cache{
3259
  padding: 20px 20px 25px;
3260
  }
3261
  .share-alm .dotted{
3262
- border: none;
3263
  border-bottom: 1px dashed #ccc;
3264
  background: none;
3265
  margin: 0 0 20px;
@@ -3285,14 +3288,14 @@ form#delete-all-cache{
3285
  padding-right: 20px;
3286
  width: 46%;
3287
  margin-right: 0 !important;
3288
- }
3289
  .share-alm .mailing{
3290
  width: 52%;
3291
  margin-left: 0 !important;
3292
  padding-left: 40px;
3293
  padding-right: 30px;
3294
  border-left: 1px dashed #ccc;
3295
- }
3296
  ul.share{
3297
  margin: 0;
3298
  padding: 0 0 0;
@@ -3300,7 +3303,7 @@ ul.share{
3300
  clear: both;
3301
  display: inline-block;
3302
  overflow: hidden;
3303
- text-align: center;
3304
  width: 100%;
3305
  margin: 0;
3306
  padding: 0;
@@ -3329,9 +3332,9 @@ ul.share{
3329
  ul.share li i{
3330
  height: 36px;
3331
  line-height: 36px;
3332
- left: 0;
3333
  width: 36px;
3334
- }
3335
  ul.share li a{
3336
  display: block;
3337
  line-height: 40px;
@@ -3345,10 +3348,10 @@ ul.share{
3345
  position: relative;
3346
  font-weight: 600;
3347
  background: #33cf92;
3348
- }
3349
  ul.share li a:hover{
3350
  background-color: #45dfa3;
3351
- }
3352
  ul.share li i{
3353
  font-size: 17px;
3354
  line-height: 41px;
@@ -3361,7 +3364,7 @@ ul.share{
3361
  border-right: 1px solid rgba(0, 0, 0, 0.1);
3362
  background-color: rgba(0, 0, 0, 0.1);
3363
  border-radius: 2px 0 0 2px;
3364
- }
3365
  ul.share li a:hover,
3366
  ul.share li a:hover i{
3367
  text-decoration: none;
@@ -3370,27 +3373,27 @@ ul.share{
3370
  ul.share li a:hover span{
3371
  text-decoration: none;
3372
  }
3373
-
3374
- ul.share li.twitter a{
3375
  background: #00aced;
3376
- }
3377
- ul.share li.twitter a:hover{
3378
  background: #13beff !important;
3379
- }
3380
  ul.share li.facebook a{
3381
  background: #3b5998;
3382
- }
3383
  ul.share li.facebook a:hover{
3384
  background: #466cbc !important;
3385
- }
 
3386
 
3387
 
3388
-
3389
  /*
3390
  * Local templates Add-on
3391
  *
3392
  * @since 2.7.3
3393
- */
3394
 
3395
  .select-theme-repeater{
3396
  display: block;
@@ -3410,12 +3413,12 @@ ul.share li.facebook a:hover{
3410
  font-weight: 700;
3411
  -webkit-border-radius: 100%;
3412
  -moz-border-radius: 100%;
3413
- border-radius: 100%;
3414
  text-transform: uppercase;
3415
- border: 1px solid #e1e1e1;
3416
  font-size: 13px;
3417
  }
3418
-
3419
  .alm-template-section-nav{
3420
  display: block;
3421
  margin: 0 0;
@@ -3427,17 +3430,17 @@ ul.share li.facebook a:hover{
3427
  }
3428
  .alm-template-section-nav li a{
3429
  padding: 5px;
3430
- display: block;
3431
  }
3432
  .alm-template-section-nav li.active a{
3433
  background: #ff0000;
3434
  }
3435
-
3436
  /*
3437
  * Toggle Switch
3438
  *
3439
  * @since 2.14.0
3440
- */
3441
  .ajax-load-more .alm-toggle-switch{
3442
  display: block;
3443
  clear: both;
@@ -3453,7 +3456,7 @@ ul.share li.facebook a:hover{
3453
  margin: 0 2px 0 0;
3454
  padding: 0;
3455
  background: none;
3456
- list-style: none;
3457
  }
3458
  .ajax-load-more .alm-toggle-switch li a{
3459
  display: block;
@@ -3468,7 +3471,7 @@ ul.share li.facebook a:hover{
3468
  }
3469
  .ajax-load-more .alm-toggle-switch li a:hover{
3470
  color: #222;
3471
- background-color: #fff;
3472
  }
3473
  .ajax-load-more .alm-toggle-switch li a.active{
3474
  background: #fff;
@@ -3476,22 +3479,22 @@ ul.share li.facebook a:hover{
3476
  border-bottom-color: #fff;
3477
  color: #111;
3478
  }
3479
-
3480
-
3481
  /*
3482
  * Admin screen media queries
3483
  *
3484
  * @since 1.0
3485
  */
3486
 
3487
- @media screen and (max-width: 1200px){
3488
- .ajax-load-more input[type=text],
3489
  .ajax-load-more input[type=number],
3490
  .select2-container,
3491
  #alm-builder .select2-container-multi{
3492
  width: 95%;
3493
  }
3494
-
3495
  #alm-builder .select2-container-multi{
3496
  width: 95% !important;
3497
  }
@@ -3502,8 +3505,8 @@ ul.share li.facebook a:hover{
3502
  .table-of-contents{
3503
  position: static !important;
3504
  width: 100% !important;
3505
- }
3506
-
3507
  .ajax-load-more .cnkt-main,
3508
  .ajax-load-more .cnkt-sidebar,
3509
  .ajax-load-more .cnkt-main.full {
@@ -3512,9 +3515,9 @@ ul.share li.facebook a:hover{
3512
  margin: 10px 0 20px;
3513
  width: 100%;
3514
  }
3515
-
3516
  .admin.ajax-load-more.settings .form-table th{
3517
- /* padding-left: 0; */
3518
  }
3519
  .admin.ajax-load-more.settings .form-table td{
3520
  padding: 24px 17px 20px
@@ -3525,25 +3528,25 @@ ul.share li.facebook a:hover{
3525
  .call-out.light {
3526
  padding: 15px !important;
3527
  }
3528
-
3529
  .repeaters input.save-repeater{
3530
- max-width: 50%;
3531
  }
3532
  }
3533
 
3534
- @media screen and (max-width: 768px){
3535
  .share-alm .sharing{
3536
  padding-right: 0;
3537
  width: 100%;
3538
  margin-right: 0 !important;
3539
- }
3540
  .share-alm .mailing{
3541
  width: 100%;
3542
  margin-left: 0 !important;
3543
  padding-left: 0;
3544
  padding-top: 40px;
3545
  border-left: none;
3546
- }
3547
  }
3548
 
3549
  @media screen and (max-width: 480px){
@@ -3561,7 +3564,7 @@ ul.share li.facebook a:hover{
3561
  .ajax-load-more .row .wrap{
3562
  padding: 10px 20px;
3563
  }
3564
- .ajax-load-more input[type=text],
3565
  .ajax-load-more input[type=number],
3566
  .select2-container,
3567
  #alm-builder .select2-container-multi{
@@ -3583,11 +3586,11 @@ ul.share li.facebook a:hover{
3583
  #alm-add-ons .section-title{
3584
  width: 100%;
3585
  }
3586
-
3587
  .alm-repeater-options{
3588
- display: none !important;
3589
  }
3590
-
3591
  .ajax-load-more .wrap-30{
3592
  width: 100%;
3593
  display: block;
@@ -3596,7 +3599,7 @@ ul.share li.facebook a:hover{
3596
  .ajax-load-more .row .wrap.full{
3597
  padding: 10px;
3598
  }
3599
-
3600
  #alm-add-ons .group{
3601
  width: 100%;
3602
  display: block;
@@ -3607,9 +3610,9 @@ ul.share li.facebook a:hover{
3607
  width: 100%;
3608
  }
3609
  .call-out.light p{
3610
- padding: 0;
3611
  }
3612
-
3613
  .ajax-load-more .one_half{
3614
  width: 100%;
3615
  margin: 0 0 2%;
@@ -3623,5 +3626,5 @@ ul.share li.facebook a:hover{
3623
  padding-top: 20px;
3624
  display: block;
3625
  font-size: 12px;
3626
- }
3627
- }
1
 
2
  /* Custom buttom/loading styles */
3
  .select2-results .select2-result.alm-color .select2-result-label{
4
+ position: relative;
5
  }
6
  .select2-results .select2-result.alm-color .select2-result-label:after{
7
  width: 10px;
12
  position: absolute;
13
  right: 20px;
14
  top: 50%;
15
+ margin-top: -5px;
16
  z-index: 1;
17
+ }
18
  .select2-results .select2-result.alm-color.default .select2-result-label:after{
19
  background-color: #ed7070;
20
  }
122
  min-width: 48%;
123
  display: inline-block;
124
  vertical-align: top;
125
+ }
126
  #alm-settings .row.alm-save-settings{
127
  padding-bottom: 5px !important;
128
  }
129
+
130
+ #alm-settings form h2{
131
  background: #f7f7f7;
132
  border: 1px solid #efefef;
133
  border-bottom: none;
138
  border-radius: 2px 2px 0 0;
139
  }
140
  #alm-settings form h2:first-of-type{
141
+ margin: 0;
142
+ }
143
  #alm-settings form h2 + p{
144
  color: #999;
145