/*------------------------------------*\
    BASE
\*------------------------------------*/
  
.ajax-posts {
  position: relative;
  overflow: hidden;
}

.ajax-posts aside,
.ajax-posts__posts {
  opacity: 1;
 }

/* Change opacity to give the user feedback that new posts are loading */
.ajax-posts.is-waiting .ajax-posts__posts,
.ajax-posts.is-waiting aside {
  opacity: 0.5;
}

/*------------------------------------*\
    BUTTONS AND MESSAGES
\*------------------------------------*/

.ajax-posts__show-recipes-text,
.ajax-posts__hide-filters-text  {
  display: none;
}

.ajax-posts.is-expanded-filters .ajax-posts__filter-recipes-text {
  display: none;
}

.ajax-posts__screen-reader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.ajax-posts__load-more {
  flex: 0 0 100%;
}

/*------------------------------------*\
    FILTERS
\*------------------------------------*/


.ajax-posts__filters ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ajax-posts__filter {
  display: block;
}

.ajax-posts__filter-toggle-hide {
  display: none;
}

/*------------------------------------*\
    SPINNER
\*------------------------------------*/

.ajax-posts__spinner {
  clear: both;
  display: none;
  position: absolute;
  left: 50%;
  top: 70px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 10px solid red;
  -webkit-animation: ajax-posts__spinner 8s infinite linear;
  animation: ajax-posts__spinner 8s infinite linear;  
}

.ajax-posts.is-waiting .ajax-posts__spinner {
  display: block;
}
 
@-webkit-keyframes ajax-posts__spinner {
 0%, 100%{ border: solid 20px #68C3A3; }
 6.25% { border: solid 2px #68C3A3; }
 12.5% { border: solid 2px #52B3D9; }
 18.75% { border: solid 20px #52B3D9; }
 25% { border: solid 20px #52B3D9; }
 31.25% { border: solid 2px #52B3D9; }
 37.5% { border: solid 2px #F4D03F; }
 43.75% { border: solid 20px #F4D03F; }
 50% { border: solid 20px #F4D03F; }
 56.25% { border: solid 2px #F4D03F; }
 62.5% { border: solid 2px #D24D57; }
 68.75% { border: solid 20px #D24D57; }
 75% { border: solid 20px #D24D57; }
 81.25% { border: solid 2px #D24D57; }
 87.5% { border: solid 2px #68C3A3; }
 93.75% { border: solid 20px #68C3A3; }   
}

@keyframes ajax-posts__spinner {
  0%, 100%{ border: solid 20px #68C3A3; }
  6.25% { border: solid 2px #68C3A3; }
  12.5% { border: solid 2px #52B3D9; }
  18.75% { border: solid 20px #52B3D9; }
  25% { border: solid 20px #52B3D9; }
  31.25% { border: solid 2px #52B3D9; }
  37.5% { border: solid 2px #F4D03F; }
  43.75% { border: solid 20px #F4D03F; }
  50% { border: solid 20px #F4D03F; }
  56.25% { border: solid 2px #F4D03F; }
  62.5% { border: solid 2px #D24D57; }
  68.75% { border: solid 20px #D24D57; }
  75% { border: solid 20px #D24D57; }
  81.25% { border: solid 2px #D24D57; }
  87.5% { border: solid 2px #68C3A3; }
  93.75% { border: solid 20px #68C3A3; }
}