html, body {width:100%;height:100%;}


#lot_body{background-color:rgb(228,143,51);}
#lot_footer{background:rgb(37,38,76);}

.jumbotron {background:transparent;}

::placeholder {color: #fff !important;opacity: 1;font-size:20px;}
:-ms-input-placeholder { color:  #fff !important;font-size:20px;}
::-ms-input-placeholder { color: #fff !important;font-size:20px;}

.bg-cover {background-size:cover;}
.bg-center {background-position:center;}
.bg-top {background-position:top;}
.bg-media {height: 580px;position: relative;background-position: center;}
.bg-orange {background-color:rgb(228,143,51);}
.bg-opacity-blue {background-color:rgba(37,38,76,0.6);}


.btn-outline-primary {color:#fff;border-color: rgb(37,38,76);background:rgb(37,38,76); border-radius:0;}
.btn-outline-secondary {background-color: rgb(104,158,213);border-radius:0;color:#fff;}
.border-primary {border-color:rgb(37,38,76) !important;}


.home-rotate {
    -moz-transform: translateX(55%) translateY(386%) rotate(90deg);
    -webkit-transform: translateX(55%) translateY(386%) rotate(90deg);
    transform: translateX(55%) translateY(386%) rotate(90deg);
}
.rounded-50 {border-radius:50%;}
.embed-responsive-1by1 {-webkit-box-shadow: 8px 5px 5px -2px #000000; box-shadow: 8px 5px 5px -2px #000000;}

nav {z-index:2;}
nav button {left:0;}
nav ul li {padding-left:10px;padding-right:10px;}
nav ul.position-absolute.mobile-header-marker {right:0;}
nav ul.position-absolute li a {color:rgb(37,38,76);}
nav ul.nav-ticket li a {border-bottom: 5px solid cyan;}


.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	width:2em;
	height:2em;
}


div.position-absolute .desktop-social {top:15px;left:10px;}
/* BOOK TICKET */
div.ticket-jumbotron {background-image:url(/images/content/abbonamento.png);}

/* HOME */
div.ticket-jumbotron-home {background-image:url(/images/content/home-ticket.png);}
div.ticket-jumbotron-home2 {background-image:url(/images/content/same-music.png);}
div.same-house div.position-absolute {top:-120%;}
div.home-header-img .carousel-caption {bottom:50%;left:20%;}
div.margin-negative {margin-top:-295px;margin-bottom:220px;}
div.margin-negative p {margin-top:-92px;}
div.ticket-jumbotron-home2 ul li a img {opacity:0.5;}
div.ticket-jumbotron-home2 ul li a.active img, div.ticket-jumbotron-home2 ul li a:hover img {opacity:1;} 
div.contacts {background-image:url(/images/content/contact.png);}
div.contacts .border-bottom{border-bottom:5px solid rgb(37,38,76) !important;}
div.contacts input {height:42px;}
div.contacts p.chrono_credits {display:none;}

/* MAP */	
section.where .bg-media a {
    background-image: url(../images/map2.png);
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
}

/* FESTIVAL */


/* LINE UP*/
div.line-up div.band-details, div.categories-list div.gallery-details {
    background-color: #646869;
    width: 100%;
    height: 2.5em;
    bottom: 0;
    position: absolute;
    padding: 5px 0;
    opacity: 1;
}
div.line-up a:hover div.band-details, 
div.line-up a:focus div.band-details, 
div.categories-list a:hover div.gallery-details, 
div.categories-list a:focus div.gallery-details {
    height: 100%;
    padding-top: 25%;
	background-color: rgba(0,210,255,0.9);
    transition: all 0.3s ease-in-out;
}
div.categories-list a:hover div.gallery-details, 
div.categories-list a:focus div.gallery-details {padding-top:40%;}

div.position-absolute.spotify {right:0;bottom:30px;}

/* GALLERY */
div.carousel, div.carousel-inner, div.carousel-item {height:100%;width:100%;}
div.categories-list {background:url("/images/content/gallery-content.png");background-size:cover;}

/* FOOTER */
#lot_footer p{line-height:120%;}
#lot_footer .border-primary {border-color:#1c1b37 !important;}
div#ibox2 iframe {width:100%;}


/* MODAL */
div.modal .modal-content {background-color:rgba(37,38,76,0.8);}
div.modal ul.ticket li a {border-bottom: 5px solid cyan;}



@media screen and (min-width: 1200px){
	div.line-up div.band-details, div.categories-list div.gallery-details {
		height: 0px;
		overflow: hidden;
		padding: 0;
	}
}

@media  (min-width:961px) and (max-width:1199px) {

	body, html{font:22px/28px 'Typold-Regular',sans !important;}

	div.ticket-jumbotron-home p, div.ticket-jumbotron-home2 p{font-size:21px !important;}
	div.static h2.home-rotate {font-size: 50px !important;}
}


@media screen and (max-width: 960px){
	div.modal ul.nav li {margin-bottom:30px;}
	div.margin-negative {margin:auto;}
	div.margin-negative p {margin-top: auto;}
	h2.home-rotate {
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	div.spotify {position:relative !important;margin-top:20px;}
	
	div.home-header-img h2,
	div.home-header-img h4,
	div.festival h2,
	div.festival h4,
	div.gallery-header h2,
	div.gallery-header h4,
	div.ticket-jumbotron h2,
	div.ticket-jumbotron,
	div.ticket-jumbotron-home h2,
	div.ticket-jumbotron-home,
	div.ticket-jumbotron-home2,
	div.ticket-jumbotron-home2 h2,
	div.line-up h2,
	div.line-up h4,
	div.band-header h2,
	div.band-header h4,
	div.staff-list,
	#lot_footer{text-align:center;}
	
	div.ticket-jumbotron-home2 .tab-pane h5 {font-size:38px !important;}

}


@media screen and (max-width: 576px){
		
		
	nav .navbar-brand img {width:120px;}
	div.footer ul.nav-pills li.nav-item {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		text-align: center;
	}
	div.staff-list img  {margin-bottom:10px;}
	
	/* font size */
	
	body, html {font: 19px/24px 'Typold-Regular',sans !important;}
	h2, div.static h2 {font-size:36px !important; }
	h4 {font-size:32px;}


	

}