.wrapper-recipes-search { border: 1px solid #eee; padding: 20px; border-radius: 10px; background: #fcfcfc; box-shadow: 0 0 10px rgb(0, 0, 0, 10%); }
.wrapper-libera { display: flex; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #eee;  }
.wrapper-libera h3 { flex: 50%; font-weight: bold; color: #f2ad00; font-size: 1.5em; }
.wrapper-libera .container-field { flex: 50%; text-align: right; }
.wrapper-libera .container-field span { font-weight: bold; margin-right: 15px; }
.wrapper-libera .container-field input { background-color: #FFF !important; }
.wrapper-libera .container-field .button-libera-recipes { background-color: #666; margin-left: 15px; padding: 0px 15px; color: #fff; }
.wrapper-categorie { display: flex; align-items: center; }
.wrapper-categorie h4 { flex:20%; font-weight: bold; margin-right: 20px; font-size: 1.2em; }
.listCategoriesRecipes { display: flex; flex:80%; }
.listCategoriesRecipes div { cursor: pointer; margin: 0 5px 5px 0; background: #6eb13e; color: #FFF; padding:0px 10px; border-radius: 10px; transition: all 0.5s ease-out; }
.listCategoriesRecipes div:hover,
.listCategoriesRecipes div.current { background: #2e6606; }

.wrapper-tag { display: flex; align-items: center; }
.wrapper-tag h4 { flex:20%; font-weight: bold; margin-right: 20px; font-size: 1.2em; }
.tag_list { display: flex; flex-wrap: wrap; margin: 10px 0; flex:80%; }
.tag_list div { cursor: pointer; margin: 0 5px 5px 0; background: #ccc; border-radius: 20px; padding:0px 10px; font-size: 0.8em; transition: all 0.5s ease-out; }
.tag_list div:hover,
.tag_list div.current { background: #666; color: #fff }

.reset-recipes { font-size: 0.9em; margin-right: auto; display: none;  }
.reset-recipes a { color:#C00 !important; }

section .loading-recipes { position: absolute; width: 100%; height: 100vh; background-color: #FFF; opacity: 0.9; display: none; }
section .loading-recipes img { margin: 0 auto; }

section .empty-search { text-align: center; padding: 50px 20px; font-weight: bold; font-size: 1.5em; display: none; }

#loading_more_recipes { cursor:pointer; width: 300px; text-align: center; margin: 0 auto; background-color: #6eb13e; color: #fff; padding: 3px 10px; font-weight: bold; font-size: 1.2em; box-shadow: 0 0 10px rgba(0,0,0,0.4); border-radius: 15px; }

@media screen and (min-width:320px) and (max-width:768px) {
    .wrapper-recipes-search { margin: 0 15px; }
    .wrapper-libera,
    .wrapper-categorie,
    .wrapper-tag { flex-direction: column; align-items: flex-start; }
    .wrapper-libera h3 { font-size: 1.2em; text-align: left; }
    .wrapper-libera .container-field { text-align: left; padding-bottom: 15px; }
    .wrapper-libera .container-field input { width: 65%; }
    .wrapper-libera .container-field button { width: 30%; }
    .wrapper-categorie h4,
    .wrapper-tag h4 { font-size: 1em; }
    .wrapper-tag { margin-top: 20px; }
    .listCategoriesRecipes { flex-wrap: wrap; }
    .reset-recipes { border-top: 1px solid #eee; margin-top: 15px; padding-top: 15px; }
}