.blogFilter{list-style:none}
.blogFilter li a:link,.blogFilter li a:visited{font-size:14px;color:#524f4f;text-decoration:none}
.blog_teaser .grid-container{display:grid;grid-template-columns:repeat(auto-fit,251px);grid-column-gap:36px;justify-content:left;align-items:normal;grid-template-rows:auto;grid-row-gap:40px}
.blog_teaser .grid-row{display:grid;grid-template-columns:30% auto;grid-column-gap:10px;align-items:normal;grid-template-rows:1fr}
.blog_teaser .grid-row img{width:100%}
.blog_teaser .grid-row.no-image{grid-template-columns:100%}
.blog_teaser .mt-5{margin-top:5px}
.blog_teaser .mb-5{margin-bottom:5px}
.blog_teaser .line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog_teaser .overflow{--max-lines:3;position:relative;max-height:calc(2.8rem);overflow:hidden;padding-right:1rem}
.blog_teaser .recordDetail{font-size:14px;margin:5px;padding-top:10px}
.blog_teaser .pagination{list-style:none}
.blog_teaser .pagination li{float:right;margin:5px;cursor:pointer}
.blog_teaser .pagination li i{color:#b5b5b5;font-size:16px}
.blog_teaser .pagination li.selected{color:#f79646}
.text-center{text-align:center}
.blog_teaser .btn{padding:10px 32px 6px;border-radius:100px;text-decoration:none;display:inline-block;transition:background-color .4s ease;outline:0;font-size:14px;text-transform:uppercase}
.blog_teaser .blog-row{padding:10px 0}
.blog_teaser .blog-row .btile{border:1px solid #005985}
.blog_teaser .blog-row .date-author-row{font-size:12px;font-family:'national-2-web-regular'}
.blog_teaser .blog-row .author{margin-bottom:0}
.blog_teaser .blog-row .blog-date{padding-right:14px;border-right:1px solid #999}
.blog_teaser .blog-row .blog-author{padding-left:8px}
.blog_teaser .blog-row .blog-desc{font-size:14px;font-family:'national-2-web-regular';padding:5px;line-height:1.5}
.blog_teaser .blog-row .blog-desc .category{color:#081d4d}
.blog_teaser .blog-row .blog-desc .readTime{color:#444;margin-bottom:0}
.blog_teaser .blog-row .blog-desc .readTime i{color:orange;margin-right:5px}
.blog_teaser .blog-row .img_div{padding-bottom:20px;height:250px;background-size:cover;background-position:0 0}
.blog_teaser .blog-row .img_div img{width:100%}
.blog_teaser .blog-row h4{font-size:36px;font-family:'trump-soft-pro-bold';margin:0}
.blog_teaser .verticalLine{border-right:1px solid #000;padding-left:5px}
.blog_teaser .BT_date{font-size:12px;color:#444}
.blog_teaser .noRecord{color:#444;font-size:18px;text-align:center;display:none}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.blog_teaser .grid-container{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start}
.blog_teaser .grid-container .btile{-ms-flex:265px;flex:265px;max-width:265px;margin:4px}
.blog_teaser .grid-row{display:flex;justify-content:flex-start}
.blog_teaser .grid-row .img_div{width:300px}
.blog_teaser .line-clamp{overflow:visible}
}
@media(min-width:320px) and (max-width:768px){.blog_teaser .grid-container{grid-template-columns:repeat(auto-fit,minmax(268px,1fr));justify-content:center}
.blog_teaser .grid-row{grid-template-columns:auto}
}
@media only screen and (min-width:768px) and (max-width:1024px){.blog_teaser .grid-row{grid-template-columns:300px auto}
}
.hide_icon{cursor:default !important;pointer-events:none;z-index:-1}
.show_icon{display:block}