Instant Images – One Click Unsplash Uploads - Version 4.5.1

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.
Download this release

Release Info

Developer dcooney
Plugin Icon 128x128 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

README.txt CHANGED
@@ -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
@@ -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">&rarr; <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">&rarr; <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
@@ -465,12 +465,13 @@ body.media_page_instant-images.overflow-hidden {
465
  -ms-flex-align: center;
466
  align-items: center;
467
  width: 100%;
468
- margin: 0;
469
- padding: 25px 0;
470
  list-style: none;
 
471
  }
472
 
473
- @media screen and (max-width: 600px) {
474
  .instant-img-container .control-nav {
475
  -webkit-box-pack: center;
476
  -ms-flex-pack: center;
@@ -484,101 +485,156 @@ body.media_page_instant-images.overflow-hidden {
484
  clear: both;
485
  }
486
 
487
- .instant-img-container .control-nav li {
488
- padding: 0;
489
- margin: 0 3px 0 0;
490
- float: left;
491
- background: none;
492
- font-size: 18px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
493
  position: relative;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
494
  }
495
 
496
- .instant-img-container .control-nav li button {
497
- padding: 0 24px 0 2px;
498
- height: 42px;
499
- line-height: 42px;
500
  display: block;
501
- color: #999;
502
- text-decoration: none;
503
- -webkit-box-shadow: none;
504
- box-shadow: none;
505
- background-color: transparent;
506
- background-position: 96% center;
507
- background-repeat: no-repeat;
508
- border: none;
509
- cursor: pointer;
510
  }
511
 
512
- .instant-img-container .control-nav li button:hover, .instant-img-container .control-nav li button:focus {
513
- color: #111;
514
- outline: none;
515
- -webkit-box-shadow: none;
516
- box-shadow: none;
 
517
  }
518
 
519
- .instant-img-container .control-nav li button:focus {
520
- text-decoration: underline;
 
 
 
 
521
  }
522
 
523
- .instant-img-container .control-nav li button.active {
524
- color: #333;
525
- cursor: default;
526
- font-weight: 600;
527
  }
528
 
529
- .instant-img-container .control-nav li button.loading {
530
- background-image: url(../img/ajax-loader.gif);
 
 
 
 
 
 
 
 
531
  }
532
 
533
- @media screen and (max-width: 800px) {
534
- .instant-img-container .control-nav li {
535
- font-size: 16px;
536
- margin: 0;
537
- }
538
- .instant-img-container .control-nav li button {
539
- padding-left: 3px;
540
- }
541
  }
542
 
543
- @media screen and (max-width: 600px) {
544
- .instant-img-container .control-nav li {
545
- text-align: center;
546
- margin: 0;
547
- padding-bottom: 15px;
548
- }
549
  }
550
 
551
- .instant-img-container .control-nav li.search-field {
552
- width: 40%;
 
 
 
 
553
  margin: 0;
554
  margin-left: auto;
555
- max-width: 500px;
 
556
  }
557
 
558
- @media screen and (max-width: 600px) {
559
- .instant-img-container .control-nav li.search-field {
 
 
 
 
 
 
560
  width: 100%;
561
  display: block;
562
  position: static;
563
- padding-bottom: 0;
564
  text-align: left;
565
  max-width: 100%;
 
566
  }
567
  }
568
 
569
- .instant-img-container .control-nav li.search-field .searchResults {
570
  position: absolute;
571
  right: 100.5%;
572
- top: 4px;
573
  width: auto;
574
- height: 34px;
575
- line-height: 34px;
576
- padding: 0 0 0 10px;
577
  background: #586ec6;
578
  border: 1px solid #455cb6;
579
- -webkit-border-radius: 3px;
580
- border-radius: 3px;
581
- z-index: 99;
582
  font-size: 13px;
583
  font-weight: 500;
584
  -webkit-transition: all 0.25s ease;
@@ -595,17 +651,18 @@ body.media_page_instant-images.overflow-hidden {
595
  align-items: center;
596
  }
597
 
598
- .instant-img-container .control-nav li.search-field .searchResults span {
599
  cursor: help;
600
- font-style: italic;
601
  }
602
 
603
- .instant-img-container .control-nav li.search-field .searchResults button {
 
604
  color: #fff;
 
605
  padding: 0;
606
  height: auto;
607
  line-height: 1;
608
- width: 30px;
609
  font-weight: 700;
610
  opacity: 0.65;
611
  display: -webkit-box;
@@ -619,13 +676,16 @@ body.media_page_instant-images.overflow-hidden {
619
  justify-content: center;
620
  font-size: 14px;
621
  height: 100%;
 
 
 
622
  }
623
 
624
- .instant-img-container .control-nav li.search-field .searchResults button:hover, .instant-img-container .control-nav li.search-field .searchResults button:focus {
625
  opacity: 1;
626
  }
627
 
628
- .instant-img-container .control-nav li.search-field .searchResults:after, .instant-img-container .control-nav li.search-field .searchResults:before {
629
  left: 100%;
630
  top: 50%;
631
  border: solid transparent;
@@ -637,126 +697,127 @@ body.media_page_instant-images.overflow-hidden {
637
  z-index: 100;
638
  }
639
 
640
- .instant-img-container .control-nav li.search-field .searchResults:after {
641
  border-color: rgba(223, 225, 173, 0);
642
  border-left-color: #586ec6;
643
  border-width: 6px;
644
  margin-top: -6px;
645
  }
646
 
647
- .instant-img-container .control-nav li.search-field .searchResults:before {
648
  border-color: rgba(0, 0, 0, 0);
649
  border-left-color: #455cb6;
650
  border-width: 7px;
651
  margin-top: -7px;
652
  }
653
 
654
- .instant-img-container .control-nav li.search-field .searchResults.hide {
655
  opacity: 0;
656
  visibility: hidden;
657
  }
658
 
659
- .instant-img-container .control-nav li.search-field form {
660
  padding: 0 1px 0 0;
661
  margin: 0;
662
  position: relative;
663
- height: 42px;
664
  display: block;
 
665
  }
666
 
667
- .instant-img-container .control-nav li.search-field form:hover button[type="submit"] {
668
  opacity: 1;
669
  }
670
 
671
- .instant-img-container .control-nav li.search-field input {
672
  width: 100%;
673
- padding: 0 10px 0 42px;
674
- border: 1px solid #e1e1e1;
675
  background-color: #f7f7f7 !important;
676
- height: 42px;
677
- line-height: 42px;
678
- -webkit-border-radius: 5px;
679
- border-radius: 5px;
680
- font-size: 16px;
681
- -webkit-transition: all 0.2s ease;
682
- -o-transition: all 0.2s ease;
683
- transition: all 0.2s ease;
 
 
684
  }
685
 
686
- .instant-img-container .control-nav li.search-field input:focus {
687
  border-color: #999;
688
- -webkit-box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.065);
689
- box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.065);
690
  }
691
 
692
- .instant-img-container .control-nav li.search-field input.searching {
693
- padding-left: 62px;
694
  background-image: url(../img/ajax-loader.gif);
695
- background-position: 37px center;
696
- background-repeat: no-repeat;
697
  }
698
 
699
- .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-search-decoration,
700
- .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-search-cancel-button,
701
- .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-search-results-button,
702
- .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-search-results-decoration {
703
  -webkit-appearance: none;
704
  }
705
 
706
- .instant-img-container .control-nav li.search-field button[type=submit] {
707
  position: absolute;
708
- left: 0;
709
  top: 0;
710
- width: 42px;
711
- height: 42px;
712
- line-height: 42px;
 
 
713
  z-index: 1;
714
  border: none !important;
715
  background: transparent !important;
716
  cursor: pointer;
717
- color: #666;
718
  -webkit-box-shadow: none !important;
719
  box-shadow: none !important;
720
  -webkit-transition: all 0.25s ease;
721
  -o-transition: all 0.25s ease;
722
  transition: all 0.25s ease;
723
- opacity: 0.5;
724
  margin: 0;
725
  padding: 0;
 
726
  }
727
 
728
- .instant-img-container .control-nav li.search-field button[type=submit]:hover {
729
- outline: none;
730
- color: #586ec6;
731
- }
732
-
733
- .instant-img-container .control-nav li.search-field button[type=submit]:focus {
734
- outline: none;
735
- color: #586ec6;
736
  }
737
 
738
- .instant-img-container .control-nav li.search-field input[type="search"]::-webkit-input-placeholder {
739
  color: #ccc;
740
  font-weight: 400;
741
  font-style: normal;
 
742
  }
743
 
744
- .instant-img-container .control-nav li.search-field input[type="search"]:-moz-placeholder {
745
  color: #ccc;
746
  font-weight: 400;
747
  font-style: normal;
 
748
  }
749
 
750
- .instant-img-container .control-nav li.search-field input[type="search"]::-moz-placeholder {
751
  color: #ccc;
752
  font-weight: 400;
753
  font-style: normal;
 
754
  }
755
 
756
- .instant-img-container .control-nav li.search-field input[type="search"]:-ms-input-placeholder {
757
  color: #ccc;
758
  font-weight: 400;
759
  font-style: normal;
 
760
  }
761
 
762
  #photos {
@@ -767,6 +828,29 @@ body.media_page_instant-images.overflow-hidden {
767
  position: relative;
768
  }
769
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
770
  #photos .photo {
771
  width: 20%;
772
  margin: 0;
@@ -802,7 +886,7 @@ body.media_page_instant-images.overflow-hidden {
802
  }
803
  }
804
 
805
- @media screen and (max-width: 1570px) {
806
  #photos .photo {
807
  width: 25%;
808
  }
@@ -1193,7 +1277,7 @@ body.media_page_instant-images.overflow-hidden {
1193
  }
1194
 
1195
  #photos .photo .fade.user .user-wrap:before {
1196
- content: '';
1197
  display: block;
1198
  z-index: 0;
1199
  background-color: #fff;
@@ -1573,6 +1657,17 @@ body.media_page_instant-images.overflow-hidden {
1573
  max-width: none;
1574
  }
1575
 
 
 
 
 
 
 
 
 
 
 
 
1576
  .instant-images-settings .cnkt-sidebar .cta.ii-settings input[type="text"],
1577
  .instant-images-settings .cnkt-sidebar .cta.ii-settings input[type="number"] {
1578
  padding: 10px;
@@ -1581,7 +1676,7 @@ body.media_page_instant-images.overflow-hidden {
1581
  .instant-images-settings .cnkt-sidebar .cta.ii-settings span.desc {
1582
  font-size: 11px;
1583
  display: block;
1584
- padding: 5px 2px;
1585
  }
1586
 
1587
  .instant-images-settings .cnkt-sidebar .cta.ii-plugins {
@@ -1752,6 +1847,16 @@ body.loading .instant-img-container .loading-block {
1752
  font-size: 13px;
1753
  }
1754
 
 
 
 
 
 
 
 
 
 
 
1755
  .components-panel #photos {
1756
  width: 100%;
1757
  margin: 0;
@@ -1768,57 +1873,113 @@ body.loading .instant-img-container .loading-block {
1768
 
1769
  .components-panel .provider-nav {
1770
  width: 100%;
1771
- padding: 5px;
1772
  margin: 0;
1773
  border-bottom-color: #ddd;
1774
  }
1775
 
1776
  .components-panel .provider-nav button {
1777
  font-size: 13px;
1778
- padding-left: 32px;
1779
  }
1780
 
1781
  .components-panel .control-nav {
1782
  padding: 0 5px 5px;
1783
  border-bottom: 1px solid #ddd;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1784
  }
1785
 
1786
- .components-panel .control-nav li {
 
 
 
 
 
 
1787
  font-size: 13px;
1788
  }
1789
 
1790
- .components-panel .control-nav li button {
1791
- padding-left: 4px;
1792
  }
1793
 
1794
- .components-panel .control-nav li a {
1795
- padding: 16px 24px 16px 0;
1796
- height: auto;
1797
- line-height: 1.2;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1798
  }
1799
 
1800
- .components-panel .control-nav li.search-field {
1801
  float: none;
1802
  width: 100%;
1803
- padding: 0;
1804
  clear: both;
1805
  }
1806
 
1807
- .components-panel .control-nav li.search-field form {
1808
  height: auto;
1809
  }
1810
 
1811
- .components-panel .control-nav li.search-field:before {
1812
- content: "";
1813
- display: table;
1814
- clear: both;
1815
  }
1816
 
1817
- .components-panel .control-nav li.search-field button[type=submit] {
1818
  display: none;
1819
  }
1820
 
1821
- .components-panel .control-nav li.search-field input {
1822
  line-height: 40px;
1823
  height: 40px;
1824
  padding-right: 10px;
@@ -1827,19 +1988,35 @@ body.loading .instant-img-container .loading-block {
1827
  font-size: 13px;
1828
  -webkit-border-radius: 3px !important;
1829
  border-radius: 3px !important;
 
1830
  }
1831
 
1832
- .components-panel .control-nav li.search-field input.searching {
1833
  padding-left: 30px;
1834
- background-position: 8px center;
1835
  }
1836
 
1837
- .components-panel .control-nav li.search-field input:focus {
1838
  -webkit-box-shadow: none;
1839
  box-shadow: none;
1840
  }
1841
 
1842
- .components-panel .control-nav li.search-field .searchResults {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1843
  right: 2px;
1844
  left: auto;
1845
  top: 2px;
@@ -1850,7 +2027,7 @@ body.loading .instant-img-container .loading-block {
1850
  line-height: 35px;
1851
  }
1852
 
1853
- .components-panel .control-nav li.search-field .searchResults:before, .components-panel .control-nav li.search-field .searchResults:after {
1854
  display: none;
1855
  }
1856
 
@@ -2020,12 +2197,12 @@ body.loading .instant-img-container .loading-block {
2020
  outline: none;
2021
  }
2022
 
2023
- .media-frame-content .instant-img-container .load-more-wrap {
2024
- display: block;
2025
  }
2026
 
2027
- .media-frame-content .instant-img-container .provider-nav {
2028
- padding: 10px 25px;
2029
  }
2030
 
2031
  .provider-nav {
@@ -2049,7 +2226,9 @@ body.loading .instant-img-container .loading-block {
2049
  }
2050
 
2051
  .provider-nav--btn {
2052
- padding: 8px 8px 8px 35px;
 
 
2053
  border: 1px solid transparent;
2054
  background: transparent;
2055
  margin-right: 5px;
@@ -2071,7 +2250,7 @@ body.loading .instant-img-container .loading-block {
2071
 
2072
  .provider-nav--btn.active {
2073
  background-color: #fff;
2074
- border-color: #e1e1e1;
2075
  color: #333;
2076
  cursor: default;
2077
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.075);
@@ -2094,13 +2273,13 @@ body.loading .instant-img-container .loading-block {
2094
  }
2095
 
2096
  [data-provider="unsplash"] {
2097
- background: url(../img/unsplash.svg) no-repeat 8px center;
2098
  -webkit-background-size: 18px 18px;
2099
  background-size: 18px 18px;
2100
  }
2101
 
2102
  [data-provider="pixabay"] {
2103
- background: url(../img/pixabay.png) no-repeat 8px center;
2104
  -webkit-background-size: 20px 20px;
2105
  background-size: 20px 20px;
2106
  }
@@ -2396,4 +2575,197 @@ body.loading .instant-img-container .loading-block {
2396
  color: #51a75e;
2397
  }
2398
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2399
  /*# 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
@@ -1 +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}
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 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
@@ -86,6 +86,17 @@
86
  /************************************************************************/
87
  /******/ ({
88
 
 
 
 
 
 
 
 
 
 
 
 
89
  /***/ "./node_modules/axios/index.js":
90
  /*!*************************************!*\
91
  !*** ./node_modules/axios/index.js ***!
@@ -2766,10 +2777,23 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
2766
  _this.updatePreviousElement();
2767
 
2768
  return _this;
2769
- } // TODO: Need more test coverage for this function
 
 
 
 
 
 
2770
 
2771
 
2772
  _createClass(FocusTrap, [{
 
 
 
 
 
 
 
2773
  key: "getNodeForOption",
2774
  value: function getNodeForOption(optionName) {
2775
  var optionValue = this.tailoredFocusTrapOptions[optionName];
@@ -2781,7 +2805,9 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
2781
  var node = optionValue;
2782
 
2783
  if (typeof optionValue === 'string') {
2784
- node = document.querySelector(optionValue);
 
 
2785
 
2786
  if (!node) {
2787
  throw new Error("`".concat(optionName, "` refers to no known node"));
@@ -2809,8 +2835,7 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
2809
  }, {
2810
  key: "updatePreviousElement",
2811
  value: function updatePreviousElement() {
2812
- // SSR: careful to check if `document` exists before accessing it as a variable
2813
- var currentDocument = this.props.focusTrapOptions.document || (typeof document !== 'undefined' ? document : undefined);
2814
 
2815
  if (currentDocument) {
2816
  this.previouslyFocusedElement = currentDocument.activeElement;
@@ -2884,7 +2909,14 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
2884
  }, {
2885
  key: "componentDidMount",
2886
  value: function componentDidMount() {
2887
- this.setupFocusTrap();
 
 
 
 
 
 
 
2888
  }
2889
  }, {
2890
  key: "componentDidUpdate",
@@ -2916,9 +2948,22 @@ var FocusTrap = /*#__PURE__*/function (_React$Component) {
2916
  if (hasUnpaused) {
2917
  this.focusTrap.unpause();
2918
  }
2919
- } else if (prevProps.containerElements !== this.props.containerElements) {
2920
- this.focusTrapElements = this.props.containerElements;
2921
- this.setupFocusTrap();
 
 
 
 
 
 
 
 
 
 
 
 
 
2922
  }
2923
  }
2924
  }, {
@@ -38045,6 +38090,289 @@ exports.default = ErrorMessage;
38045
 
38046
  /***/ }),
38047
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
38048
  /***/ "./src/js/components/LoadMore.js":
38049
  /*!***************************************!*\
38050
  !*** ./src/js/components/LoadMore.js ***!
@@ -38232,99 +38560,6 @@ exports.default = NoResults;
38232
 
38233
  /***/ }),
38234
 
38235
- /***/ "./src/js/components/Orientation.js":
38236
- /*!******************************************!*\
38237
- !*** ./src/js/components/Orientation.js ***!
38238
- \******************************************/
38239
- /*! no static exports found */
38240
- /***/ (function(module, exports, __webpack_require__) {
38241
-
38242
- "use strict";
38243
-
38244
-
38245
- Object.defineProperty(exports, "__esModule", {
38246
- value: true
38247
- });
38248
-
38249
- 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; }; }();
38250
-
38251
- var _react = __webpack_require__(/*! react */ "./node_modules/react/index.js");
38252
-
38253
- var _react2 = _interopRequireDefault(_react);
38254
-
38255
- var _API = __webpack_require__(/*! ../constants/API */ "./src/js/constants/API.js");
38256
-
38257
- var _API2 = _interopRequireDefault(_API);
38258
-
38259
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
38260
-
38261
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
38262
-
38263
- 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; }
38264
-
38265
- 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; }
38266
-
38267
- var Orientation = function (_React$Component) {
38268
- _inherits(Orientation, _React$Component);
38269
-
38270
- function Orientation(props) {
38271
- _classCallCheck(this, Orientation);
38272
-
38273
- var _this = _possibleConstructorReturn(this, (Orientation.__proto__ || Object.getPrototypeOf(Orientation)).call(this, props));
38274
-
38275
- _this.provider = _this.props.provider;
38276
- _this.setOrientation = _this.props.setOrientation.bind(_this);
38277
- _this.options = _API2.default[_this.provider].orientation;
38278
- return _this;
38279
- }
38280
-
38281
- _createClass(Orientation, [{
38282
- key: "render",
38283
- value: function render() {
38284
- var _this2 = this;
38285
-
38286
- return _react2.default.createElement(
38287
- "div",
38288
- { className: "orientation-list" },
38289
- _react2.default.createElement(
38290
- "span",
38291
- null,
38292
- _react2.default.createElement("i", { className: "fa fa-filter", "aria-hidden": "true" }),
38293
- " ",
38294
- instant_img_localize.orientation,
38295
- ":"
38296
- ),
38297
- _react2.default.createElement(
38298
- "ul",
38299
- null,
38300
- this.options && this.options.map(function (option, iterator) {
38301
- return _react2.default.createElement(
38302
- "li",
38303
- {
38304
- key: iterator + "-" + option,
38305
- tabIndex: "0",
38306
- onClick: function onClick(e) {
38307
- return _this2.setOrientation(option, e);
38308
- },
38309
- onKeyPress: function onKeyPress(e) {
38310
- return _this2.setOrientation(option, e);
38311
- }
38312
- },
38313
- instant_img_localize[option]
38314
- );
38315
- })
38316
- )
38317
- );
38318
- }
38319
- }]);
38320
-
38321
- return Orientation;
38322
- }(_react2.default.Component);
38323
-
38324
- exports.default = Orientation;
38325
-
38326
- /***/ }),
38327
-
38328
  /***/ "./src/js/components/Photo.js":
38329
  /*!************************************!*\
38330
  !*** ./src/js/components/Photo.js ***!
@@ -39294,6 +39529,8 @@ Object.defineProperty(exports, "__esModule", {
39294
  value: true
39295
  });
39296
 
 
 
39297
  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; }; }();
39298
 
39299
  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
39308
 
39309
  var _API2 = _interopRequireDefault(_API);
39310
 
 
 
 
 
39311
  var _buildTestURL = __webpack_require__(/*! ../functions/buildTestURL */ "./src/js/functions/buildTestURL.js");
39312
 
39313
  var _buildTestURL2 = _interopRequireDefault(_buildTestURL);
39314
 
 
 
 
 
 
 
 
 
39315
  var _getResults = __webpack_require__(/*! ../functions/getResults */ "./src/js/functions/getResults.js");
39316
 
39317
  var _getResults2 = _interopRequireDefault(_getResults);
@@ -39328,6 +39577,10 @@ var _ErrorMessage = __webpack_require__(/*! ./ErrorMessage */ "./src/js/componen
39328
 
39329
  var _ErrorMessage2 = _interopRequireDefault(_ErrorMessage);
39330
 
 
 
 
 
39331
  var _LoadingBlock = __webpack_require__(/*! ./LoadingBlock */ "./src/js/components/LoadingBlock.js");
39332
 
39333
  var _LoadingBlock2 = _interopRequireDefault(_LoadingBlock);
@@ -39340,10 +39593,6 @@ var _NoResults = __webpack_require__(/*! ./NoResults */ "./src/js/components/NoR
39340
 
39341
  var _NoResults2 = _interopRequireDefault(_NoResults);
39342
 
39343
- var _Orientation = __webpack_require__(/*! ./Orientation */ "./src/js/components/Orientation.js");
39344
-
39345
- var _Orientation2 = _interopRequireDefault(_Orientation);
39346
-
39347
  var _Photo = __webpack_require__(/*! ./Photo */ "./src/js/components/Photo.js");
39348
 
39349
  var _Photo2 = _interopRequireDefault(_Photo);
@@ -39360,8 +39609,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
39360
 
39361
  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"); }); }; }
39362
 
39363
- 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); } }
39364
-
39365
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
39366
 
39367
  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) {
39380
  var _this = _possibleConstructorReturn(this, (PhotoList.__proto__ || Object.getPrototypeOf(PhotoList)).call(this, props));
39381
 
39382
  _this.providers = ["Unsplash", "Pixabay"];
39383
-
39384
  _this.provider = _this.props.provider; // Unsplash, Pixabay, etc.
39385
  _this.api_provider = _API2.default[_this.provider]; // The API settings for the provider.
39386
  _this.arr_key = _this.api_provider.arr_key;
39387
- _this.order_key = _this.api_provider.order_key;
39388
 
 
39389
  _this.api_key = instant_img_localize[_this.provider + "_app_id"];
39390
-
39391
  _this.api_url = "" + _this.api_provider.photo_api + _this.api_provider.api_query_var + _this.api_key + _API2.default.defaults.posts_per_page;
39392
  _this.search_api_url = "" + _this.api_provider.search_api + _this.api_provider.api_query_var + _this.api_key + _API2.default.defaults.posts_per_page;
39393
 
@@ -39395,29 +39640,35 @@ var PhotoList = function (_React$Component) {
39395
  _this.results = (0, _getResults2.default)(_this.provider, _this.arr_key, _this.props.results);
39396
  _this.state = {
39397
  results: _this.results,
 
 
39398
  restapi_error: false,
39399
  api_lightbox: false
39400
  };
39401
 
 
 
 
39402
  _this.orderby = _this.props.orderby; // Orderby
39403
  _this.page = _this.props.page; // Page
39404
 
39405
  _this.is_search = false;
39406
  _this.search_term = "";
39407
  _this.total_results = 0;
39408
- _this.orientation = "";
39409
  _this.isLoading = false; // Loading flag.
39410
  _this.isDone = false; // Done flag.
39411
  _this.errorMsg = "";
39412
  _this.msnry = "";
39413
  _this.tooltipInterval = "";
 
39414
 
39415
  // Refs.
39416
  _this.photoTarget = _react2.default.createRef();
39417
  _this.providerNav = _react2.default.createRef();
39418
  _this.controlNav = _react2.default.createRef();
39419
  _this.photoSearch = _react2.default.createRef();
39420
- _this.buttonLatest = _react2.default.createRef();
39421
 
39422
  // Editor props.
39423
  _this.editor = _this.props.editor ? _this.props.editor : "classic";
@@ -39501,69 +39752,6 @@ var PhotoList = function (_React$Component) {
39501
  }
39502
  }
39503
 
39504
- /**
39505
- * Orientation filter. Availlable during a search only.
39506
- *
39507
- * @param {string} orientation The orientation of the photos.
39508
- * @param {MouseEvent} event The dispatched orientation setter event.
39509
- * @since 4.2
39510
- */
39511
-
39512
- }, {
39513
- key: "setOrientation",
39514
- value: function setOrientation(orientation, event) {
39515
- if (event && event.target) {
39516
- var target = event.target;
39517
-
39518
- if (target.classList.contains("active")) {
39519
- // Clear orientation
39520
- target.classList.remove("active");
39521
- this.orientation = "";
39522
- } else {
39523
- // Set orientation
39524
- var siblings = target.parentNode.querySelectorAll("li");
39525
- [].concat(_toConsumableArray(siblings)).forEach(function (el) {
39526
- return el.classList.remove("active");
39527
- }); // remove active classes
39528
-
39529
- target.classList.add("active");
39530
- this.orientation = orientation;
39531
- }
39532
-
39533
- if (this.search_term !== "") {
39534
- this.doSearch(this.search_term);
39535
- }
39536
- }
39537
- }
39538
-
39539
- /**
39540
- * Is their an orientation set.
39541
- *
39542
- * @since 4.2
39543
- */
39544
-
39545
- }, {
39546
- key: "hasOrientation",
39547
- value: function hasOrientation() {
39548
- return this.orientation === "" ? false : true;
39549
- }
39550
-
39551
- /**
39552
- * Clear the orientation.
39553
- *
39554
- * @since 4.2
39555
- */
39556
-
39557
- }, {
39558
- key: "clearOrientation",
39559
- value: function clearOrientation() {
39560
- var items = this.container.querySelectorAll(".orientation-list li");
39561
- [].concat(_toConsumableArray(items)).forEach(function (el) {
39562
- return el.classList.remove("active");
39563
- }); // remove active classes
39564
- this.orientation = "";
39565
- }
39566
-
39567
  /**
39568
  * Run the search.
39569
  *
@@ -39577,25 +39765,28 @@ var PhotoList = function (_React$Component) {
39577
  var self = this;
39578
  var input = this.photoSearch.current;
39579
  var type = "term";
39580
- this.page = 1; // reset page num
39581
 
39582
- var url = this.search_api_url + "&page=" + this.page + "&" + this.api_provider.search_query_var + "=" + this.search_term;
 
 
 
 
39583
 
39584
- if (this.hasOrientation()) {
39585
- // Set orientation
39586
- url = url + "&orientation=" + this.orientation;
39587
- }
39588
 
39589
  // Search by ID.
39590
  // Allow users to search by photo by prepending id:{photo_id} to search terms.
39591
  var search_type = term.substring(0, 3);
39592
-
39593
  if (search_type === "id:") {
39594
  type = "id";
39595
  term = term.replace("id:", "");
39596
  url = (0, _searchByID2.default)(this.provider, term, this.api_provider.photo_api, this.api_provider.api_query_var, this.api_key);
39597
  }
39598
 
 
 
 
 
39599
  fetch(url).then(function (data) {
39600
  return data.json();
39601
  }).then(function (data) {
@@ -39609,7 +39800,10 @@ var PhotoList = function (_React$Component) {
39609
 
39610
  // Update Props.
39611
  self.results = results;
39612
- self.setState({ results: self.results });
 
 
 
39613
  }
39614
 
39615
  // Search by ID.
@@ -39636,7 +39830,12 @@ var PhotoList = function (_React$Component) {
39636
  self.setState({ results: self.results });
39637
  }
39638
 
39639
- input.classList.remove("searching");
 
 
 
 
 
39640
  }).catch(function (error) {
39641
  console.log(error);
39642
 
@@ -39646,6 +39845,9 @@ var PhotoList = function (_React$Component) {
39646
  self.total_results = 0;
39647
  self.isDone = true;
39648
 
 
 
 
39649
  // Update Props.
39650
  self.results = [];
39651
  self.setState({ results: self.results });
@@ -39653,7 +39855,7 @@ var PhotoList = function (_React$Component) {
39653
  }
39654
 
39655
  /**
39656
- * Reset search results and results view.
39657
  *
39658
  * @since 3.0
39659
  */
@@ -39661,43 +39863,65 @@ var PhotoList = function (_React$Component) {
39661
  }, {
39662
  key: "clearSearch",
39663
  value: function clearSearch() {
39664
- var input = this.photoSearch.current;
39665
- input.value = "";
39666
  this.total_results = 0;
39667
  this.is_search = false;
39668
  this.search_term = "";
39669
- this.clearOrientation();
 
39670
  }
39671
 
39672
  /**
39673
- * Get the initial set of photos for the current view (New/Popular/Old/etc...).
39674
  *
 
39675
  * @param {string} view Current view.
39676
- * @param {Element} e The clicked element.
39677
- * @param {Boolean} reset Is this an app reset.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39678
  * @since 3.0
39679
  */
39680
 
39681
  }, {
39682
  key: "getPhotos",
39683
- value: function getPhotos(view, e) {
39684
- var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
 
39685
 
39686
  var self = this;
39687
- var el = e.target || e;
39688
 
39689
- if (el.classList.contains("active") && !reset) {
39690
  return; // exit if active
39691
  }
39692
 
39693
- el.classList.add("loading"); // Add class to nav btn
39694
  this.isLoading = true;
39695
  this.page = 1;
39696
  this.orderby = view;
39697
  this.results = [];
39698
  this.clearSearch();
39699
 
39700
- var url = this.api_url + "&page=" + this.page + "&" + this.order_key + "=" + this.orderby;
 
 
 
 
39701
 
39702
  fetch(url).then(function (data) {
39703
  return data.json();
@@ -39711,12 +39935,25 @@ var PhotoList = function (_React$Component) {
39711
  self.results = results;
39712
 
39713
  // Set results state.
39714
- self.setState({ results: results });
 
 
 
 
 
 
 
 
 
39715
 
39716
- // Remove class from nav btn.
39717
- el.classList.remove("loading");
 
 
 
39718
  }).catch(function (error) {
39719
  console.log(error);
 
39720
  self.isLoading = false;
39721