@media only screen and (min-width:1250px){:root{--blogMainDirection:row;--postListGrid:repeat(4,1fr);--blogCtgrBtnBorder:0px;--blogCtgrBtnPadding:0px 0px 0px 5px;--blogCtgrBtnMargin:0px 0px 20px 0px}.blogCategory{color:#5d5d5d;border:1px solid #eee;border-radius:10px;flex-direction:column;min-width:230px;margin:5px 10px 5px 5px;padding:20px;font-size:.9em;display:flex}.ctgrColumnIcon{display:flex}.blogCtgrBtn.isActive{text-decoration:underline}.blogListTitle{display:none}}@media only screen and (min-width:1025px) and (max-width:1249px){:root{--titleBarPadding:5em 0px 3em 0px;--blogMainDirection:row;--postListGrid:repeat(4,1fr);--blogCtgrBtnBorder:0px;--blogCtgrBtnPadding:0px 0px 0px 5px;--blogCtgrBtnMargin:0px 0px 20px 0px}.ctgrColumnIcon{display:flex}.blogCategory{color:#5d5d5d;border:1px solid #eee;border-radius:10px;flex-direction:column;min-width:230px;margin:5px 10px 5px 5px;padding:20px;font-size:.9em;display:flex}.blogCtgrBtn.isActive{text-decoration:underline}.blogListTitle{display:none}}@media only screen and (min-width:768px) and (max-width:1024px){:root{--titleBarPadding:5em 0px 3em 0px;--blogMainDirection:column;--postListGrid:repeat(4,1fr);--blogCtgrBtnBorder:1px solid #eee;--blogCtgrBtnPadding:10px;--blogCtgrBtnMargin:0px 10px 10px 0px}.ctgrColumnIcon{display:none}.blogCategory{color:#5d5d5d;border:0;border-radius:10px;flex-flow:wrap;min-width:230px;margin:0;padding:10px;font-size:.9em;display:flex}.blogListTitle{display:flex}}@media only screen and (min-width:550px) and (max-width:767px){:root{--titleBarPadding:5em 0px 1.5em 0px;--blogMainDirection:column;--postListGrid:repeat(2,1fr);--blogCtgrBtnBorder:1px solid #eee;--blogCtgrBtnPadding:10px;--blogCtgrBtnMargin:0px 10px 10px 0px}.ctgrColumnIcon{display:none}.blogCategory{color:#5d5d5d;border:0;border-radius:10px;flex-flow:wrap;min-width:230px;margin:0;padding:10px;font-size:.9em;display:flex}.blogListTitle{display:flex}}@media only screen and (max-width:549px){:root{--titleBarPadding:2em 0px 1em 0px;--blogMainDirection:column;--postListGrid:repeat(2,1fr);--blogCtgrBtnBorder:1px solid #eee;--blogCtgrBtnPadding:10px;--blogCtgrBtnMargin:0px 10px 10px 0px}.ctgrColumnIcon{display:none}.blogCategory{color:#5d5d5d;border:0;border-radius:10px;flex-flow:wrap;width:100%;min-width:230px;margin:0;padding:10px;font-size:.9em;display:flex}.blogListTitle{display:flex}}.blogMainLayout{flex-direction:var(--blogMainDirection);box-sizing:border-box;max-width:1100px;height:100%;margin:0 auto;padding:20px;display:flex}.blogCtgrBtn{min-width:fit-content;padding:var(--blogCtgrBtnPadding);border:var(--blogCtgrBtnBorder);margin:var(--blogCtgrBtnMargin);border-radius:10px;flex-direction:row;display:flex}.blogCtgrBtn.isActive,.blogCtgrBtn.isActive .count{color:#111;font-weight:900}.blogCategory div{margin-bottom:20px}.blogContent{width:100%}.blogListHeader{padding:6px 5px 14px}.blogListTitle{color:#222;text-align:left;margin:0 0 10px 10px;font-weight:900}.postListLayout{grid-template-columns:var(--postListGrid);align-content:start;gap:10px;margin:5px;display:grid}.postListItem{height:fit-content;padding:0 5px 10px}.postMainImage img{aspect-ratio:1/1.43;object-fit:cover;width:100%;height:fit-content}.postMainImage{border-radius:10px;display:block;position:relative;overflow:hidden}.postHoverOverlay{opacity:0;box-sizing:border-box;background:#00000060;justify-content:center;align-items:center;padding:16px;transition:opacity .15s;display:flex;position:absolute;inset:0}.postHoverTitle{color:#fff;text-align:center;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}@media (hover:hover) and (pointer:fine){.postMainImage:hover .postHoverOverlay{opacity:1}}.postContents{padding:10px;font-size:1em;line-height:2}.postImage{border-radius:10px;width:100%;max-width:500px;height:auto;margin:15px 0}.postImage2{border-radius:10px;width:100%;max-width:700px;height:auto;margin:15px 0}.ctaLayout{border:1px solid #eee;border-radius:10px;width:100%;height:auto;margin:15px 0;padding:20px}.blogDownloadBtn{color:#969696;font-weight:.9em;border:1px solid #eee;border-radius:10px;margin-top:10px;padding:10px}.blogDownloadText{color:#969696;font-weight:.8em;margin:10px 0}.blogEmpty{text-align:center;color:#777;padding:40px 10px;font-size:.95em}
