﻿@media only screen and (min-width: 1200px) {
    /*#article .container {*/
    /*    max-width: 1125px;*/
    /*}*/
}

#article .breadcrumb{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
#article .breadcrumb .breadcrumb-item:last-child >a{
    color: rgba(57, 78, 121, 0.5) !important;
}
@media only screen and (max-width: 575px) {
    #article .article-header .image-featured {
       justify-content: center !important;
    }
}

#article .article-header .page-title {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: #394E79;

}

#article .article-header .publish-date {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(57, 78, 121, 0.5);
}
#article .article-detail.description{
    font-family: Roboto;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 23px;
    color: #394E79
}
#article header .image-wrapper.image-3-2:after {
    padding-top: 56.25%;
}

#article section .section-wrapper .section-right {
    padding: 0 .75rem;
}

@media only screen and (min-width: 576px) {
    #article .article-header .publish-date {
        float: left;
        width: 50%;
    }

    #article .article-header .social {
        float: left;
        width: 50%;
        text-align: right;
    }
}

#article .article-box:not(:last-child) {
    margin-bottom: 1.5rem;
}

#article .article-box .article-box-title {
    font-size: 1.5rem;
}

#article .article-box .list-item .item .image-wrapper {
    width: 130px;
}

#article .article-box .list-item .item .title {
    font-size: 1rem;
    line-height: 1.4;
}

#article .article-box .list-item .item .category,
#article .article-box .list-item .item .publish-date {
    font-size: 0.75rem;
    color: #6d7686;
}

#article .article-box .list-item .item .category a {
    color: inherit;
}

#article .article-box .item {
    border-bottom: 1px solid #e5e5e5;
}

#article .section-right .section-right-wrapper {
    background-color: #f5f7f8;
}

#article .section-right .header {
    padding: 1.5rem 1rem 0.5rem 1rem;
}

#article .section-right .header .title {
    font-size: 1.25rem;
    line-height: 1.25;
}

#article  .font-weight-bold {
    font-weight: 700!important;
}

#article .section-right .body .list-item .item:not(:last-child) {
    border-bottom: 1px solid #d8d8d8;
}
#article .section-right .body .list-item .item .title:before {
    content: '';
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0054a6;
    margin-top: 6px;
}
#article  .section-right .body .list-item .item .title {
    font-size: .9375rem;
    line-height: 1.4;
}

#article .font-weight-normal {
    font-weight: 400!important;
}

#article .section-right .body .list-item .item .title a {
    padding-left: 0.875rem;
}

#article .banner-edu:last-child {
    height: 255px;
    overflow: hidden;
}

#article .image-wrapper.image-3-2:after{
    padding-top:83.67%;
}