/*### Mobile First Media Queries ###*/
@media (max-width: 40.0rem) {
	main .apri-nav {display:block;}
	.nav-desktop {display:none;}
	p {font-size: 1.5em;}
	.h1-home {font-size: 2.5rem;}
	img[title=brand-logo] {max-width: 10em;}
	.sidenav ul {list-style: none;}
	footer .column img {
		max-height: 10em;
		max-width: 25em;
	}
}

/*### Base style ###*/
body {color: #231F20;}
.homepage {
    background: #000;
    color: #fff;
}
a, a:visited {color:#606c76;font-weight:500;}
blockquote {border-left: .3rem solid #000;}
blockquote strong {color: #000;}
a blockquote:hover {
    border-left: .3rem solid #666;
    background: #111;
    color: #fff;
    transition: all 0.5s ease;
    background-image: url(../images/link.svg);
    background-repeat: no-repeat;
    background-size: auto 150%;
    background-position: 95%;
	}
a blockquote.comunicato:hover {background-image: url(../images/file-pdf.svg);}
a blockquote.vr:hover {background-image: url(../images/vr-cardboard.svg);}

a blockquote:hover strong {color: #ccc;}
.h1-home {
	font-family:serif;
	text-align: center;
	color: #000;
}
main.wrapper {min-height:100vh;}
/* Navigation */
.navigation {background: #fff;}
.navigation a, .navigation a:visited {color:#000;font-weight:400;}

.apri-nav {display:none;}
/* Footer */
footer .column {
    text-align: center;
    padding: 1.5em;
}
footer .column img {max-height: 4.5em;}

/* Homepage */
/* .homepage .container-principale { */
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translateY(-50%) translateX(-50%); */
/* } */
/* Brands */
	.tab p {text-align: center;}
	img[title=brand-logo] {max-width: 70%;margin-bottom: 20px;}
	.container-brands .tabs-wrapper {display:none;} 
	.container-brands .accordion-wrapper input:checked ~ article{
		padding: 20px;
		text-align: center;
	} 
	.container-brands .accordion-wrapper label {background: transparent;}
	.prodotto:hover {animation: zoominoutsinglefeatured 1s forwards;}
	@keyframes zoominoutsinglefeatured {
		0% {
			transform: scale(1,1);
		}
		100% {
			transform: scale(1.2,1.2);
		}
	}
	body main .featherlight-content .featherlight-next span, .featherlight-previous span {
    width: 62%;
    text-shadow: 0 0 5px #000;
    color: #000;
	}	
/* Venue */
.column.dettagli {
    justify-content: space-between;
    flex-direction: column;
    display: flex;
}
/* Gallery */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* .grid-item--width2 { width: 400px; } */
.grid {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.grid-item {
	flex-grow:1;
	text-align: center;
	margin-bottom: 10px;

}
.grid-item:hover { animation: zoominoutsinglefeatured .5s forwards; }



/* Icon pulse */
.fa-beat {
  animation:fa-beat 5s ease infinite;
}
@keyframes fa-beat {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}

footer.footer {
	position:relative;
	bottom:0;
	width:100%;
}

/* ####   SCROLLBAR   ### */
::-webkit-scrollbar {width: 8px; height:10px;}
::-webkit-scrollbar-track {background: transparent;}/* Track */
 
::-webkit-scrollbar-thumb { /* Handle */
  background: #231F20;
  border-radius:1px;
  /*border: solid 2px #fff;*/
}

::-webkit-scrollbar-thumb:hover {background: #777;} /* Handle on hover */

::-webkit-scrollbar-button:single-button {height: 0px;} /* Buttons */

/* Larger than mobile screen */
@media (min-width: 40.0rem) {.h1-home {	font-size: 6.3rem;}}

/* Larger than tablet screen */
@media (min-width: 80.0rem) { 
/* Pagina Brands */
	.container-brands {max-width: 100%;}
	.container-brands .accordion-wrapper {display:none;} 
	.container-brands .tabs-wrapper {display: flex;}
	.container-brands .tabs-wrapper .tabs-nav > li {display: block;}
	.container-brands .tabs-wrapper .tabs-nav {
    position: fixed;
    z-index: 200;
    height: calc(100vh - 5.1rem);
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    min-width: 15rem;
    background: #000;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
	}
	.container-brands .tabs {
    /* height: 100%; */
    padding: .4rem .4rem .4rem 4rem;
    margin-left: 20rem;
    /* height: calc(100vh - 5.1rem); */
    -ms-flex: 0 0 auto;
    flex: 1 1 auto;
	}
	.container-brands .tabs p {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		flex-direction: column;
	}
	.tabs-nav h2 {font-size: 1.5em; color: #fff;}
	.container-brands .tabs img {
		max-height: 50vw;
		width: auto;
	}
	.container-brands .tabs img[title=brand-logo] {
		max-width: 50%;
	    max-height: 20rem;
		display: block;
		margin: 0px auto 50px auto;
	}

}

/* Larger than desktop screen */
@media (min-width: 120.0rem) { ... }