Instant Images – One Click Unsplash Uploads

Version Description

December 27, 2021 = NEW: Added Pixabay photo filters (Type, Category, Colors and Orientation). NEW: Added Unsplash search filters for Color, Orientation and Order. NEW: Added new instant_images_pixabay_safesearch & instant_images_unsplash_content_filter filters that allow for modifying the flags the indicate the types of suitable images that should be returned. Get more information in our FAQ. NEW: Added Pixabay API constant that allows for setting Pixabay API key via site constant. e.g. define( 'INSTANT_IMAGES_PIXABAY_KEY', 'YOUR-KEY-HERE' ); UPDATE: Revamped filtering menus and orientation options. UPDATE: Other UI/UX updates to make the plugin more visually appealing. UPDATE: Improved plugin accessibility across various sections.

Release Info

Developer	dcooney
Plugin	Instant Images – One Click Unsplash Uploads
Version	4.5.1
Comparing to
See all releases

Code changes from version 4.5.0 to 4.5.1

Files changed (8) hide show

README.txt +10 -0
admin/includes/settings.php +9 -3
dist/css/instant-images.css +522 -150
dist/css/instant-images.min.css +1 -1
dist/js/instant-images-block.js +779 -278
dist/js/instant-images-block.min.js +16 -16
dist/js/instant-images-media.js +847 -278
dist/js/instant-images-media.min.js +12 -8

README.txt CHANGED Viewed

	@@ -128,6 +128,16 @@ How to install Instant Images.
128
129	== Changelog ==
130










131	= 4.5.0 - October 28, 2021 =
132	NEW: 🎉 Pixabay! We've added support for [Pixabay](https://pixabay.com) images. This requires a valid API key.
133	NEW: Added button to auto-generate Photo attribution in image caption.


128
129	== Changelog ==
130
131	+ = 4.5.1 - December 27, 2021 =
132	+ NEW: Added Pixabay photo filters (Type, Category, Colors and Orientation).
133	+ NEW: Added Unsplash search filters for Color, Orientation and Order.
134	+ NEW: Added new `instant_images_pixabay_safesearch` & `instant_images_unsplash_content_filter` filters that allow for modifying the flags the indicate the types of suitable images that should be returned. Get more information in our [FAQ](https://connekthq.com/plugins/instant-images/faqs/#can-i-ensure-only-photos-safe-for-work-are-returned-in-the-photo-listings).
135	+ NEW: Added Pixabay API constant that allows for setting Pixabay API key via site constant. e.g. `define( 'INSTANT_IMAGES_PIXABAY_KEY', 'YOUR-KEY-HERE' );`
136	+ UPDATE: Revamped filtering menus and orientation options.
137	+ UPDATE: Other UI/UX updates to make the plugin more visually appealing.
138	+ UPDATE: Improved plugin accessibility across various sections.
139	+
140	+
141	= 4.5.0 - October 28, 2021 =
142	NEW: 🎉 Pixabay! We've added support for [Pixabay](https://pixabay.com) images. This requires a valid API key.
143	NEW: Added button to auto-generate Photo attribution in image caption.

admin/includes/settings.php CHANGED Viewed

	@@ -200,14 +200,20 @@ function instant_images_default_provider() {
200	*/
201	function instant_images_pixabay_api_callback() {
202	$options = get_option( 'instant_img_settings' );
203	- ~~if ( ! isset( $options['pixabay_api'] ) ) {~~
204	- ~~$options[~~'~~pixabay_api~~'] = ~~'';~~





205	}

206	?>
207	<label for="pixabay_api" style="cursor: default; margin-bottom: 3px;">
208	<strong><?php esc_attr_e( 'Pixabay API Key:', 'instant-images' ); ?></strong>
209	</label>
210	- <input type="text" id="pixabay_api" name="instant_img_settings[pixabay_api]" value="<?php echo wp_kses_post( $options['pixabay_api'] ); ?>" >
211	<span class="desc">→ <a href="https://pixabay.com/" target="_blank"><?php esc_attr_e( 'Get API Key', 'instant-images' ); ?></a></span>
212	<?php
213	}


200	*/
201	function instant_images_pixabay_api_callback() {
202	$options = get_option( 'instant_img_settings' );
203	+
204	+ if ( defined( 'INSTANT_IMAGES_PIXABAY_KEY' ) ) {
205	+ $options['pixabay_api'] = INSTANT_IMAGES_PIXABAY_KEY; // Constant.
206	+ } else {
207	+ if ( ! isset( $options['pixabay_api'] ) ) {
208	+ $options['pixabay_api'] = '';
209	+ }
210	}
211	+
212	?>
213	<label for="pixabay_api" style="cursor: default; margin-bottom: 3px;">
214	<strong><?php esc_attr_e( 'Pixabay API Key:', 'instant-images' ); ?></strong>
215	</label>
216	+ <input type="text" id="pixabay_api" name="instant_img_settings[pixabay_api]" value="<?php echo wp_kses_post( $options['pixabay_api'] ); ?>" <?php echo defined( 'INSTANT_IMAGES_PIXABAY_KEY' ) ? ' readonly="readonly"' : ''; ?>>
217	<span class="desc">→ <a href="https://pixabay.com/" target="_blank"><?php esc_attr_e( 'Get API Key', 'instant-images' ); ?></a></span>
218	<?php
219	}

dist/css/instant-images.css CHANGED Viewed

@@ -465,12 +465,13 @@ body.media_page_instant-images.overflow-hidden {
                   -ms-flex-align: center;
                       align-items: center;
               width: 100%;
-            -
              margin: 0;
-            -
              padding: 25px 0;
               list-style: none;
+            }
-            -
            @media screen and (max-width: 600px) {
               .instant-img-container .control-nav {
                 -webkit-box-pack: center;
                     -ms-flex-pack: center;
@@ -484,101 +485,156 @@ body.media_page_instant-images.overflow-hidden {
               clear: both;
+            }
-            -
            .instant-img-container .control-nav li {
-            -
              padding: 0;
-            -
              margin: 0 3px 0 0;
-            -
              float: left;
-            -
              background: none;
-            -
              font-size: 18px;
               position: relative;
+            }
-            -
            .instant-img-container .control-nav li button {
-            -
              padding: 0 24px 0 2px;
-            -
              height: 42px;
-            -
              line-height: 42px;
               display: block;
-            -
              color: #999;
-            -
              text-decoration: none;
-            -
              -webkit-box-shadow: none;
-            -
                      box-shadow: none;
-            -
              background-color: transparent;
-            -
              background-position: 96% center;
-            -
              background-repeat: no-repeat;
-            -
              border: none;
-            -
              cursor: pointer;
+            }
-            -
            .instant-img-container .control-nav li button:hover, .instant-img-container .control-nav li button:focus {
-            -
              color: #111;
-            -
              outline: none;
-            -
              -webkit-box-shadow: none;
-            -
                      box-shadow: none;
+            }
-            -
            .instant-img-container .control-nav li button:focus {
-            -
              text-decoration: underline;
+            }
-            -
            .instant-img-container .control-nav li button.active {
-            -
              color: #333;
-            -
              cursor: default;
-            -
              font-weight: 600;
+            }
-            -
            .instant-img-container .control-nav li button.loading {
-            -
              background-image: url(../img/ajax-loader.gif);
+            }
-            -
            @media screen and (max-width: 800px) {
-            -
              .instant-img-container .control-nav li {
-            -
                font-size: 16px;
-            -
                margin: 0;
-            -
              }
-            -
              .instant-img-container .control-nav li button {
-            -
                padding-left: 3px;
-            -
              }
+            }
-            -
            @media screen and (max-width: 600px) {
-            -
              .instant-img-container .control-nav li {
-            -
                text-align: center;
-            -
                margin: 0;
-            -
                padding-bottom: 15px;
-            -
              }
+            }
-            -
            .instant-img-container .control-nav li.search-field {
-            -
              width: 40%;
               margin: 0;
               margin-left: auto;
-            -
              max-width: 500px;
+            }
-            -
            @media screen and (max-width: 600px) {
-            -
              .instant-img-container .control-nav li.search-field {
                 width: 100%;
                 display: block;
                 position: static;
-            -
                padding-bottom: 0;
                 text-align: left;
                 max-width: 100%;
+              }
+            }
-            -
            .instant-img-container .control-nav li.search-field .searchResults {
               position: absolute;
               right: 100.5%;
-            -
              top: 4px;
               width: auto;
-            -
              height: 34px;
-            -
              line-height: 34px;
-            -
              padding: 0 0 0 10px;
               background: #586ec6;
               border: 1px solid #455cb6;
-            -
              -webkit-border-radius: 3px;
-            -
                      border-radius: 3px;
-            -
              z-index: 99;
               font-size: 13px;
               font-weight: 500;
               -webkit-transition: all 0.25s ease;
@@ -595,17 +651,18 @@ body.media_page_instant-images.overflow-hidden {
                       align-items: center;
+            }
-            -
            .instant-img-container .control-nav li.search-field .searchResults span {
               cursor: help;
-            -
              font-style: italic;
+            }
-            -
            .instant-img-container .control-nav li.search-field .searchResults button {
               color: #fff;
               padding: 0;
               height: auto;
               line-height: 1;
-            -
              width: 30px;
               font-weight: 700;
               opacity: 0.65;
               display: -webkit-box;
@@ -619,13 +676,16 @@ body.media_page_instant-images.overflow-hidden {
                       justify-content: center;
               font-size: 14px;
               height: 100%;
+            }
-            -
            .instant-img-container .control-nav li.search-field .searchResults button:hover, .instant-img-container .control-nav li.search-field .searchResults button:focus {
               opacity: 1;
+            }
-            -
            .instant-img-container .control-nav li.search-field .searchResults:after, .instant-img-container .control-nav li.search-field .searchResults:before {
               left: 100%;
               top: 50%;
               border: solid transparent;
@@ -637,126 +697,127 @@ body.media_page_instant-images.overflow-hidden {
               z-index: 100;
+            }
-            -
            .instant-img-container .control-nav li.search-field .searchResults:after {
               border-color: rgba(223, 225, 173, 0);
               border-left-color: #586ec6;
               border-width: 6px;
               margin-top: -6px;
+            }
-            -
            .instant-img-container .control-nav li.search-field .searchResults:before {
               border-color: rgba(0, 0, 0, 0);
               border-left-color: #455cb6;
               border-width: 7px;
               margin-top: -7px;
+            }
-            -
            .instant-img-container .control-nav li.search-field .searchResults.hide {
               opacity: 0;
               visibility: hidden;
+            }
-            -
            .instant-img-container .control-nav li.search-field form {
               padding: 0 1px 0 0;
               margin: 0;
               position: relative;
-            -
              height: 42px;
               display: block;
+            }
-            -
            .instant-img-container .control-nav li.search-field form:hover button[type="submit"] {
               opacity: 1;
+            }
-            -
            .instant-img-container .control-nav li.search-field input {
               width: 100%;
-            -
              padding: 0 10px 0 42px;
-            -
              border: 1px solid #e1e1e1;
               background-color: #f7f7f7 !important;
-            -
              height: 42px;
-            -
              line-height: 42px;
-            -
              -webkit-border-radius: 5px;
-            -
                      border-radius: 5px;
-            -
              font-size: 16px;
-            -
              -webkit-transition: all 0.2s ease;
-            -
              -o-transition: all 0.2s ease;
-            -
              transition: all 0.2s ease;
+            }
-            -
            .instant-img-container .control-nav li.search-field input:focus {
               border-color: #999;
-            -
              -webkit-box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.065);
-            -
                      box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.065);
+            }
-            -
            .instant-img-container .control-nav li.search-field input.searching {
-            -
              padding-left: 62px;
               background-image: url(../img/ajax-loader.gif);
-            -
              background-position: 37px center;
-            -
              background-repeat: no-repeat;
+            }
-            -
            .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-search-decoration,
-            -
            .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-search-cancel-button,
-            -
            .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-search-results-button,
-            -
            .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-search-results-decoration {
               -webkit-appearance: none;
+            }
-            -
            .instant-img-container .control-nav li.search-field button[type=submit] {
               position: absolute;
-            -
              left: 0;
               top: 0;
-            -
              width: 42px;
-            -
              height: 42px;
-            -
              line-height: 42px;
               z-index: 1;
               border: none !important;
               background: transparent !important;
               cursor: pointer;
-            -
              color: #666;
               -webkit-box-shadow: none !important;
                       box-shadow: none !important;
               -webkit-transition: all 0.25s ease;
               -o-transition: all 0.25s ease;
               transition: all 0.25s ease;
-            -
              opacity: 0.5;
               margin: 0;
               padding: 0;
+            }
-            -
            .instant-img-container .control-nav li.search-field button[type=submit]:hover {
-            -
              outline: none;
-            -
              color: #586ec6;
-            -
            }
-            -
-            -
            .instant-img-container .control-nav li.search-field button[type=submit]:focus {
-            -
              outline: none;
-            -
              color: #586ec6;
+            }
-            -
            .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-input-placeholder {
               color: #ccc;
               font-weight: 400;
               font-style: normal;
+            }
-            -
            .instant-img-container .control-nav li.search-field input[type="search"]:-moz-placeholder {
               color: #ccc;
               font-weight: 400;
               font-style: normal;
+            }
-            -
            .instant-img-container .control-nav li.search-field input[type="search"]::-moz-placeholder {
               color: #ccc;
               font-weight: 400;
               font-style: normal;
+            }
-            -
            .instant-img-container .control-nav li.search-field input[type="search"]:-ms-input-placeholder {
               color: #ccc;
               font-weight: 400;
               font-style: normal;
+            }
             #photos {
@@ -767,6 +828,29 @@ body.media_page_instant-images.overflow-hidden {
               position: relative;
+            }
             #photos .photo {
               width: 20%;
               margin: 0;
@@ -802,7 +886,7 @@ body.media_page_instant-images.overflow-hidden {
+              }
+            }
-            -
            @media screen and (max-width: 1570px) {
               #photos .photo {
                 width: 25%;
+              }
@@ -1193,7 +1277,7 @@ body.media_page_instant-images.overflow-hidden {
+            }
             #photos .photo .fade.user .user-wrap:before {
-            -
              content: '';
               display: block;
               z-index: 0;
               background-color: #fff;
@@ -1573,6 +1657,17 @@ body.media_page_instant-images.overflow-hidden {
               max-width: none;
+            }
             .instant-images-settings .cnkt-sidebar .cta.ii-settings input[type="text"],
             .instant-images-settings .cnkt-sidebar .cta.ii-settings input[type="number"] {
               padding: 10px;
@@ -1581,7 +1676,7 @@ body.media_page_instant-images.overflow-hidden {
             .instant-images-settings .cnkt-sidebar .cta.ii-settings span.desc {
               font-size: 11px;
               display: block;
-            -
              padding: 5px 2px;
+            }
             .instant-images-settings .cnkt-sidebar .cta.ii-plugins {
@@ -1752,6 +1847,16 @@ body.loading .instant-img-container .loading-block {
               font-size: 13px;
+            }
             .components-panel #photos {
               width: 100%;
               margin: 0;
@@ -1768,57 +1873,113 @@ body.loading .instant-img-container .loading-block {
             .components-panel .provider-nav {
               width: 100%;
-            -
              padding: 5px;
               margin: 0;
               border-bottom-color: #ddd;
+            }
             .components-panel .provider-nav button {
               font-size: 13px;
-            -
              padding-left: 32px;
+            }
             .components-panel .control-nav {
               padding: 0 5px 5px;
               border-bottom: 1px solid #ddd;
+            }
-            -
            .components-panel .control-nav li {
               font-size: 13px;
+            }
-            -
            .components-panel .control-nav li button {
-            -
              padding-left: 4px;
+            }
-            -
            .components-panel .control-nav li a {
-            -
              padding: 16px 24px 16px 0;
-            -
              height: auto;
-            -
              line-height: 1.2;
+            }
-            -
            .components-panel .control-nav li.search-field {
               float: none;
               width: 100%;
-            -
              padding: 0;
               clear: both;
+            }
-            -
            .components-panel .control-nav li.search-field form {
               height: auto;
+            }
-            -
            .components-panel .control-nav li.search-field:before {
-            -
              content: "";
-            -
              display: table;
-            -
              clear: both;
+            }
-            -
            .components-panel .control-nav li.search-field button[type=submit] {
               display: none;
+            }
-            -
            .components-panel .control-nav li.search-field input {
               line-height: 40px;
               height: 40px;
               padding-right: 10px;
@@ -1827,19 +1988,35 @@ body.loading .instant-img-container .loading-block {
               font-size: 13px;
               -webkit-border-radius: 3px !important;
                       border-radius: 3px !important;
+            }
-            -
            .components-panel .control-nav li.search-field input.searching {
               padding-left: 30px;
-            -
              background-position: 8px center;
+            }
-            -
            .components-panel .control-nav li.search-field input:focus {
               -webkit-box-shadow: none;
                       box-shadow: none;
+            }
-            -
            .components-panel .control-nav li.search-field .searchResults {
               right: 2px;
               left: auto;
               top: 2px;
@@ -1850,7 +2027,7 @@ body.loading .instant-img-container .loading-block {
               line-height: 35px;
+            }
-            -
            .components-panel .control-nav li.search-field .searchResults:before, .components-panel .control-nav li.search-field .searchResults:after {
               display: none;
+            }
@@ -2020,12 +2197,12 @@ body.loading .instant-img-container .loading-block {
               outline: none;
+            }
-            -
            .media-frame-content .instant-img-container .load-more-wrap {
-            -
              display: block;
+            }
-            -
            .media-frame-content .instant-img-container .provider-nav {
-            -
              padding: 10px 25px;
+            }
             .provider-nav {
@@ -2049,7 +2226,9 @@ body.loading .instant-img-container .loading-block {
+            }
             .provider-nav--btn {
-            -
              padding: 8px 8px 8px 35px;
               border: 1px solid transparent;
               background: transparent;
               margin-right: 5px;
@@ -2071,7 +2250,7 @@ body.loading .instant-img-container .loading-block {
             .provider-nav--btn.active {
               background-color: #fff;
-            -
              border-color: #e1e1e1;
               color: #333;
               cursor: default;
               -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.075);
@@ -2094,13 +2273,13 @@ body.loading .instant-img-container .loading-block {
+            }
             [data-provider="unsplash"] {
-            -
              background: url(../img/unsplash.svg) no-repeat 8px center;
               -webkit-background-size: 18px 18px;
                       background-size: 18px 18px;
+            }
             [data-provider="pixabay"] {
-            -
              background: url(../img/pixabay.png) no-repeat 8px center;
               -webkit-background-size: 20px 20px;
                       background-size: 20px 20px;
+            }
@@ -2396,4 +2575,197 @@ body.loading .instant-img-container .loading-block {
               color: #51a75e;
+            }
             /*# sourceMappingURL=instant-images.css.map*/


465	-ms-flex-align: center;
466	align-items: center;
467	width: 100%;
468	+ margin: 0 0 20px;
469	+ padding: 20px 0;
470	list-style: none;
471	+ border-bottom: 1px solid #efefef;
472	}
473
474	+ @media screen and (max-width: 800px) {
475	.instant-img-container .control-nav {
476	-webkit-box-pack: center;
477	-ms-flex-pack: center;

485	clear: both;
486	}
487
488	+ .instant-img-container .control-nav--filters-wrap {
489	+ -webkit-box-flex: 1;
490	+ -ms-flex: 1;
491	+ flex: 1;
492	+ position: relative;
493	+ -webkit-transition: all 0.25s ease;
494	+ -o-transition: all 0.25s ease;
495	+ transition: all 0.25s ease;
496	+ }
497	+
498	+ @media screen and (max-width: 800px) {
499	+ .instant-img-container .control-nav--filters-wrap {
500	+ -webkit-box-flex: 0;
501	+ -ms-flex: none;
502	+ flex: none;
503	+ width: 100%;
504	+ }
505	+ }
506	+
507	+ .instant-img-container .control-nav--filters-wrap.inactive {
508	+ opacity: 0.55;
509	+ -webkit-filter: blur(1px);
510	+ filter: blur(1px);
511	+ }
512	+
513	+ .instant-img-container .control-nav--filters-wrap.inactive * {
514	+ cursor: not-allowed;
515	+ }
516	+
517	+ .instant-img-container .control-nav--filters {
518	position: relative;
519	+ display: -webkit-box;
520	+ display: -ms-flexbox;
521	+ display: flex;
522	+ -ms-flex-wrap: wrap;
523	+ flex-wrap: wrap;
524	+ -webkit-box-align: center;
525	+ -ms-flex-align: center;
526	+ align-items: center;
527	+ -webkit-column-gap: 15px;
528	+ -moz-column-gap: 15px;
529	+ column-gap: 15px;
530	+ width: 100%;
531	+ }
532	+
533	+ @media screen and (min-width: 1024px) {
534	+ .instant-img-container .control-nav--filters {
535	+ -webkit-column-gap: 20px;
536	+ -moz-column-gap: 20px;
537	+ column-gap: 20px;
538	+ }
539	}
540
541	+ .instant-img-container .control-nav--filters:before {



542	display: block;
543	+ display: none;
544	+ content: "\F0B0";
545	+ font-family: "FontAwesome";
546	+ color: #efefef;
547	+ font-size: 24px;
548	+ margin-right: 10px;



549	}
550
551	+ .instant-img-container .control-nav--filters label {
552	+ border-left: none;
553	+ display: block;
554	+ min-width: 125px;
555	+ padding: 0;
556	+ margin: 0;
557	}
558
559	+ .instant-img-container .control-nav--filters label span {
560	+ display: block;
561	+ text-transform: uppercase;
562	+ font-size: 10px;
563	+ padding-bottom: 1px;
564	+ padding-left: 1px;
565	}
566
567	+ .instant-img-container .control-nav--filters label:focus-within select:not[disabled] {
568	+ border-color: #999;
569	+ -webkit-box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.025);
570	+ box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.025);
571	}
572
573	+ .instant-img-container .control-nav--filters select {
574	+ text-transform: capitalize;
575	+ width: 100%;
576	+ border-color: #ccc;
577	+ color: #333;
578	+ background-color: #f7f7f7;
579	+ min-height: 36px;
580	+ line-height: 36px;
581	+ font-size: 14px;
582	+ padding: 0 24px 0 8px;
583	}
584
585	+ .instant-img-container .control-nav--filters select[disabled] {
586	+ cursor: not-allowed;






587	}
588
589	+ .instant-img-container .control-nav--filters select:not[disabled]:hover {
590	+ border-color: #999;
591	+ -webkit-box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.025);
592	+ box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.025);


593	}
594
595	+ .instant-img-container .control-nav--search {
596	+ display: -webkit-box;
597	+ display: -ms-flexbox;
598	+ display: flex;
599	+ width: 30%;
600	+ max-width: 350px;
601	margin: 0;
602	margin-left: auto;
603	+ padding: 0 0 0 20px;
604	+ position: relative;
605	}
606
607	+ @media screen and (min-width: 1270px) {
608	+ .instant-img-container .control-nav--search {
609	+ width: 35%;
610	+ }
611	+ }
612	+
613	+ @media screen and (max-width: 800px) {
614	+ .instant-img-container .control-nav--search {
615	width: 100%;
616	display: block;
617	position: static;
618	+ padding: 0;
619	text-align: left;
620	max-width: 100%;
621	+ padding: 10px 0;
622	}
623	}
624
625	+ .instant-img-container .control-nav--search .searchResults {
626	position: absolute;
627	right: 100.5%;
628	+ top: 5px;
629	width: auto;
630	+ height: 30px;
631	+ line-height: 30px;
632	+ padding: 0 0 0 8px;
633	background: #586ec6;
634	border: 1px solid #455cb6;
635	+ -webkit-border-radius: 4px;
636	+ border-radius: 4px;
637	+ z-index: 9999;
638	font-size: 13px;
639	font-weight: 500;
640	-webkit-transition: all 0.25s ease;

651	align-items: center;
652	}
653
654	+ .instant-img-container .control-nav--search .searchResults span {
655	cursor: help;

656	}
657
658	+ .instant-img-container .control-nav--search .searchResults button {
659	+ cursor: pointer;
660	color: #fff;
661	+ background-color: transparent !important;
662	padding: 0;
663	height: auto;
664	line-height: 1;
665	+ width: 28px;
666	font-weight: 700;
667	opacity: 0.65;
668	display: -webkit-box;

676	justify-content: center;
677	font-size: 14px;
678	height: 100%;
679	+ border: none !important;
680	+ -webkit-box-shadow: none !important;
681	+ box-shadow: none !important;
682	}
683
684	+ .instant-img-container .control-nav--search .searchResults button:hover, .instant-img-container .control-nav--search .searchResults button:focus {
685	opacity: 1;
686	}
687
688	+ .instant-img-container .control-nav--search .searchResults:after, .instant-img-container .control-nav--search .searchResults:before {
689	left: 100%;
690	top: 50%;
691	border: solid transparent;

697	z-index: 100;
698	}
699
700	+ .instant-img-container .control-nav--search .searchResults:after {
701	border-color: rgba(223, 225, 173, 0);
702	border-left-color: #586ec6;
703	border-width: 6px;
704	margin-top: -6px;
705	}
706
707	+ .instant-img-container .control-nav--search .searchResults:before {
708	border-color: rgba(0, 0, 0, 0);
709	border-left-color: #455cb6;
710	border-width: 7px;
711	margin-top: -7px;
712	}
713
714	+ .instant-img-container .control-nav--search .searchResults.hide {
715	opacity: 0;
716	visibility: hidden;
717	}
718
719	+ .instant-img-container .control-nav--search form {
720	padding: 0 1px 0 0;
721	margin: 0;
722	position: relative;
723	+ height: 38px;
724	display: block;
725	+ width: 100%;
726	}
727
728	+ .instant-img-container .control-nav--search form:hover button[type="submit"] {
729	opacity: 1;
730	}
731
732	+ .instant-img-container .control-nav--search input {
733	width: 100%;
734	+ padding: 0 10px 0 38px;
735	+ border: 1px solid #ccc;
736	background-color: #f7f7f7 !important;
737	+ height: 38px;
738	+ line-height: 38px;
739	+ -webkit-border-radius: 999px;
740	+ border-radius: 999px;
741	+ font-size: 14px;
742	+ -webkit-transition: border 0.25s ease;
743	+ -o-transition: border 0.25s ease;
744	+ transition: border 0.25s ease;
745	+ background-position: right 10px center;
746	+ background-repeat: no-repeat;
747	}
748
749	+ .instant-img-container .control-nav--search input:focus {
750	border-color: #999;
751	+ -webkit-box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.025);
752	+ box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.025);
753	}
754
755	+ .instant-img-container .control-nav--search input.searching {

756	background-image: url(../img/ajax-loader.gif);


757	}
758
759	+ .instant-img-container .control-nav--search input[type="search"]::-webkit-search-decoration,
760	+ .instant-img-container .control-nav--search input[type="search"]::-webkit-search-cancel-button,
761	+ .instant-img-container .control-nav--search input[type="search"]::-webkit-search-results-button,
762	+ .instant-img-container .control-nav--search input[type="search"]::-webkit-search-results-decoration {
763	-webkit-appearance: none;
764	}
765
766	+ .instant-img-container .control-nav--search button[type="submit"] {
767	position: absolute;
768	+ left: 2px;
769	top: 0;
770	+ width: 38px;
771	+ height: 38px;
772	+ line-height: 38px;
773	+ -webkit-border-radius: 100%;
774	+ border-radius: 100%;
775	z-index: 1;
776	border: none !important;
777	background: transparent !important;
778	cursor: pointer;
779	+ color: #333;
780	-webkit-box-shadow: none !important;
781	box-shadow: none !important;
782	-webkit-transition: all 0.25s ease;
783	-o-transition: all 0.25s ease;
784	transition: all 0.25s ease;
785	+ opacity: 0.75;
786	margin: 0;
787	padding: 0;
788	+ font-size: 16px;
789	}
790
791	+ .instant-img-container .control-nav--search button[type="submit"]:hover, .instant-img-container .control-nav--search button[type="submit"]:focus {
792	+ opacity: 1;






793	}
794
795	+ .instant-img-container .control-nav--search input[type="search"]::-webkit-input-placeholder {
796	color: #ccc;
797	font-weight: 400;
798	font-style: normal;
799	+ font-size: 14px;
800	}
801
802	+ .instant-img-container .control-nav--search input[type="search"]:-moz-placeholder {
803	color: #ccc;
804	font-weight: 400;
805	font-style: normal;
806	+ font-size: 14px;
807	}
808
809	+ .instant-img-container .control-nav--search input[type="search"]::-moz-placeholder {
810	color: #ccc;
811	font-weight: 400;
812	font-style: normal;
813	+ font-size: 14px;
814	}
815
816	+ .instant-img-container .control-nav--search input[type="search"]:-ms-input-placeholder {
817	color: #ccc;
818	font-weight: 400;
819	font-style: normal;
820	+ font-size: 14px;
821	}
822
823	#photos {

828	position: relative;
829	}
830
831	+ #photos:after {
832	+ visibility: hidden;
833	+ opacity: 0;
834	+ display: block;
835	+ content: "";
836	+ position: absolute;
837	+ left: -10px;
838	+ top: -5px;
839	+ width: calc(100% + 20px);
840	+ height: calc(100% + 10px);
841	+ min-height: 200px;
842	+ background: rgba(255, 255, 255, 0.95) url(../img/ajax-loader-lg.gif) no-repeat center 90px;
843	+ z-index: 999;
844	+ -webkit-transition: all 0.25s ease;
845	+ -o-transition: all 0.25s ease;
846	+ transition: all 0.25s ease;
847	+ }
848	+
849	+ #photos.loading:after {
850	+ visibility: visible;
851	+ opacity: 1;
852	+ }
853	+
854	#photos .photo {
855	width: 20%;
856	margin: 0;

886	}
887	}
888
889	+ @media screen and (max-width: 1500px) {
890	#photos .photo {
891	width: 25%;
892	}

1277	}
1278
1279	#photos .photo .fade.user .user-wrap:before {
1280	+ content: "";
1281	display: block;
1282	z-index: 0;
1283	background-color: #fff;

1657	max-width: none;
1658	}
1659
1660	+ .instant-images-settings .cnkt-sidebar .cta.ii-settings select[readonly],
1661	+ .instant-images-settings .cnkt-sidebar .cta.ii-settings input[type="text"][readonly],
1662	+ .instant-images-settings .cnkt-sidebar .cta.ii-settings input[type="number"][readonly] {
1663	+ background-color: #f7f7f7;
1664	+ cursor: not-allowed;
1665	+ opacity: 0.65;
1666	+ border-color: #ccc !important;
1667	+ -webkit-box-shadow: none !important;
1668	+ box-shadow: none !important;
1669	+ }
1670	+
1671	.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type="text"],
1672	.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type="number"] {
1673	padding: 10px;

1676	.instant-images-settings .cnkt-sidebar .cta.ii-settings span.desc {
1677	font-size: 11px;
1678	display: block;
1679	+ padding: 8px 2px 5px;
1680	}
1681
1682	.instant-images-settings .cnkt-sidebar .cta.ii-plugins {

1847	font-size: 13px;
1848	}
1849
1850	+ .components-panel .search-results-text {
1851	+ font-size: 12px;
1852	+ border-top: 1px solid #ddd;
1853	+ border-color: #ddd;
1854	+ }
1855	+
1856	+ .components-panel .search-results-text .search-results-clear {
1857	+ display: none;
1858	+ }
1859	+
1860	.components-panel #photos {
1861	width: 100%;
1862	margin: 0;

1873
1874	.components-panel .provider-nav {
1875	width: 100%;
1876	+ padding: 10px 5px;
1877	margin: 0;
1878	border-bottom-color: #ddd;
1879	}
1880
1881	.components-panel .provider-nav button {
1882	font-size: 13px;
1883	+ padding-left: 36px;
1884	}
1885
1886	.components-panel .control-nav {
1887	padding: 0 5px 5px;
1888	border-bottom: 1px solid #ddd;
1889	+ margin: 0 0 10px;
1890	+ display: block;
1891	+ }
1892	+
1893	+ .components-panel .control-nav .control-nav--spacer {
1894	+ display: none;
1895	+ }
1896	+
1897	+ .components-panel .control-nav--filters-wrap {
1898	+ -webkit-box-flex: 0;
1899	+ -ms-flex: none;
1900	+ flex: none;
1901	+ width: 100%;
1902	+ display: block;
1903	+ }
1904	+
1905	+ .components-panel .control-nav--filters {
1906	+ -webkit-column-gap: 6px;
1907	+ -moz-column-gap: 6px;
1908	+ column-gap: 6px;
1909	+ padding: 10px 0;
1910	}
1911
1912	+ .components-panel .control-nav--filters .filter-dropdown {
1913	+ width: calc(50% - 3px);
1914	+ display: none;
1915	+ }
1916	+
1917	+ .components-panel .control-nav--filters .filter-dropdown button {
1918	+ padding: 5px;
1919	font-size: 13px;
1920	}
1921
1922	+ .components-panel .control-nav--filters .filter-dropdown button.filter-dropdown--button {
1923	+ display: block;
1924	}
1925
1926	+ .components-panel .control-nav--filters .filter-dropdown button i {
1927	+ margin-left: auto;
1928	+ padding-right: 5px;
1929	+ }
1930	+
1931	+ .components-panel .control-nav--filters .filter-dropdown--menu {
1932	+ width: 106%;
1933	+ left: -3%;
1934	+ padding: 8px;
1935	+ }
1936	+
1937	+ .components-panel .control-nav--filters .filter-dropdown--menu button {
1938	+ gap: 8px;
1939	+ }
1940	+
1941	+ .components-panel .control-nav--filters .filter-dropdown:nth-child(1), .components-panel .control-nav--filters .filter-dropdown:nth-child(2) {
1942	+ display: block;
1943	+ }
1944	+
1945	+ .components-panel .control-nav--filters .filter-dropdown .filter-dropdown--button-label {
1946	+ display: block;
1947	+ font-size: 10px;
1948	+ text-transform: uppercase;
1949	+ margin: 0 0 2px;
1950	+ }
1951	+
1952	+ .components-panel .control-nav--filters .filter-dropdown .filter-dropdown--button-selected {
1953	+ display: -webkit-box;
1954	+ display: -ms-flexbox;
1955	+ display: flex;
1956	+ -webkit-box-align: center;
1957	+ -ms-flex-align: center;
1958	+ align-items: center;
1959	+ width: 100%;
1960	+ font-size: 14px;
1961	}
1962
1963	+ .components-panel .control-nav--search {
1964	float: none;
1965	width: 100%;
1966	+ padding: 0 0 10px;
1967	clear: both;
1968	}
1969
1970	+ .components-panel .control-nav--search form {
1971	height: auto;
1972	}
1973
1974	+ .components-panel .control-nav--search:before {
1975	+ display: none;


1976	}
1977
1978	+ .components-panel .control-nav--search button[type="submit"] {
1979	display: none;
1980	}
1981
1982	+ .components-panel .control-nav--search input {
1983	line-height: 40px;
1984	height: 40px;
1985	padding-right: 10px;

1988	font-size: 13px;
1989	-webkit-border-radius: 3px !important;
1990	border-radius: 3px !important;
1991	+ background-position: 8px center;
1992	}
1993
1994	+ .components-panel .control-nav--search input.searching {
1995	padding-left: 30px;

1996	}
1997
1998	+ .components-panel .control-nav--search input:focus {
1999	-webkit-box-shadow: none;
2000	box-shadow: none;
2001	}
2002
2003	+ .components-panel .control-nav--search input[type="search"]::-webkit-input-placeholder {
2004	+ font-size: 13px;
2005	+ }
2006	+
2007	+ .components-panel .control-nav--search input[type="search"]:-moz-placeholder {
2008	+ font-size: 13px;
2009	+ }
2010	+
2011	+ .components-panel .control-nav--search input[type="search"]::-moz-placeholder {
2012	+ font-size: 13px;
2013	+ }
2014	+
2015	+ .components-panel .control-nav--search input[type="search"]:-ms-input-placeholder {
2016	+ font-size: 13px;
2017	+ }
2018	+
2019	+ .components-panel .control-nav--search .searchResults {
2020	right: 2px;
2021	left: auto;
2022	top: 2px;

2027	line-height: 35px;
2028	}
2029
2030	+ .components-panel .control-nav--search .searchResults:before, .components-panel .control-nav--search .searchResults:after {
2031	display: none;
2032	}
2033

2197	outline: none;
2198	}
2199
2200	+ .media-frame-router button#menu-item-instantimages.active {
2201	+ background-color: #f7f7f7;
2202	}
2203
2204	+ .media-frame-content .instant-img-container .load-more-wrap {
2205	+ display: block;
2206	}
2207
2208	.provider-nav {

2226	}
2227
2228	.provider-nav--btn {
2229	+ padding: 0 10px 0 36px;
2230	+ height: 38px;
2231	+ line-height: 38px;
2232	border: 1px solid transparent;
2233	background: transparent;
2234	margin-right: 5px;

2250
2251	.provider-nav--btn.active {
2252	background-color: #fff;
2253	+ border-color: #ccc;
2254	color: #333;
2255	cursor: default;
2256	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.075);

2273	}
2274
2275	[data-provider="unsplash"] {
2276	+ background: url(../img/unsplash.svg) no-repeat 10px center;
2277	-webkit-background-size: 18px 18px;
2278	background-size: 18px 18px;
2279	}
2280
2281	[data-provider="pixabay"] {
2282	+ background: url(../img/pixabay.png) no-repeat 10px center;
2283	-webkit-background-size: 20px 20px;
2284	background-size: 20px 20px;
2285	}

2575	color: #51a75e;
2576	}
2577
2578	+ .filter-dropdown {
2579	+ position: relative;
2580	+ }
2581	+
2582	+ .filter-dropdown button {
2583	+ background-color: transparent;
2584	+ border: none;
2585	+ text-align: left;
2586	+ color: #999;
2587	+ }
2588	+
2589	+ .filter-dropdown button:not(disabled) {
2590	+ cursor: pointer;
2591	+ }
2592	+
2593	+ .filter-dropdown--button {
2594	+ display: -webkit-box;
2595	+ display: -ms-flexbox;
2596	+ display: flex;
2597	+ -webkit-box-align: center;
2598	+ -ms-flex-align: center;
2599	+ align-items: center;
2600	+ gap: 5px;
2601	+ padding: 10px 2px 10px 0;
2602	+ text-transform: capitalize;
2603	+ color: #999;
2604	+ width: 100%;
2605	+ font-size: 14px;
2606	+ }
2607	+
2608	+ @media screen and (min-width: 1500px) {
2609	+ .filter-dropdown--button {
2610	+ font-size: 15px;
2611	+ }
2612	+ }
2613	+
2614	+ .filter-dropdown--button span.filter-dropdown--button-label {
2615	+ padding-right: 3px;
2616	+ }
2617	+
2618	+ .filter-dropdown--button span.filter-dropdown--button-selected {
2619	+ color: #333;
2620	+ font-weight: 500;
2621	+ }
2622	+
2623	+ .filter-dropdown--button i {
2624	+ opacity: 0.4;
2625	+ margin-left: 10px;
2626	+ font-size: 14px;
2627	+ }
2628	+
2629	+ .filter-dropdown--button:hover i, .filter-dropdown--button:focus i {
2630	+ opacity: 1;
2631	+ }
2632	+
2633	+ .filter-dropdown--menu {
2634	+ display: block;
2635	+ visibility: hidden;
2636	+ opacity: 0;
2637	+ -webkit-transform: scale(0.95);
2638	+ -ms-transform: scale(0.95);
2639	+ transform: scale(0.95);
2640	+ -webkit-transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.24, 0.22, 0.015, 1.56);
2641	+ transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.24, 0.22, 0.015, 1.56);
2642	+ -o-transition: transform 0.2s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;
2643	+ transition: transform 0.2s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;
2644	+ transition: transform 0.2s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out, visibility 0.1s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.24, 0.22, 0.015, 1.56);
2645	+ padding: 10px;
2646	+ background-color: #fff;
2647	+ border: 1px solid #e1e1e1;
2648	+ -webkit-border-radius: 3px;
2649	+ border-radius: 3px;
2650	+ -webkit-box-shadow: 0 8px 16px rgba(69, 92, 182, 0.2);
2651	+ box-shadow: 0 8px 16px rgba(69, 92, 182, 0.2);
2652	+ z-index: 9999;
2653	+ position: absolute;
2654	+ top: 110%;
2655	+ left: -12px;
2656	+ width: 200px;
2657	+ max-height: 350px;
2658	+ overflow-y: auto;
2659	+ }
2660	+
2661	+ .filter-dropdown--menu.expanded {
2662	+ visibility: visible;
2663	+ opacity: 1;
2664	+ -webkit-transform: scale(1);
2665	+ -ms-transform: scale(1);
2666	+ transform: scale(1);
2667	+ top: 100%;
2668	+ }
2669	+
2670	+ .filter-dropdown--menu button {
2671	+ display: -webkit-box;
2672	+ display: -ms-flexbox;
2673	+ display: flex;
2674	+ -webkit-box-align: center;
2675	+ -ms-flex-align: center;
2676	+ align-items: center;
2677	+ gap: 10px;
2678	+ width: 100%;
2679	+ text-transform: capitalize;
2680	+ padding: 8px 5px;
2681	+ -webkit-transition: all 0.25 ease;
2682	+ -o-transition: all 0.25 ease;
2683	+ transition: all 0.25 ease;
2684	+ font-size: 14px;
2685	+ }
2686	+
2687	+ .filter-dropdown--menu button:before {
2688	+ font-family: "FontAwesome";
2689	+ content: "\F00C";
2690	+ display: block;
2691	+ color: #ccc;
2692	+ opacity: 0.4;
2693	+ font-size: 10px;
2694	+ }
2695	+
2696	+ .filter-dropdown--menu button:hover, .filter-dropdown--menu button:focus {
2697	+ color: #333;
2698	+ }
2699	+
2700	+ .filter-dropdown--menu button:hover:before, .filter-dropdown--menu button:focus:before {
2701	+ opacity: 0.75;
2702	+ }
2703	+
2704	+ .filter-dropdown--menu button.selected {
2705	+ color: #333;
2706	+ }
2707	+
2708	+ .filter-dropdown--menu button.selected:before {
2709	+ color: #333;
2710	+ opacity: 0.75;
2711	+ }
2712	+
2713	+ .filter-dropdown--menu[data-key="colors"] button ._color, .filter-dropdown--menu[data-key="color"] button ._color {
2714	+ margin-left: auto;
2715	+ width: 14px;
2716	+ height: 14px;
2717	+ -webkit-border-radius: 50%;
2718	+ border-radius: 50%;
2719	+ background-color: currentColor;
2720	+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075);
2721	+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075);
2722	+ }
2723	+
2724	+ .search-results-header h2 {
2725	+ font-size: 34px;
2726	+ line-height: 1;
2727	+ padding: 0;
2728	+ margin: 0 0 5px;
2729	+ text-transform: capitalize;
2730	+ font-weight: 700;
2731	+ }
2732	+
2733	+ @media screen and (max-width: 800px) {
2734	+ .search-results-header h2 {
2735	+ font-size: 25px;
2736	+ }
2737	+ }
2738	+
2739	+ .search-results-header--text {
2740	+ font-size: 14px;
2741	+ margin: 0;
2742	+ padding-bottom: 10px;
2743	+ color: #999;
2744	+ }
2745	+
2746	+ .search-results-header--text strong {
2747	+ color: #333;
2748	+ font-weight: 600;
2749	+ }
2750	+
2751	+ .search-results-header--text button {
2752	+ border: none;
2753	+ background-color: transparent;
2754	+ font-size: 13px;
2755	+ cursor: pointer;
2756	+ color: #586ec6;
2757	+ font-weight: 400;
2758	+ padding: 2px 0 0;
2759	+ margin: 0;
2760	+ }
2761	+
2762	+ .search-results-header--text button:hover, .search-results-header--text button:focus {
2763	+ text-decoration: underline;
2764	+ color: #455cb6;
2765	+ }
2766	+
2767	+ .search-results-header .control-nav--filters-wrap {
2768	+ margin: 0 0 15px;
2769	+ }
2770	+
2771	/# sourceMappingURL=instant-images.css.map/

dist/css/instant-images.min.css CHANGED Viewed

@@ -1 +1 @@

- @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);body.media_page_instant-images{background:#fff}body.media_page_instant-images #wpcontent{padding-left:0;padding-bottom:40px}@media screen and (max-width:800px){body.media_page_instant-images #wpcontent{padding-bottom:0}}body.media_page_instant-images #wpbody-content{padding-bottom:0}body.media_page_instant-images #wpfooter{padding-top:0;padding-bottom:0;line-height:40px;background:#f7f7f7;border-top:1px solid #efefef;position:fixed;bottom:0;z-index:1100}body.media_page_instant-images #wpfooter p{line-height:40px}@media screen and (max-width:800px){body.media_page_instant-images #wpfooter{display:none}}body.media_page_instant-images.overflow-hidden{overflow:hidden}.instant-img-container{font-size:14px;color:#666;position:relative}.instant-img-container .offscreen{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.instant-img-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.instant-img-container a{color:#586ec6;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.instant-img-container a:hover{color:#5568ae;text-decoration:none}.instant-img-container img{max-width:100%}.instant-img-container p{color:#666;width:100%;display:block;clear:both;text-transform:none;padding:0;margin:0 0 15px;font-size:14px}.instant-img-container.loading .loading-block{display:block}.instant-img-container .error-messaging{padding:20px 20px 20px 60px;-webkit-border-radius:3px;border-radius:3px;background:#da4444;color:#fff;font-size:13px;line-height:1.5;margin-bottom:25px;display:block;position:relative}.instant-img-container .error-messaging:before{font-family:FontAwesome;content:"\F06A";display:block;left:17px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;font-size:32px;opacity:.75}.instant-img-container .header-wrap{background:#f7f7f7 url(../img/logo-48x48.png) no-repeat 25px 20px;padding:20px 25px 20px 83px;min-height:88px;overflow:hidden;border-bottom:1px solid #efefef;position:relative}@media screen and (max-width:800px){.instant-img-container .header-wrap{background-position:center 20px;padding:80px 25px 20px;text-align:center}}.instant-img-container .header-wrap h1{padding:0;margin:4px 0 0;font-weight:700;font-size:26px;max-width:70%}@media screen and (max-width:800px){.instant-img-container .header-wrap h1{max-width:100%;width:100%;text-align:center}}.instant-img-container .header-wrap h1 em{font-weight:400;font-size:14px;background-color:rgba(0,0,0,.055);color:rgba(0,0,0,.5);display:inline-block;-webkit-border-radius:2px;border-radius:2px;padding:3px;position:relative;top:-2px;left:2px;text-shadow:1px 1px 1px hsla(0,0%,100%,.4);font-style:normal;line-height:1}.instant-img-container .header-wrap h1 span{display:block;padding:3px 0 0;color:#999;font-size:15px;font-weight:400}.instant-img-container .header-wrap button{position:absolute;right:25px;bottom:26px}@media screen and (max-width:800px){.instant-img-container .header-wrap button{position:static;margin-top:20px;display:inline-block}}.instant-img-container .header-wrap button i{margin-right:2px}.instant-img-container .instant-images-wrapper{padding:0 25px;display:block;overflow:hidden;min-height:400px;background:url(../img/ajax-loader-lg.gif) no-repeat 50%}.instant-img-container .instant-images-wrapper.loaded{background:none}.instant-img-container .permissions-warning{padding:0 25px}.instant-img-container .permissions-warning .inner{border-bottom:1px solid #efefef;padding:32px 0}.instant-img-container .permissions-warning input{max-width:500px}.instant-img-container .permissions-warning h3{font-size:22px;margin:0 0 15px}.instant-img-container .permissions-warning h3 i{margin:0 2px 0 0;position:relative}.instant-img-container .permissions-warning p:first-of-type{font-size:18px;margin:0 0 2px}.instant-img-container .loading-block{display:none;padding:50px;background:url(../img/ajax-loader-lg.gif) no-repeat 50%}.instant-img-container .load-more-wrap{margin:1% 0 0;padding:25px 0;text-align:center;display:none;border-top:1px solid #efefef}.instant-img-container .load-more-wrap button{display:inline-block;margin:0;padding:12px 15px;font-size:15px;font-weight:600;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;height:auto;line-height:1;cursor:pointer;background-image:none;background-repeat:no-repeat!important;background-position:15px!important}.instant-img-container .load-more-wrap button.disabled{opacity:.3;cursor:default}.instant-img-container .cnkt-main{width:100%;float:none;background:none!important;position:relative}.instant-img-container h2,.instant-img-container h3,.instant-img-container h4{margin-top:0}.instant-img-container .save-settings p.submit{float:left;margin:0 2px 0 0;width:auto}.instant-img-container .save-settings .loading{width:46px;height:28px;display:none;float:left;background:#fff url(../img/ajax-loader.gif) no-repeat 50%}#TB_ajaxContent{clear:both;line-height:1.4em;overflow:auto;text-align:left;width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px!important}.cnkt-sidebar .form-table{margin:0;border:none;position:relative;top:-5px}.cnkt-sidebar .form-table label,.cnkt-sidebar .form-table p,.cnkt-sidebar .form-table td{font-size:13px}.cnkt-sidebar .form-table label{color:#333;display:block;clear:both;float:none}.cnkt-sidebar .form-table label span{opacity:.8;font-size:13px;font-style:italic}.cnkt-sidebar .form-table th{display:none}.instant-img-container .form-table td{border-top:0;padding:0 0 10px;float:left;width:100%;margin:0}.cnkt-main .form-msg,.cnkt-sidebar .form-table .form-msg{display:block;line-height:18px;padding:12px 12px 12px 15px;margin:15px 0 0;color:#666;background-color:#fff9ea;border-left:5px solid #dfd8c2;-webkit-border-radius:2px;border-radius:2px}.cnkt-main .form-msg span,.cnkt-sidebar .form-table .form-msg span{display:block;padding:6px 0 3px}.instant-img-container h1,.instant-img-container h3,.instant-img-container h4{color:#222;margin-top:0}.instant-img-container h4+p{margin-top:-6px}.instant-img-container p.small{font-size:12px;margin-top:-10px;opacity:.7}.instant-img-container ul{padding:0;margin:0;list-style:none}.instant-img-container input,.instant-img-container label,.instant-img-container select,.instant-img-container textarea{-webkit-box-shadow:none;box-shadow:none}.instant-img-container .save-settings{padding-top:5px}.instant-img-container label{padding:5px 0}#unsplash-form-options h2,#unsplash-form-options p.desc{display:none}.instant-img-container input[type=number],.instant-img-container input[type=text],.instant-img-container textarea{padding:10px;line-height:1;background:#f7f7f7;width:100%;-webkit-border-radius:2px;border-radius:2px;height:auto}.instant-img-container input[type=text]:focus,.instant-img-container textarea:focus{border-color:#999;-webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;background:#efefef}.instant-img-container .spacer{display:block;height:40px;overflow:hidden;clear:both;width:100%}.instant-img-container .spacer.sm{height:20px}.instant-img-container input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:inset 0 0 0 1000px #fff}.instant-img-container .control-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0;padding:25px 0;list-style:none}@media screen and (max-width:600px){.instant-img-container .control-nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.instant-img-container .control-nav:after{content:"";display:table;clear:both}.instant-img-container .control-nav li{padding:0;margin:0 3px 0 0;float:left;background:none;font-size:18px;position:relative}.instant-img-container .control-nav li button{padding:0 24px 0 2px;height:42px;line-height:42px;display:block;color:#999;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;background-position:96%;background-repeat:no-repeat;border:none;cursor:pointer}.instant-img-container .control-nav li button:focus,.instant-img-container .control-nav li button:hover{color:#111;outline:none;-webkit-box-shadow:none;box-shadow:none}.instant-img-container .control-nav li button:focus{text-decoration:underline}.instant-img-container .control-nav li button.active{color:#333;cursor:default;font-weight:600}.instant-img-container .control-nav li button.loading{background-image:url(../img/ajax-loader.gif)}@media screen and (max-width:800px){.instant-img-container .control-nav li{font-size:16px;margin:0}.instant-img-container .control-nav li button{padding-left:3px}}@media screen and (max-width:600px){.instant-img-container .control-nav li{text-align:center;margin:0;padding-bottom:15px}}.instant-img-container .control-nav li.search-field{width:40%;margin:0;margin-left:auto;max-width:500px}@media screen and (max-width:600px){.instant-img-container .control-nav li.search-field{width:100%;display:block;position:static;padding-bottom:0;text-align:left;max-width:100%}}.instant-img-container .control-nav li.search-field .searchResults{position:absolute;right:100.5%;top:4px;width:auto;height:34px;line-height:34px;padding:0 0 0 10px;background:#586ec6;border:1px solid #455cb6;-webkit-border-radius:3px;border-radius:3px;z-index:99;font-size:13px;font-weight:500;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;color:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.05);box-shadow:0 2px 3px rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.instant-img-container .control-nav li.search-field .searchResults span{cursor:help;font-style:italic}.instant-img-container .control-nav li.search-field .searchResults button{color:#fff;padding:0;height:auto;line-height:1;width:30px;font-weight:700;opacity:.65;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;height:100%}.instant-img-container .control-nav li.search-field .searchResults button:focus,.instant-img-container .control-nav li.search-field .searchResults button:hover{opacity:1}.instant-img-container .control-nav li.search-field .searchResults:after,.instant-img-container .control-nav li.search-field .searchResults:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;z-index:100}.instant-img-container .control-nav li.search-field .searchResults:after{border-color:hsla(62,46%,78%,0);border-left-color:#586ec6;border-width:6px;margin-top:-6px}.instant-img-container .control-nav li.search-field .searchResults:before{border-color:transparent;border-left-color:#455cb6;border-width:7px;margin-top:-7px}.instant-img-container .control-nav li.search-field .searchResults.hide{opacity:0;visibility:hidden}.instant-img-container .control-nav li.search-field form{padding:0 1px 0 0;margin:0;position:relative;height:42px;display:block}.instant-img-container .control-nav li.search-field form:hover button[type=submit]{opacity:1}.instant-img-container .control-nav li.search-field input{width:100%;padding:0 10px 0 42px;border:1px solid #e1e1e1;background-color:#f7f7f7!important;height:42px;line-height:42px;-webkit-border-radius:5px;border-radius:5px;font-size:16px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.instant-img-container .control-nav li.search-field input:focus{border-color:#999;-webkit-box-shadow:0 0 1px 4px rgba(0,0,0,.065);box-shadow:0 0 1px 4px rgba(0,0,0,.065)}.instant-img-container .control-nav li.search-field input.searching{padding-left:62px;background-image:url(../img/ajax-loader.gif);background-position:37px;background-repeat:no-repeat}.instant-img-container .control-nav li.search-field input[type=search]::-webkit-search-cancel-button,.instant-img-container .control-nav li.search-field input[type=search]::-webkit-search-decoration,.instant-img-container .control-nav li.search-field input[type=search]::-webkit-search-results-button,.instant-img-container .control-nav li.search-field input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.instant-img-container .control-nav li.search-field button[type=submit]{position:absolute;left:0;top:0;width:42px;height:42px;line-height:42px;z-index:1;border:none!important;background:transparent!important;cursor:pointer;color:#666;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;opacity:.5;margin:0;padding:0}.instant-img-container .control-nav li.search-field button[type=submit]:focus,.instant-img-container .control-nav li.search-field button[type=submit]:hover{outline:none;color:#586ec6}.instant-img-container .control-nav li.search-field input[type=search]::-webkit-input-placeholder{color:#ccc;font-weight:400;font-style:normal}.instant-img-container .control-nav li.search-field input[type=search]:-moz-placeholder,.instant-img-container .control-nav li.search-field input[type=search]::-moz-placeholder{color:#ccc;font-weight:400;font-style:normal}.instant-img-container .control-nav li.search-field input[type=search]:-ms-input-placeholder{color:#ccc;font-weight:400;font-style:normal}#photos{width:100%;width:calc(100% + 10px);margin:0 0 0 -5px;padding:0;position:relative}#photos .photo{width:20%;margin:0;padding:0 5px 10px;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}#photos .photo--wrap{position:relative}#photos .photo.in-view{opacity:1}#photos .photo.in-progress .fade{opacity:0!important;visibility:hidden!important}#photos .photo .img-wrap{display:block;overflow:hidden;position:relative}@media screen and (min-width:2000px){#photos .photo{width:20%}}@media screen and (max-width:1570px){#photos .photo{width:25%}}@media screen and (max-width:1270px){#photos .photo{width:33.333333%}}@media screen and (max-width:800px){#photos .photo{width:50%}}@media screen and (max-width:600px){#photos .photo{width:100%;margin:0 0 2%}}#photos .photo:focus a.upload img{opacity:.6}#photos .photo:focus .fade{opacity:1;visibility:visible}#photos .photo:focus .fade.user{opacity:.7}#photos .photo:focus-within .user-controls{opacity:1}#photos .photo a.upload{display:block;position:relative;background-color:#222;background-position:50%;background-repeat:no-repeat;background-image:url(../img/ajax-loader.gif);overflow:hidden}#photos .photo a.upload.loaded{background-image:none}#photos .photo a.upload:active,#photos .photo a.upload:focus{outline:none;border:none}#photos .photo a.upload img{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:100%;height:auto!important;padding:0;vertical-align:top}#photos .photo a.upload .status{visibility:hidden;opacity:0;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:60px;height:60px;line-height:60px;-webkit-border-radius:4px;border-radius:4px;position:absolute;left:50%;top:50%;z-index:5;-webkit-transform:translate(-50%,-50%) scale(1.2);-ms-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.25);box-shadow:0 2px 3px rgba(0,0,0,.25);background-position:50%;background-repeat:no-repeat}#photos .photo a.upload .status:before{font-family:FontAwesome;display:block;color:#fff;font-size:24px;opacity:.8}#photos .photo a.upload .status a{color:#fff}#photos .photo a.upload.errors .status,#photos .photo a.upload.success .status,#photos .photo a.upload.uploading .status{text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}#photos .photo a.upload.uploading{cursor:default!important}#photos .photo a.upload.uploading .status{visibility:visible;opacity:1;background:hsla(0,0%,100%,.95) url(../img/ajax-loader-lg.gif) no-repeat 50%;-webkit-background-size:24px 24px;background-size:24px 24px}#photos .photo a.upload.uploading .status:before{display:none}#photos .photo a.upload.success{cursor:default!important}#photos .photo a.upload.success .status{visibility:visible;opacity:1;background-color:#65c774}#photos .photo a.upload.success .status:before{content:"\F00C";color:#fff}#photos .photo a.upload.success img{-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important}#photos .photo a.upload.errors{cursor:help!important}#photos .photo a.upload.errors .status{visibility:visible;opacity:1;background-color:#df3333}#photos .photo a.upload.errors .status:before{content:"\F12A";color:#fff;opacity:.8}#photos .photo.uploaded a.upload img{opacity:.25!important}#photos .photo.uploaded .options,#photos .photo.uploaded .user-controls{opacity:0!important;visibility:hidden!important}#photos .photo.in-progress a.upload img,#photos .photo:hover a.upload img{opacity:.7;-webkit-transform:scale(1.075);-ms-transform:scale(1.075);transform:scale(1.075)}#photos .photo.in-progress .options,#photos .photo:hover .options{opacity:1;visibility:visible}#photos .photo.in-progress .options i.heart-like,#photos .photo:hover .options i.heart-like{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#photos .photo.in-progress .user-controls,#photos .photo:hover .user-controls{opacity:1}#photos .photo.in-progress .notice-msg{top:0;opacity:1}#photos .photo.in-progress .options,#photos .photo.in-progress .user-controls{opacity:0!important}#photos .photo .options{position:absolute;top:5px;right:5px;z-index:6;display:inline-block;width:auto;cursor:default!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden;font-size:13px}#photos .photo .options i{font-size:14px}#photos .photo .options i.heart-like{color:#d13714;-webkit-transition:all .25s ease .05s;-o-transition:all .25s ease .05s;transition:all .25s ease .05s;-webkit-transform:scale(.55);-ms-transform:scale(.55);transform:scale(.55);margin-right:2px;position:relative;top:0;font-size:14px;opacity:.9}#photos .photo .options a,#photos .photo .options span{display:inline-block;vertical-align:top;line-height:30px;padding:0 10px;padding-top:1px;background:hsla(0,0%,100%,.5);margin:0;-webkit-border-radius:2px;border-radius:2px;color:#23282d;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#photos .photo .options span{cursor:default}#photos .photo .options span:focus,#photos .photo .options span:hover{background-color:#fff}#photos .photo .options a{margin-left:2px}#photos .photo .options a:focus,#photos .photo .options a:hover{background-color:#fff}#photos .photo .options a i{position:relative;top:1px;left:1px}#photos .photo .user-controls{position:absolute;z-index:6;bottom:0;left:0;width:100%;background:rgba(0,0,0,.4);padding:0;opacity:.35;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#photos .photo .photo-options{float:right;text-align:right;max-width:50%}#photos .photo .fade{-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;color:#fff;background:hsla(0,0%,100%,.75);background:transparent;-webkit-border-radius:2px;border-radius:2px;height:34px;line-height:34px;font-size:17px;z-index:6;float:left;margin:1px 1px 1px 0;padding:0;color:hsla(0,0%,100%,.75);border:none!important;outline:none;cursor:pointer}#photos .photo .fade.edit-photo,#photos .photo .fade.edit-photo-admin,#photos .photo .fade.insert,#photos .photo .fade.set-featured{display:inline-block;width:34px;text-align:center;position:relative}#photos .photo .fade.edit-photo-admin i,#photos .photo .fade.edit-photo i,#photos .photo .fade.insert i,#photos .photo .fade.set-featured i{line-height:27px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#photos .photo .fade.edit-photo-admin:focus,#photos .photo .fade.edit-photo-admin:hover,#photos .photo .fade.edit-photo:focus,#photos .photo .fade.edit-photo:hover,#photos .photo .fade.insert:focus,#photos .photo .fade.insert:hover,#photos .photo .fade.set-featured:focus,#photos .photo .fade.set-featured:hover{color:#222;background:hsla(0,0%,100%,.95)}#photos .photo .fade.edit-photo-admin{display:none}#photos .photo .fade.user{background:none;font-size:13px;max-width:48%;cursor:pointer;text-decoration:none;border:none;line-height:35px;height:36px;margin:0}#photos .photo .fade.user:focus,#photos .photo .fade.user:hover{text-decoration:underline}#photos .photo .fade.user .user-wrap{position:relative;padding-left:35px;display:block;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#photos .photo .fade.user .user-wrap:before{content:"";display:block;z-index:0;background-color:#fff;height:20px;opacity:.25}#photos .photo .fade.user .user-wrap:before,#photos .photo .fade.user img{width:20px;max-width:20px;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:8px;top:8px}#photos .photo .fade.user img{z-index:1}#photos .photo .notice-msg{position:absolute;z-index:999;top:-40px;left:0;height:40px;line-height:40px;width:100%;background:rgba(0,0,0,.6);text-align:center;color:hsla(0,0%,100%,.9);font-size:12px;margin:0;padding:0;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;opacity:0;z-index:9999}#photos .photo .notice-msg.has-error{top:-40px;opacity:0}#photos .edit-screen{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;background:hsla(0,0%,100%,.9);opacity:0;visibility:hidden;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;padding:5px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #e1e1e1;-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025)}#photos .edit-screen.editing{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#photos .edit-screen--controls,#photos .edit-screen--title{display:block;background:#f7f7f7;border:1px solid #e1e1e1;padding:15px 10px;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}#photos .edit-screen--controls .button-primary,#photos .edit-screen--title .button-primary{float:right}#photos .edit-screen--controls{-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}#photos .edit-screen--title{border-bottom:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;padding:10px;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}#photos .edit-screen--title>div{padding:5px 15px 5px 5px;-webkit-box-flex:1;-ms-flex:1;flex:1}#photos .edit-screen--title>div.preview{width:30%;padding:0;-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-border-radius:2px;border-radius:2px;-webkit-box-flex:0;-ms-flex:none;flex:none}#photos .edit-screen--title p{font-size:12px;line-height:1.45;margin:0;color:#999}#photos .edit-screen--title p.heading{color:#222;margin:0 0 3px;font-weight:600;text-transform:uppercase}#photos .edit-screen .add-attribution-row,#photos .edit-screen label{margin:0;padding:15px;display:block;background:#fff;border:1px solid #e1e1e1;border-bottom:none;position:relative}#photos .edit-screen .add-attribution-row{padding-top:0;margin-top:-15px;border-top:none}#photos .edit-screen .add-attribution-row button{cursor:pointer;font-size:11px;outline:none;padding:5px 0;border:none;background:none;text-decoration:underline}#photos .edit-screen .add-attribution-row button:focus,#photos .edit-screen .add-attribution-row button:hover{text-decoration:none}#photos .edit-screen span{display:block;font-size:11px;text-transform:uppercase;font-weight:600;margin:0 0 5px;color:#222;line-height:1}#photos .edit-screen textarea{resize:none;font-size:12px;line-height:1.35}#photos .edit-screen input{font-size:12px;padding:0 10px;margin:0;height:35px;line-height:35px}#photos .edit-screen em{position:absolute;bottom:15px;right:15px;height:35px;line-height:35px;background:#858585;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;color:#e1e1e1;font-style:normal;font-size:11px;padding:0 10px}.instant-images-settings{display:none;background-color:#efefef;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}.instant-images-settings .cnkt-sidebar{padding:20px 25px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.45}.instant-images-settings .cnkt-sidebar p{font-size:13px}.instant-images-settings .cnkt-sidebar .cta{width:100%;background:#fff;padding:0;position:relative;border:1px solid #e1e1e1;-webkit-border-radius:3px;border-radius:3px;overflow:hidden}@media screen and (min-width:800px){.instant-images-settings .cnkt-sidebar .cta{width:calc(65% - 10px)}}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-bottom:52px}@media screen and (min-width:800px){.instant-images-settings .cnkt-sidebar .cta.ii-whats-new{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:15px}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li{line-height:1.45;width:100%;background-color:transparent;padding:5px;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:1024px){.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li{width:50%}}@media screen and (min-width:1270px){.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li{width:33.333%}}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li p{font-size:13px;position:relative;z-index:1;margin:0;padding:15px;border:1px solid #e1e1e1}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li p strong{font-size:14px;display:block;font-weight:700;margin:0 0 5px;color:#333}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li code{font-size:12px;margin:0;padding:3px;background:#f7f7f7;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 0 1px #efefef;box-shadow:0 0 0 1px #efefef}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new .with-love{position:absolute;left:0;bottom:0;width:100%;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background-color:#f7f7f7;border-top:1px solid #e1e1e1;text-align:center;margin:0;padding:15px}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new .with-love p{margin:0}.instant-images-settings .cnkt-sidebar .cta.ii-settings{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media screen and (min-width:800px){.instant-images-settings .cnkt-sidebar .cta.ii-settings{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:35%}}.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=number],.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=text],.instant-images-settings .cnkt-sidebar .cta.ii-settings select{background-color:#fff;width:100%;padding:5px 10px;border-color:#ccc;max-width:none}.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=number],.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=text]{padding:10px}.instant-images-settings .cnkt-sidebar .cta.ii-settings span.desc{font-size:11px;display:block;padding:5px 2px}.instant-images-settings .cnkt-sidebar .cta.ii-plugins{width:100%;margin-top:10px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer{width:100%;position:static;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px 0}.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer .plugin{width:100%;margin:0 0 20px;line-height:1.45}@media screen and (min-width:800px){.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer .plugin{width:calc(50% - 10px)}}.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer .plugin h2{margin-bottom:5px}.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer:after{display:none}.instant-images-settings .cnkt-sidebar h2{border:none;padding:20px 20px 0;font-size:18px;font-weight:700}.instant-images-settings .cnkt-sidebar h2+p{padding:0 20px 16px;margin:0!important;border-bottom:1px solid #e1e1e1}.instant-images-settings .cnkt-sidebar h2,.instant-images-settings .cnkt-sidebar h2+p{background:#f7f7f7;margin:0}.instant-images-settings .cnkt-sidebar .cnkt-sidebar h3,.instant-images-settings .cnkt-sidebar .cnkt-sidebar h4{margin-top:0}.instant-images-settings .cnkt-sidebar .cta-wrap{display:block;padding:20px}.instant-images-settings .cnkt-sidebar .cta-wrap h4{padding:10px 0 7px;margin:0}.instant-images-settings .cnkt-sidebar .cta-wrap h4 span{display:inline-block;line-height:1;padding:8px 10px;-webkit-border-radius:2px;border-radius:2px;background:#ffc;color:#666}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin{width:48%;margin:2% 1% 0}@media screen and (max-width:1170px){.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin{width:100%;margin:2% 0 0}}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2{border:none;padding:0;font-size:16px}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2+p{padding:0;margin:0!important;border-bottom:none}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2,.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2+p{background:none;margin:0}.instant-images-settings table{margin-top:5px}.instant-img-container[data-media-popup=true]{background:#fff}.instant-img-container[data-media-popup=true] .header-wrap{display:none}.instant-img-container[data-media-popup=true] .instant-images-wrapper{padding:0 16px}body.loading .instant-img-container .loading-block{display:block}.instant-images-sidebar-icon,.instant-images-sidebar-icon svg{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.instant-images-sidebar-icon svg{height:20px;width:20px}.instant-images-sidebar-icon svg,.instant-images-sidebar-icon svg *{stroke:#586ec6!important;fill:#586ec6!important}.components-panel .instant-img-container .load-more-wrap{display:block}.components-panel .no-results{padding:40px}.components-panel .no-results h3{font-size:18px}.components-panel .no-results p{font-size:13px}.components-panel #photos{width:100%;margin:0;padding:5px}.components-panel #photos .photo{width:100%;display:block;opacity:1!important;margin:0 0 5px;padding:0}.components-panel .provider-nav{width:100%;padding:5px;margin:0;border-bottom-color:#ddd}.components-panel .provider-nav button{font-size:13px;padding-left:32px}.components-panel .control-nav{padding:0 5px 5px;border-bottom:1px solid #ddd}.components-panel .control-nav li{font-size:13px}.components-panel .control-nav li button{padding-left:4px}.components-panel .control-nav li a{padding:16px 24px 16px 0;height:auto;line-height:1.2}.components-panel .control-nav li.search-field{float:none;width:100%;padding:0;clear:both}.components-panel .control-nav li.search-field form{height:auto}.components-panel .control-nav li.search-field:before{content:"";display:table;clear:both}.components-panel .control-nav li.search-field button[type=submit]{display:none}.components-panel .control-nav li.search-field input{line-height:40px;height:40px;padding-right:10px;padding-left:10px;border-color:#e2e4e7;font-size:13px;-webkit-border-radius:3px!important;border-radius:3px!important}.components-panel .control-nav li.search-field input.searching{padding-left:30px;background-position:8px}.components-panel .control-nav li.search-field input:focus{-webkit-box-shadow:none;box-shadow:none}.components-panel .control-nav li.search-field .searchResults{right:2px;left:auto;top:2px;-webkit-border-radius:2px;border-radius:2px;font-size:12px;height:36px;line-height:35px}.components-panel .control-nav li.search-field .searchResults:after,.components-panel .control-nav li.search-field .searchResults:before{display:none}.components-panel .orientation-list{position:static;border-top:none;background:#f7f7f7;padding:5px 5px 5px 0;margin-bottom:5px;border-bottom-color:#ddd}.components-panel .orientation-list span{display:none}.components-panel .orientation-list ul{padding:0;width:100%}.instant-img-container #tooltip{display:inline-block;padding:8px 10px;background:#fff;position:fixed;left:auto;top:auto;z-index:999;display:block;opacity:0;visibility:hidden;margin-top:-37px;font-size:12px;color:#999;text-align:center;line-height:1;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1);-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.instant-img-container #tooltip:after{top:100%;right:17px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:hsla(0,0%,100%,0);border-top-color:#fff;border-width:5px;margin-left:-5px}.instant-img-container #tooltip.over{opacity:.9;visibility:visible}.instant-img-container #tooltip.above{margin-top:37px}.instant-img-container #tooltip.above:after{top:-5px;border-top:none;border-bottom-color:#fff}.no-results{display:block;padding:150px 100px;text-align:center}.no-results h3{font-size:24px;line-height:29px;margin:0 0 10px}.no-results p{font-size:16px;margin:0}@media screen and (max-width:800px){.no-results{padding:50px}}.orientation-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:7px 0;margin:0 0 10px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;position:relative;top:-7px}.orientation-list span{opacity:.5;margin:0 10px 0 0;font-size:13px}.orientation-list span i{margin-right:2px}.orientation-list ul{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.orientation-list ul li{margin:0 1px 0 0;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;padding:4px 6px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;border:1px solid transparent;color:#999;font-size:13px}.orientation-list ul li:hover{color:#111}.orientation-list ul li:focus{border-color:#586ec6;color:#111;outline:none}.orientation-list ul li.active{background-color:#586ec6;border-color:#586ec6;color:#fff;outline:none}.media-frame-content .instant-img-container .load-more-wrap{display:block}.media-frame-content .instant-img-container .provider-nav,.provider-nav{padding:10px 25px}.provider-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:calc(100% + 50px);margin-left:-25px;border-bottom:1px solid #efefef;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.045);box-shadow:0 2px 5px rgba(0,0,0,.045);background-color:#f7f7f7}.provider-nav,.provider-nav>div{position:relative}.provider-nav--btn{padding:8px 8px 8px 35px;border:1px solid transparent;background:transparent;margin-right:5px;cursor:pointer;position:relative;-webkit-border-radius:3px;border-radius:3px;font-size:14px;color:#999;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;background-color:#f7f7f7}.provider-nav--btn:focus,.provider-nav--btn:hover{color:#333}.provider-nav--btn.active{background-color:#fff;border-color:#e1e1e1;color:#333;cursor:default;-webkit-box-shadow:0 0 6px rgba(0,0,0,.075);box-shadow:0 0 6px rgba(0,0,0,.075)}.provider-nav--new{color:#333;background-color:#ffe732;font-size:9px;text-transform:uppercase;display:inline;padding:3px 4px;-webkit-border-radius:3px;border-radius:3px;margin-left:5px;position:relative;top:-1px;letter-spacing:-.05rem}[data-provider=unsplash]{background:url(../img/unsplash.svg) no-repeat 8px;-webkit-background-size:18px 18px;background-size:18px 18px}[data-provider=pixabay]{background:url(../img/pixabay.png) no-repeat 8px;-webkit-background-size:20px 20px;background-size:20px 20px}.media-frame-content .instant-img-container .api-lightbox{position:fixed}.components-panel .instant-img-container .api-lightbox{height:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.instant-img-container .api-lightbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99999;left:0;top:0;right:0;bottom:0;height:100vh;padding:5%;background-color:rgba(0,0,0,.75);font-size:13px}.instant-img-container .api-lightbox.active>div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.instant-img-container .api-lightbox>div{max-width:450px;width:100%;padding:0;background-color:#fff;border:1px solid #e1e1e1;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.25);position:relative;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.instant-img-container .api-lightbox>div>div{position:relative}.instant-img-container .api-lightbox--details{border-bottom:1px solid #e1e1e1;padding:25px;padding-bottom:20px;position:relative}.instant-img-container .api-lightbox--details:after,.instant-img-container .api-lightbox--details:before{top:100%;left:50px;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}.instant-img-container .api-lightbox--details:after{border-color:hsla(0,0%,100%,0);border-top-color:#fff;border-width:10px;margin-left:-10px}.instant-img-container .api-lightbox--details:before{border-color:rgba(194,225,245,0);border-top-color:#e1e1e1;border-width:11px;margin-left:-11px}.instant-img-container .api-lightbox--details h3{font-size:16px;line-height:18px;padding:0 0 0 25px;text-transform:uppercase;margin:0 0 10px;background-position:0}.instant-img-container .api-lightbox--details p{font-size:13px;margin:0 0 5px}.instant-img-container .api-lightbox--details p a{font-weight:500}.instant-img-container .api-lightbox--close{position:absolute;z-index:1;right:0;top:0;border:none;background-color:transparent;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:25px;cursor:pointer;opacity:.5}.instant-img-container .api-lightbox--close:focus,.instant-img-container .api-lightbox--close:hover{opacity:1}.instant-img-container .api-lightbox form{display:block;background-color:#f7f7f7;padding:25px}.instant-img-container .api-lightbox button[type=submit],.instant-img-container .api-lightbox label{font-size:12px;text-transform:uppercase;font-weight:600;display:block;padding:0;margin:0 0 5px;cursor:pointer}.instant-img-container .api-lightbox--input-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0;margin-bottom:10px;background-color:#fff;border:1px solid #e1e1e1;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.instant-img-container .api-lightbox--input-wrap:focus-within{border-color:#999;-webkit-box-shadow:0 0 1px 4px rgba(0,0,0,.065);box-shadow:0 0 1px 4px rgba(0,0,0,.065)}.instant-img-container .api-lightbox--input-wrap span{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;border-right:1px solid #e1e1e1;background-color:#f7f7f7}.instant-img-container .api-lightbox--input-wrap span i{font-size:16px}.instant-img-container .api-lightbox--input-wrap span.invalid{cursor:help}.instant-img-container .api-lightbox--input-wrap span.invalid i{color:#d4aa4d}.instant-img-container .api-lightbox--input-wrap span.valid i{color:#65c774}.instant-img-container .api-lightbox--input-wrap span.loading i{color:#333}.instant-img-container .api-lightbox--input-wrap input{line-height:40px;height:40px;padding:0 10px;background-color:transparent;border:none;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px}.instant-img-container .api-lightbox--input-wrap input::-webkit-input-placeholder{color:#999;font-weight:400;font-style:italic}.instant-img-container .api-lightbox--input-wrap input:-moz-placeholder,.instant-img-container .api-lightbox--input-wrap input::-moz-placeholder{color:#999;font-weight:400;font-style:italic}.instant-img-container .api-lightbox--input-wrap input:-ms-input-placeholder{color:#999;font-weight:400;font-style:italic}.instant-img-container .api-lightbox--input-wrap input:focus{background:transparent;outline:none;border:none;-webkit-box-shadow:none;box-shadow:none}.instant-img-container .api-lightbox button[type=submit]{width:100%;border:none;background-color:#586ec6;color:#fff;-webkit-border-radius:3px;border-radius:3px;padding:0 10px;line-height:46px;height:46px;margin:0}.instant-img-container .api-lightbox button[type=submit]:focus,.instant-img-container .api-lightbox button[type=submit]:hover{background-color:#455cb6}.instant-img-container .api-lightbox--response{color:#df3333;margin:0;font-size:13px;font-weight:500;padding:0 2px 12px}.instant-img-container .api-lightbox--response.valid{color:#51a75e}

+ @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);body.media_page_instant-images{background:#fff}body.media_page_instant-images #wpcontent{padding-left:0;padding-bottom:40px}@media screen and (max-width:800px){body.media_page_instant-images #wpcontent{padding-bottom:0}}body.media_page_instant-images #wpbody-content{padding-bottom:0}body.media_page_instant-images #wpfooter{padding-top:0;padding-bottom:0;line-height:40px;background:#f7f7f7;border-top:1px solid #efefef;position:fixed;bottom:0;z-index:1100}body.media_page_instant-images #wpfooter p{line-height:40px}@media screen and (max-width:800px){body.media_page_instant-images #wpfooter{display:none}}body.media_page_instant-images.overflow-hidden{overflow:hidden}.instant-img-container{font-size:14px;color:#666;position:relative}.instant-img-container .offscreen{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.instant-img-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.instant-img-container a{color:#586ec6;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.instant-img-container a:hover{color:#5568ae;text-decoration:none}.instant-img-container img{max-width:100%}.instant-img-container p{color:#666;width:100%;display:block;clear:both;text-transform:none;padding:0;margin:0 0 15px;font-size:14px}.instant-img-container.loading .loading-block{display:block}.instant-img-container .error-messaging{padding:20px 20px 20px 60px;-webkit-border-radius:3px;border-radius:3px;background:#da4444;color:#fff;font-size:13px;line-height:1.5;margin-bottom:25px;display:block;position:relative}.instant-img-container .error-messaging:before{font-family:FontAwesome;content:"\F06A";display:block;left:17px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;font-size:32px;opacity:.75}.instant-img-container .header-wrap{background:#f7f7f7 url(../img/logo-48x48.png) no-repeat 25px 20px;padding:20px 25px 20px 83px;min-height:88px;overflow:hidden;border-bottom:1px solid #efefef;position:relative}@media screen and (max-width:800px){.instant-img-container .header-wrap{background-position:center 20px;padding:80px 25px 20px;text-align:center}}.instant-img-container .header-wrap h1{padding:0;margin:4px 0 0;font-weight:700;font-size:26px;max-width:70%}@media screen and (max-width:800px){.instant-img-container .header-wrap h1{max-width:100%;width:100%;text-align:center}}.instant-img-container .header-wrap h1 em{font-weight:400;font-size:14px;background-color:rgba(0,0,0,.055);color:rgba(0,0,0,.5);display:inline-block;-webkit-border-radius:2px;border-radius:2px;padding:3px;position:relative;top:-2px;left:2px;text-shadow:1px 1px 1px hsla(0,0%,100%,.4);font-style:normal;line-height:1}.instant-img-container .header-wrap h1 span{display:block;padding:3px 0 0;color:#999;font-size:15px;font-weight:400}.instant-img-container .header-wrap button{position:absolute;right:25px;bottom:26px}@media screen and (max-width:800px){.instant-img-container .header-wrap button{position:static;margin-top:20px;display:inline-block}}.instant-img-container .header-wrap button i{margin-right:2px}.instant-img-container .instant-images-wrapper{padding:0 25px;display:block;overflow:hidden;min-height:400px;background:url(../img/ajax-loader-lg.gif) no-repeat 50%}.instant-img-container .instant-images-wrapper.loaded{background:none}.instant-img-container .permissions-warning{padding:0 25px}.instant-img-container .permissions-warning .inner{border-bottom:1px solid #efefef;padding:32px 0}.instant-img-container .permissions-warning input{max-width:500px}.instant-img-container .permissions-warning h3{font-size:22px;margin:0 0 15px}.instant-img-container .permissions-warning h3 i{margin:0 2px 0 0;position:relative}.instant-img-container .permissions-warning p:first-of-type{font-size:18px;margin:0 0 2px}.instant-img-container .loading-block{display:none;padding:50px;background:url(../img/ajax-loader-lg.gif) no-repeat 50%}.instant-img-container .load-more-wrap{margin:1% 0 0;padding:25px 0;text-align:center;display:none;border-top:1px solid #efefef}.instant-img-container .load-more-wrap button{display:inline-block;margin:0;padding:12px 15px;font-size:15px;font-weight:600;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;height:auto;line-height:1;cursor:pointer;background-image:none;background-repeat:no-repeat!important;background-position:15px!important}.instant-img-container .load-more-wrap button.disabled{opacity:.3;cursor:default}.instant-img-container .cnkt-main{width:100%;float:none;background:none!important;position:relative}.instant-img-container h2,.instant-img-container h3,.instant-img-container h4{margin-top:0}.instant-img-container .save-settings p.submit{float:left;margin:0 2px 0 0;width:auto}.instant-img-container .save-settings .loading{width:46px;height:28px;display:none;float:left;background:#fff url(../img/ajax-loader.gif) no-repeat 50%}#TB_ajaxContent{clear:both;line-height:1.4em;overflow:auto;text-align:left;width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px!important}.cnkt-sidebar .form-table{margin:0;border:none;position:relative;top:-5px}.cnkt-sidebar .form-table label,.cnkt-sidebar .form-table p,.cnkt-sidebar .form-table td{font-size:13px}.cnkt-sidebar .form-table label{color:#333;display:block;clear:both;float:none}.cnkt-sidebar .form-table label span{opacity:.8;font-size:13px;font-style:italic}.cnkt-sidebar .form-table th{display:none}.instant-img-container .form-table td{border-top:0;padding:0 0 10px;float:left;width:100%;margin:0}.cnkt-main .form-msg,.cnkt-sidebar .form-table .form-msg{display:block;line-height:18px;padding:12px 12px 12px 15px;margin:15px 0 0;color:#666;background-color:#fff9ea;border-left:5px solid #dfd8c2;-webkit-border-radius:2px;border-radius:2px}.cnkt-main .form-msg span,.cnkt-sidebar .form-table .form-msg span{display:block;padding:6px 0 3px}.instant-img-container h1,.instant-img-container h3,.instant-img-container h4{color:#222;margin-top:0}.instant-img-container h4+p{margin-top:-6px}.instant-img-container p.small{font-size:12px;margin-top:-10px;opacity:.7}.instant-img-container ul{padding:0;margin:0;list-style:none}.instant-img-container input,.instant-img-container label,.instant-img-container select,.instant-img-container textarea{-webkit-box-shadow:none;box-shadow:none}.instant-img-container .save-settings{padding-top:5px}.instant-img-container label{padding:5px 0}#unsplash-form-options h2,#unsplash-form-options p.desc{display:none}.instant-img-container input[type=number],.instant-img-container input[type=text],.instant-img-container textarea{padding:10px;line-height:1;background:#f7f7f7;width:100%;-webkit-border-radius:2px;border-radius:2px;height:auto}.instant-img-container input[type=text]:focus,.instant-img-container textarea:focus{border-color:#999;-webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;background:#efefef}.instant-img-container .spacer{display:block;height:40px;overflow:hidden;clear:both;width:100%}.instant-img-container .spacer.sm{height:20px}.instant-img-container input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:inset 0 0 0 1000px #fff}.instant-img-container .control-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0 0 20px;padding:20px 0;list-style:none;border-bottom:1px solid #efefef}@media screen and (max-width:800px){.instant-img-container .control-nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.instant-img-container .control-nav:after{content:"";display:table;clear:both}.instant-img-container .control-nav--filters-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}@media screen and (max-width:800px){.instant-img-container .control-nav--filters-wrap{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}}.instant-img-container .control-nav--filters-wrap.inactive{opacity:.55;-webkit-filter:blur(1px);filter:blur(1px)}.instant-img-container .control-nav--filters-wrap.inactive *{cursor:not-allowed}.instant-img-container .control-nav--filters{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;width:100%}@media screen and (min-width:1024px){.instant-img-container .control-nav--filters{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}}.instant-img-container .control-nav--filters:before{display:block;display:none;content:"\F0B0";font-family:FontAwesome;color:#efefef;font-size:24px;margin-right:10px}.instant-img-container .control-nav--filters label{border-left:none;display:block;min-width:125px;padding:0;margin:0}.instant-img-container .control-nav--filters label span{display:block;text-transform:uppercase;font-size:10px;padding-bottom:1px;padding-left:1px}.instant-img-container .control-nav--filters label:focus-within select:not[disabled]{border-color:#999;-webkit-box-shadow:0 0 1px 5px rgba(0,0,0,.025);box-shadow:0 0 1px 5px rgba(0,0,0,.025)}.instant-img-container .control-nav--filters select{text-transform:capitalize;width:100%;border-color:#ccc;color:#333;background-color:#f7f7f7;min-height:36px;line-height:36px;font-size:14px;padding:0 24px 0 8px}.instant-img-container .control-nav--filters select[disabled]{cursor:not-allowed}.instant-img-container .control-nav--filters select:not[disabled]:hover{border-color:#999;-webkit-box-shadow:0 0 1px 5px rgba(0,0,0,.025);box-shadow:0 0 1px 5px rgba(0,0,0,.025)}.instant-img-container .control-nav--search{display:-webkit-box;display:-ms-flexbox;display:flex;width:30%;max-width:350px;margin:0;margin-left:auto;padding:0 0 0 20px;position:relative}@media screen and (min-width:1270px){.instant-img-container .control-nav--search{width:35%}}@media screen and (max-width:800px){.instant-img-container .control-nav--search{width:100%;display:block;position:static;padding:0;text-align:left;max-width:100%;padding:10px 0}}.instant-img-container .control-nav--search .searchResults{position:absolute;right:100.5%;top:5px;width:auto;height:30px;line-height:30px;padding:0 0 0 8px;background:#586ec6;border:1px solid #455cb6;-webkit-border-radius:4px;border-radius:4px;z-index:9999;font-size:13px;font-weight:500;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;color:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.05);box-shadow:0 2px 3px rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.instant-img-container .control-nav--search .searchResults span{cursor:help}.instant-img-container .control-nav--search .searchResults button{cursor:pointer;color:#fff;background-color:transparent!important;padding:0;height:auto;line-height:1;width:28px;font-weight:700;opacity:.65;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;height:100%;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.instant-img-container .control-nav--search .searchResults button:focus,.instant-img-container .control-nav--search .searchResults button:hover{opacity:1}.instant-img-container .control-nav--search .searchResults:after,.instant-img-container .control-nav--search .searchResults:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;z-index:100}.instant-img-container .control-nav--search .searchResults:after{border-color:hsla(62,46%,78%,0);border-left-color:#586ec6;border-width:6px;margin-top:-6px}.instant-img-container .control-nav--search .searchResults:before{border-color:transparent;border-left-color:#455cb6;border-width:7px;margin-top:-7px}.instant-img-container .control-nav--search .searchResults.hide{opacity:0;visibility:hidden}.instant-img-container .control-nav--search form{padding:0 1px 0 0;margin:0;position:relative;height:38px;display:block;width:100%}.instant-img-container .control-nav--search form:hover button[type=submit]{opacity:1}.instant-img-container .control-nav--search input{width:100%;padding:0 10px 0 38px;border:1px solid #ccc;background-color:#f7f7f7!important;height:38px;line-height:38px;-webkit-border-radius:999px;border-radius:999px;font-size:14px;-webkit-transition:border .25s ease;-o-transition:border .25s ease;transition:border .25s ease;background-position:right 10px center;background-repeat:no-repeat}.instant-img-container .control-nav--search input:focus{border-color:#999;-webkit-box-shadow:0 0 1px 5px rgba(0,0,0,.025);box-shadow:0 0 1px 5px rgba(0,0,0,.025)}.instant-img-container .control-nav--search input.searching{background-image:url(../img/ajax-loader.gif)}.instant-img-container .control-nav--search input[type=search]::-webkit-search-cancel-button,.instant-img-container .control-nav--search input[type=search]::-webkit-search-decoration,.instant-img-container .control-nav--search input[type=search]::-webkit-search-results-button,.instant-img-container .control-nav--search input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.instant-img-container .control-nav--search button[type=submit]{position:absolute;left:2px;top:0;width:38px;height:38px;line-height:38px;-webkit-border-radius:100%;border-radius:100%;z-index:1;border:none!important;background:transparent!important;cursor:pointer;color:#333;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;opacity:.75;margin:0;padding:0;font-size:16px}.instant-img-container .control-nav--search button[type=submit]:focus,.instant-img-container .control-nav--search button[type=submit]:hover{opacity:1}.instant-img-container .control-nav--search input[type=search]::-webkit-input-placeholder{color:#ccc;font-weight:400;font-style:normal;font-size:14px}.instant-img-container .control-nav--search input[type=search]:-moz-placeholder,.instant-img-container .control-nav--search input[type=search]::-moz-placeholder{color:#ccc;font-weight:400;font-style:normal;font-size:14px}.instant-img-container .control-nav--search input[type=search]:-ms-input-placeholder{color:#ccc;font-weight:400;font-style:normal;font-size:14px}#photos{width:100%;width:calc(100% + 10px);margin:0 0 0 -5px;padding:0;position:relative}#photos:after{visibility:hidden;opacity:0;display:block;content:"";position:absolute;left:-10px;top:-5px;width:calc(100% + 20px);height:calc(100% + 10px);min-height:200px;background:hsla(0,0%,100%,.95) url(../img/ajax-loader-lg.gif) no-repeat center 90px;z-index:999;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}#photos.loading:after{visibility:visible;opacity:1}#photos .photo{width:20%;margin:0;padding:0 5px 10px;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}#photos .photo--wrap{position:relative}#photos .photo.in-view{opacity:1}#photos .photo.in-progress .fade{opacity:0!important;visibility:hidden!important}#photos .photo .img-wrap{display:block;overflow:hidden;position:relative}@media screen and (min-width:2000px){#photos .photo{width:20%}}@media screen and (max-width:1500px){#photos .photo{width:25%}}@media screen and (max-width:1270px){#photos .photo{width:33.333333%}}@media screen and (max-width:800px){#photos .photo{width:50%}}@media screen and (max-width:600px){#photos .photo{width:100%;margin:0 0 2%}}#photos .photo:focus a.upload img{opacity:.6}#photos .photo:focus .fade{opacity:1;visibility:visible}#photos .photo:focus .fade.user{opacity:.7}#photos .photo:focus-within .user-controls{opacity:1}#photos .photo a.upload{display:block;position:relative;background-color:#222;background-position:50%;background-repeat:no-repeat;background-image:url(../img/ajax-loader.gif);overflow:hidden}#photos .photo a.upload.loaded{background-image:none}#photos .photo a.upload:active,#photos .photo a.upload:focus{outline:none;border:none}#photos .photo a.upload img{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:100%;height:auto!important;padding:0;vertical-align:top}#photos .photo a.upload .status{visibility:hidden;opacity:0;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:60px;height:60px;line-height:60px;-webkit-border-radius:4px;border-radius:4px;position:absolute;left:50%;top:50%;z-index:5;-webkit-transform:translate(-50%,-50%) scale(1.2);-ms-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.25);box-shadow:0 2px 3px rgba(0,0,0,.25);background-position:50%;background-repeat:no-repeat}#photos .photo a.upload .status:before{font-family:FontAwesome;display:block;color:#fff;font-size:24px;opacity:.8}#photos .photo a.upload .status a{color:#fff}#photos .photo a.upload.errors .status,#photos .photo a.upload.success .status,#photos .photo a.upload.uploading .status{text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}#photos .photo a.upload.uploading{cursor:default!important}#photos .photo a.upload.uploading .status{visibility:visible;opacity:1;background:hsla(0,0%,100%,.95) url(../img/ajax-loader-lg.gif) no-repeat 50%;-webkit-background-size:24px 24px;background-size:24px 24px}#photos .photo a.upload.uploading .status:before{display:none}#photos .photo a.upload.success{cursor:default!important}#photos .photo a.upload.success .status{visibility:visible;opacity:1;background-color:#65c774}#photos .photo a.upload.success .status:before{content:"\F00C";color:#fff}#photos .photo a.upload.success img{-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important}#photos .photo a.upload.errors{cursor:help!important}#photos .photo a.upload.errors .status{visibility:visible;opacity:1;background-color:#df3333}#photos .photo a.upload.errors .status:before{content:"\F12A";color:#fff;opacity:.8}#photos .photo.uploaded a.upload img{opacity:.25!important}#photos .photo.uploaded .options,#photos .photo.uploaded .user-controls{opacity:0!important;visibility:hidden!important}#photos .photo.in-progress a.upload img,#photos .photo:hover a.upload img{opacity:.7;-webkit-transform:scale(1.075);-ms-transform:scale(1.075);transform:scale(1.075)}#photos .photo.in-progress .options,#photos .photo:hover .options{opacity:1;visibility:visible}#photos .photo.in-progress .options i.heart-like,#photos .photo:hover .options i.heart-like{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#photos .photo.in-progress .user-controls,#photos .photo:hover .user-controls{opacity:1}#photos .photo.in-progress .notice-msg{top:0;opacity:1}#photos .photo.in-progress .options,#photos .photo.in-progress .user-controls{opacity:0!important}#photos .photo .options{position:absolute;top:5px;right:5px;z-index:6;display:inline-block;width:auto;cursor:default!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden;font-size:13px}#photos .photo .options i{font-size:14px}#photos .photo .options i.heart-like{color:#d13714;-webkit-transition:all .25s ease .05s;-o-transition:all .25s ease .05s;transition:all .25s ease .05s;-webkit-transform:scale(.55);-ms-transform:scale(.55);transform:scale(.55);margin-right:2px;position:relative;top:0;font-size:14px;opacity:.9}#photos .photo .options a,#photos .photo .options span{display:inline-block;vertical-align:top;line-height:30px;padding:0 10px;padding-top:1px;background:hsla(0,0%,100%,.5);margin:0;-webkit-border-radius:2px;border-radius:2px;color:#23282d;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#photos .photo .options span{cursor:default}#photos .photo .options span:focus,#photos .photo .options span:hover{background-color:#fff}#photos .photo .options a{margin-left:2px}#photos .photo .options a:focus,#photos .photo .options a:hover{background-color:#fff}#photos .photo .options a i{position:relative;top:1px;left:1px}#photos .photo .user-controls{position:absolute;z-index:6;bottom:0;left:0;width:100%;background:rgba(0,0,0,.4);padding:0;opacity:.35;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#photos .photo .photo-options{float:right;text-align:right;max-width:50%}#photos .photo .fade{-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;color:#fff;background:hsla(0,0%,100%,.75);background:transparent;-webkit-border-radius:2px;border-radius:2px;height:34px;line-height:34px;font-size:17px;z-index:6;float:left;margin:1px 1px 1px 0;padding:0;color:hsla(0,0%,100%,.75);border:none!important;outline:none;cursor:pointer}#photos .photo .fade.edit-photo,#photos .photo .fade.edit-photo-admin,#photos .photo .fade.insert,#photos .photo .fade.set-featured{display:inline-block;width:34px;text-align:center;position:relative}#photos .photo .fade.edit-photo-admin i,#photos .photo .fade.edit-photo i,#photos .photo .fade.insert i,#photos .photo .fade.set-featured i{line-height:27px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#photos .photo .fade.edit-photo-admin:focus,#photos .photo .fade.edit-photo-admin:hover,#photos .photo .fade.edit-photo:focus,#photos .photo .fade.edit-photo:hover,#photos .photo .fade.insert:focus,#photos .photo .fade.insert:hover,#photos .photo .fade.set-featured:focus,#photos .photo .fade.set-featured:hover{color:#222;background:hsla(0,0%,100%,.95)}#photos .photo .fade.edit-photo-admin{display:none}#photos .photo .fade.user{background:none;font-size:13px;max-width:48%;cursor:pointer;text-decoration:none;border:none;line-height:35px;height:36px;margin:0}#photos .photo .fade.user:focus,#photos .photo .fade.user:hover{text-decoration:underline}#photos .photo .fade.user .user-wrap{position:relative;padding-left:35px;display:block;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#photos .photo .fade.user .user-wrap:before{content:"";display:block;z-index:0;background-color:#fff;height:20px;opacity:.25}#photos .photo .fade.user .user-wrap:before,#photos .photo .fade.user img{width:20px;max-width:20px;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:8px;top:8px}#photos .photo .fade.user img{z-index:1}#photos .photo .notice-msg{position:absolute;z-index:999;top:-40px;left:0;height:40px;line-height:40px;width:100%;background:rgba(0,0,0,.6);text-align:center;color:hsla(0,0%,100%,.9);font-size:12px;margin:0;padding:0;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;opacity:0;z-index:9999}#photos .photo .notice-msg.has-error{top:-40px;opacity:0}#photos .edit-screen{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;background:hsla(0,0%,100%,.9);opacity:0;visibility:hidden;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;padding:5px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #e1e1e1;-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025)}#photos .edit-screen.editing{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#photos .edit-screen--controls,#photos .edit-screen--title{display:block;background:#f7f7f7;border:1px solid #e1e1e1;padding:15px 10px;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}#photos .edit-screen--controls .button-primary,#photos .edit-screen--title .button-primary{float:right}#photos .edit-screen--controls{-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}#photos .edit-screen--title{border-bottom:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;padding:10px;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}#photos .edit-screen--title>div{padding:5px 15px 5px 5px;-webkit-box-flex:1;-ms-flex:1;flex:1}#photos .edit-screen--title>div.preview{width:30%;padding:0;-webkit-background-size:cover;background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-border-radius:2px;border-radius:2px;-webkit-box-flex:0;-ms-flex:none;flex:none}#photos .edit-screen--title p{font-size:12px;line-height:1.45;margin:0;color:#999}#photos .edit-screen--title p.heading{color:#222;margin:0 0 3px;font-weight:600;text-transform:uppercase}#photos .edit-screen .add-attribution-row,#photos .edit-screen label{margin:0;padding:15px;display:block;background:#fff;border:1px solid #e1e1e1;border-bottom:none;position:relative}#photos .edit-screen .add-attribution-row{padding-top:0;margin-top:-15px;border-top:none}#photos .edit-screen .add-attribution-row button{cursor:pointer;font-size:11px;outline:none;padding:5px 0;border:none;background:none;text-decoration:underline}#photos .edit-screen .add-attribution-row button:focus,#photos .edit-screen .add-attribution-row button:hover{text-decoration:none}#photos .edit-screen span{display:block;font-size:11px;text-transform:uppercase;font-weight:600;margin:0 0 5px;color:#222;line-height:1}#photos .edit-screen textarea{resize:none;font-size:12px;line-height:1.35}#photos .edit-screen input{font-size:12px;padding:0 10px;margin:0;height:35px;line-height:35px}#photos .edit-screen em{position:absolute;bottom:15px;right:15px;height:35px;line-height:35px;background:#858585;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;color:#e1e1e1;font-style:normal;font-size:11px;padding:0 10px}.instant-images-settings{display:none;background-color:#efefef;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}.instant-images-settings .cnkt-sidebar{padding:20px 25px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.45}.instant-images-settings .cnkt-sidebar p{font-size:13px}.instant-images-settings .cnkt-sidebar .cta{width:100%;background:#fff;padding:0;position:relative;border:1px solid #e1e1e1;-webkit-border-radius:3px;border-radius:3px;overflow:hidden}@media screen and (min-width:800px){.instant-images-settings .cnkt-sidebar .cta{width:calc(65% - 10px)}}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-bottom:52px}@media screen and (min-width:800px){.instant-images-settings .cnkt-sidebar .cta.ii-whats-new{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:15px}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li{line-height:1.45;width:100%;background-color:transparent;padding:5px;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:1024px){.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li{width:50%}}@media screen and (min-width:1270px){.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li{width:33.333%}}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li p{font-size:13px;position:relative;z-index:1;margin:0;padding:15px;border:1px solid #e1e1e1}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li p strong{font-size:14px;display:block;font-weight:700;margin:0 0 5px;color:#333}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new ul li code{font-size:12px;margin:0;padding:3px;background:#f7f7f7;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 0 1px #efefef;box-shadow:0 0 0 1px #efefef}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new .with-love{position:absolute;left:0;bottom:0;width:100%;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background-color:#f7f7f7;border-top:1px solid #e1e1e1;text-align:center;margin:0;padding:15px}.instant-images-settings .cnkt-sidebar .cta.ii-whats-new .with-love p{margin:0}.instant-images-settings .cnkt-sidebar .cta.ii-settings{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media screen and (min-width:800px){.instant-images-settings .cnkt-sidebar .cta.ii-settings{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:35%}}.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=number],.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=text],.instant-images-settings .cnkt-sidebar .cta.ii-settings select{background-color:#fff;width:100%;padding:5px 10px;border-color:#ccc;max-width:none}.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=number][readonly],.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=text][readonly],.instant-images-settings .cnkt-sidebar .cta.ii-settings select[readonly]{background-color:#f7f7f7;cursor:not-allowed;opacity:.65;border-color:#ccc!important;-webkit-box-shadow:none!important;box-shadow:none!important}.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=number],.instant-images-settings .cnkt-sidebar .cta.ii-settings input[type=text]{padding:10px}.instant-images-settings .cnkt-sidebar .cta.ii-settings span.desc{font-size:11px;display:block;padding:8px 2px 5px}.instant-images-settings .cnkt-sidebar .cta.ii-plugins{width:100%;margin-top:10px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer{width:100%;position:static;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px 0}.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer .plugin{width:100%;margin:0 0 20px;line-height:1.45}@media screen and (min-width:800px){.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer .plugin{width:calc(50% - 10px)}}.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer .plugin h2{margin-bottom:5px}.instant-images-settings .cnkt-sidebar .cta.ii-plugins .cnkt-plugin-installer:after{display:none}.instant-images-settings .cnkt-sidebar h2{border:none;padding:20px 20px 0;font-size:18px;font-weight:700}.instant-images-settings .cnkt-sidebar h2+p{padding:0 20px 16px;margin:0!important;border-bottom:1px solid #e1e1e1}.instant-images-settings .cnkt-sidebar h2,.instant-images-settings .cnkt-sidebar h2+p{background:#f7f7f7;margin:0}.instant-images-settings .cnkt-sidebar .cnkt-sidebar h3,.instant-images-settings .cnkt-sidebar .cnkt-sidebar h4{margin-top:0}.instant-images-settings .cnkt-sidebar .cta-wrap{display:block;padding:20px}.instant-images-settings .cnkt-sidebar .cta-wrap h4{padding:10px 0 7px;margin:0}.instant-images-settings .cnkt-sidebar .cta-wrap h4 span{display:inline-block;line-height:1;padding:8px 10px;-webkit-border-radius:2px;border-radius:2px;background:#ffc;color:#666}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin{width:48%;margin:2% 1% 0}@media screen and (max-width:1170px){.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin{width:100%;margin:2% 0 0}}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2{border:none;padding:0;font-size:16px}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2+p{padding:0;margin:0!important;border-bottom:none}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2,.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2+p{background:none;margin:0}.instant-images-settings table{margin-top:5px}.instant-img-container[data-media-popup=true]{background:#fff}.instant-img-container[data-media-popup=true] .header-wrap{display:none}.instant-img-container[data-media-popup=true] .instant-images-wrapper{padding:0 16px}body.loading .instant-img-container .loading-block{display:block}.instant-images-sidebar-icon,.instant-images-sidebar-icon svg{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.instant-images-sidebar-icon svg{height:20px;width:20px}.instant-images-sidebar-icon svg,.instant-images-sidebar-icon svg *{stroke:#586ec6!important;fill:#586ec6!important}.components-panel .instant-img-container .load-more-wrap{display:block}.components-panel .no-results{padding:40px}.components-panel .no-results h3{font-size:18px}.components-panel .no-results p{font-size:13px}.components-panel .search-results-text{font-size:12px;border-top:1px solid #ddd;border-color:#ddd}.components-panel .search-results-text .search-results-clear{display:none}.components-panel #photos{width:100%;margin:0;padding:5px}.components-panel #photos .photo{width:100%;display:block;opacity:1!important;margin:0 0 5px;padding:0}.components-panel .provider-nav{width:100%;padding:10px 5px;margin:0;border-bottom-color:#ddd}.components-panel .provider-nav button{font-size:13px;padding-left:36px}.components-panel .control-nav{padding:0 5px 5px;border-bottom:1px solid #ddd;margin:0 0 10px;display:block}.components-panel .control-nav .control-nav--spacer{display:none}.components-panel .control-nav--filters-wrap{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;display:block}.components-panel .control-nav--filters{-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;padding:10px 0}.components-panel .control-nav--filters .filter-dropdown{width:calc(50% - 3px);display:none}.components-panel .control-nav--filters .filter-dropdown button{padding:5px;font-size:13px}.components-panel .control-nav--filters .filter-dropdown button.filter-dropdown--button{display:block}.components-panel .control-nav--filters .filter-dropdown button i{margin-left:auto;padding-right:5px}.components-panel .control-nav--filters .filter-dropdown--menu{width:106%;left:-3%;padding:8px}.components-panel .control-nav--filters .filter-dropdown--menu button{gap:8px}.components-panel .control-nav--filters .filter-dropdown:first-child,.components-panel .control-nav--filters .filter-dropdown:nth-child(2){display:block}.components-panel .control-nav--filters .filter-dropdown .filter-dropdown--button-label{display:block;font-size:10px;text-transform:uppercase;margin:0 0 2px}.components-panel .control-nav--filters .filter-dropdown .filter-dropdown--button-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;font-size:14px}.components-panel .control-nav--search{float:none;width:100%;padding:0 0 10px;clear:both}.components-panel .control-nav--search form{height:auto}.components-panel .control-nav--search:before,.components-panel .control-nav--search button[type=submit]{display:none}.components-panel .control-nav--search input{line-height:40px;height:40px;padding-right:10px;padding-left:10px;border-color:#e2e4e7;font-size:13px;-webkit-border-radius:3px!important;border-radius:3px!important;background-position:8px}.components-panel .control-nav--search input.searching{padding-left:30px}.components-panel .control-nav--search input:focus{-webkit-box-shadow:none;box-shadow:none}.components-panel .control-nav--search input[type=search]::-webkit-input-placeholder{font-size:13px}.components-panel .control-nav--search input[type=search]:-moz-placeholder,.components-panel .control-nav--search input[type=search]::-moz-placeholder{font-size:13px}.components-panel .control-nav--search input[type=search]:-ms-input-placeholder{font-size:13px}.components-panel .control-nav--search .searchResults{right:2px;left:auto;top:2px;-webkit-border-radius:2px;border-radius:2px;font-size:12px;height:36px;line-height:35px}.components-panel .control-nav--search .searchResults:after,.components-panel .control-nav--search .searchResults:before{display:none}.components-panel .orientation-list{position:static;border-top:none;background:#f7f7f7;padding:5px 5px 5px 0;margin-bottom:5px;border-bottom-color:#ddd}.components-panel .orientation-list span{display:none}.components-panel .orientation-list ul{padding:0;width:100%}.instant-img-container #tooltip{display:inline-block;padding:8px 10px;background:#fff;position:fixed;left:auto;top:auto;z-index:999;display:block;opacity:0;visibility:hidden;margin-top:-37px;font-size:12px;color:#999;text-align:center;line-height:1;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1);-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.instant-img-container #tooltip:after{top:100%;right:17px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:hsla(0,0%,100%,0);border-top-color:#fff;border-width:5px;margin-left:-5px}.instant-img-container #tooltip.over{opacity:.9;visibility:visible}.instant-img-container #tooltip.above{margin-top:37px}.instant-img-container #tooltip.above:after{top:-5px;border-top:none;border-bottom-color:#fff}.no-results{display:block;padding:150px 100px;text-align:center}.no-results h3{font-size:24px;line-height:29px;margin:0 0 10px}.no-results p{font-size:16px;margin:0}@media screen and (max-width:800px){.no-results{padding:50px}}.orientation-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:7px 0;margin:0 0 10px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;position:relative;top:-7px}.orientation-list span{opacity:.5;margin:0 10px 0 0;font-size:13px}.orientation-list span i{margin-right:2px}.orientation-list ul{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.orientation-list ul li{margin:0 1px 0 0;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;padding:4px 6px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;border:1px solid transparent;color:#999;font-size:13px}.orientation-list ul li:hover{color:#111}.orientation-list ul li:focus{border-color:#586ec6;color:#111;outline:none}.orientation-list ul li.active{background-color:#586ec6;border-color:#586ec6;color:#fff;outline:none}.media-frame-router button#menu-item-instantimages.active{background-color:#f7f7f7}.media-frame-content .instant-img-container .load-more-wrap{display:block}.provider-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:calc(100% + 50px);margin-left:-25px;padding:10px 25px;border-bottom:1px solid #efefef;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.045);box-shadow:0 2px 5px rgba(0,0,0,.045);background-color:#f7f7f7}.provider-nav,.provider-nav>div{position:relative}.provider-nav--btn{padding:0 10px 0 36px;height:38px;line-height:38px;border:1px solid transparent;background:transparent;margin-right:5px;cursor:pointer;position:relative;-webkit-border-radius:3px;border-radius:3px;font-size:14px;color:#999;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;background-color:#f7f7f7}.provider-nav--btn:focus,.provider-nav--btn:hover{color:#333}.provider-nav--btn.active{background-color:#fff;border-color:#ccc;color:#333;cursor:default;-webkit-box-shadow:0 0 6px rgba(0,0,0,.075);box-shadow:0 0 6px rgba(0,0,0,.075)}.provider-nav--new{color:#333;background-color:#ffe732;font-size:9px;text-transform:uppercase;display:inline;padding:3px 4px;-webkit-border-radius:3px;border-radius:3px;margin-left:5px;position:relative;top:-1px;letter-spacing:-.05rem}[data-provider=unsplash]{background:url(../img/unsplash.svg) no-repeat 10px;-webkit-background-size:18px 18px;background-size:18px 18px}[data-provider=pixabay]{background:url(../img/pixabay.png) no-repeat 10px;-webkit-background-size:20px 20px;background-size:20px 20px}.media-frame-content .instant-img-container .api-lightbox{position:fixed}.components-panel .instant-img-container .api-lightbox{height:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.instant-img-container .api-lightbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:99999;left:0;top:0;right:0;bottom:0;height:100vh;padding:5%;background-color:rgba(0,0,0,.75);font-size:13px}.instant-img-container .api-lightbox.active>div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.instant-img-container .api-lightbox>div{max-width:450px;width:100%;padding:0;background-color:#fff;border:1px solid #e1e1e1;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.25);position:relative;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.instant-img-container .api-lightbox>div>div{position:relative}.instant-img-container .api-lightbox--details{border-bottom:1px solid #e1e1e1;padding:25px;padding-bottom:20px;position:relative}.instant-img-container .api-lightbox--details:after,.instant-img-container .api-lightbox--details:before{top:100%;left:50px;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}.instant-img-container .api-lightbox--details:after{border-color:hsla(0,0%,100%,0);border-top-color:#fff;border-width:10px;margin-left:-10px}.instant-img-container .api-lightbox--details:before{border-color:rgba(194,225,245,0);border-top-color:#e1e1e1;border-width:11px;margin-left:-11px}.instant-img-container .api-lightbox--details h3{font-size:16px;line-height:18px;padding:0 0 0 25px;text-transform:uppercase;margin:0 0 10px;background-position:0}.instant-img-container .api-lightbox--details p{font-size:13px;margin:0 0 5px}.instant-img-container .api-lightbox--details p a{font-weight:500}.instant-img-container .api-lightbox--close{position:absolute;z-index:1;right:0;top:0;border:none;background-color:transparent;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:25px;cursor:pointer;opacity:.5}.instant-img-container .api-lightbox--close:focus,.instant-img-container .api-lightbox--close:hover{opacity:1}.instant-img-container .api-lightbox form{display:block;background-color:#f7f7f7;padding:25px}.instant-img-container .api-lightbox button[type=submit],.instant-img-container .api-lightbox label{font-size:12px;text-transform:uppercase;font-weight:600;display:block;padding:0;margin:0 0 5px;cursor:pointer}.instant-img-container .api-lightbox--input-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0;margin-bottom:10px;background-color:#fff;border:1px solid #e1e1e1;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.instant-img-container .api-lightbox--input-wrap:focus-within{border-color:#999;-webkit-box-shadow:0 0 1px 4px rgba(0,0,0,.065);box-shadow:0 0 1px 4px rgba(0,0,0,.065)}.instant-img-container .api-lightbox--input-wrap span{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;border-right:1px solid #e1e1e1;background-color:#f7f7f7}.instant-img-container .api-lightbox--input-wrap span i{font-size:16px}.instant-img-container .api-lightbox--input-wrap span.invalid{cursor:help}.instant-img-container .api-lightbox--input-wrap span.invalid i{color:#d4aa4d}.instant-img-container .api-lightbox--input-wrap span.valid i{color:#65c774}.instant-img-container .api-lightbox--input-wrap span.loading i{color:#333}.instant-img-container .api-lightbox--input-wrap input{line-height:40px;height:40px;padding:0 10px;background-color:transparent;border:none;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px}.instant-img-container .api-lightbox--input-wrap input::-webkit-input-placeholder{color:#999;font-weight:400;font-style:italic}.instant-img-container .api-lightbox--input-wrap input:-moz-placeholder,.instant-img-container .api-lightbox--input-wrap input::-moz-placeholder{color:#999;font-weight:400;font-style:italic}.instant-img-container .api-lightbox--input-wrap input:-ms-input-placeholder{color:#999;font-weight:400;font-style:italic}.instant-img-container .api-lightbox--input-wrap input:focus{background:transparent;outline:none;border:none;-webkit-box-shadow:none;box-shadow:none}.instant-img-container .api-lightbox button[type=submit]{width:100%;border:none;background-color:#586ec6;color:#fff;-webkit-border-radius:3px;border-radius:3px;padding:0 10px;line-height:46px;height:46px;margin:0}.instant-img-container .api-lightbox button[type=submit]:focus,.instant-img-container .api-lightbox button[type=submit]:hover{background-color:#455cb6}.instant-img-container .api-lightbox--response{color:#df3333;margin:0;font-size:13px;font-weight:500;padding:0 2px 12px}.instant-img-container .api-lightbox--response.valid{color:#51a75e}.filter-dropdown{position:relative}.filter-dropdown button{background-color:transparent;border:none;text-align:left;color:#999}.filter-dropdown button:not(disabled){cursor:pointer}.filter-dropdown--button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:10px 2px 10px 0;text-transform:capitalize;color:#999;width:100%;font-size:14px}@media screen and (min-width:1500px){.filter-dropdown--button{font-size:15px}}.filter-dropdown--button span.filter-dropdown--button-label{padding-right:3px}.filter-dropdown--button span.filter-dropdown--button-selected{color:#333;font-weight:500}.filter-dropdown--button i{opacity:.4;margin-left:10px;font-size:14px}.filter-dropdown--button:focus i,.filter-dropdown--button:hover i{opacity:1}.filter-dropdown--menu{display:block;visibility:hidden;opacity:0;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-transition:opacity .1s ease-in-out,visibility .1s ease-in-out,-webkit-transform .2s cubic-bezier(.24,.22,.015,1.56);transition:opacity .1s ease-in-out,visibility .1s ease-in-out,-webkit-transform .2s cubic-bezier(.24,.22,.015,1.56);-o-transition:transform .2s cubic-bezier(.24,.22,.015,1.56),opacity .1s ease-in-out,visibility .1s ease-in-out;transition:transform .2s cubic-bezier(.24,.22,.015,1.56),opacity .1s ease-in-out,visibility .1s ease-in-out;transition:transform .2s cubic-bezier(.24,.22,.015,1.56),opacity .1s ease-in-out,visibility .1s ease-in-out,-webkit-transform .2s cubic-bezier(.24,.22,.015,1.56);padding:10px;background-color:#fff;border:1px solid #e1e1e1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 8px 16px rgba(69,92,182,.2);box-shadow:0 8px 16px rgba(69,92,182,.2);z-index:9999;position:absolute;top:110%;left:-12px;width:200px;max-height:350px;overflow-y:auto}.filter-dropdown--menu.expanded{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:100%}.filter-dropdown--menu button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;width:100%;text-transform:capitalize;padding:8px 5px;-webkit-transition:all .25 ease;-o-transition:all .25 ease;transition:all .25 ease;font-size:14px}.filter-dropdown--menu button:before{font-family:FontAwesome;content:"\F00C";display:block;color:#ccc;opacity:.4;font-size:10px}.filter-dropdown--menu button:focus,.filter-dropdown--menu button:hover{color:#333}.filter-dropdown--menu button:focus:before,.filter-dropdown--menu button:hover:before{opacity:.75}.filter-dropdown--menu button.selected{color:#333}.filter-dropdown--menu button.selected:before{color:#333;opacity:.75}.filter-dropdown--menu[data-key=color] button ._color,.filter-dropdown--menu[data-key=colors] button ._color{margin-left:auto;width:14px;height:14px;-webkit-border-radius:50%;border-radius:50%;background-color:currentColor;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.075);box-shadow:0 0 0 1px rgba(0,0,0,.075)}.search-results-header h2{font-size:34px;line-height:1;padding:0;margin:0 0 5px;text-transform:capitalize;font-weight:700}@media screen and (max-width:800px){.search-results-header h2{font-size:25px}}.search-results-header--text{font-size:14px;margin:0;padding-bottom:10px;color:#999}.search-results-header--text strong{color:#333;font-weight:600}.search-results-header--text button{border:none;background-color:transparent;font-size:13px;cursor:pointer;color:#586ec6;font-weight:400;padding:2px 0 0;margin:0}.search-results-header--text button:focus,.search-results-header--text button:hover{text-decoration:underline;color:#455cb6}.search-results-header .control-nav--filters-wrap{margin:0 0 15px}

dist/js/instant-images-block.js CHANGED Viewed

@@ -86,6 +86,17 @@
             /************************************************************************/
             /******/ ({
             /***/ "./node_modules/axios/index.js":
             /*!*************************************!*\
               !*** ./node_modules/axios/index.js ***!
@@ -2766,10 +2777,23 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
                 _this.updatePreviousElement();
                 return _this;
-            -
              } // TODO: Need more test coverage for this function
               _createClass(FocusTrap, [{
                 key: "getNodeForOption",
                 value: function getNodeForOption(optionName) {
                   var optionValue = this.tailoredFocusTrapOptions[optionName];
@@ -2781,7 +2805,9 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
                   var node = optionValue;
                   if (typeof optionValue === 'string') {
-            -
                    node = document.querySelector(optionValue);
                     if (!node) {
                       throw new Error("`".concat(optionName, "` refers to no known node"));
@@ -2809,8 +2835,7 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
               }, {
                 key: "updatePreviousElement",
                 value: function updatePreviousElement() {
-            -
                  // SSR: careful to check if `document` exists before accessing it as a variable
-            -
                  var currentDocument = this.props.focusTrapOptions.document || (typeof document !== 'undefined' ? document : undefined);
                   if (currentDocument) {
                     this.previouslyFocusedElement = currentDocument.activeElement;
@@ -2884,7 +2909,14 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
               }, {
                 key: "componentDidMount",
                 value: function componentDidMount() {
-            -
                  this.setupFocusTrap();
+                }
               }, {
                 key: "componentDidUpdate",
@@ -2916,9 +2948,22 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
                     if (hasUnpaused) {
                       this.focusTrap.unpause();
+                    }
-            -
                  } else if (prevProps.containerElements !== this.props.containerElements) {
-            -
                    this.focusTrapElements = this.props.containerElements;
-            -
                    this.setupFocusTrap();
+                  }
+                }
               }, {
@@ -38045,6 +38090,289 @@ exports.default = ErrorMessage;
             /***/ }),
             /***/ "./src/js/components/LoadMore.js":
             /*!***************************************!*\
               !*** ./src/js/components/LoadMore.js ***!
@@ -38232,99 +38560,6 @@ exports.default = NoResults;
             /***/ }),
-            -
            /***/ "./src/js/components/Orientation.js":
-            -
            /*!******************************************!*\
-            -
              !*** ./src/js/components/Orientation.js ***!
-            -
              \******************************************/
-            -
            /*! no static exports found */
-            -
            /***/ (function(module, exports, __webpack_require__) {
-            -
-            -
            "use strict";
-            -
-            -
-            -
            Object.defineProperty(exports, "__esModule", {
-            -
            	value: true
-            -
            });
-            -
-            -
            var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-            -
-            -
            var _react = __webpack_require__(/*! react */ "./node_modules/react/index.js");
-            -
-            -
            var _react2 = _interopRequireDefault(_react);
-            -
-            -
            var _API = __webpack_require__(/*! ../constants/API */ "./src/js/constants/API.js");
-            -
-            -
            var _API2 = _interopRequireDefault(_API);
-            -
-            -
            function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-            -
-            -
            function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-            -
-            -
            function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-            -
-            -
            function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-            -
-            -
            var Orientation = function (_React$Component) {
-            -
            	_inherits(Orientation, _React$Component);
-            -
-            -
            	function Orientation(props) {
-            -
            		_classCallCheck(this, Orientation);
-            -
-            -
            		var _this = _possibleConstructorReturn(this, (Orientation.__proto__ || Object.getPrototypeOf(Orientation)).call(this, props));
-            -
-            -
            		_this.provider = _this.props.provider;
-            -
            		_this.setOrientation = _this.props.setOrientation.bind(_this);
-            -
            		_this.options = _API2.default[_this.provider].orientation;
-            -
            		return _this;
-            -
            	}
-            -
-            -
            	_createClass(Orientation, [{
-            -
            		key: "render",
-            -
            		value: function render() {
-            -
            			var _this2 = this;
-            -
-            -
            			return _react2.default.createElement(
-            -
            				"div",
-            -
            				{ className: "orientation-list" },
-            -
            				_react2.default.createElement(
-            -
            					"span",
-            -
            					null,
-            -
            					_react2.default.createElement("i", { className: "fa fa-filter", "aria-hidden": "true" }),
-            -
            					" ",
-            -
            					instant_img_localize.orientation,
-            -
            					":"
-            -
            				),
-            -
            				_react2.default.createElement(
-            -
            					"ul",
-            -
            					null,
-            -
            					this.options && this.options.map(function (option, iterator) {
-            -
            						return _react2.default.createElement(
-            -
            							"li",
-            -
            							{
-            -
            								key: iterator + "-" + option,
-            -
            								tabIndex: "0",
-            -
            								onClick: function onClick(e) {
-            -
            									return _this2.setOrientation(option, e);
-            -
            								},
-            -
            								onKeyPress: function onKeyPress(e) {
-            -
            									return _this2.setOrientation(option, e);
-            -
            								}
-            -
            							},
-            -
            							instant_img_localize[option]
-            -
            						);
-            -
            					})
-            -
            				)
-            -
            			);
-            -
            		}
-            -
            	}]);
-            -
-            -
            	return Orientation;
-            -
            }(_react2.default.Component);
-            -
-            -
            exports.default = Orientation;
-            -
-            -
            /***/ }),
-            -
             /***/ "./src/js/components/Photo.js":
             /*!************************************!*\
               !*** ./src/js/components/Photo.js ***!
@@ -39294,6 +39529,8 @@ Object.defineProperty(exports, "__esModule", {
             	value: true
             });
             var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
             var _masonryLayout = __webpack_require__(/*! masonry-layout */ "./node_modules/masonry-layout/masonry.js");
@@ -39308,10 +39545,22 @@ var _API = __webpack_require__(/*! ../constants/API */ "./src/js/constants/API.j
             var _API2 = _interopRequireDefault(_API);
             var _buildTestURL = __webpack_require__(/*! ../functions/buildTestURL */ "./src/js/functions/buildTestURL.js");
             var _buildTestURL2 = _interopRequireDefault(_buildTestURL);
             var _getResults = __webpack_require__(/*! ../functions/getResults */ "./src/js/functions/getResults.js");
             var _getResults2 = _interopRequireDefault(_getResults);
@@ -39328,6 +39577,10 @@ var _ErrorMessage = __webpack_require__(/*! ./ErrorMessage */ "./src/js/componen
             var _ErrorMessage2 = _interopRequireDefault(_ErrorMessage);
             var _LoadingBlock = __webpack_require__(/*! ./LoadingBlock */ "./src/js/components/LoadingBlock.js");
             var _LoadingBlock2 = _interopRequireDefault(_LoadingBlock);
@@ -39340,10 +39593,6 @@ var _NoResults = __webpack_require__(/*! ./NoResults */ "./src/js/components/NoR
             var _NoResults2 = _interopRequireDefault(_NoResults);
-            -
            var _Orientation = __webpack_require__(/*! ./Orientation */ "./src/js/components/Orientation.js");
-            -
-            -
            var _Orientation2 = _interopRequireDefault(_Orientation);
-            -
             var _Photo = __webpack_require__(/*! ./Photo */ "./src/js/components/Photo.js");
             var _Photo2 = _interopRequireDefault(_Photo);
@@ -39360,8 +39609,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
             function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
-            -
            function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-            -
             function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
             function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -39380,14 +39627,12 @@ var PhotoList = function (_React$Component) {
             		var _this = _possibleConstructorReturn(this, (PhotoList.__proto__ || Object.getPrototypeOf(PhotoList)).call(this, props));
             		_this.providers = ["Unsplash", "Pixabay"];
-            -
             		_this.provider = _this.props.provider; // Unsplash, Pixabay, etc.
             		_this.api_provider = _API2.default[_this.provider]; // The API settings for the provider.
             		_this.arr_key = _this.api_provider.arr_key;
-            -
            		_this.order_key = _this.api_provider.order_key;
             		_this.api_key = instant_img_localize[_this.provider + "_app_id"];
-            -
             		_this.api_url = "" + _this.api_provider.photo_api + _this.api_provider.api_query_var + _this.api_key + _API2.default.defaults.posts_per_page;
             		_this.search_api_url = "" + _this.api_provider.search_api + _this.api_provider.api_query_var + _this.api_key + _API2.default.defaults.posts_per_page;
@@ -39395,29 +39640,35 @@ var PhotoList = function (_React$Component) {
             		_this.results = (0, _getResults2.default)(_this.provider, _this.arr_key, _this.props.results);
             		_this.state = {
             			results: _this.results,
             			restapi_error: false,
             			api_lightbox: false
             		};
             		_this.orderby = _this.props.orderby; // Orderby
             		_this.page = _this.props.page; // Page
             		_this.is_search = false;
             		_this.search_term = "";
             		_this.total_results = 0;
-            -
            		_this.orientation = "";
             		_this.isLoading = false; // Loading flag.
             		_this.isDone = false; // Done flag.
             		_this.errorMsg = "";
             		_this.msnry = "";
             		_this.tooltipInterval = "";
             		// Refs.
             		_this.photoTarget = _react2.default.createRef();
             		_this.providerNav = _react2.default.createRef();
             		_this.controlNav = _react2.default.createRef();
             		_this.photoSearch = _react2.default.createRef();
-            -
            		_this.buttonLatest = _react2.default.createRef();
             		// Editor props.
             		_this.editor = _this.props.editor ? _this.props.editor : "classic";
@@ -39501,69 +39752,6 @@ var PhotoList = function (_React$Component) {
+            			}
+            		}
-            -
            		/**
-            -
               * Orientation filter. Availlable during a search only.
-            -
               *
-            -
               * @param {string} orientation The orientation of the photos.
-            -
               * @param {MouseEvent} event The dispatched orientation setter event.
-            -
               * @since 4.2
-            -
               */
-            -
-            -
            	}, {
-            -
            		key: "setOrientation",
-            -
            		value: function setOrientation(orientation, event) {
-            -
            			if (event && event.target) {
-            -
            				var target = event.target;
-            -
-            -
            				if (target.classList.contains("active")) {
-            -
            					// Clear orientation
-            -
            					target.classList.remove("active");
-            -
            					this.orientation = "";
-            -
            				} else {
-            -
            					// Set orientation
-            -
            					var siblings = target.parentNode.querySelectorAll("li");
-            -
            					[].concat(_toConsumableArray(siblings)).forEach(function (el) {
-            -
            						return el.classList.remove("active");
-            -
            					}); // remove active classes
-            -
-            -
            					target.classList.add("active");
-            -
            					this.orientation = orientation;
-            -
            				}
-            -
-            -
            				if (this.search_term !== "") {
-            -
            					this.doSearch(this.search_term);
-            -
            				}
-            -
            			}
-            -
            		}
-            -
-            -
            		/**
-            -
               * Is their an orientation set.
-            -
               *
-            -
               * @since 4.2
-            -
               */
-            -
-            -
            	}, {
-            -
            		key: "hasOrientation",
-            -
            		value: function hasOrientation() {
-            -
            			return this.orientation === "" ? false : true;
-            -
            		}
-            -
-            -
            		/**
-            -
               * Clear the orientation.
-            -
               *
-            -
               * @since 4.2
-            -
               */
-            -
-            -
            	}, {
-            -
            		key: "clearOrientation",
-            -
            		value: function clearOrientation() {
-            -
            			var items = this.container.querySelectorAll(".orientation-list li");
-            -
            			[].concat(_toConsumableArray(items)).forEach(function (el) {
-            -
            				return el.classList.remove("active");
-            -
            			}); // remove active classes
-            -
            			this.orientation = "";
-            -
            		}
-            -
             		/**
                * Run the search.
+               *
@@ -39577,25 +39765,28 @@ var PhotoList = function (_React$Component) {
             			var self = this;
             			var input = this.photoSearch.current;
             			var type = "term";
-            -
            			this.page = 1; // reset page num
-            -
            			var url = this.search_api_url + "&page=" + this.page + "&" + this.api_provider.search_query_var + "=" + this.search_term;
-            -
            			if (this.hasOrientation()) {
-            -
            				// Set orientation
-            -
            				url = url + "&orientation=" + this.orientation;
-            -
            			}
             			// Search by ID.
             			// Allow users to search by photo by prepending id:{photo_id} to search terms.
             			var search_type = term.substring(0, 3);
-            -
             			if (search_type === "id:") {
             				type = "id";
             				term = term.replace("id:", "");
             				url = (0, _searchByID2.default)(this.provider, term, this.api_provider.photo_api, this.api_provider.api_query_var, this.api_key);
+            			}
             			fetch(url).then(function (data) {
             				return data.json();
             			}).then(function (data) {
@@ -39609,7 +39800,10 @@ var PhotoList = function (_React$Component) {
             					// Update Props.
             					self.results = results;
-            -
            					self.setState({ results: self.results });
+            				}
             				// Search by ID.
@@ -39636,7 +39830,12 @@ var PhotoList = function (_React$Component) {
             					self.setState({ results: self.results });
+            				}
-            -
            				input.classList.remove("searching");
             			}).catch(function (error) {
             				console.log(error);
@@ -39646,6 +39845,9 @@ var PhotoList = function (_React$Component) {
             				self.total_results = 0;
             				self.isDone = true;
             				// Update Props.
             				self.results = [];
             				self.setState({ results: self.results });
@@ -39653,7 +39855,7 @@ var PhotoList = function (_React$Component) {
+            		}
             		/**
-            -
               * Reset search results and results view.
+               *
                * @since 3.0
                */
@@ -39661,43 +39863,65 @@ var PhotoList = function (_React$Component) {
             	}, {
             		key: "clearSearch",
             		value: function clearSearch() {
-            -
            			var input = this.photoSearch.current;
-            -
            			input.value = "";
             			this.total_results = 0;
             			this.is_search = false;
             			this.search_term = "";
-            -
            			this.clearOrientation();
+            		}
             		/**
-            -
               * Get the initial set of photos for the current view (New/Popular/Old/etc...).
+               *
                * @param {string}  view  Current view.
-            -
               * @param {Element} e     The clicked element.
-            -
               * @param {Boolean} reset Is this an app reset.
                * @since 3.0
                */
             	}, {
             		key: "getPhotos",
-            -
            		value: function getPhotos(view, e) {
-            -
            			var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
             			var self = this;
-            -
            			var el = e.target || e;
-            -
            			if (el.classList.contains("active") && !reset) {
             				return; // exit if active
+            			}
-            -
            			el.classList.add("loading"); // Add class to nav btn
             			this.isLoading = true;
             			this.page = 1;
             			this.orderby = view;
             			this.results = [];
             			this.clearSearch();
-            -
            			var url = this.api_url + "&page=" + this.page + "&" + this.order_key + "=" + this.orderby;
             			fetch(url).then(function (data) {
             				return data.json();
@@ -39711,12 +39935,25 @@ var PhotoList = function (_React$Component) {
             				self.results = results;
             				// Set results state.
-            -
            				self.setState({ results: results });
-            -
            				// Remove class from nav btn.
-            -
            				el.classList.remove("loading");
             			}).catch(function (error) {
             				console.log(error);
             				self.isLoading = false;
             			});
+            		}
@@ -39735,17 +39972,19 @@ var PhotoList = function (_React$Component) {
             			this.container.classList.add("loading");
             			this.isLoading = true;
-            -
            			var url = this.api_url + "&page=" + this.page + "&" + this.order_key + "=" + this.orderby;
             			if (this.is_search) {
             				url = this.search_api_url + "&page=" + this.page + "&" + this.api_provider.search_query_var + "=" + this.search_term;
-            -
-            -
            				if (this.hasOrientation()) {
-            -
            					// Set orientation
-

Instant Images – One Click Unsplash Uploads - Version 4.5.1

Version Description

Release Info

Code changes from version 4.5.0 to 4.5.1