@import "style.contents.css";
@import "timeline.css";

.page-history {  }
.page-history .col-left .main-title {
    font-family: 'Barlow Condensed';
    font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
    color: #00A552;
    margin-bottom: 30px;
    padding-right: 10px;
    text-align: left;
}
.page-history .col-left ul {
    margin: 0; padding: 0;
}
.page-history .col-left ul li {
    border: 1px solid rgba(0, 68, 54, 0.4);
    color: #004436;
    margin-bottom: 16px;
}
.page-history .col-left ul li a { 
    color: #004436; 
    font-family: 'Barlow Condensed';
    font-weight: 500;
    font-size: 20px;
    display: block;
    padding: 8px 16px;
    text-decoration: none;
}
.page-history .col-left ul li:hover a {
    background: #EBF2E9; 
} 
.page-history .col-left ul li.active a {
    background: #00A552; 
    color: #fff; 
} 
.page-history .detail-content { padding: 80px 0 !important; width: 100% !important }

@media screen and (max-width: 950px) {
    .detail-news .box-thumb {height: 430px;}
    .page-history .detail-content { padding: 40px 0 !important; overflow: hidden;}
    .detail-content .col-left, .detail-content .col-right {
        margin-left: -15px; margin-right: -15px;
    }
    .cd-timeline__container::before { left: 0 !important;}
    .timeline__content_right, 
    .cd-timeline__content h2, 
    .cd-timeline__content p {
        text-align: left;
    }
    .cd-timeline__img { order: 0 !important; position: absolute;}
    .text-component img { height: auto !important}
    .footer .inner { padding: 0 15px; }
}
@media screen and (max-width: 800px) {
    .page-history .detail-content { padding: 40px 0 !important; overflow: hidden;}
    .footer .inner { padding: 0 15px; }
}
@media screen and (max-width: 768px) {
    .page-history .detail-content {
        padding: 40px 24px !important;
    }
}
@media screen and (max-width: 767px) {
    .page-history .detail-content {
        padding: 30px 15px !important;
    }
    .box-content .container {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 480px) {
    .detail-news .box-content { left: 24px; right: 24px;}
    .detail-news h1.title { 
        font-family: Barlow Condensed;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
    }
    .detail-news .box-thumb { height: 481px;}
    .detail-news .box-content { left: 24px; right: 24px;}
    .page-history .col-left .main-title {font-size: 30px;}
    .page-history .detail-content {
        padding: 30px 15px !important;
    }
    .cd-timeline__content h2 {font-size: 48px;}
    .detail-content .container {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 375px) {
    .detail-news .box-thumb {
        height: 268px;
    }
}