.news {width:100%;max-width:1170px;margin:2rem auto;}
.news > h1 {margin-bottom:1rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.news-list {display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;}
.news-list a {position:relative;height:250px;padding:10px;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;}
.news-list img {width:100%;height:150px;object-fit:cover;object-position:top;}
.news-list strong {display:block;color:#1d1d1d;padding:.5rem 0 2rem 0;}
.news-list small {position:absolute;bottom:.5rem;left:.5rem;font-size:12px;color:#555;}
.news-list span {position:absolute;bottom:.5rem;right:.5rem;text-align:right;color:#bbb;transition:.4s;}
.news-list a:hover > span {color:#1d1d1d;}
.hidden {display:none;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.news-nav {display:flex;justify-content:center;margin-top:2rem;flex-wrap:wrap;gap:.5rem;}
.news-nav span {width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:#f58220;border:1px solid #f58220;color:#fff;transition:.4s;cursor:pointer;}
.news-nav span:hover, .button-selected {background:#fff !important;color:#f58220 !important;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.news-detail {position:relative;}
.news-detail-header {display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1b1464;border-bottom:1px solid #1b1464;margin-bottom:1rem;}
.news-detail-header h1 {margin:1rem 0;color:#5d8fc7;}
.news-detail-cover {margin-right:1rem;}
.news-detail-cover img {width:100%;}
.news-detail-cover .at-share-btn-elements:first-of-type {width:700px;display:flex;}
.news-detail-cover .at-share-btn-elements:first-of-type > a {flex:1;}
.news-detail article {}
.news-detail article p {padding-bottom:.5rem;}
.news-detail article a {display:inline;color:#f58220;}
.news-detail article a:hover {color:#333;}
.news-detail article ul {}
.news-detail article li {}
.news-detail-gallery {clear:both;width:100%;display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;background:#eaeaea;}
.news-detail-gallery a {flex:1;}
.news-detail-gallery img {height:100%;object-fit:cover;}
.news-detail-slider {clear:both;width:100%;display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;background:#eaeaea;}
.news-detail-slider div {flex:1;}
.news-detail-slider img {height:100%;}
.news-detail-slider .slick-slide {margin:0 5px;}
.news-detail-slider .slick-list {margin:0 -5px;}

.social-share{display: flex;align-content: center;}
.social-share a{width: 1.2rem;height: auto; overflow: hidden;margin: 0 0.5rem;}
.social-share a img{object-fit: cover;object-position: center;}

.news-detail .new-return-button > a {
    height: 45px;
    padding: 0 2rem;
    margin-bottom: 4px;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #9f13e7;
    border: 1px solid #9f13e7;
    color: #fff;
}
    .news-detail .new-return-button > a:hover {
        background: #fff;
        color: #9f13e7;
    }
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
@media only screen and (max-width:768px){
    .news {margin:0;padding:0 1rem;}
    .news-list {grid-template-columns:1fr ;}

    .news-detail-header h1 {font-size:1.5rem;}
    .news-detail-cover {width:unset;float:unset;margin-right:0;}
    .news-detail-cover .at-share-btn-elements:first-of-type {width:unset;}

    .news-detail > a {position:unset;}
    .news-detail-gallery .slick-slide a {margin:0 1px;}
}