/*
$k-media-breakpoints: (
    // Small screen / phone
    sm: 576px,
    
    // Medium screen / tablet
    md: 768px,
    
    // Large screen / desktop
    lg: 1024px,
    
    // Extra large screen / wide desktop
    xl: 1200px,

    // Extra large screen / wide desktop
    xxl: 1600px
)!default;
*/
.k-blog-list .k-blog-list__head {
  height: 25rem;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px; }
  .k-blog-list .k-blog-list__head .k-blog-list__link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .k-blog-list .k-blog-list__head .k-blog-list__link .k-blog-list__image {
      width: 100%;
      height: 100%;
      opacity: 0; }

.k-blog-list .k-blog-list__body {
  padding: 2rem 0; }
  .k-blog-list .k-blog-list__body .k-blog-list__link {
    font-weight: 500;
    color: #536be2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .k-blog-list .k-blog-list__body .k-blog-list__link .k-blog-list__title {
      font-weight: 600;
      color: #464457;
      margin-bottom: 1rem;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .k-blog-list .k-blog-list__body .k-blog-list__link:hover, .k-blog-list .k-blog-list__body .k-blog-list__link:focus {
      color: #1e37b1; }
      .k-blog-list .k-blog-list__body .k-blog-list__link:hover .k-blog-list__title, .k-blog-list .k-blog-list__body .k-blog-list__link:focus .k-blog-list__title {
        color: #1e37b1; }
      .k-blog-list .k-blog-list__body .k-blog-list__link:hover span, .k-blog-list .k-blog-list__body .k-blog-list__link:focus span {
        text-decoration: underline; }
  .k-blog-list .k-blog-list__body .k-blog-list__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
    color: #918ea7; }
    .k-blog-list .k-blog-list__body .k-blog-list__meta .k-blog-list__date {
      padding: 0.2rem 1rem 0.2rem 0;
      border-right: 1px solid #e9e9f1; }
    .k-blog-list .k-blog-list__body .k-blog-list__meta .k-blog-list__author {
      padding: 0.2rem 1rem;
      border-right: 1px solid #e9e9f1; }
    .k-blog-list .k-blog-list__body .k-blog-list__meta .k-blog-list__comments {
      padding: 0.2rem 1rem; }
  .k-blog-list .k-blog-list__body .k-blog-list__content {
    line-height: 2rem;
    margin-bottom: 1.7rem;
    font-size: 1.1rem;
    font-weight: 400;
    color: #918ea7; }