.blog-item {
    background-color: var(--white-color);
}
.blog-item a.spacer-title {
    transition: all 200ms;
}
.blog-item a.spacer-title:hover {
    color: var(--secondary-color-2);
}
.blog-item .img-field img {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.blog-item .blog-content {
    padding: 40px 40px 20px;
}
.blog-item .spacer-title {
    font-size: 20px;
}
.blog-item .description {
    color: var(--secondary-color-2);
}
.blog-item .blog-footer .footer-component {
    font-size: 15px;
}
.blog-item .blog-footer .footer-component i {
    font-size: 20px;
}
.blog-item .blog-footer .footer-component span,
.blog-item .blog-footer .footer-component a {
    color: var(--dark-color-1);
}

.sidebar-wrapper .sidebar-section {
    padding: 30px;
}
.sidebar-section .spacer-title {
    font-size: 18px;
}
.sidebar-section .sidebar-item .img-field {
    flex: 0 0 100px;
    margin-right: 10px;
}
.sidebar-section .sidebar-item .img-field img {
    width: 100%;
    height: 66px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 6px;
}
.sidebar-section .sidebar-item .item-caption {
    font-size: 15px;
}
.sidebar-section .sidebar-item .item-caption p {
    color: var(--secondary-color-2);
    font-size: 14px;
}

.sidebar-section .sidebar-item .item-caption .item-detail,
.sidebar-section .sidebar-item .item-caption .item-detail i,
.sidebar-section .sidebar-item .item-caption .item-detail i::before {
    font-size: 15px;
}
.sidebar-section .sidebar-item .item-caption .item-detail span {
    color: var(--dark-color-1);
}

@media only screen and (max-width: 1199px) and (min-width: 991px) {
    .sidebar-wrapper .sidebar-section {
        padding: 15px;
    }
    .sidebar-section .sidebar-item .img-field {
        flex: 0 0 90px;
    }
    .sidebar-section .sidebar-item .img-field img {
        height: 60px;
    }
    .sidebar-section .sidebar-item .item-caption {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {
    .blog-item .img-field img {
        height: 400px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-item .img-field img {
        height: 300px;
    }
}