@import '../Headers/Header_02/header_02.css';
@import "./Filtri/filters_2.css";

.news-stripe .col-content-info {
    gap: 1vw;
    margin-bottom: 0.885vw;
}
.news-stripe .col-content-info > * {
    line-height: 1;
}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1620px) {

}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {

}

/* Small Laptops - Ok until 1150px
------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 1280px) {
		.news-stripe .col-content-info {
		    gap: 20px;
		    margin-bottom: 15px;
		}
    }


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


/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 992px) {
	    .news-stripe .col-content-info {
	        margin-bottom: 10px;
	    }
	    #news.news-stripe .stripe-container.md-c.hf-sp {
		    padding-top: 3em;
		}
	}



/* Mobile All
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 767px) {
		.blog-filters {
			    display: none;
			}
			
		/* General Preview
		-------------------------------------------------------*/
			.news-stripe .col-content-info {
			    gap: 12px;
			}
	}

/* Mobile Landscape only
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 767px) and (orientation: landscape) {

	}

/* Mobile port
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 600px) {
		#blog-articles .four-col-grid {
		    grid-template-columns: 1fr;
		}
		#blog-articles .four-col-grid .content-sp {
		    padding: 1.5em .5em;
		}
	}