.blog-filters{ margin: -20px 0 40px; display: flex; justify-content: space-between; align-items: center;
    &-social{ display: flex; align-items: center;
        h6{margin: 0 25px 0 0;}
        .social-icon{margin-bottom: 0;}
    }
    .blog-filter{width:100%; max-width: 260px;
        .form-control{}
    }
}


.searchbox{position: relative;
}


/* Card Blog */
.card-blog{ display: flex; flex-direction: column;
    .card-image{padding-top: 70%;}
    .card-content{ @include transition(); position: relative; flex-grow: 1;
        h4{font-size: 30px;}
        .the-date{font-size: 12px; text-transform: uppercase; margin-bottom: 10px;}
        .reading-time{font-size: 12px; text-transform: uppercase; position: absolute; left: 0; bottom: 0;}

        .slick-slide &{padding-bottom: 0;}
    }


    .widget &{
        .card-image{padding-top: 60%;}
        .card-content{padding: 15px 0;
            .btn{display: none;}
        }
    }
}

.row-news .col-newsletter{margin-bottom: 60px;}

.custom-pagination{text-align:center; font-size:0; padding-top: 10px; font-family: $title;
    li{display:inline-block; vertical-align:middle; font-size:16px; font-weight: 700; margin:0 3px;
        a{display:block; text-align:center; color:$black; text-align:center; padding: 0 10px; height: 40px; line-height: 40px; position: relative;
            &:before{content:""; background: $white; position:absolute; left:0; top:0; width: 100%; height: 100%; transform: skewX(-15deg); z-index: -1; @include transition();}
            &:hover{
                &:before{background-color: $border;}
            }
        }
        &.active a{color: $white;
            &:before{background-color: $blue;}
        }
        &.page-arrow{ padding: 0 10px;
            &-prev{border-right: 1px solid $border; margin-right: 10px;}
            &-next{border-left: 1px solid $border; margin-left: 10px;}
            &.disabled{
                a{pointer-events: none; opacity: 0.3;}
            }
        }
    }
}


.single-title{display: flex; align-items: center; margin-bottom: 40px;
    .box{margin-left: -100px; box-shadow: none;
        .post-meta{display: flex; text-transform: uppercase; margin-bottom: 10px;
            p{font-size: 18px; margin: 0 20px 0 0;}
        }
    }
    .featured-image{flex-shrink: 0; width: 50%;}
}
.featured-image{padding-top: 50%; @include bgcover(); border-radius: $radius; margin-bottom: 50px; position: relative;}

.the-date{text-transform: uppercase; font-size: 14px;}
.the-author{font-weight: 500; color: $lightblue; font-size: 14px;}
.single-post{
    .badge{margin-bottom: 20px;}
}

.post-navigation{border-top: 2px solid $border; padding-top: 60px; margin-top: 80px;
    .post-nav{ position: relative;
        p{text-transform: uppercase; color: $grey; margin-bottom: 20px; font-weight: 600;}
        &-next{text-align: right;}
        &:hover{
            h6 a{color: $red;}
        }
    }
}

.share-post{width: 66px; text-align: center; position: sticky; top: 150px;
    h6{font-size: 16px; margin-bottom: 10px;}
    .addthis_inline_share_toolbox{border-radius: 40px; border: 3px solid $lightgrey; padding: 15px 10px; width: 100%;}
    a.at-icon-wrapper{margin: 0 0 4px !important;}
}


.addthis_inline_share_toolbox{
    .at-share-btn{margin:0 !important; padding: 3px !important;}
}

.sidebar{
    .section-blog, .section-case-studies{ padding: 0 !important;
        .col{width: 100% !important;}
        .row-title{ margin-bottom: 20px;
            h3{font-size: 30px;}
            .text-right{display: none;}
        }
        .card-content h4{font-size: 24px;}
        .row-news{
            .col:nth-child(n+3){display: none;}
        }
    }
}