/* ----------- main blog css ----------- */ /* banner wraper area*/ .blog-banner-wrapper { padding-bottom: 8.5rem; } .blog-banner-wrapper:before { max-height: initial; height: 1000px; background-size: auto; } .blog-banner-wrapper .about-us-search-form-wrapper .search-form-wrapper { margin-bottom: 5rem; } @media (min-width: 768px) { .blog-banner-wrapper { padding-bottom: 2rem; } } /* blog area */ .blog-section { margin-bottom: 4rem; } .blog-list { display: flex; flex-wrap: wrap; margin-bottom: 4rem; } .blog-section .container .row { align-items: flex-start; } @media (min-width: 768px) { .blog-section { margin-bottom: 10rem; } .blog-list { margin-bottom: 6rem; } .blog-list.no-sidebar { width: calc(100% - 0px); } .blog-list.sidebar { width: calc(100% - 41.333%); } .sidebar { width: 41.33%; } } @media (min-width: 992px) { .blog-list.sidebar { width: calc(100% - 33.333%); } .sidebar { width: 33.33%; } } @media (min-width: 1920px) { .blog-section { margin-bottom: 15rem; } } /* blog items */ .blog-list { width: 100%; display: flex; flex-wrap: wrap; } .blog-list__item { margin-bottom: 6rem; } .blog-list .card { background: #ffffff; box-shadow: 20px 20px 60px rgba(15, 16, 17, 0.1); border-radius: 15px; overflow: hidden; border: none; } .blog-list .card-img-top { min-height: 20rem; max-height: 28rem; object-fit: cover; width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; } .blog-list .card__body { padding: 2rem; padding-bottom: 7rem; position: relative; } .blog-list .card__body--title { color: #15213d; font-weight: 500; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: 0.025rem; transition: all 0.5s ease; } .blog-list .card__body--title:hover { color: #e31112; } .blog-list .card__body--details p { font-weight: normal; line-height: 2.6rem; margin-bottom: 2rem; } .blog-list .card__footer { display: flex; flex-wrap: wrap; } .blog-list .post-date, .blog-list .post-author, .blog-list .post-tags { position: relative; padding-left: 3rem; margin-bottom: 1rem; } .blog-list .post-tags { margin-bottom: 0rem; } .blog-list .post-date span.post-date__icon, .blog-list .post-author span.post-author__icon, .blog-list .post-tags span.post-tags__icon { position: absolute; left: 0; display: inline-block; width: auto; margin-right: 1rem; } .blog-list .post-date span.date, .blog-list .post-author span.author, .blog-list .post-tags span.tags { font-family: "Open Sans", sans-serif; color: #15213d; font-weight: 600; font-size: 1.4rem; line-height: 115.4%; } .post-tags span.tags a { position: relative; margin-right: 5px; transition: all 0.5s ease; } .post-tags span.tags a:hover { color: #976060; } .post-tags span.tags a:after { content: ","; font-family: "Open Sans", sans-serif; position: absolute; display: inline-block; bottom: 0; } .post-tags span.tags a:nth-last-of-type(1):after { display: none; } @media (min-width: 768px) { .blog-list .card { height: 100%; } .blog-list .card__body--details p { margin-bottom: 3rem; } } @media (min-width: 1200px) { .blog-list .card__body { padding: 2rem 3.5rem 3rem; } .blog-list .post-date, .blog-list .post-author { margin-bottom: 0rem; } .blog-list .card__body--details p { margin-bottom: 4rem; } }