@import "../components/Headers/top-bar.css";
@import "../components/Headers/menu-utils.css";
@import "../components/Headers/searchbar-01.css";
@import "../components/Headers/header-no-img.css";


/* SEDI
----------------------------------------------------------------------------------*/
    /* Info Sede
    --------------------------------------------------------*/
		#contact-locations .location-info .two-col-grid {
			gap: 0;
		    grid-template-columns: 70% 30%;
		}
		#contact-locations .location-info .two-col-grid.reverso {
		    grid-template-columns: 30% 70%;
		}

	    #contact-locations .location-info {
	        padding-bottom: 100px;
	    }
		#contact-locations .location-info .office-img h4 {
		    padding: 0 2em;
		    text-align: center;
		    padding-top: 10px;
		}
	    #contact-locations .location-info:last-of-type {
	        padding-bottom: 0;
	    }

    /* Map
    --------------------------------------------------------*/
    #contact-locations .map-col {
        padding-right: 1em;
    }
    #contact-locations .reverso .map-col {
        padding-right: 0;
        padding-left: 1em;
    }
    #contact-locations .map-col .acf-map iframe {
        position: relative;
        height: 600px !important;
        width: 100%;
    }



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

}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1690px) {
    /* Contatti
    ----------------------------------------------------*/
		ul#contact-list li {
		    padding: 6px 0;
		}
		.location-info .col-content {
		    padding: 0 2em;
		}
}

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

}

/* Small Laptops - Ok until 1150px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {

}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {

	#contact-locations .location-info .two-col-grid {
	    grid-template-columns: 1fr !important;
	}

    /* Info Sede
    --------------------------------------------------------*/
		#contact-locations .location-info {
		    padding-bottom: 60px;
		}
		
		#contact-locations .col.contact-col {
		    margin-bottom: 1em;
		}
		#contact-locations .contact-col .col-content {
		    display: block;
		    height: auto !important;
		    padding: 2em;
		}
		#contact-locations .location-info .col {
		    width: 100% !important;
		    padding: 0;
		}
		#contact-locations .location-info a.btn {
		    width: max-content;
		    min-width: 250px;
		    margin-top: 10px;
		}

	/* MAP
	----------------------------------------------------*/
		#contact-locations .contact-col {
			order: 1;
		}
		#contact-locations .map-col {
			order: 2;
		}
		#contact-locations .map-col .acf-map {
		    width: 100% !important;
		    height: 400px !important;
		}
	    #contact-locations .map-col .acf-map iframe {
	        height: 100% !important;
	    }
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
   	
	/* Contatti
    --------------------------------------------*/
		#contact-locations .acf-map {
		    height: 15em !important;
		}
		#contact-locations .privacy-text-title {
		    font-size: 18px;
		}
}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}