/*!
Theme Name: OCN
Theme URI: http://duckwp.com
Author: Duck Code - Nghi Pham
Author URI: http://duckwp.com
Description: OCN <a href="/wp-admin/admin.php?page=theme-settings">Edit theme</a>
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:
*/

/** Extra styles so we don't have to compile everytime, this site shouldn't be this complicated!!! **/
.custom-meta {
    border-top: 1px solid #000;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 27px;
    margin-bottom: 40px;
}
.custom-meta .date {}
.custom-meta .terms a {
    color: #000;
    text-decoration: none;
}
.custom-meta .terms a:not(:last-child)::after {
    content: '|';
    display: inline-block;
    padding: 0 5px;
    color: #aaa;

}
.custom-meta .terms a::after {
    display: none;
}

.el-timeline__item-half {height: 420px;}
.el-timeline .swiper-slide {width: 365px !important;}
.el-timeline__item-image {
    width: 100% !important;
    height: 236px !important;
}
.el-timeline__item-title {
    width: 100% !important;
    text-align: left;
}
.el-timeline__item-summary {
    width: 100%;
    max-width: 100% !important;
    height: 170px !important;
    text-align: left;
}

.el-timeline__navigation {
    display: block;
    position: absolute;
    top: 44%;
    width: 100%;
    left: 0%;
    z-index: 5;
    pointer-events: initial;
  }

.el-news__box-item-link {
  display: inline-block;
  margin-top: 15px;
}

.el-timeline__navigation-wrap {
    display: flex;
    justify-content: space-between;
}
.el-timeline__navigation-next {
    flex-grow: initial;
    cursor: pointer;
}
.el-timeline__navigation-prev {
    flex-grow: initial;
    cursor: pointer;
}
.el-timeline__navigation-next svg {background-color: #eaede9;}
.el-timeline__navigation-prev svg {background-color: #eaede9;}

.el-timeline__item-title a {color: #d02c30;}
.el-timeline__item-title a:visited,
.el-timeline__item-title a:active {color: #d02c30;}

.post-readmore {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}
.ocn-button {text-decoration: none !important;}

.posts-page-main {

}
.posts-page-main .posts-page__filter-item {
    flex: 0 0 33%;
    padding: 0px 13px;
}
.posts-page-main .posts-page__filter-item:last-child {padding-right: 0;}

.el-language__content-1 {cursor: default !important;}
.el-language__content-1:hover {text-decoration: none;}

.posts-page__filter-wrap.center-container {
  justify-content: center;
  align-items: center;
}

a.view-all {color: #000;}

.posts-page__filter-item-container:after {
  pointer-events: none;
  cursor: pointer;
}

.site-list {
    margin-top: 38px;
    margin-bottom: 60px;
}
.site-list li {
    list-style: none;
    margin-bottom: 15px;
}
.site-list li.active a {
    justify-content: flex-end;
    color:#D02C30 !important;
    border-bottom: 1px solid #D02C30;
}
.site-list li a {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 1px solid #000;
}
.site-list li a i {
    margin-left: 5px;
    font-size: 14px;
}

.read-more-link {
    display: flex;
    align-items: center;
}
.read-more-link i {
    margin-left: 5px;
    font-size: 14px;
}

.empty-posts {
    width: 100%;
    text-align: center;
}
.empty-posts p {font-weight: 700;}

.theme-color-1 {color:#D02C30 !important;}
.theme-color-2 {color:#99b7c0 !important;}
.theme-color-3 {color:#F59822 !important;}
.theme-color-4 {color:#117A6F !important;}
.theme-color-5 {color:#FACC4A !important;}
.theme-color-6 {color:#2AA6C7 !important;}
.theme-color-7 {color:#A4524E !important;}
.theme-color-8 {color:#89B372 !important;}

.theme-color-1-hover:hover {color:#D02C30 !important;}
.theme-color-2-hover:hover {color:#99b7c0 !important;}
.theme-color-3-hover:hover {color:#F59822 !important;}
.theme-color-4-hover:hover {color:#117A6F !important;}
.theme-color-5-hover:hover {color:#FACC4A !important;}
.theme-color-6-hover:hover {color:#2AA6C7 !important;}
.theme-color-7-hover:hover {color:#A4524E !important;}
.theme-color-8-hover:hover {color:#89B372 !important;}

.page-template-page-downloads .banner__overlay {left: 0 !important;}


.header {height: 110px;}
.header__top {
	height: 100%;
	display: flex;
  	align-items: center;
}
.header__container {padding: 0;}
.header__logo a {
	display: block;
	width: 275px;
}
.header__logo a img {width: 275px;}
.header__mobile-logo a {
	display: block;
	width: 200px;
}
.header__mobile-logo a img {width: 200px;}
@media (max-width: 767px) {
    .el-timeline__navigation {
        display: block;
        top: 50%;
        width: 90%;
        left: 5%;
    }
    .posts-page__filter-item.categories-select {width: 100%;}
    a.view-all {
      display: inline-block;
      margin-top: 15px;
    }
    .site-list-column {display: none;}
    .post-column {flex: 0 0 100%;}

    /* footer */
    #footer-column1 {
        flex: 100%;
    }
    #footer-column2 {
        flex: 100%;
        margin-top: 80px;
    }
}
@media (max-width: 1200px) {
	.header {height: 80px;}
	.header__top {display: none;}
}