.blogs{max-width:1300px;display:flex;align-items:center;flex-direction:column;margin:0 0 40px}.blog-header{position:relative;width:100vw;height:300px;overflow:hidden}.blog-header-image{width:100%;height:100%;object-fit:cover}.blog-heading h1{top:50%;left:5%;transform:translate(-50%,-50%);font-size:36px;box-sizing:border-box}.blog-heading h1,.blog-heading p{position:absolute;padding:20px;color:var(--dark-green);font-family:Futura,sans-serif;animation:slideInFromRight 1s ease-out forwards;width:auto}.blog-heading p{top:70%;left:10%;transform:translate(-70%,-70%);font-size:20px}@keyframes slideInFromRight{0%{transform:translateX(60%) translateY(-50%);opacity:0}to{transform:translateX(5%) translateY(-50%);opacity:1}}.create-blog-btn{padding:10px 20px;background-color:var(--dark-green);color:var(--light-green);margin-left:5px;border-radius:25px;font-size:15px}.create-blog-btn,.create-blog-btn a{text-decoration:none!important}.blog-search-bar{background-color:var(--dark-green);display:flex;align-items:center;gap:10px;padding:5px 20px;color:var(--light-green);position:absolute;bottom:0;right:0;border-radius:20px 0}.primary{display:grid;grid-template-columns:3fr 1fr;grid-gap:20px;gap:20px;width:100%;margin:20px 0}.primary-blog{display:flex;flex-direction:column;padding:20px;margin:15px 0;height:100%}.primary-blog img{width:100%;max-height:450px;display:block}.blog-image-container{position:relative;overflow:hidden;display:block;border-radius:10px}.blog-image-container img{width:100%;height:auto;transition:transform .5s ease}.blog-image-container:hover img{transform:scale(1.1)}.blog-options{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:6px 2px 16px 0 rgba(136,165,191,.48),-6px -2px 16px 0 rgba(255,255,255,.8);margin:20px}.blog-options,.blog-options h2{background-color:var(--light-green)}.blog-options h2{font-size:18px!important;color:var(--dark-green);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;padding:10px;display:flex;align-items:center}.options{display:flex;width:100%;margin-bottom:15px}.options select{flex:1 1;padding:10px;border:none;border-radius:10px;background-color:white;color:var(--grey)}.user-create-blog{display:flex;align-items:center;flex-direction:column;margin-top:50px}.user-create-blog h3{color:var(--dark-green);text-transform:none;letter-spacing:normal;font-size:15px;padding:0;margin-bottom:10px}.create-user-blog-btn{background-color:var(--dark-green)!important;color:var(--light-green)!important;padding:10px 20px!important;font-size:13px;margin-top:10px!important;border:none;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);border-radius:25px!important;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .1s ease;cursor:pointer}.create-user-blog-btn:hover{background-color:var(--orange)!important;box-shadow:2px 2px 3px rgba(0,0,0,.25)}.create-user-blog-btn:active{transform:translateY(2px);box-shadow:1.5px 1.5px 2px rgba(0,0,0,.1);background-color:var(--dark-green)!important}.secondary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px;margin:20px 0 40px}.other-blogs{display:flex;flex-direction:column;padding:20px;box-shadow:0 7px 29px 0 rgba(100,100,111,.2);margin:15px;border-radius:10px;height:100%}.other-blogs img{width:100%;height:210px;display:block}.descriptions{display:flex;flex-direction:column;gap:10px;margin-top:10px;flex-grow:1}.descriptions p{font-size:13px;color:var(--grey);font-weight:600}.details{display:flex;gap:20px}.title h2{color:var(--dark-green);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:3em;text-overflow:ellipsis;font-size:20px!important;transition:color .3s ease}.title h2:hover{color:var(--orange)}.likes{display:flex;align-items:center;margin-top:auto;color:var(--dark-green)}.blog-search-bar,.drawer-header{display:none}.input-wrapper svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--dark-green)}.input-wrapper svg:hover{color:var(--orange)}@media (max-width:1024px){.secondary{grid-template-columns:1fr 1fr}}@media (max-width:768px){.blog-header{height:200px}.blog-heading p{font-size:15px;top:182px;left:-25px}.create-blog-btn{padding:5px 8px;font-size:13px;margin-left:0}.primary{grid-template-columns:1fr}.primary-blog{order:2;padding:20px;margin:15px;border-radius:10px;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}.blog-search-bar{display:flex}.blog-options{position:absolute;top:50px;left:0;width:100%;z-index:999;opacity:0;transform:translateY(-50px);transition:opacity .3s ease,transform .3s ease,visibility 0s .3s;visibility:hidden;margin:20px 0}.blog-options.open{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .3s ease,transform .3s ease,visibility 0s}.drawer-header{display:block}.secondary{grid-template-columns:1fr}.other-blogs img{height:auto}.user-create-blog{display:none}.create-user-blog{box-shadow:none!important;text-transform:none!important;border-left:1px solid var(--light-green)!important;border-radius:0!important;padding:0 0 0 10px!important;margin:0!important;font-size:16px!important}}@media (max-width:480px){.primary{grid-template-columns:1fr}.primary-blog img{height:auto}}