/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.ctis-load-more-container,
.ctis-finished-notice {
  text-align: center;
  clear: both;
}

.ctis-loader-elements {
  margin: 20px auto;
  padding: 20px 0;
}

.ctis-loader-elements span {
  line-height: 50px;
}

#ctis-loading {
  clear: both;
  display: none;
  text-align: center;
}

.spinner {
  display: inline-block;
}

#ctis-loading img {
  max-width: 100%;
  width: auto;
}

.create-masonry:not(.woocommerce) .ctis-finished-notice,
.catchadaptive-masonry:not(.woocommerce) .ctis-finished-notice {
  position: absolute;
  width: 100%;
  bottom: 0px;
}

.infinite-loader {
  color: #000;
  display: block;
}

#infinite-handle,
#ctis-loading {
  margin: 20px 0;
}

#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover {
  display: inline;
  position: static;
  padding: 0;
  margin: 0;
  border: none;
  background: 0 0;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
}

@media (max-width: 800px) {
  #infinite-handle span:before {
    display: none;
  }
  #infinite-handle span {
    display: block;
  }
}

.ctis-load-more button,
.ctis-load-more button:hover,
.ctis-load-more button:focus,
.ctis-load-more button:active {
  outline: 0;
}

.ctis-ad-container {
  clear: both;
  text-align: center;
}

.ctis-ad-container img {
  max-width: 100%;
}
