/* Minification failed. Returning unminified contents.
(14,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-normal'
(19,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(20,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(21,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(26,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(27,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(28,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(50,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-25'
(54,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(55,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(56,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(71,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-background'
(75,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-border'
(81,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(82,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(83,23): run-time error CSS1039: Token not allowed after unary operator: '-font-semi-bold'
(87,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
 */
#news {
    padding-top: 150px;
}
#news .slide,
#news .news-body,
#news .share-box {
    margin-top: 150px;
}
#news .related-box {
    margin-top: 100px;
}
/*NEWS DETAILS*/
#news .news-details .news-details-date {
    color: var(--primary-normal);
    font-size: 1.125rem;
    margin-bottom: 2rem;
}
#news .news-details .news-details-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
#news .news-details .news-details-description {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 1.5rem;
}
#news .news-details .news-details-description > * {
    margin-bottom: 0;
}
/*END NEWS DETAILS*/
/*SLIDE*/
#news .slide .swiper-slide {
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*END SLIDE*/
/*NEWS BODY*/
#news .news-body {
    font-size: 1.125rem;
}
/*END NEWS BODY*/
/*NEWS BODY*/
#news .share-box {
    border-bottom: 1px solid var(--gray-border-25);
    padding-bottom: 1rem;
}
#news .share-box .share-title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 1.5rem;
}
#news .share-box .social {
    align-items: center;
    display: flex;
    justify-content: start;
}
#news .share-box .social .link {
    font-size: 1.125rem;
    margin: 0 1.5rem;
}
/*END NEWS BODY*/
/*RELATED*/
#news .related-box {
    background-color: var(--footer-background);
}
#news .related-box .related-buttons {
    align-items: center;
    border-bottom: 1px solid var(--gray-border);
    display: flex;
    justify-content: space-between;
    padding: 2.5rem 0;
}
#news .related-box .related-buttons .related-link {
    color: var(--gray-text);
    font-family: var(--font-title);
    font-weight: var(--font-semi-bold);
    font-size: 1.5rem;
}
#news .related-box .related-buttons .related-link:hover {
    color: var(--black-title);
}
#news .related-box .related-buttons .related-link i {
    font-size: 1rem;
}
/*END RELATED*/
@media (max-width: 991px) {
    #news .share-box .social {
        flex-wrap: wrap;
    }
}