@import '../Moduli/Stripe/news-stripe.css';



ul.filters,
ul.filters * {
	margin: 0 !important;
}
ul.filters.d-flex {
    gap: 0.52vw 0;
}
.filter-button {
    padding: 0 1.56vw; /*30*/
    border-right: 1px solid var(--color-main);
}
.filter-button:last-child {
    border-right: unset;
}
.filters a,
.filters p {
	font-family: var(--md-font);
	line-height: 1;
}
.filters a:hover,
.filters p.current-category {
    font-family: var(--sbd-font);
}

@media screen and (max-width: 1920px) {
	ul.filters.d-flex {
	    gap: 10px 0;
	}	
	.filter-button {
	    padding: 0 30px; /*30*/
	    border-right: 1px solid var(--color-main);
	}
}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
	.filter-button {
	    padding: 0 25px;
	}
}

@media screen and (max-width: 1280px) {
    .filter-button {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1150px) {

}

@media screen and (max-width: 992px) {
	#news .stripe-container {
	    padding-top: 60px;
	}
	#news .stripe-title {
	    padding-top: 70px;
	    padding-bottom: 10px;
	}
	#news-archive {
	    padding-top: 35px;
	}
	#news-archive.news-stripe .three-col-grid {
	    grid-template-columns: 1fr 1fr;
	    gap: 50px 30px;
	}
	#news-archive.news-stripe .col-img {
	    height: 27.72vw;
	}
	#news-archive.news-stripe .three-col-grid {
	    width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#news .stripe-container {
	    padding-bottom: 190px;
	}
	#news .stripe-container-inner {
	    padding-bottom: 0;
	}
    .filter-button {
        font-size: 16px;
        padding: 0px 10px;
    }
}

@media screen and (max-width: 600px) {
	#news-archive.news-stripe .three-col-grid {
	    grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 430px) {
	#news-archive.news-stripe .col-img {
	    height: 54.42vw;
	}
}