.main-banner {
    background-image: url(https://clarkroofingandsiding.com/wp-content/uploads/2021/08/banner.png);
    background-repeat: repeat;
    background-size: 100%;
    padding: 70px 0;
}
/*.blog_sidebar{
    display: none;
}*/
.main-banner h1.uk-heading-small{
    color: #ffffff;
}
.banner-cover {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog_sidebar .uk-tile-secondary {
    padding: 30px 38px;
}
.blog_sidebar .uk-tile-secondary + .uk-tile-secondary{
    margin-top: 60px;
}
.blog_sidebar .uk-tile-secondary .uk-grid>.uk-grid-margin {
    margin-top: 10px;
}
.blog_sidebar .uk-tile-secondary h5:not(.uk-preserve-color), .blog_sidebar .uk-tile-secondary h2:not(.uk-preserve-color) {
    color: #18bcff;
    font-weight: bold;
    font-size: 24px;
}

.blog_sidebar .uk-tile-secondary ul li {
    color: #31c3ff;
    list-style: square;
    font-size: 12px;
    margin-bottom: 9px;
}
.blog_sidebar .uk-tile-secondary ul li a {
    color: #dfe5ec;
    font-size: 16px;
}
.blog_sidebar .uk-tile-secondary ul li a:hover{
    text-decoration: underline;
    color: #ffffff;
}
.single-post-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d4d4d4;
}
.blog_list_block  .uk-child-width-1-1 .uk-first-column > .el-item > a {
    width: 100%;
    position: relative;
    display: inline-block;
    object-fit: cover;
}
.blog_list_block .uk-child-width-1-1 .uk-first-column > .el-item > a img{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
}
.blog_list_block .uk-child-width-1-1 .uk-first-column > .el-item > a:after{
    content: '';
    position: relative;
    display: inline-block;
    padding-bottom: 45%;
    width: 100%;
}

/*.blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta,
.blog_list_block .uk-child-width-1-1 .uk-first-column .el-content,
.blog_list_block .uk-child-width-1-1 .uk-first-column .el-content + .uk-margin-top {
    margin-top: 15px !important;
}*/

.blog_list_block .uk-margin-small-top {
    margin-top: 15px !important;
}
.blog_list_block a.el-link.uk-button.uk-button-primary {
    margin-top: 10px !important;
}

.blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta{
    font-size: 0;
}

.blog_list_block .uk-child-width-1-1 .uk-first-column .el-content {
    font-size: 16px;
    margin-top: 15px !important;
}

.blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a,
.blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta time {
    position: relative;
    font-size: 15px;
    line-height: 26px;
    color: #272424;
    font-weight: 700;
    pointer-events: none;
}
.blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a{
    padding-left: 55px;
    padding-right: 5px;
}
.blog_sidebar ul {
    padding-left: 26px;
}
.blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta time{
    padding-left: 106px;
}
.blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a:before{
    position: absolute;
    content: 'Author : ';
    font-weight: 400;
    left: 0;
}
.blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta time:before{
    position: absolute;
    content: '| Published on : ';
    font-weight: 400;
    left: 0;
}

body:not(.single-post) .blog_list_block .uk-child-width-1-1 .uk-first-column .el-item h2,
.single-post .blog_list_block .uk-child-width-1-1 .uk-first-column .el-item h1 {
   font-weight: 600;
   font-size: 31px;
   margin-top: 19px !important;
   color: #18bcff !important;
}

.single-post-item h2 a{
    color: #31c3ff;
}
.blog_list_block p {
    margin: 0 0 12px 0;
}
.single-post-item p ,
.single-post-item .entry-content{
    margin: 15px 0;
    font-size: 16px;
}
.single-post-item .postmeta {
    font-size: 15px;
}
.postmeta b {
    color: #363434;
}
.blog_list_block .uk-pagination>* {
    padding-left: 0;
    margin:  0 5px;
}
.blog_list_block .uk-pagination> li >*{
    padding: 8px 13px;
    line-height: 1;
    border: none;
    color: #333333;
    font-weight: 600;
}
.blog_list_block .uk-pagination> li.uk-active >*{
    background: #31c3ff;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
}

.cm_blog  .uk-first-column {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 0 !important;
} 
.cm_blog  .uk-first-column::before{
    display: none;
}
.cm_blog {
    overflow: hidden;
}
.blog_list_block .uk-pagination span, .blog_list_block .uk-pagination li {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px !important;
    font-size: 20px;
}

@media(max-width:1024px){
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-item h2 {
        font-size: 28px;
    }
    .blog_sidebar .uk-tile-secondary {
        padding: 30px;
    }
    .blog_sidebar .uk-tile-secondary ul li a {
        font-size: 14px;
    }
}
@media(max-width:991px){
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-item h2{
        font-size: 32px;
    }
}

@media(max-width:767px){
    .blog_list_block .uk-margin-small-top {
        margin-top: 10px !important;
    }
    .blog_sidebar .uk-tile-secondary {
        padding: 20px;
    }
    .single-post-item p {
        font-size: 14px;
    }
    .single-post-item h2 {
        font-size: 25px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-content {
        font-size: 13px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-item h2 {
        font-size: 22px;
    }
    .blog_list_block .uk-pagination span, .blog_list_block .uk-pagination li {
        height: 40px;
        width: 40px;
        border-radius: 8px !important;
        font-size: 16px;
    }
    .blog_sidebar .uk-tile-secondary + .uk-tile-secondary {
        margin-top: 40px;
    }
    .blog_sidebar {
        margin-top: 50px !important;
    }
}

@media(max-width: 575px){
    .blog_list_block a.el-link.uk-button.uk-button-primary {
        padding: 0 25px;
        font-size: 14px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a,
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta time{
        font-size: 13px;
        line-height: 24px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a{
        padding-left: 54px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta time {
        padding-left: 90px;
    }
}

@media(max-width: 375px){
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a {
        padding-left: 45px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a, .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta time {
        font-size: 11px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-content {
        margin-top: 10px !important;
    }
}
@media(max-width: 320px){
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a, .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta time {
        font-size: 10px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta a {
        padding-left: 42px;
    }
    .blog_list_block .uk-child-width-1-1 .uk-first-column .el-meta time {
        padding-left: 70px;
    }
.blog_list_block .uk-child-width-1-1 .uk-first-column .el-item h2 {
    font-size: 19px;
}
}