@charset "utf-8";

/* Mobile */
@media only screen and (min-width: 0px) {
	.nav-barrapulsanti {
		display: flex;
	}
	.pulsantebarra {
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	.contenitore-pulsanti-barra {
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		flex-direction: column;
		height: auto;
		text-align: left;
		width: 100%;
		border-top-width: 1px;
		border-top-style: solid;
	}
	.link-pulsantebarra {
		text-decoration: none;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 500;
		margin-bottom: auto;
		display: block;
	}
	.blocco-pulsante-altri {
		display: none;
	}
	.fascia-barra-pulsanti {
		position: sticky;
		overflow: hidden;
		z-index : 3;
		top: 45px;
		transition:all .2s ease-out;
		height:0px;
		transform:scale(0,0);
		transform-origin:top left;
	}
	.fascia-barra-pulsanti-aperto{
		transform:scale(1,1);
		height:auto;
	}
}

/* Tablet */ 
@media only screen and (min-width: 481px) {
	.contenitore-pulsanti-barra {
		flex-direction: row;
		width: auto;
		overflow: hidden;
		height: 50px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-top: 0px;
		transition: height .2s;
	}
	.pulsantebarra {
		padding-right: 20px;
		height: 40px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 0px;
		cursor: pointer;
	}
	.link-pulsantebarra {
		font-size: 14px;
		display: table-cell;
		height: 50px;
		border-bottom: 0px;
		line-height: 40px;
	}
	.tasto-home {
		display: table-cell;
	}
	.blocco-pulsante-altri {
		min-width: 150px;
		display: block;
		position: relative;
		padding-right: 14px;
	}
	.apri-chiudi-altri {
		font-size: 25px;
		position: absolute;
		top: 13px;
		transition: transform .3s;
		transform-style: preserve-3d;
	}
	.apri-chiudi-altri:after{
		content: "keyboard_arrow_down";
	}
	.fascia-barra-pulsanti {
		position:static;
		transform:scale(1,1);
		height:auto;
	}
	#chkaltresezioni:checked ~ .fascia-barra-pulsanti .apri-chiudi-altri{
		transform: rotateX(-180deg);
	}
	.contenitore-pulsanti-barra-aperto{
		height: auto;
	}
}

/* Desktop */ 
@media only screen and (min-width: 769px) {}