/***** General *****/
.news-items__icon,
.news__icon { margin-right: .5rem; }

.card-header .news-items__attributes {
    margin-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
}

.news-items__attributes { text-align: center; }

/***** Recent - Home *****/
.news-items--recent .news-items__header {
    height: 175px;
    align-content: center;
    position: relative;
}

.news-items--recent .news-items__header .news-items__link {
    max-height: 100%;
    display: flex;
    justify-content: center;
}

.news-items--recent .card-img-overlay {
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    top: unset;
}

.news-items--recent .news-items__image {text-align: center; }

.news-items--recent .news-items__image img { height: 100%; }

/*.news-items__image img {
    height: 100%;
    width: auto;
    max-width: 100%;
}*/

/***** Overview *****/
.news-items__filter {
    padding: 1rem;
    display: flex;
    justify-content: center;
}

.news-items__filter,
.news-items__overlay { box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.25); }

.news-items__filter .dropdown-menu { width: 100%; }

.news-items__filter > li:not(:first-child) {
    margin-right: 2rem;
    margin-left: 2rem;
}

.news-items__tags { padding: 0; }

.news-items__tags > li > a {
    display: block;
    padding: .5rem;
    text-align: center;
}

.news-items--overview .news-items__overlay,
.news-items--overview .news-items__image,
.news-items--overview .news-items__image::after { border-radius: 5px; }
    
.news-items--overview .news-items__image::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    opacity: 0.8;
}

.news-items--overview .news-items__image--contain img { object-fit: contain; }

.news-items--overview .news-items__image--cover img { object-fit: cover; }

.news-items__pagination {
    margin-top: 2rem;
    padding: 1rem;
    box-shadow: 1px 0px 20px rgba(0, 0, 0, .25);
}

/***** Detail *****/
.news__item .content__item > p { text-align: justify; }

.news__item .card-footer { padding: 0; }

.news__tag { text-align: right; }

.news__tag img {
    height: auto;
    width: 150px;
}

.news__item img { max-width: 100%; }

.news__tag img:hover { transform: scale(1.15); }

/***** Similar + Latest *****/
.news-items--samples { margin-top: 4rem; }

.news-items--samples h6 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.news-items--samples .card-group > div:nth-child(even) .news-items__item { flex-direction: row-reverse; }

.news-items--samples .card-group > div:nth-child(odd) .news-items__item { flex-direction: row; }

.news-items--samples .card-group > div:nth-child(odd) .news-items__image--contain img { padding-left: 1rem; }

.news-items--samples .card-group > div:nth-child(even) .news-items__image--contain img { padding-right: 1rem; }

.news-items--samples .card-group > div:nth-child(even) .news-items__image::before { transform: rotate(8deg); }

.news-items--samples .card-group > div:nth-child(odd) .news-items__image::after { transform: rotate(-8deg); }

.news-items--samples .card-group > div:nth-child(odd) .news-items__image::after,
.news-items--samples .card-group > div:nth-child(even) .news-items__image::before {
    content: "";
    position: absolute;
    top: -3%;
    height: 105%;
    width: 30px;
}

.news-items--samples .news-items__item {
    height: 150px;
    overflow: hidden;
}

.news-items--samples .news-items__item > .content__link { flex-basis: 35%; }

.news-items--samples .news-items__image {
    height: 100%;
    align-content: center;
}

.news-items--samples .news-items__link { flex-basis: 35%; }

.news-items--samples .news-items__content {
    padding: 1rem;
    display: flex;
    flex-basis: 65%;
    flex-direction: column;
}

.news-items--samples .news-items__date { display: block; }

.news-items--samples .col-12:nth-of-type(odd) .news-items__date,
.news-items--samples .col-12:nth-of-type(odd) .news-items__title,
.news-items--samples .col-12:nth-of-type(odd) .news-items__footer { text-align: right; }

.news-items--samples .col-12:nth-of-type(even) .news-items__date,
.news-items--samples .col-12:nth-of-type(even) .news-items__title,
.news-items--samples .col-12:nth-of-type(even) .news-items__footer { text-align: left; }

.news-items--samples .card-footer { padding: 0; }

.news-items--samples .news-items__image--cover img {
    height: 100%;
    object-fit: cover;
}

.news-items__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/***** Media Query *****/
@media screen and (max-width: 575px) {
    /*** Recent - Home ***/
    .news-items--recent .news-items__header { padding: 1rem; }

      .news-items--recent .news-items__image img { object-fit: cover; }

    /*** Overview ***/
    .news-items__filter { margin-bottom: 8rem; }

    .news-items__filter .dropdown { margin-left: 1rem; }

    .news-items--overview .card-group > div:first-child { margin-top: 2rem; }

    .news-items__overlay { top: -8rem; }

    /*** Detail ***/
    .news .content__title:not(:first-of-type) { margin-top: 2rem; }
    
    .news__header { margin-bottom: 2rem; }

    .news__author { margin-top: .5rem; }

    /*** Similar + Latest ***/
    .news-items--samples .card-group > div:nth-child(odd) .news-items__image::after { left: 33%; }

    .news-items--samples .card-group > div:nth-child(even) .news-items__image::before  { right: 33%; }
}

@media screen and (min-width: 576px) {
    .news-items__filter .dropdown { margin-left: 2rem; }

    /*** Detail ***/
    .news__header { margin-bottom: 4rem; }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    /*** Similar + Latest ***/
    .news-items--samples .card-group > div:nth-child(odd) .news-items__image::after { left: 165px; }

    .news-items--samples .card-group > div:nth-child(even) .news-items__image::before  { right: 165px; }
}

@media screen and (min-width: 576px) and (max-width: 1399px) {
    /*** Recent - Home ***/
    .news-items--recent .card-img-overlay { bottom: -15px; }
}

@media screen and (max-width: 767px) {
    .news-items--overview .news-items__content { margin-top: 6rem; }

    .news-items--samples .news-items__image img { width: 150px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*** Detail ***/
    /*
        .news__header {
            display: flex;
            justify-content: space-between;
        }
    */

    .news-items--samples .news-items__image img { width: 215px; }

    .news-items--overview .news-items__content { margin-top: 5rem; }

    /*** Similar + Latest ***/
    .news-items--samples .card-group > div:nth-child(odd) .news-items__image::after { left: 230px; }

    .news-items--samples .card-group > div:nth-child(even) .news-items__image::before  { right: 230px; }
}

@media screen and (max-width: 991px) {
    /*** Recent - Home ***/
    .news-items__header-image .news-items__link { width: 100%; }

    .news-items--recent .card-group > .col-12:not(:first-child) { margin-top: 2rem; }

    .news-items--recent .news-items__image img { max-width: 400px; }

    /*** Overview ***/
    .news-items--overview .card-group > div:not(:first-child) { margin-top: 8rem; }

    .news-items__overlay {
        height: 150px;
        width: 300px;
        margin: auto;
        position: absolute;
        right: 0;
        left: 0;
    }

    .news-items--overview .card-img-overlay {
        width: 230px;
        margin-right: auto;
        margin-left: auto;
        top: unset;
        bottom: -1rem;
    }

    .news-items--overview img { max-width: 100%; }

    .news-items--overview .news-items__image--contain img { padding: 1rem; }

    .news-items__filter { margin-bottom: 8rem; }

    .news-items__overlay { top: -4rem; }

    .news-items--overview .news-items__image,
    .news-items--overview .news-items__image img { height: 100%; }

    .news__tag img {
        height: 85px;
        object-fit: contain;
    }

    /*** Similar + Latest ***/
    .news-items--samples .news-items__item { align-items: center; }

    .news-items--samples .content__link { height: 100%; }

    .news-items--samples .news-items__link { height: 100%; }

    .news-items--samples .news-items__image--contain img {
        height: 100%;
        object-fit: contain;
    }

    .news-items--samples .card-group > .col-12:not(:first-child) { margin-top: 2rem; }

    .news-items--samples .card-group > div:nth-child(even) .news-items__image{ text-align: right; }
}

@media screen and (min-width: 992px) {
    /*** Recent - Home ***/
    .news-items--recent .news-items__desc { flex: 1 0 auto; }

    /*** Overview ***/
    .news-items__filter { margin-bottom: 4rem; }
        
    .news-items__filter h4 { margin-bottom: 0; }

    .news-items__overlay {
        margin-top: auto;
        margin-bottom: auto;
    }

    .news-items--overview .card--horizontal { flex-direction: row; }

    .news-items--overview .news-items__image {
        height: 250px;
        width: 300px;
    }

    .news-items--overview .news-items__image--contain img { padding: 2rem; }

    .news-items--overview .card-img-overlay {
        top: 10px;
        right: 10px;
        bottom: unset;
        left: unset;
    }

    /*.news-items--overview img { height: 100%; }*/

    .news-items__item .btn__link { margin-top: unset; }

    .news-items--samples .news-items__image img { width: 150px; }

    /*** Similar + Latest ***/
    .news-items--samples .news-items__item {
        width: 400px;
        margin-left: auto;
    }

    .news-items--samples .card-group > div:nth-child(odd) .news-items__image::after { left: 133px; }

    .news-items--samples .card-group > div:nth-child(even) .news-items__image::before { right: 133px; }

    .news-items--samples h5 { text-align: right; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    /*** Overview ***/
    .news-items__filter h4 { margin-bottom: 1rem; }

    .news-items--overview .news-items__content { width: 575px; }

    /*** Detail ***/
    .news__author { margin-top: 1rem; }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    /*** Overview ***/
    .news-items__overlay { transform: translateX(-50px); }
}

@media screen and (max-width: 1200px) {
    /*** Overview ***/
    .news-items__filter h4 { text-align: center; }

    /*.news-items__tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }*/

    /*.news-items__filter .news-items__tag { margin: .25rem 0; }*/
}

@media screen and (min-width: 1200px) {
    /*** Overview ***/
    /*.news-items__tags {
        width: 100%;
        justify-content: space-evenly;
        align-items: center;
    }*/

    .news-items--overview .news-items__content { width: 750px; }
}

@media screen and (max-width: 1399px) {
    /*** Recent - Home ***/
    .news-items__header-image .news-items__image > img { object-fit: cover; }

    .news-items__header-image .content__link,
    .news-items__header-image .news-items__image,
    .news-items__header-image .news-items__image > img { height: 100%; }

    .card--vertical .news-items__desc {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 1400px) {
    /*** Recent - Home ***/
    .card--vertical .news-items__desc {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
        
    .news-items--recent .card-img-overlay { bottom: -30px; }

    /*** Overview ***/
    .news-items--overview .news-items__content {
        margin-right: auto;
        margin-left: auto;
        transform: translateX(-24px);
    }

    .news-items__overlay { transform: translateX(-85px); }

    /*** Detail ***/
    /*
        .news__header {
            display: flex;
            justify-content: space-between;
        }
    */
}