.main-article-wrapper{display:flex;gap:30px}.article-wrapper-left{width:70%}.article-wrapper-right{width:30%}.hover-card{display:block;border-radius:8px;overflow:hidden;margin-bottom:30px;position:relative;color:inherit}.hover-card img{width:100%;border-radius:20px;transition:opacity .3s ease}.hover-card:hover img{opacity:.3}.hover-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;opacity:0;transition:opacity .3s ease;z-index:1}.hover-card:hover:after{opacity:1}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1400}.drawer-overlay.active{opacity:1;pointer-events:auto}.blog-mobile-drawer{position:fixed;top:0;left:-100%;width:85%;max-width:300px;height:100%;background:#fff;z-index:1500;overflow-y:auto;transition:left .3s ease;box-shadow:2px 0 10px #0003;padding:50px 15px 15px}.blog-mobile-drawer.open{left:0}.drawer-close-btn{position:absolute;top:10px;right:10px;background:none;font-size:30px;color:inherit;border:none;cursor:pointer}.blog-mobile-drawer-toggle{display:none}@media (max-width: 768px){.article-wrapper-left header{margin-top:0rem}.article-wrapper-right{display:none}.blog-mobile-drawer-toggle{display:block;position:relative;z-index:1;background:#fff;border:none;padding:10px;border-radius:5px;width:fit-content;transform:rotate(90deg)}.main-article-wrapper{flex-direction:column;gap:0px}.article-wrapper-left{width:100%}}.hover-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;color:inherit;font-size:15px;font-weight:700;text-align:center;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.hover-card:hover .hover-text{opacity:1}p.top-post-link a{text-decoration:none;color:inherit;letter-spacing:normal;font-size:15px;font-weight:400;line-height:23px}h3.sidebar-title span{font-size:17px;font-weight:600}.widget-content ul{list-style-type:none}.widget-content a{color:inherit;text-decoration:none;letter-spacing:normal;font-size:15px;line-height:25px}.recent-articles ul{list-style-type:none}.recent-articles li{margin-bottom:18px}.recent-articles li a{color:inherit;font-size:15px;line-height:25px;text-decoration:none}.recent-articles-dates{color:#787878;font-size:15px;line-height:27px}
/*# sourceMappingURL=/cdn/shop/t/31/assets/custom-main-article.css.map */