@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header_05.css";
@import "../components/Headers/header-img.css";
@import "../components/Headers/top-bar.css";
@import "../components/Headers/menu-utils.css";
@import "../components/Headers/searchbar-02.css";

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

@import "../Moduli/Stripes/newsletter.css";

.news-stripe .col-content-info {
    gap: 0 0.7em;
}
.highlighted-news {
    grid-column: span 2;
}
.col-highlighted-label {
    display: inline-block;
    padding: 0.313vw 0.833vw;
    border-radius: 100px;
    position: absolute;
    top: 0.781vw;
    right: 0.781vw;
}

@media screen and (max-width: 1620px) {
	.col-highlighted-label {
	    padding: 6px 16px;
	    top: 15px;
	    right: 15px;
	}
}

/* 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 .four-col-grid {
	    	grid-template-columns: 1fr 1fr 1fr;
		}
    }


/* Ok until 993px
------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 1150px) {
		#news .content-sp {
		    padding: 20px;
		}
    }


/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 992px) {
		#news .four-col-grid {
	    	grid-template-columns: 1fr 1fr;
		}
	    #news .content-sp {
	        padding: 18px;
	    }
	}



/* Mobile All
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 767px) {
		#news .col-content-description {
		    display: none;
		}
		#news h2 {
		    margin-bottom: 0;
		}
	}

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

	}

/* Mobile port
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 600px) {
		#news .four-col-grid {
	    	grid-template-columns: 1fr;
		}
		.highlighted-news {
		    grid-column: unset;
		}
		.img-size_00 .highlighted-news img {
		    min-height: 300px;
		}
	}