@font-face {
  font-display: swap;
  font-family: Rubik;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(_nuxt/fonts/Rubik-Medium.38509cd.woff2) format("woff2"), url(_nuxt/fonts/Rubik-Medium.22deb3d.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Rubik;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(_nuxt/fonts/Rubik-Bold.311249c.woff2) format("woff2"), url(_nuxt/fonts/Rubik-Bold.3870aab.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Rubik;
  font-stretch: normal;
  font-style: normal;
  font-weight: 850;
  src: url(_nuxt/fonts/Rubik-ExtraBold.ba9918a.woff2) format("woff2"), url(_nuxt/fonts/Rubik-ExtraBold.ce512c5.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Rubik-Italic;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(_nuxt/fonts/Rubik-MediumItalic.a37f862.woff2) format("woff2"), url(_nuxt/fonts/Rubik-MediumItalic.4691c36.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Rubik-Italic;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(_nuxt/fonts/Rubik-BoldItalic.66cebf5.woff2) format("woff2"), url(_nuxt/fonts/Rubik-BoldItalic.4a3c2f5.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Rubik-Italic;
  font-stretch: normal;
  font-style: normal;
  font-weight: 850;
  src: url(_nuxt/fonts/Rubik-ExtraBoldItalic.b311074.woff2) format("woff2"), url(_nuxt/fonts/Rubik-ExtraBoldItalic.d5e4828.woff) format("woff")
}

body {
  background-color: #00011e;
  font-family: Rubik, sans-serif;
  color: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

section.divider{
	height: 170px;
	background: rgb(0,1,30);
	background: linear-gradient(360deg, rgba(0,1,30,1) 0%, rgba(0,1,30,1) 80%, rgba(255,0,0,0.6) 81%, rgba(255,0,0,0) 100%);
	content: "";
	margin-top: -100px;
	margin-bottom: -150px;
	width: 100%;
	transform: skew(0deg, -3deg);
}

section.divider-reverse{
	height: 170px;
	background: rgb(255,0,0);
	background: linear-gradient(360deg, rgba(255,0,0,0) 0%, rgba(255,0,0,0.6) 20%, rgba(0,1,30,1) 21%, rgba(0,1,30,1) 100%);
	content: "";
	margin-top: -100px;
	margin-bottom: -100px;
	width: 100%;
	transform: skew(0deg, 3deg);
}

h2{
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


#hero_text{
	font-family: Rubik-Italic;
	text-transform: uppercase;
	position: absolute;
	bottom: 100px;
	left: 60px;
	color: #FFF;
	transform: skew(0deg, -3deg);
	width: 50%;
}
#hero_text h1 {
  font-size: 108px;
  font-weight: 850 !important;
}

#hero_text h6 {
  font-size: 40px;
  font-weight: 850 !important;
}
.screen{
	min-height: 100vh;
	position: relative;
}
.screen-big{
	min-height: 150vh;
}
.screen-half{
	min-height: 50vh;
}
.screen-middle{
	min-height: 80vh;
}

.navbar-nav .nav-link{
	color: #FFF;
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .1s cubic-bezier(.455, .03, .515, .955), transform .2s cubic-bezier(.455, .03, .515, .955);
}

.navbar-brand{
	width: 500px;
	position: absolute;
	transition: width .1s ease-in-out;
	top: 30px;
	transition: width .3s cubic-bezier(.455, .03, .515, .955), transform .2s cubic-bezier(.455, .03, .515, .955);
}
.navbar-brand:hover{
	width: 570px;	
}
.navbar-brand.small_brand{
	width: 159px;
}
.navbar-brand.small_brand:hover{
	width: 170px;	
}
.navbar-brand picture img{
	width: 100%;
}
.navbar-brand:after {
  background: #ffe8ff;
  bottom: 0;
  content: "";
  filter: blur(57px);
  left: 0;
  mix-blend-mode: color-dodge;
  opacity: 1;
  opacity: .8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}



#events h2{
	font-family: Rubik-Italic;
  font-size: 40px;
  font-weight: 850;
  line-height: 100%;
  text-transform: uppercase;
}


.events_background{
	min-height: 400px;
	overflow: hidden;
}

#events .row{
	margin: 10rem 0;
}
#events .row:nth-child(even) {
	transform: skew(20deg, 0deg);
}
#events .row:nth-child(odd) {
	transform: skew(-20deg, 0deg);
}
#events .row:nth-child(even) .events_spot{
	transform: skew(-20deg, 0deg);
}
#events .row:nth-child(odd) .events_spot{
	transform: skew(20deg, 0deg);
}
#events .row .col-md-8{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#events .row:nth-child(even) .col-md-8{
	border-left: 1px solid #FFF;
}
#events .row:nth-child(odd) .col-md-8{
	border-right: 1px solid #FFF;
}

.events_spot{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 400px;
	min-width: 400px;
	margin-left: -100px;
	margin-right: -100px;
}

.events_comics{
	background-image: url(imgs/events_comics.jpg);
}
.events_cosplay{
	background-image: url(imgs/events_cosplay.jpg);
}
.events_live{
	background-image: url(imgs/events_live.jpg);
}
.events_incontri{
	background-image: url(imgs/events_incontri.jpg);
}
.events_more{
	background-image: url(imgs/events_more.jpg);
}

/*
#ospiti h2{
	color: red;
	margin: 0rem 0rem 5rem;
	font-family: Rubik-Italic;
	text-transform: uppercase;
	font-size: 108px;
	font-weight: 850 !important;
}
#ospiti h6{
	color: red;
	font-size: 40px;
	font-weight: 850 !important;	
}
#ospiti p{
	font-size: 20px;
	font-weight: 850 !important;	
}
#ospiti img{
	width: 300px;
	height: 300px;
}
#ospiti .btn h6{
	margin-top: 300px;
}

#ospiti .row{
	margin-bottom: 2rem;
}


#ospiti .img-container{
	overflow: hidden;
	height: 300px;
	width: 100%;
}
#ospiti .img_content{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	width: 100%;
	transition: background-size 0.3s ease;
}

#ospiti .row:nth-child(odd) .img-container{
	transform: skew(20deg, 0deg);
}
#ospiti .row:nth-child(odd) .img_content{
	transform: skew(-20deg, 0deg);
}
#ospiti .row:nth-child(even) .img-container{
	transform: skew(-20deg, 0deg);
}
#ospiti .row:nth-child(even) .img_content{
	transform: skew(20deg, 0deg);
}

#ospiti .row .img_content:hover{
	background-size: 110%;
}
#ospiti .row:nth-child(odd) .img-container:hover{
	transform: skew(-20deg, 0deg);
}
#ospiti .row:nth-child(odd) .img-container:hover .img_content{
	transform: skew(20deg, 0deg);
}
#ospiti .row:nth-child(even) .img-container:hover{
	transform: skew(20deg, 0deg);
}
#ospiti .row:nth-child(even) .img-container:hover .img_content{
	transform: skew(-20deg, 0deg);
}
*/

#video{
/*	padding: 200px 0px;*/
	color: #000;
	text-transform: uppercase;
	overflow: hidden;
}
#video iframe{
	z-index: -1;
}


#patrocini h2,
#follow h2{
	color: red;
	margin: 0rem 0rem 5rem;
	font-family: Rubik-Italic;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 850 !important;
	font-size: 108px !important;
}

.card{
	border: none;
	box-shadow: 0 34px 34px 0 rgba(0, 0, 0, .25);
}
.card-header{
	background-color: #33074a;
	color: #FFF;
	font-size: 20px;
}
.card-body{
	background: rgb(68,28,90);
	background: linear-gradient(297deg, rgba(68,28,90,1) 0%, rgba(68,28,90,1) 12%, rgba(85,35,114,1) 13%, rgba(85,35,114,1) 36%, rgba(110,44,144,1) 36%, rgba(110,44,144,1) 68%, rgba(130,52,172,1) 68%, rgba(130,52,172,1) 100%);
}
.card-body p{
	color: #FFF;
	font-family: Rubik-Italic;
	font-size: 33px;
	font-weight: 850;
	line-height: 100%;
	text-transform: uppercase;
}

.card-body i{
	font-size: 50px;
	height: 50px;
	width: 50px;
	padding: 0;
	margin: 0;
	color: #FFF;
}

/*#venue_text{
	height: 50%;
	width: 50%; 
	top: 0; 
	bottom: 0;
	left: 0;
	right: 0;
}*/



@media screen and (max-width: 768px) {
  #hero_text h1 {
    font-size: 64px;
  }

  #hero_text h6 {
    font-size: 24px;
  }

	#ospiti h2,
	#patrocini h2,
	#follow h2{
		text-align: center;
		color: #000;
		font-size: 70px !important;
	}

	#ospiti .row:nth-child(odd) .img-container,
	#ospiti .row:nth-child(odd) .img_content,
	#ospiti .row:nth-child(even) .img-container,
	#ospiti .row:nth-child(even) .img_content,
	#ospiti .row:nth-child(odd) .img-container:hover,
	#ospiti .row:nth-child(odd) .img-container:hover .img_content,
	#ospiti .row:nth-child(even) .img-container:hover,
	#ospiti .row:nth-child(even) .img-container:hover .img_content{
		transform: none;
	}

  #events .row:nth-child(even) {
		transform: none;
	}
	#events .row:nth-child(odd) {
		transform: none;
	}
	#events .row:nth-child(even) .events_spot{
		transform: none;
	}
	#events .row:nth-child(odd) .events_spot{
		transform: none;
	}

  #events .row .col-md-8{
		border-left: 1px solid #FFF;
		border-right: 1px solid #FFF;
	}
	#events .row:nth-child(even) .col-md-8{
		border-top: 1px solid #FFF;
		border-bottom: none;
	}
	#events .row:nth-child(odd) .col-md-8{
		border-top: none;
		border-bottom: 1px solid #FFF;
	}

	.events_spot{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 400px;
		min-width: 400px;
		margin-left: -100px;
		margin-right: -100px;
	}
}

@media screen and (max-width: 480px) {
  #hero_text h1 {
    font-size: 48px; /* Dimensione per schermi molto piccoli */
  }

  #hero_text h6 {
    font-size: 20px; /* Dimensione per testi piccoli */
  }

/*  .navbar-brand{
  	width: auto;
  }*/
}