/*  POST STANDARD
----------------------------------------------------------*/

.vlt-postlist {
    display: block;
    width: 100%;
}

.vlt-post-standard {
    position: relative;
}

.vlt-post-standard .vlt-post-thumbnail {
    text-align: center;
    line-height: 0;
}

.vlt-post-standard .vlt-post-thumbnail a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.vlt-post-standard .vlt-post-thumbnail+.vlt-post-content {
    padding-top: 20px;
}

.vlt-post-standard .vlt-post-content .vlt-post-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}

.vlt-post-standard .vlt-post-content .vlt-post-title a {
    color: #000;
}

.vlt-post-standard .vlt-post-content .vlt-post-title a:hover {
    color: #333;
}

.vlt-post-standard .vlt-post-content .vlt-post-meta {
    font-size: 12px;
    margin-bottom: 10px;
}

.vlt-post-standard .vlt-post-content .vlt-post-meta i {
    margin-right: 4px;
}

.vlt-post-standard .vlt-post-content .vlt-post-meta span+span {
    margin-left: 15px;
}

.vlt-post-standard .vlt-post-content .vlt-post-excerpt {
    margin-top: 15px;
}

.vlt-post-standard .vlt-post-content .vlt-post-excerpt p {
    margin-bottom: 0;
}

.vlt-post-standard .vlt-post-content .vlt-post-footer {
    margin-top: 30px;
}

.vlt-post-footer a {
    color: #0066cc !important;
    margin-bottom: 20px !important;
}

.vlt-post-standard.sticky .vlt-post-title a::before {
    content: '\f097';
    font-family: fontawesome;
    margin-right: 4px;
    padding-left: 1px;
}


/*  POST MASONRY
----------------------------------------------------------*/

.vlt-postlist {
    display: block;
    width: 100%;
}

.vlt-post-masonry {
    position: relative;
}

.vlt-post-masonry .vlt-post-thumbnail {
    text-align: center;
    line-height: 0;
}

.vlt-post-masonry .vlt-post-thumbnail a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.vlt-post-masonry .vlt-post-thumbnail+.vlt-post-content {
    padding-top: 20px;
}

.vlt-post-masonry .vlt-post-content .vlt-post-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}

.vlt-post-masonry .vlt-post-content .vlt-post-title a {
    color: #0066cc;
}

.vlt-post-masonry .vlt-post-content .vlt-post-title a:hover {
    color: #333;
}

.vlt-post-masonry .vlt-post-content .vlt-post-meta {
    font-size: 12px;
    margin-bottom: 10px;
}

.vlt-post-masonry .vlt-post-content .vlt-post-meta i {
    margin-right: 4px;
}

.vlt-post-masonry .vlt-post-content .vlt-post-meta span+span {
    margin-left: 15px;
}

.vlt-post-masonry .vlt-post-content .vlt-post-excerpt {
    margin-top: 15px;
}

.vlt-post-masonry .vlt-post-content .vlt-post-excerpt p {
    margin-bottom: 0;
}

.vlt-post-masonry .vlt-post-content .vlt-post-footer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.vlt-post-standard.sticky .vlt-post-title a::before {
    content: '\f097';
    font-family: fontawesome;
    margin-right: 4px;
    padding-left: 1px;
}


/*  POST SINGLE
----------------------------------------------------------*/

.vlt-post-single .vlt-post-footer {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.vlt-post-single .vlt-post-footer a {
    color: #0066cc;
}

.vlt-post-single .vlt-post-content {
    padding-bottom: 15px;
}


/*  PAGINATION NUMERIC
----------------------------------------------------------*/

.vlt-pagination-numeric {
    margin-top: 100px;
    padding-top: 50px;
    text-align: center;
    position: relative;
}

.vlt-pagination-numeric::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 2px;
    background-color: #0066cc;
}

.vlt-pagination-numeric span,
.vlt-pagination-numeric a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #efefef;
    color: #333;
    margin-right: 6px;
}

.vlt-pagination-numeric span:last-child,
.vlt-pagination-numeric a:last-child {
    margin-right: 0;
}

.vlt-pagination-numeric span.current,
.vlt-pagination-numeric a:hover {
    color: #fff;
    background-color: #0066cc;
}

@media (max-width: 575px) {
    .vlt-pagination-numeric {
        font-size: 32px;
    }
}


/*  PAGINATION LOAD MORE BTN
----------------------------------------------------------*/

.vlt-pagination-load-more-btn {
    margin-top: 100px;
    padding-top: 50px;
    text-align: center;
    position: relative;
}

.vlt-pagination-load-more-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 2px;
    background-color: #000;
}


/*  PAGINATION INFINITE LOAD
----------------------------------------------------------*/

#infscr-loading {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
}

#infscr-loading div {
    display: inline-block;
    padding: 9px 32px;
    font-size: 14px;
    color: #fff;
    background-color: #000;
}

#infscr-loading img {
    display: none !important;
}


/*  PAGE NAVIGATION
----------------------------------------------------------*/

.vlt-page-navigation {
    margin-top: 50px;
}

.vlt-page-navigation a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    font-size: 40px;
    line-height: 1;
    color: #aaa;
}

.vlt-page-navigation a:hover {
    color: #000;
}

.vlt-page-navigation a+a {
    margin-left: 15px;
}


/*  PORTFOLIO NAVIGATION
----------------------------------------------------------*/

.vlt-portfolio-navigation {
    padding: 40px 0;
    background-color: #000;
}

.vlt-portfolio-navigation .vlt-portfolio-navigation-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.vlt-portfolio-navigation .vlt-portfolio-navigation-inner a,
.vlt-portfolio-navigation .vlt-portfolio-navigation-inner span {
    font-size: 18px;
}

.vlt-portfolio-navigation .vlt-portfolio-navigation-inner a {
    color: #fff;
}

.vlt-portfolio-navigation .vlt-portfolio-navigation-inner a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.vlt-portfolio-navigation .vlt-portfolio-navigation-inner .prev-post.inactive,
.vlt-portfolio-navigation .vlt-portfolio-navigation-inner .next-post.inactive {
    color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
}

.vlt-portfolio-navigation .vlt-portfolio-navigation-inner .prev-post i {
    margin-right: 5px;
}

.vlt-portfolio-navigation .vlt-portfolio-navigation-inner .next-post i {
    margin-left: 5px;
}


/*  PAGINATION BUTTONS
----------------------------------------------------------*/

.vlt-pagination-buttons {
    margin-top: 100px;
    padding-top: 50px;
    text-align: center;
    position: relative;
}

.vlt-pagination-buttons::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 2px;
    background-color: #000;
}

.vlt-pagination-buttons ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.vlt-pagination-buttons li.prev-page,
.vlt-pagination-buttons li.next-page {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    width: 40px;
    background-color: #efefef;
}

.vlt-pagination-buttons li.prev-page.inactive,
.vlt-pagination-buttons li.next-page.inactive {
    cursor: not-allowed;
}

.vlt-pagination-buttons li.prev-page a,
.vlt-pagination-buttons li.next-page a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    color: #333;
}

.vlt-pagination-buttons li.prev-page a i,
.vlt-pagination-buttons li.next-page a i {
    position: relative;
    z-index: 3;
}

.vlt-pagination-buttons li.prev-page a span,
.vlt-pagination-buttons li.next-page a span {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #000;
    color: transparent;
    z-index: 2;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 40px;
    pointer-events: none;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.vlt-pagination-buttons li.prev-page a span {
    right: 0;
    padding-right: 55px;
    padding-left: 15px;
    -webkit-transform-origin: right;
    transform-origin: right;
}

.vlt-pagination-buttons li.next-page a span {
    left: 0;
    padding-left: 55px;
    padding-right: 15px;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.vlt-pagination-buttons li.prev-page+li.next-page {
    margin-left: 6px;
}

.vlt-pagination-buttons li.prev-page a:hover,
.vlt-pagination-buttons li.next-page a:hover {
    color: #fff;
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.vlt-pagination-buttons li.prev-page a:hover span,
.vlt-pagination-buttons li.next-page a:hover span {
    color: #fff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/*  NAVIGATION BLOG
----------------------------------------------------------*/

.vlt-post-navigation {
    margin-top: 50px;
}

.vlt-post-navigation .prev-post,
.vlt-post-navigation .next-post {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    font-size: 40px;
    line-height: 1;
    color: #aaa;
}

.vlt-post-navigation .prev-post.inactive,
.vlt-post-navigation .next-post.inactive {
    color: #ccc;
    cursor: not-allowed;
}

.vlt-post-navigation .prev-post+.next-post {
    margin-left: 15px;
}

.vlt-post-navigation a:hover {
    color: #000;
}

.vlt-post-navigation a,
.vlt-post-navigation span {
    margin-right: 15px;
}

.vlt-post-navigation a:last-child,
.vlt-post-navigation span:last-child {
    margin-right: 0;
}


/*  COMMENTS
----------------------------------------------------------*/

.vlt-comments {
    margin-top: 50px;
}

.vlt-comments-holder {
    padding-right: 8px;
}

@media (max-width: 767px) {
    .vlt-comments-holder {
        padding-right: 0;
    }
}

.vlt-comment-form-holder {
    padding-left: 8px;
}

@media (max-width: 767px) {
    .vlt-comment-form-holder {
        padding-left: 0;
    }
}

.vlt-comment-form .form-submit {
    margin-bottom: 0;
}

.comment+.comment-respond {
    margin-top: 15px;
}

.vlt-comment-reply-title,
.vlt-comment-title {
    text-transform: uppercase;
}

#cancel-comment-reply-link {
    color: #555;
    font-size: 14px;
    margin-left: 10px;
    font-style: italic;
}

#cancel-comment-reply-link:hover {
    color: #000;
}

.comment-notes,
.vlt-comments-number,
.logged-in-as {
    margin-bottom: 30px;
}

.moderate,
.comments-closed {
    color: #000;
    display: block;
    font-size: 14px;
    margin-bottom: 30px;
}

.vlt-comments-list,
.vlt-comments-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.vlt-comments-list li {
    padding-top: 2rem;
}

.vlt-comments-list li:first-child {
    padding-top: 0;
}

.vlt-comments-list>li ul.children {
    padding-left: 2rem;
}

.vlt-comments-list>li ul.children>li {
    padding-top: 2rem;
}

.vlt-comment-left {
    float: left;
    text-align: center;
}

.vlt-comment-left .vlt-comment-avatar {
    height: 50px;
    width: 50px;
}

.vlt-comment-content {
    padding-left: 80px;
    position: relative;
}

.vlt-comment-content .vlt-comment-header-holder {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vlt-comment-content .vlt-comment-header-holder .vlt-comment-author {
    line-height: 1;
}

.vlt-comment-content .vlt-comment-header-holder .vlt-comment-author.comment-author::after {
    content: '·';
    margin-left: 2px;
}

.vlt-comment-content .vlt-comment-header-holder .vlt-comment-date {
    margin-top: 5px;
}

.vlt-comment-content .vlt-comment-text {
    margin-top: 1rem;
}

.vlt-comment-content .vlt-comment-text .comment-edit-link {
    font-size: 14px;
    color: #000;
    margin-right: 15px;
}

.vlt-comment-content .vlt-comment-text .comment-edit-link:hover {
    color: #aaa;
}

.vlt-comment-content .vlt-comment-text .comment-reply-link {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    line-height: 1;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #efefef;
    color: #000;
}

@media (max-width: 767px) {
    .vlt-comment-form-holder {
        margin-top: 100px;
    }
    .vlt-comments-list>li ul.children {
        padding-left: 0;
    }
}