/* 1col blog items*/ .blog-list.blog-list__col-1 .blog-list__item { max-width: 100%; flex: 0 0 100%; } .blog-list.blog-list__col-1 .card-img-top { max-height: 28rem !important; object-fit: cover; width: 100%; } .blog-list.blog-list__col-1 .card__body--title { font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 1.8rem; line-height: 2.6rem; } .blog-list.blog-list__col-1 .post-date, .blog-list.blog-list__col-1 .post-author { margin-right: 3rem; } @media (min-width: 1200px) { .blog-list.blog-list__col-1 .card__body--title { font-size: 3rem; line-height: 3.7rem; } .blog-list.blog-list__col-1 .post-date, .blog-list.blog-list__col-1 .post-author { margin-right: 5.4rem; } } /* 1 column blog page's hilights tags */ .card__body--title-tags { display: inline-block; margin-bottom: 2.5rem; } .card__body--title-tags a { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 13px; line-height: 15px; color: #ffffff; background: #2d8fea; border-radius: 4px; display: inline-block; padding: 7px 10px; text-transform: capitalize; transition: all 0.5s ease; } .card__body--title-tags a:hover { opacity: 0.8; } .tag-education a { background: #2d8fea; } .tag-ravel a { background: #e62dea; } .tag-political a { background: #ea2d7c; } .tag-marketing a { background: #48c329; }