.ninedok-blog--search-page {
    padding: 100px 0;
    text-align: center
}

@media screen and (max-width:1440px) {
    .ninedok-blog--search-page {
        padding: 90px 0
    }
}

@media screen and (max-width:991px) {
    .ninedok-blog--search-page {
        padding: 80px 0
    }
}

@media screen and (max-width:767px) {
    .ninedok-blog--search-page {
        padding: 50px 0
    }
}

.ninedok-blog--search-page__title {
    margin-bottom: 30px
}

.ninedok-blog--search-page__search-form div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:767px) {
    .ninedok-blog--search-page__search-form div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ninedok-blog--search-page__search-form input[type=text] {
    border: 1px solid var(--c-light-grey);
    line-height: 35px;
    padding: 5px 20px;
    min-width: 250px;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .ninedok-blog--search-page__search-form input[type=text] {
        text-align: center
    }
}

.ninedok-blog--search-page__search-form input[type=submit] {
    border: none;
    position: relative;
    z-index: 10;
    font-weight: 500;
    padding: 11px 15px;
    background-color: var(--c-main);
    color: var(--c-light);
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ninedok-blog--search-page__search-form input[type=submit]:hover {
    background-color: var(--c-dark)
}

.ninedok-blog--banner {
    background-color: #384650;
    padding: 130px 15px;
    text-align: center;
    height: 100%;
    width: 100%;
    min-width: 400px;
    min-height: 200px;
    background-size: cover;
    background-position: center
}

.ninedok-blog--banner.with-image * {
    color: var(--c-light)
}

@media screen and (max-width:1199px) {
    .ninedok-blog--banner {
        padding: 100px 15px
    }
}

@media screen and (max-width:767px) {
    .ninedok-blog--banner {
        padding: 80px 15px
    }
}

.ninedok-blog--banner__title {
    line-height: 1.4;
    color :var(--c-light)
    
}

.ninedok-blog--banner__count-results {
    margin-top: 25px
}

.ninedok-blog--wrapper {
    padding: 120px 0 90px
}

@media screen and (max-width:1440px) {
    .ninedok-blog--wrapper {
        padding: 90px 0 60px
    }
}

@media screen and (max-width:991px) {
    .ninedok-blog--wrapper {
        padding: 80px 0 50px
    }
}

@media screen and (max-width:767px) {
    .ninedok-blog--wrapper {
        padding: 60px 0 30px
    }
}

.ninedok-blog--wrapper .ninedok-blog--post {
    margin-bottom: 30px
}

.ninedok-blog--wrapper .ninedok-blog--post.tag-twitter-2 p {
    word-break: break-all
}

@media screen and (max-width:767px) {
    .ninedok-blog--wrapper .ninedok-blog--post {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.ninedok-blog--wrapper .ninedok-blog--post.sticky .ninedok-blog--post__title::before {
    content: '\f367';
    font-family: Ionicons;
    display: inline-block;
    margin-right: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    color: var(--c-main)
}

.ninedok-blog--wrapper .ninedok-blog--post__item {
    background-color: var(--c-light);
    -webkit-box-shadow: 0 10px 50px 0 rgba(var(--ca-dark), .09);
    box-shadow: 0 10px 50px 0 rgba(var(--ca-dark), .09);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ninedok-blog--wrapper .ninedok-blog--post__item:hover {
    -webkit-box-shadow: 0 10px 50px 0 rgba(var(--ca-main), .09);
    box-shadow: 0 10px 50px 0 rgba(var(--ca-main), .09)
}

.ninedok-blog--wrapper .ninedok-blog--post__media {
    padding-top: calc(100%/4*3)
}

.ninedok-blog--wrapper .ninedok-blog--post__info-wrap {
    padding: 30px
}

.ninedok-blog--wrapper .ninedok-blog--post__info-wrap-date a {
    font-size: 13px;
    line-height: 1.3;
    color: var(--c-grey);
    margin-bottom: 14px;
    display: inline-block
}

.ninedok-blog--wrapper .ninedok-blog--post__info-wrap-date a i {
    display: inline-block;
    margin-right: 5px
}

.ninedok-blog--wrapper .ninedok-blog--post__title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--c-dark);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 15px;
    display: inline-block;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .ninedok-blog--wrapper .ninedok-blog--post__title {
        font-size: 23px
    }
}

.ninedok-blog--wrapper .ninedok-blog--post__title:hover {
    color: var(--c-main)
}

.ninedok-blog--wrapper .ninedok-blog--post__text {
    line-height: 1.6;
    margin-bottom: 20px
}

.ninedok-blog--wrapper .ninedok-blog--post__text p {
    margin-bottom: 0
}

.ninedok-blog--wrapper .ninedok-blog--post__author {
    color: var(--c-dark);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 700
}

.ninedok-blog--wrapper .ninedok-blog--post__author img {
    border-radius: 50%;
    margin-right: 15px
}

.ninedok-blog--wrapper .ninedok-blog--pagination {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 30px
}

@media screen and (max-width:1440px) {
    .ninedok-blog--wrapper .ninedok-blog--pagination {
        margin-top: 60px
    }
}

@media screen and (max-width:991px) {
    .ninedok-blog--wrapper .ninedok-blog--pagination {
        margin-top: 40px;
        margin-bottom: 60px
    }
}

@media screen and (max-width:767px) {
    .ninedok-blog--wrapper .ninedok-blog--pagination {
        margin-top: 10px;
        margin-bottom: 30px
    }
}

.ninedok-blog--wrapper .ninedok-blog--pagination .page-numbers {
    color: var(--c-grey);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    margin: 1px
}

.ninedok-blog--wrapper .ninedok-blog--pagination .page-numbers:not(.prev):not(.next):not(.dots) {
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%
}

.ninedok-blog--wrapper .ninedok-blog--pagination .page-numbers:not(.prev):not(.next):not(.dots):hover {
    background-color: var(--c-main);
    color: var(--c-light)
}

.ninedok-blog--wrapper .ninedok-blog--pagination .page-numbers.next:hover,
.ninedok-blog--wrapper .ninedok-blog--pagination .page-numbers.prev:hover {
    color: var(--c-main)
}

.ninedok-blog--wrapper .ninedok-blog--pagination .page-numbers.current {
    background-color: var(--c-main);
    color: var(--c-light)
}

/*# sourceMappingURL=blog-list.css.map */