.blog-section{background-color:transparent;position:relative;z-index:0}.blog-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--soft-sand);z-index:-1}.blog-section .blog-posts-section{display:flex;gap:108px;max-height:814px;max-width:1695px;margin:auto;padding:49px 40px 0}.blog-section .blog-posts-left{flex:1;color:#fff;max-width:518px;width:100%}.blog-section .blog-posts-right{flex:2;max-width:989px;width:100%;overflow-x:hidden;overflow-y:auto}.blog-section .blog-posts-left h2{color:var(--color-secondary);font-size:var(--font-size-36px-to-24px);font-weight:500;line-height:var(--line-height-52-to-30);margin:13px 0 22px;max-width:472px}.blog-section .blog-posts-left p{color:var(--color-secondary);font-size:var(--font-size-16px-body);font-weight:400;line-height:var(--line-height-16-body);margin-bottom:42px;letter-spacing:.02px}.blog-section .blog-buttons{display:flex;flex-direction:row;gap:15px;margin-top:20px;flex-wrap:wrap;row-gap:24px}.blog-section .blog-category-button{background:none;cursor:pointer;padding:clamp(8px,.13vw + 7.49px,10px) clamp(16px,.52vw + 13.96px,24px);justify-content:center;align-items:center;border-radius:100px;outline:1px solid var(--color-secondary);color:var(--color-secondary);font-size:clamp(14px,.26vw + 12.98px,18px);font-weight:300;text-decoration:none;display:inline-flex;line-height:var(--line-height-button-tabs)}.blog-section .blog-category-button:hover{background:linear-gradient(45deg,#8bc53f,#95cc4b);color:var(--color-secondary);outline:none!important}.blog-section .blog-posts-grid{display:grid;grid-template-columns:1fr;gap:16px}.blog-section .blog-post{display:flex;background-color:var(--warm-sand);border-radius:8px;overflow:hidden;height:309px;max-width:989px}.blog-section .blog-post-image{flex:1;max-width:440px;aspect-ratio:440 / 264;width:100%;border-radius:8px;min-width:401px;object-fit:cover}.blog-section .blog-post-image img{width:100%;height:auto;object-fit:cover}.blog-section .blog-post-content{flex:2;padding:27.5px 0 27.5px 24px}.blog-section .blog-post-meta{color:var(--color-secondary);font-size:14px;font-weight:300;line-height:29px}.category-section{width:100%!important;overflow:hidden;opacity:1!important}.blog-section .blog-post h3{color:var(--color-secondary);font-size:var(--font-size-20px-body);font-weight:500;line-height:var(--line-height-20px-body);margin:24px 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-section .blog-post p{color:var(--color-secondary);font-size:12px;font-weight:400;line-height:18px;margin-bottom:24px;margin-top:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-section .blog-post a{color:var(--color-primary);font-size:14px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:8px}.blog-section .blog-post a:hover{text-decoration:underline}.image-content-container{display:flex;max-height:264px;margin:22px 40px}.blog-section .highlight-text{color:var(--color-primary)}@media only screen and (min-width:1200px)and (max-width:1919px){.blog-section .blog-posts-section{max-width:calc(var(--scale-90) * 1695px);gap:calc(var(--scale-90) * 108px);padding:calc(var(--scale-90) * 49px) calc(var(--scale-90) * 40px) 0 calc(var(--scale-90) * 40px);max-height:calc(var(--scale-90) * 814px)}.blog-section .blog-posts-left{max-width:calc(var(--scale-90) * 518px)}.blog-section .blog-posts-right{max-width:calc(var(--scale-90) * 989px);overflow-x:hidden;overflow-y:auto}.blog-section .blog-posts-left h2{font-size:calc(var(--scale-90) * var(--font-size-36px-to-24px));line-height:calc(var(--scale-90) * var(--line-height-52-to-30));margin:calc(var(--scale-90) * 13px) 0 calc(var(--scale-90) * 22px) 0;max-width:calc(var(--scale-90) * 472px)}.blog-section .blog-posts-left p{font-size:calc(var(--scale-90) * var(--font-size-16px-body));line-height:calc(var(--scale-90) * var(--line-height-16-body));margin-bottom:calc(var(--scale-90) * 42px);letter-spacing:calc(var(--scale-90) * .02px)}.blog-section .blog-buttons{gap:calc(var(--scale-90) * 15px);margin-top:calc(var(--scale-90) * 20px)}.blog-section .blog-buttons .blog-category-button{padding:calc(var(--scale-90) * clamp(8px,.13vw + 7.49px,10px)) calc(var(--scale-90) * clamp(16px,.52vw + 13.96px,24px));font-size:calc(var(--scale-90) * clamp(14px,.26vw + 12.98px,18px));line-height:calc(var(--scale-90) * var(--line-height-button-tabs))}.blog-section .blog-posts-grid{gap:calc(var(--scale-90) * 16px)}.image-content-container{max-height:calc(var(--scale-90) * 264px);margin:calc(var(--scale-90) * 22px) calc(var(--scale-90) * 20px)}.blog-section .blog-post-content{padding:calc(var(--scale-90) * 27.5px) 0 calc(var(--scale-90) * 27.5px) calc(var(--scale-90) * 24px)}.blog-section .blog-post-meta{font-size:calc(var(--scale-90) * 14px);line-height:calc(var(--scale-90) * 29px)}.blog-section .blog-post h3{font-size:calc(var(--scale-90) * var(--font-size-20px-body));line-height:calc(var(--scale-90) * var(--line-height-20px-body));margin:calc(var(--scale-90) * 24px) 0 calc(var(--scale-90) * 16px) 0}.blog-section .blog-post p{font-size:calc(var(--scale-90) * 12px);line-height:calc(var(--scale-90) * 18px);margin-bottom:calc(var(--scale-90) * 24px);margin-top:calc(var(--scale-90) * 16px)}.blog-section .blog-post{height:calc(var(--scale-90) * 309px);max-width:calc(var(--scale-90) * 989px)}.blog-section .blog-post-image{max-width:calc(var(--scale-90) * 440px);aspect-ratio:calc(var(--scale-90) * 440 / 264);min-width:calc(var(--scale-90) * 440px);object-fit:cover}.blog-section .blog-post a{font-size:calc(var(--scale-90) * 14px);line-height:calc(var(--scale-90) * 20px)}}@media only screen and (max-width:1500px){.blog-section .blog-posts-section{gap:79px}}@media only screen and (min-width:1150px)and (max-width:1400px){.blog-section .blog-posts-section{gap:60px}.blog-section .blog-post-image{max-width:330px;min-width:330px}}@media only screen and (max-width:1149px){.blog-section .blog-posts-section{gap:48px;flex-direction:column}.blog-section .blog-posts-left h2,.blog-section .blog-posts-left{max-width:100%}.blog-section .blog-post-image{max-width:300px;min-width:300px}}@media only screen and (max-width:749px){.blog-section .blog-posts-left h2{text-align:center;font-style:normal;font-weight:600;margin:auto;max-width:284px}.blog-section .blog-posts-left p{text-align:center;font-style:normal;font-weight:400;margin:16px 0 32px}.blog-section .blog-category-button{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:100px;font-style:normal;font-weight:600}.blog-section .blog-buttons{column-gap:10px;row-gap:16px}.blog-posts-section{flex-direction:column}.blog-posts-right{overflow-x:auto}.blog-post{display:inline-block}.blog-section .blog-post{display:flex;overflow:unset}.blog-section .blog-posts-grid{display:flex}.blog-section .blog-post h3{font-weight:600;font-style:normal}.blog-section .blog-post p{font-size:12px;font-style:normal;font-weight:300;line-height:18px;padding-right:10px}.blog-section .blog-post-content .blog-post-meta{font-size:14px;font-style:normal;font-weight:300;line-height:normal}.blog-section .blog-post a{font-size:16px;font-style:normal;font-weight:600;line-height:24px;position:relative;color:var(--color-secondary)}.blog-section .blog-post a svg path{fill:var(--color-secondary)}.blog-section .blog-post{max-width:316px;flex-direction:column;border:none;background-color:transparent;height:auto}.blog-section .blog-posts-section{display:flex;flex-direction:column;gap:32px;padding:47px 0;max-height:unset;height:unset!important;max-width:1800px;margin:auto;overflow:hidden}.blog-section .blog-posts-left{max-width:100%;padding:0 16px}.blog-section .blog-posts-right{overflow-x:scroll;overflow-y:visible;padding:0 0 0 16px}.image-content-container{flex-direction:column}.blog-section .blog-post-image{max-width:316px;aspect-ratio:316 / 190;width:100%;border-radius:8px;min-width:316px;object-fit:cover}.image-content-container{margin:0;width:316px!important;position:relative;max-height:unset}.blog-section .blog-post-content{padding:24px 0 0}.blog-posts-right-outer{position:relative;width:100%;height:100%;overflow:hidden}.blog-posts-right{flex:2;padding:29px 15px 29px 29px;height:100%;overflow-y:scroll;margin-right:-15px}.blog-posts-right::-webkit-scrollbar{width:0px;display:none}.blog-posts-right{scrollbar-width:none}.blog-section{margin-bottom:48px}}@media only screen and (max-width:480px){.blog-section .blog-posts-section{padding:40px 0}.blog-section .blog-posts-left{padding:0 12px}.blog-section .blog-posts-right{padding:0 0 0 12px}.blog-section .blog-post-image{min-width:290px;max-width:290px}.image-content-container{width:290px!important}}@media only screen and (max-width:360px){.blog-section .blog-post-image{min-width:270px;max-width:270px}.image-content-container{width:270px!important}.blog-section .blog-category-button{padding:6px 12px;font-size:12px}}@media screen and (min-width:750px){.blog-section .blog-posts-grid{max-height:700px;overflow-y:scroll}.blog-section .blog-posts-grid::-webkit-scrollbar{width:0}.blog-section .blog-posts-right:hover .blog-posts-grid::-webkit-scrollbar{width:8px}.blog-section .blog-posts-grid::-webkit-scrollbar-track{background:transparent}.blog-section .blog-posts-grid::-webkit-scrollbar-thumb{background:#000;border-radius:4px}p.blog-description{width:93%}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/whm-blog-posts.css.map */