.articles-wrapper.grid{margin:0 0 5rem}@media screen and (min-width: 750px){.articles-wrapper.grid{margin-bottom:7rem}}@media screen and (max-width: 749px){.articles-wrapper .article{width:100%}}.article.grid__item{padding:0}.post-with-bg .article-card{background-color:rgba(var(--color-foreground),.04)}.article-card{align-self:flex-start;flex:0 1 100%;display:flex;align-items:flex-start;height:100%}.grid--peek .article-card{box-sizing:border-box}.article-card__info{display:flex;flex-direction:column;flex-grow:1}.article-card__info.text-center .article-card__footer{justify-content:center}.article-content{width:100%;height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit}.article-card__image{overflow:hidden;position:relative}.article-content img,.article-card__image img{width:100%;height:auto}.article-card__image-wrapper>a{display:block}.article-card__title{text-decoration:none;word-break:break-word}.article-card .article-card__title{transition:var(--transition-primary)}.article-card:hover .article-card__title{color:rgb(var(--color_primary))}.blog-articles:not(.posts-row-1) .article-card__title{font-size:calc(var(--font-body-scale) * 2rem)}.posts-row-3 .article-card__header{display:flex;flex-wrap:wrap;flex-direction:column}.posts-row-3 .article-card__title{order:2;margin-bottom:0}.posts-row-3 .published-info{order:1;margin-bottom:1rem;line-height:1.2}.blog-articles:not(.posts-row-1) .article-card__image{margin-bottom:2rem}.article-card__title:first-child{margin-top:-.5rem}.article-card__link.link{padding:0}.article-card__link{text-underline-offset:.3rem}.article-content:hover .article-card__link{text-decoration-thickness:.2rem}.article-card__header{line-height:calc(.8 / var(--font-body-scale));margin-bottom:1rem}.article-card__header h2+span{display:inline-block;margin-top:.4rem}.article-card__footer{letter-spacing:.1rem;font-size:1.4rem}.article-card__footer:not(:last-child){margin-bottom:1rem}.article-card__excerpt{width:100%}.article-card__link:not(:only-child){margin-right:3rem}.post-tags-list{flex-wrap:wrap}.article-wrapper:hover .post-tags-list li{color:rgb(var(--color-base-text))}.post-tags-list li{transition:var(--transition-primary)}.article-wrapper .post-tags-list li:hover{color:rgb(var(--color_primary))}.main-blog .post-tags-list li{margin-bottom:2rem;margin-right:1.5rem}.main-post .post-tags-list li{margin-bottom:1rem;margin-right:1.5rem}.article-card__title{margin-bottom:2rem}.published-info{font-size:calc(var(--font-body-scale) * 1.6rem);font-weight:300;display:flex;flex-wrap:wrap}.text-center .published-info{justify-content:center}.published-info span{margin-bottom:10px;display:block}.article-card.with-video video{width:100%}.article-card.with-video .modal-body,.article-card.with-video .modal-content{padding:0;border:none;background:transparent}.article-card.with-video .article-card__image{position:relative}.article-card.with-video .article-card__image:before{content:"";background-color:#00000080;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.bonnews-video-link{background-size:contain;transition:all .3s ease;width:90px!important;height:90px!important;opacity:.7;background-repeat:no-repeat;position:absolute;left:50%!important;top:50%!important;transform:translate(-50%,-50%);z-index:2;cursor:pointer}.bonnews-video-link:hover{opacity:1}.article-card__image--small{padding-bottom:11rem}.article-card__image--medium{padding-bottom:22rem}.article-card__image--large{padding-bottom:33rem}@media screen and (min-width: 750px){.article-card__image--small{padding-bottom:14.3rem}.article-card__image--medium{padding-bottom:21.9rem}.article-card__image--large{padding-bottom:27.5rem}.article-card.with-video .modal-dialog{max-width:750px}}@media screen and (min-width: 990px){.article-card__image--small{padding-bottom:17.7rem}.article-card__image--medium{padding-bottom:30.7rem}.article-card__image--large{padding-bottom:40.7rem}}@media screen and (min-width: 990px){.article-card__link:not(:only-child){margin-right:4rem}.article-card.with-video .modal-dialog{max-width:990px}}@media screen and (min-width: 1200px){.article-card.with-video .modal-dialog{max-width:1200px}}@media screen and (max-width: 991px){.article-card__image{margin-bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-article-card.css.map */