#recipes{display:flex;flex-direction:column;gap:50px;margin-top:50px}#site-content #recipes{margin-left:0;margin-right:0}#site-content::before{content:'';display:block;background:url(/wp-content/uploads/assets/banner.webp) no-repeat;background-size:100%;background-position:bottom right;height:47.5%;width:100%;opacity:25%;position:absolute;top:0;right:0}.recipe_container{display:flex;align-items:center;width:100%;justify-content:space-evenly;height:calc(400px * 1.5)}.recipe:nth-child(2n){align-self:flex-start}.recipe{height:400px;width:28%;border-radius:15px}.recipe_preview{position:absolute;top:0;width:100%;height:340px;background:var(--background);display:flex;align-items:center;justify-content:center;border-radius:15px}.recipe_preview img{position:absolute;width:100%;height:340px;background:var(--background);display:flex;align-items:center;justify-content:center;border-radius:15px;object-fit:cover;object-position:center;bottom:0}.recipe_infos{position:absolute;bottom:0;width:60%;height:145px;background:#fbf1dc;left:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--logo-primary);border-radius:15px;font-size:13px;padding:10px}.recipe_infos .h2{font-size:20px}.recipe .h3{font-size:13px}.recipe .separator{height:21px;width:1px;background:var(--background)}.recipe_difficulty{display:flex;align-items:center;justify-content:center;gap:6px}.recipe_difficulty img{display:flex;align-items:center;justify-content:center;width:11px;height:11px;object-fit:contain}.recipe_difficulty .flowers{display:flex;align-items:center;justify-content:center}.recipe_portions{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.recipe_portions img{display:flex;align-items:center;justify-content:center;width:20px;height:20px;object-fit:contain}.recipe_time{display:flex;align-items:center;justify-content:center;font-size:13px;gap:6px}.recipe_time img{display:flex;align-items:center;justify-content:center;width:20px;height:20px;object-fit:contain}.recipe .separator{background:var(--logo-primary)}.recipe .button-secondary{font-size:12px;background:0 0;border:1px solid var(--logo-primary);color:var(--logo-primary)}.recipe .button-secondary:hover{background:var(--logo-primary);color:var(--background)}@media screen and (max-width:980px){#site-content #recipes{gap:5vw;display:grid;grid-template-columns:45vw 45vw;margin:20px 2.5vw}.recipe_container{gap:5vw;height:auto;flex-direction:column}.recipe{height:75vw;width:45vw}.recipe .h2{text-align:center;}.recipe_preview,.recipe_preview img{height:45vw;width:45vw}.recipe:nth-child(2n){align-self:center}}@media screen and (max-width:650px){.recipe_infos{width:100%;left:0}}