/*=========================
    14. BLOG SECTION
===========================*/

.blog-image {
    position: relative;

    .post-date {
        position: absolute;
        top: 15px;
        left: 15px;

        font-size: 13px;
        line-height: 1.4;

        color: $white-color;
        background-color: $primary-color;
        padding: $smaller-padding/2 $smaller-padding;

        border-radius: 3px;
    }
}

.entry-meta {
    font-size: 1.4rem;
    margin: 0 0 .9em;

    li{
        a{
            color:$secondary-color;
        }
        span::before {
                color:$primary-color;
        }
    }

}
.entry-meta li {
    display: inline-block;
    margin: 5px;
    span {
        margin-right: 5px;
    }
}



.author-container {
    width: 52px;
    height: 52px;
    border-radius:  50%;
    position: absolute;
    right: 0;
    top: -56px;

    .author-border {
        @extend .pre-shadow;
        display: inline-block;

        border-radius:  50%;
        border: 5px solid $white-color;

        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        @include transition( all .2s ease );
        z-index: 1;
    }

    .author-img {
        border-radius: 50%;
        overflow: hidden;
        border: 4px solid transparent;

        img {
            display: block;
            margin: 0 auto;
            max-width: 98%;
            height: auto;
        }
    }
}

.grid-item {
    .entry-container {
        margin-bottom: 0;
    }
}

@-webkit-keyframes rotation {
    from {
            -webkit-transform: rotate( 0deg );
    }
    to {
            -webkit-transform: rotate( 359deg );
    }
}

.spinner {
    position: relative;
    height: 5rem;
}
.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 48%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -10px;
    border-radius: 50%;
    border: 6px solid #ccc;
    border-top-color: #43c6ac;
    animation:spin .6s linear infinite;
}
.hidden {
    visibility: hidden;
}
