@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header-img.css";
@import "../components/Headers/headerDetail.css";
@import "../components/Headers/mobile-menu/mob-menu_handle.css";

@import "./Filtri/filters_2.css";
@import "../components/Filtri/custom-select.css";
@import "../components/Filtri/searchbar.css";


#blog-articles .four-col-grid {
    grid-row-gap: 3.125vw;
}
#blog-articles .img-size_00 img {
    height: 20.83vw;
}
.news-stripe .col-content-info {
    gap: 1vw;
    margin-bottom: 0.52vw;
}
.news-stripe .col-content-info > * {
    line-height: 1;
}


@media screen and (max-width: 1920px) {
	.news-stripe .col-content-info {
	    margin-bottom: 10px;
	}
}

@media screen and (max-width: 1440px) {
	#blog-articles .img-size_00 img {
	    height: 324px;
	}
}

@media screen and (max-width: 1280px) {
	.news-stripe .col-content-info {
	    gap: 20px;
	    margin-bottom: 10px;
	}
}

@media screen and (max-width: 1150px) {
	#blog-articles .four-col-grid {
	    grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 992px) {
	#ergea-news .stripe-container-inner {
	    padding-left: 0;
	    padding-right: 0;
	}
	#blog-articles .img-size_00 img {
	    height: 30.86vw;
	}
    .news-stripe .col-content-info {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 767px) {
	.news-stripe .col-content-info {
	    gap: 12px;
	}
	#blog-articles .four-col-grid {
	    grid-template-columns: 1fr 1fr;
	}
	#blog-articles h2 {
		font-size: 20px;
	}
	#pagination .navigation {
	    padding-top: 23px;
	}	
}

@media screen and (max-width: 767px) and (orientation: landscape) {

}

@media screen and (max-width: 600px) {
	#blog-articles .four-col-grid {
	    grid-template-columns: 1fr;
	}
}