section.timeline .timeline-box.left {
    clear: both;
}
.blog-posts {
    position: relative;
}
article.post-grid .post-image.single, article.post-timeline .post-image.single {
    margin-bottom: 15px;
}
.blog-posts .post .entry-title {
    font-size: 1.5em;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 1rem;
    word-break: break-word;
}
article.post .post-meta {
    font-size: 1.0em;
    margin-bottom: 8px;
}
article.post .post-meta .post-views-icon.dashicons, article.post .post-meta i {
    margin-right: 6px!important;
    font-size: 1em!important;
    height: 1em;
    line-height: 1;
    width: 1em;
    text-align: center;
}
.btn-default.btn {
    background: #fff;
    box-shadow: none!important;
    border-color: var(--porto-input-bc);
}
.btn-default.btn:hover {
    background-color: #f2f2f2;
    border-color: rgba(0,0,0,0.06);
}

section.timeline {
    width: 100%;
    margin: 50px 0 0;
    position: relative;
    float: left;
    padding-bottom: 120px
}

section.timeline:after {
    background: rgb(80,80,80);
    background: linear,to bottom,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
    width: 3px;
    z-index: 0;
    opacity: 0.35
}

section.timeline .timeline-box,section.timeline .timeline-date {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.04);
    position: relative;
    z-index: 1
}

section.timeline .timeline-date {
    display: block;
    clear: both;
    width: 200px;
    height: 45px;
    padding: 5px;
    margin: 0 auto 10px;
    border: 1px solid #e7e7e7;
    background: #fff
}

section.timeline .timeline-date h3 {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #f26100;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 32px;
    margin: 2px 0 0
}

section.timeline .timeline-title {
    padding: 12px;
    background: var(--porto-gray-1)
}

section.timeline .timeline-title h4 {
    padding: 0;
    margin: 0;
    color: #171717;
    font-size: 1.4em
}

section.timeline .timeline-title a {
    color: #171717
}

section.timeline .timeline-title .timeline-title-tags {
    color: #B1B1B1;
    font-size: 0.9em
}

section.timeline .timeline-title .timeline-title-tags a {
    color: #B1B1B1;
    font-size: 0.9em
}

section.timeline .timeline-box {
    margin: 20px 22px 10px;
    padding: 18px;
    width: calc(50% - 44px);
    float: left;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #e7e7e7
}

section.timeline .timeline-box:before {
    background: #f26100;
    box-shadow: 0 0 0 3px #fff,0 0 0 6px #f26100
}

section.timeline .timeline-box.left {
    clear: both
}

section.timeline .timeline-box.left:before {
    content: "";
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    right: -27px;
    top: 22px
}

section.timeline .timeline-box.left:after {
    content: "";
    transform: rotate(45deg);
    width: 14px;
    height: 14px;
    position: absolute;
    right: -8px;
    top: 20px;
    z-index: 0;
    background: inherit;
    border-right: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7
}

section.timeline .timeline-box.right {
    clear: right;
    float: right;
    margin-top: 40px
}

section.timeline .timeline-box.right:before {
    content: "";
    border-radius: 50%;
    height: 8px;
    left: -27px;
    position: absolute;
    top: 32px;
    width: 8px
}

section.timeline .timeline-box.right:after {
    content: "";
    transform: rotate(45deg);
    left: -8px;
    height: 14px;
    position: absolute;
    top: 30px;
    width: 14px;
    z-index: 0;
    background: inherit;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

section.timeline .timeline-box .img-thumbnail,section.timeline .timeline-box .img-thumbnail img {
    padding: 0;
    border: 0
}

section.timeline .timeline-box .owl-carousel {
    border-radius: 0;
    padding: 0;
    border: 0;
    box-shadow: none
}

section.timeline .timeline-box .owl-carousel .owl-stage-outer {
    border-radius: 0
}

section.timeline .timeline-box .thumb-info,section.timeline .timeline-box .thumb-info img {
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0
}

section.timeline .timeline-box .thumb-info .thumb-info-wrapper {
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0
}

section.timeline .timeline-box .thumb-info .thumb-info-wrapper:after {
    border-radius: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

section.timeline .timeline-box .thumb-info-side-image .thumb-info-side-image-wrapper {
    padding: 0
}

.timeline .timeline-item-title {
    font-size: 1em;
    margin: 1rem 0 0.25rem;
    font-weight: 700
}

.timeline .timeline-item-content {
    font-size: 0.9em
}

.timeline .timeline-item-content p {
    font-size: inherit
}

.timeline .timeline-item-content p:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .column2 section.timeline {
        width:74%;
        margin: 50px 13% 0
    }

    section.timeline .timeline-box {
        float: none;
        clear: both;
        right: auto;
        left: auto;
        margin: 25px auto;
        max-width: 80%;
        width: auto
    }

    .column2 section.timeline .timeline-box {
        max-width: 80%
    }

    section.timeline .timeline-box.right {
        float: none;
        clear: both;
        right: auto;
        left: auto;
        margin: 25px auto;
        max-width: 80%;
        width: auto
    }

    .column2 section.timeline .timeline-box.right {
        max-width: 80%
    }

    section.timeline .timeline-box.left:after,section.timeline .timeline-box.left:before,section.timeline .timeline-box.right:after,section.timeline .timeline-box.right:before {
        display: none
    }
}

@media (max-width: 575px) {
    section.timeline {
        width:auto;
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .column2 section.timeline {
        margin-left: 0;
        margin-right: 0;
        width: auto
    }

    section.timeline .timeline-box {
        margin: 15px auto;
        max-width: 90%
    }

    .column2 section.timeline .timeline-box {
        max-width: 90%
    }

    section.timeline .timeline-box.right {
        margin: 15px auto;
        max-width: 90%
    }

    .column2 section.timeline .timeline-box.right {
        max-width: 90%
    }
}