.dispf{display:flex}
nav{background-color:#fff;border-bottom:1px solid #69a74e;position:sticky;width:100%;z-index:1000;top:0px}
.nav .logo{width:300px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:10px}
.menu{display:flex;gap:20px;align-items:center}
.menu span{transition:all 0.5s;cursor:pointer;font-size:35px;display:none}
.menu span:hover{color:#69a74e}
.handle{max-width:1300px;min-width:0px;margin:0 auto}
.blog_window{margin:20px 0px;background-color:#fff}
.slideshow{height:600px;background-position:center;background-repeat:no-repeat;background-size:cover}
.store-button{color:#000;background-color:#5552;border-radius:20px;padding:10px 20px;cursor:pointer;-webkit-transition:ease-out 0.4s;-moz-transition:ease-out 0.4s;transition:ease-out 0.4s}
.store-button:hover{box-shadow:inset 200px 0 0 0 #69a74e;color:#fff}
.header{display:flex;flex-direction:column;gap:5px;align-items:baseline}
.header p{background-color:#555;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;font-weight:600}
.header h2{font-size:25px}
.tiles{margin-top:20px;margin-bottom:20px;display:flex;gap:10px}
.post{width:100%}
.post-img{height:250px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:5px}
.post-article h4{font-size:18px;margin-bottom:5px;margin-top:10px;font-weight:100}
.post:hover .post-article h4{text-decoration:underline}
a:hover{text-decoration:none}
.post-lista .post{display:flex;margin:50px 0px;gap:20px}
.post-lista .post-img{width:100%;height:300px}
.post-lista .post-article{width:100%}
.post-lista .rev{flex-direction:row-reverse}
.post-article p span{text-decoration:underline;color:#69a74e}
.post-lista .post-article h4{font-size:25px;margin-bottom:10px;margin-top:0px}
.post .button{display:none}
.post-lista .post .button{all:unset;display:flex;padding:10px 20px;text-align:center;font-size:15px;background:#119e00;color:#fff;cursor:pointer;margin-top:20px;align-items:center;justify-content:center;transition:all 0.2s;border-radius:20px}
.post-lista .post .button:hover{background:#109e008e}
.post span{color:#0005}
.line{height:0.1px;background:#5555;margin:40px 50px}
.image{height:500px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-top:20px}
.article .main-image{width:50%;margin-left:50px;float:right;margin-bottom:50px}
.article{max-width:1000px;min-width:0px;margin:0px auto;border-radius:20px}
.article h1{font-size:35px;margin-bottom:20px}
.article b{font-size:18px;margin-bottom:10px}
.article .content h2{margin-top:30px;margin-bottom:10px}
.article .content p{margin-bottom:10px;font-size:18px}
.article .content a{text-decoration:underline;color:#69a74e}
.right-article{padding:20px;background:#fff;height:100%;border-radius:20px;position:sticky;top:70px}
.right-article h2{margin-bottom:10px}
.right-article .post-article p{display:none}
.right-article .post .post-img{display:none}
.right-article .post h4{font-size:16px;font-weight:normal}
.right-article .post-article h4:hover{text-decoration:underline}
.categories{margin-top:20px}
.categories .row{background-color:#555;background-position:center;background-size:cover;background-repeat:no-repeat;height:300px;width:100%;margin-bottom:10px}
.categories .row .inside{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-size:20px;font-weight:600;color:#fff;background-color:#0005;opacity:0;transition:all 0.2s;cursor:pointer}
.categories .row .inside:hover{opacity:1}
.addarticle textarea{all:unset;border:1px solid;width:100%;min-height:800px;font-size:18px;padding:20px}
.addarticle .window form p{padding-bottom:5px}
.addarticle .blog_window h1{padding-bottom:20px}
.addarticle .blog_window h2{padding-bottom:20px}
.addarticle .blog_window form input[type="text"],input[type="number"]{all:unset;max-width:500px;min-width:0px;width:100%;padding:5px;font-size:18px;border:1px solid #555}
.addarticle .blog_window form input[type="number"]{max-width:50px;font-size:15px}
.addarticle .blog_window .buttons{display:flex;gap:5px;max-width:500px;min-width:0px}
.addarticle .transparent-button{display:flex;padding:10px 20px;text-align:center;font-size:15px;color:#119e00;background-color:transparent;cursor:pointer;margin-top:20px;align-items:center;justify-content:center;transition:all 0.2s}
.addarticle .transparent-button:hover{background-color:#9992}
.addarticle .button{display:flex;padding:10px 20px;text-align:center;font-size:15px;background:#119e00;color:#fff;cursor:pointer;margin-top:20px;align-items:center;justify-content:center;transition:all 0.2s}
.addarticle .button:hover{background:#109e008e}
.addarticle .menubar{display:flex;gap:10px;padding:5px;background-color:#f2f2f2}
.addarticle .menubar .row{padding:5px;border:1px solid;cursor:pointer}
@media screen and (max-width:1000px){.blog_window{width:auto}
nav .search{display:none}
.post-lista .post{flex-direction:column}
.post-lista .post{flex-direction:column}
.posts .tiles .post-article h4{font-size:25px}
.posts .tiles{flex-direction:column}
.posts .tiles .post{margin-bottom:50px}
.posts .tiles .post-article .button{all:unset;display:flex;padding:10px 20px;text-align:center;font-size:15px;background:#119e00;color:#fff;cursor:pointer;margin-top:20px;align-items:center;justify-content:center;transition:all 0.2s;border-radius:20px}
.article .main-image{width:100%;margin:0px;float:none}
}
@media screen and (max-width:1300px){#right-section-index{display:none}
.article-dispf{flex-direction:column}
.article-dispf .right-article{max-width:1000px;min-width:0px;margin:0 auto}
}
@media screen and (max-width:500px){nav .nav .menu{display:none}
}