.item-image{background-size:contain;background-position:50%}.blogTitle{font-weight:500!important;line-height:1.25;font-size:27px}.blog-date{line-height:1}.blog-content{color:#6d6f72}@media(max-width:767px){.list-card{margin-bottom:20px}}@media(min-width:768px)and (max-width:991px){.list-card{margin-bottom:25px}}@media(max-width:768px){.blog-card,.detail-image{margin-bottom:20px}.button-group{flex-direction:column;align-items:stretch}.button-group .btn{margin-bottom:10px}}@media(min-width:991px){.blog-item{flex-direction:row;text-align:left;align-items:center}}@media(min-width:576px){.responsive-button{width:auto}}.image-previews{display:flex;flex-wrap:wrap;gap:10px}.blog-item-footer{font-size:14px;padding:10px;border-top:1px solid #ddd}.detail-image{max-width:100%;border-radius:10px}.blog-card{background-color:#c74646;padding:20px;border-radius:10px}.footer-row .detail-bottom p{margin:0;font-size:1rem}.comments-section{margin-top:30px}.blog-details .dropdown-menu.show{left:0}.blog-details .dropdown-item{padding:3px 20px 4px}.blog-item{width:100%;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-top:1rem;background-color:#f8f9fa;text-align:start}.button-group .btn:hover{background:linear-gradient(135deg,#e64a19,#ff7043);transform:scale(1.05)}.button-group .btn:active{transform:scale(.98)}.button-group .btn.delete{background:linear-gradient(135deg,#f44336,#e57373)}.button-group .btn.delete:hover{background:linear-gradient(135deg,#d32f2f,#ef5350)}.order-btn:disabled,.save-btn:disabled{background-color:#ccc;cursor:not-allowed}.blog-item{margin:8px 0;background-color:#f9f9f9;border:1px solid #dcdcdc;border-radius:6px;cursor:move;box-shadow:0 2px 5px rgba(0,0,0,.1)}.blog-item-highlight{padding:15px;margin:8px 0;background-color:#fffbcc;border:1px solid #f2d400;border-radius:6px;cursor:move;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:scale(1.05);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.blog-item-container{display:flex;justify-content:center;margin-bottom:20px}.blog-item{justify-content:space-between;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease}.single-blog-title{font-size:2.5rem;font-weight:700;color:#333}.single-blog-image{max-height:300px;border:4px solid #ddd;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.15);object-fit:cover}.single-blog-card{padding:20px;background-color:#fff;border-radius:10px}.blogListContent:first-letter{text-transform:uppercase}.single-blog-category{font-size:1.1rem;color:#6c757d;text-transform:capitalize}.single-blog-content{font-size:1rem;color:#444;line-height:1.6}.single-blog-meta{border-top:1px solid #ddd;margin-top:20px;padding-top:20px;font-size:.9rem;color:#555}.single-blog-actions .btn{font-size:.9rem;padding:10px 20px;border-radius:5px;transition:all .3s ease}.single-blog-actions .btn:hover{box-shadow:0 4px 10px rgba(0,0,0,.15)}.item-image{width:100%;height:200px;object-fit:cover}.blog-item-content{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.blog-item-category span{font-size:.8rem}.blog-description{flex-grow:1}.user-icon{object-fit:cover}.blog-item{display:flex;flex-direction:column;height:100%}.image-container{position:relative;width:100%;height:200px;overflow:hidden}.hover-primary{transition:all .2s ease-in-out;color:#6c757d!important}.hover-primary:hover{color:#198754!important;transform:translateY(-1px)}.dropdown-menu{border:none;border-radius:8px;padding:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dropdown-menu .dropdown-item{padding:.5rem 1rem;border-radius:6px}.dropdown-menu .dropdown-item:hover{background-color:#f8f9fa}.blog-details .text-secondary{color:#6c757d!important;transition:all .2s ease-in-out}.blog-details .text-secondary:hover{color:#198754!important}.blogTitle:first-letter{text-transform:uppercase}.blog-title{font-size:65px}.blog-content:first-letter{text-transform:uppercase}.blog-details .dropdown-toggle:after{display:none}.delete-button{color:#6c757d;transition:all .2s ease-in-out}@media(max-width:1199.98px){.blog-item .item-image{height:275px!important}}@media(max-width:576px){.category-badge{display:block;margin-bottom:8px;padding:6px 12px!important;font-size:14px}.blog-item-category{display:flex;flex-direction:column;align-items:flex-start}.blog-title{font-size:30px}.detail-image{height:300px!important}}.blog-details .dropdown-menu.show{display:block;left:-120px}.sentence-cap:first-letter{text-transform:uppercase}