/* 1col blog items*/ .blog-list.blog-list__col-1 .blog-list__item { max-width: 100%; flex: 0 0 100%; } .blog-details .blog-list.blog-list__col-1 .card-img-top { object-fit: cover; width: 100%; border-radius: 1.5rem; max-height: 100%; } .blog-details .blog-list.blog-list__col-1.no-sidebar .card-img-top { max-height: 50rem; } .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; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .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; } } /* blog details css */ .blog-section.blog-details, .blog-section.blog-details .blog-list__item { margin-bottom: 0; } .blog-details .blog-list .card { background: transparent; box-shadow: none; } .blog-details .card__body { display: flex; flex-direction: column; padding: 3rem 0; } .blog-details .card__body--title-tags { order: 1; } .blog-details .card__body--title { order: 2; margin-bottom: 3.5rem; } .blog-details .card__footer { order: 3; margin-bottom: 4rem; } .blog-details .card__body--details { order: 4; } .blog-details .card__body--details blockquote { font-family: "Open Sans", sans-serif; font-style: italic; font-weight: 600; font-size: 2rem; line-height: 3rem; text-align: center; color: #484e5e; margin-bottom: 2rem; padding: 2rem 2rem; } @media (min-width: 768px) { .blog-details .card__body--details blockquote { margin-bottom: 3rem; } } @media (min-width: 1200px) { .blog-details .card__body--details blockquote { margin-bottom: 4rem; padding: 2rem 8rem; } } /* leave a comment box area */ .leave-comments-box__wraper { margin-bottom: 5rem; } .leave-comments-box--title { font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 3rem; line-height: 3.6rem; display: flex; align-items: center; text-transform: capitalize; color: #15213d; margin-bottom: 7rem; } .leave-comments-box__form .form-group { margin-bottom: 2.5rem; } .leave-comments-box__form label { font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #979eaf; display: block; margin-bottom: 10px; } .leave-comments-box__form label.error { color: var(--primary-color); margin: 8px 0 0; } .leave-comments-box__form .form-control { background: #ffffff; border: 1.5px solid #d9e1e8; box-sizing: border-box; border-radius: 5px; padding: 1.5rem 2.5rem; font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 1.8rem; line-height: 1.8rem; color: #324165; height: auto; } .leave-comments-box__form .form-control.error { border-color: var(--primary-color); } .leave-comments-box__form .form-control:focus { border-color: #324165; box-shadow: none; } .leave-comments-box__form .form-control.error:focus { border-color: var(--primary-color); } .leave-comments-box__form textarea.form-control { min-height: 12rem; resize: none; } .leave-comments-box__form .btn-post-comments { float: right; margin-top: 4rem; } @media (min-width: 768px) { .leave-comments-box__wraper { margin-bottom: 7rem; } } @media (min-width: 1200px) { .leave-comments-box__wraper { margin-bottom: 10rem; } } /* all comments area */ .all-comments__wraper { margin-bottom: 5rem; } .all-comments--title { font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 2.4rem; line-height: 3.6rem; text-transform: capitalize; color: #15213d; margin-bottom: 3rem; } .all-comments__list { margin-bottom: 5rem; } .all-comments__list-item { position: relative; margin-bottom: 3rem; display: flex; flex-wrap: wrap; } .all-comments__list-item:nth-last-of-type(1) { margin-bottom: 0; } .all-comments__list-item--author-pic { display: block; width: 6rem; height: 6rem; border-radius: 50%; left: 0; overflow: hidden; margin-bottom: 2rem; margin-right: 2rem; } .all-comments__list-item--author-name { font-family: "Poppins", sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 2.6rem; letter-spacing: 0.025rem; color: #15213d; margin-bottom: 2.5rem; display: flex; align-items: center; } .all-comments__list-item p { font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.6rem; color: #5f677c; } @media (min-width: 567px) { .all-comments--title { font-size: 2.4rem; margin-bottom: 9rem; } .all-comments__wraper { margin-bottom: 7rem; } .all-comments__list { margin-bottom: 6rem; } } @media (min-width: 768px) { .all-comments__wraper { margin-bottom: 15rem; } .all-comments__list-item { position: relative; padding-left: 12rem; margin-bottom: 7rem; } .all-comments__list-item--author-pic { position: absolute; display: inline-block; width: 8rem; height: 8rem; margin-bottom: 0; } } @media (min-width: 1200px) { .all-comments__wraper { margin-bottom: 12rem; } .all-comments__list { margin-bottom: 8rem; } .all-comments__list-item { padding-left: 18rem; margin-bottom: 9rem; } .all-comments__list-item--author-pic { width: 13rem; height: 13rem; } } @media (min-width: 1366px) { .all-comments__wraper { margin-bottom: 15rem; } } @media (min-width: 1920px) { .all-comments__wraper { margin-bottom: 15rem; } .all-comments__list { margin-bottom: 10rem; } } /* reply area */ .comments-reply { padding-top: 2rem; border-top: 1px solid #f1f1f1; margin-top: 2rem; padding-left: 2rem; } .comments-reply .all-comments__list-item { padding-left: 0; margin-bottom: 5rem; } .comments-reply .all-comments__list-item:nth-last-of-type(1) { margin-bottom: 0; } .comments-reply .all-comments__list-item--author-pic { width: 6rem; height: 6rem; border-radius: 50%; left: 0; overflow: hidden; } @media (min-width: 567px) { .comments-reply { padding-left: 4rem; } } @media (min-width: 768px) { .comments-reply { padding-left: 0rem; } .comments-reply .all-comments__list-item { padding-left: 11rem; margin-bottom: 5rem; } .comments-reply .all-comments__list-item--author-pic { width: 8rem; height: 8rem; position: absolute; } } @media (min-width: 1200px) { .comments-reply .all-comments__list-item { padding-left: 14rem; } .comments-reply .all-comments__list-item--author-pic { width: 10rem; height: 10rem; position: absolute; } } /* 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; }