/* Card Specific Styles */

.terms_container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}

.posts_search input:focus-visible {
    outline: 1px solid #877D5A !important;
}

.posts_search input:focus {
    outline: 1px solid #877D5A !important;
}

.terms__block,
.terms__block__all,
.terms__block--active 
{
    border-radius: 50px;
    border: 1px solid #d9d9d9 !important;
    color: #6f6f6f !important;
    font-size: 12px !important;
    text-transform: uppercase;
    background-color: transparent;
    padding: 5px 20px;
    font-family: 'synonym';
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.terms__block:hover {
    border: 1px solid #877D5A !important;
    background-color: #877D5A !important;
    color: #ffffff !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.terms__block--active {
    border: 1px solid #877D5A !important;
    background-color: #877D5A !important;
    color: #ffffff !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.loop-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.loop-content .article {
    width: calc(25% - 15px);
    margin-bottom: 25px;
}

.article__content_holder {
    border-radius: 21px;
    display: block;
}

.article__content_holder__image {
    overflow: hidden;
    height: 200px;
}

.article__content_holder__image img{
    height: 200px;
    max-height: 235px;
    width: -webkit-fill-available;
    object-fit: cover;
    position: relative;
    transition: all .2s ease-in-out;
    border-radius: 5px;
}

.article__content_holder__imag__logo {
    margin-left: auto;
    height: 200px;
    max-height: 235px;
    margin-right: auto;
    object-fit: unset !important;
    display: block;
    width: 80% !important;
    align-self: center;
    transition: all .2s ease-in-out;
    border-radius: 5px;
}

.article__content_holder:hover .article__content_holder__image img {
    transform: scale(1.15);
    transition: all .2s ease-in-out;
}

.article__content_holder__author_date {
    font-size: 12px;
    color:#0d0d0d;
}

.article__content_holder__author_date p {
    margin: unset;
}

.article__content_holder__author_date svg {
    width: 10px;
    height: 10px;
}

.article__content_holder__title {
    font-size: 25px !important;
    color: #000000 !important;
    font-weight: bold;
    font-family: 'synonym';
}

.page-numbers {
    padding: 0px 5px;
    color: #6f6f6f !important;
    text-align: center;
    border: 1px solid #e79b5a;
    display: inline-block;
    border-radius: 5px;
}

.page-numbers.current,
.page-numbers:hover {
    background-color: #e79b5a;
    color: #fff !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.page-numbers.dots {
    border: unset;
    background-color: unset !important;
    color: #6f6f6f !important;
}

.artikelen-pagina-click {
   text-align: center;
   font-family: 'synonym';
}

.artikelen-pagina-click .prev {
    display: none;
}

.artikelen-pagina-click .next {
    display: none;
}

.article__content_holder__content {
    color: #121212;
    margin-bottom: 20px;
    font-family: 'synonym';
}

.articles-loop-title {
    font-family: 'synonym';
}

.article__content_holder__read_more {
    text-align: center;
}

.article__content_holder__image__categories {
    position: absolute;
    top: 25px;
    right: -15px;
}

.article__content_holder__image__categories span {
    background-color: #00838f;
    border-radius: 9px;
    padding: 0.2rem 1rem;
    font-size: 10px;
    color:#fff;
}

.service-articles-section .pagination {
    display: none;
}

.posts_search {
    position: relative;
}


.loop-container {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.loop-container.loading {
    opacity: 0.6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.posts_search {
    position: relative;
}

.posts_search::before {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    background-image: url('../../../assets/images/search.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    left: 15px;
    top: 15px;
}

@media only screen and (max-width: 640px){
    .loop-content .article {
        width: 100% !important;
    }
}