.article_meta{column-gap:10px;font-size:calc(var(--body-font-size)*.9)}.article_meta svg{vertical-align:middle;margin-right:2px}.article_card{border:var(--article-card-border-width) solid var(--theme-border-color);transition:border .3s ease-in-out}.blog_card_feature_img:before{content:"";pointer-events:none;position:absolute;visibility:hidden;top:0;left:-75%;z-index:-1;display:block;width:50%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,#fff0,#ffffff4d);-webkit-transform:skew(-25deg);-ms-transform:skew(-25deg);transform:skew(-25deg)}.blog_card_feature_img:hover:before{-webkit-animation:blogeffect .75s;animation:blogeffect .75s;visibility:visible;z-index:10}.article_card:hover{border-color:var(--theme-color)}.article_card_title{font-size:var(--article-card-title-fs);line-height:1.2em;font-family:var(--heading-font-family);font-weight:var(--heading-fw);color:var(--heading-color);margin-bottom:7px;display:block}.article_card_content{padding:12px}.article_tag{font-weight:var(--heading-fw);color:var(--theme-color);font-size:14px}.section_blog_template .grid_article{display:grid;grid-template-columns:repeat(var(--des-column),1fr);grid-gap:var(--des-gutter)}.article_card,.article_card .blog_card_feature_img img{border-radius:var(--article-card-radious)}.article_card .excerpt_content{font-size:var(--article-excerpt-fs)}.article_card:not(.template-blog .article_card):not(.template-blog-list .article_card) .blog_card_feature_img img{border-bottom-left-radius:0;border-bottom-right-radius:0}.blog_readmore svg{background-color:var(--btn-primary-bg);fill:#fff;height:35px;width:35px;padding:10px;margin-left:15px;transition:var(--transition)}.blog_readmore{color:var(--body-text-color);display:inline-block;border:1px solid var(--btn-primary-bg);padding:0 0 0 15px;font-size:13px;border-radius:5px}.blog_readmore:hover{border-color:var(--btn-primary-hover-bg);color:var(--body-text-color)}.blog_readmore:hover svg{background-color:var(--btn-primary-hover-bg)}.sidebar_item .widget-title{font-weight:500;text-transform:uppercase;font-size:14px;border-bottom:1px solid var(--theme-border-color);padding-bottom:10px;margin-bottom:10px}.blog_sidebar{font-size:13px}.sidebar_item:not(.blog_sidebar .sidebar_item:last-child){margin-bottom:25px}.sidebar_item .card_product_title{font-size:15px;margin-bottom:2px;font-family:var(--body-font-family);font-weight:500}.sidebar_item .recent_title:hover .card_product_title{color:var(--theme-color)}.sidebar_item .article_meta{font-size:13px}.sidebar_item .article_meta svg{margin-right:0;width:15px}.sidebar_tags ul li a{display:inline-block;padding:1px 10px;border:1px solid var(--theme-border-color);border-radius:3px;color:var(--body-text-color);margin-top:5px;transition:var(--transition)}.sidebar_tags ul li a:hover{color:var(--bs-white);background-color:var(--theme-color);border-color:var(--theme-color)}.sidebar_tags ul{display:flex;flex-wrap:wrap;column-gap:5px}.blog_style_grid.grid_column_1 .article_card,.blog_style_list.grid_column_1 .article_card{border:none;text-align:left}.blog_style_grid.grid_column_1 .article_card .article_meta,.blog_style_list.grid_column_1 .article_card .article_meta{justify-content:flex-start}.blog_style_grid.grid_column_1 .article_card_content{padding:12px 0 0}.blog_style_grid.grid_column_1 .article_card_featur_img.percent_ratio .blog_card_feature_img:after{padding-bottom:43%}@media (min-width: 991px){.blog_style_list .article_card{display:flex;flex-wrap:wrap;border:none}.blog_style_list .article_card_featur_img{width:35%;margin-right:2%}.blog_style_list .article_card_content{width:63%}}@media (min-width: 768px) and (max-width: 992px){.section_blog_template .grid_article{grid-template-columns:repeat(var(--tab-column),1fr)}}@media (max-width: 767px){.section_blog_template .grid_article{grid-template-columns:repeat(var(--mob-column),1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-article-card.css.map */