@import 'bml-2020-fonts.css';
@import 'bml-2020-main.css';
@import 'bml-2020-header.css';
@import 'bml-2020-footer.css';
@import 'bml-2020-cover.css';
@import 'bml-2020-shop.css';
@import 'bml-2020-modal.css';

/*
basic: #022151;
light: #10b6c6;

2020:  #032152;
*/

#gallery,
#lineup,
#accommodation {
	margin-bottom: 1em;
}

.title-center {
	line-height: 1.2;
	margin-bottom: 1.2em;
	text-align: center;
}

.lineup-names .h2 {
	margin-top: 0;
}
.lineup-names-abc,
.lineup-names-abc a {
	color: #022151;
	font-size: 1.5rem;
	line-height: 1.2;
	/*text-transform: uppercase;*/

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
.lineup-days time {
	color: #022151;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}
.lineup-days p {
	font-size: 16px;
	font-weight: 200;
	line-height: 1.5;
}
.lineup-days p a {
	color: #5a5958;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.lineup-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.lineup-grid-item {
	height: 100%;
	width: 25%;
}
.lineup-grid-item-half {
	width: 12.5%;
}
.lineup-grid-item img {
	width: 100%;
	height: auto;
}
.lineup-item {
	align-items: center;
	background: #eee;
	color: #fff;
	display: flex;
	/*flex: 0 1;*/
	justify-content: center;
	width: 25%;
	background: url(../img/right-triangle.svg) no-repeat 55% 50% / 45%;
}
.btn-lineup,
.btn-lineup:hover {
	color: #fff;
	display: block;
	font-size: 1.125rem;
	line-height: 1;
	padding: 3.5em 3.5em 3.5em 2.5em;
	text-align: left;
}
.btn-lineup:active {
	box-shadow: none;
}
/*
.btn-lineup:before {
	display: block;
	width: 0;
	content: '';
	position: absolute;
	border: 40px solid transparent;
	border-left-color: red;
}
*/

.text-extra-muted {
	color: rgba(0, 0, 0, .2);
}

.btn-ticket {
	color: #022151;
	background-color: #fff;
	border-color: #fff;
	border-radius: 0;
	font-size: 1.25rem;
	padding: .1em .6em 0;
	position: relative;
	z-index: 1;
	line-height: 1.2;
	margin: 9% auto 0;
	display: block;
	width: 52.5%;
	max-width: 150px;
	text-align: center;
}

.btn-bml {
	color: #fff;
	background-color: #022151;
	border-color: #022151;
	border-radius: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: .2em;
	padding: .3rem .75rem .25rem;
}
.btn-bml:focus,
.btn-bml.focus {
	color: #fff;
	background-color: #022151;
	border-color: #022151;
}
.btn-bml:hover {
	color: #fff;
	background-color: #10b6c6;
	border-color: #10b6c6;
	/*022151*/
}
.btn-bml:active,
.btn-bml.active,
.open > .dropdown-toggle.btn-bml {
	color: #fff;
	background-color: #022151;
	border-color: #022151;
}
.btn-bml:active:hover,
.btn-bml.active:hover,
.open > .dropdown-toggle.btn-bml:hover,
.btn-bml:active:focus,
.btn-bml.active:focus,
.open > .dropdown-toggle.btn-bml:focus,
.btn-bml:active.focus,
.btn-bml.active.focus,
.open > .dropdown-toggle.btn-bml.focus {
	color: #fff;
	background-color: #10b6c6;
	border-color: #10b6c6;
	/*022151*/
}
.btn-bml:active,
.btn-bml.active,
.open > .dropdown-toggle.btn-bml {
	background-image: none;
}
.btn-bml.disabled:hover,
.btn-bml[disabled]:hover,
fieldset[disabled] .btn-bml:hover,
.btn-bml.disabled:focus,
.btn-bml[disabled]:focus,
fieldset[disabled] .btn-bml:focus,
.btn-bml.disabled.focus,
.btn-bml[disabled].focus,
fieldset[disabled] .btn-bml.focus {
	background-color: #eddbe1;
	border-color: #eddbe1;
}
.btn-bml .badge {
	color: #022151;
	background-color: #fff;
}


.col-md-6 > ul {
	margin: 0;
	padding-left: 1.25em;
}
.col-md-6 > ul li {
	margin-bottom: 0.714285715em;
}

.news__list {
	display: flex;
	flex-wrap: wrap;
}
.news__item {
	background: #022151 center / cover;
	background-blend-mode: screen;
	margin: 1rem 0;
	position: relative;
}
.news__item .h4 {
	color: #fff;
	padding: 1rem;
	min-height: 54px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.news__item:before {
  background: linear-gradient(#16b6c6 15%, rgba(22, 182, 198, 0) 70%);
  content: '';
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.news__item .h4 a {
	color: currentColor;
	line-height: 1;
}
.news__link {
  display: block;
  font-size: .75rem;
  font-weight: 600;
  height: 0;
  letter-spacing: .2em;
  padding: 0 0 100%;
  position: relative;
  text-transform: uppercase;
}
.news__link span {
  background: #022151;
  color: #fff;
  margin: .75rem;
  padding: .25rem .75rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

#faq ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#faq p.h4 {
	margin-bottom: .3em;
	margin-top: .7em;
}

.sponsor-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 720px;
	margin: 0 auto;
}

.sponsor-list img,
.sponsor-list svg {
	filter: grayscale(1);
	opacity: .75;
}

.sponsor-list img {
	height: auto;
	width: auto;
}

.gallery-grid {
	display: flex;
	flex-wrap: wrap;
}

.iframe-responsive {
	height: 0;
	position: relative;
	padding-bottom: 50%;
	margin-bottom: 1em;
}
.iframe-responsive iframe {
	height: 100% !important;
	width: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.gallery-mini-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gallery-mini-grid .img-responsive {
	height: 100%;
	margin-bottom: 1px;
	width: 33.1%;
	width: calc((100% - 2px) / 3);
}

.ticket-office h3 {
	margin-top: .75em;
	margin-bottom: .25em;
}
.ticket-office p {
	margin: 0;
}
.ticket-office dt {
	color: #bbb;
	font-size: .9em;
	font-style: italic;
	font-weight: 400;
	margin-top: .25em;
}

.dl-bml dt {
	font-weight: 400;
}

.dl-bml dd {
	margin-bottom: .5em;
}

.hover\:white:hover {
	color: #fff;
}

.hover\:turquoise:hover {
	color: #10b6c6;
}

@media (min-width: 0) {
	.nav .open > a,
	.nav .open > a:focus,
	.nav .open > a:hover {
		background-color: transparent;
		border-color: 0 none;
	}
	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: calc(100vh - 50px);
	}
	.navbar-logo {
		margin-top: 2px;
		margin-bottom: 16px;
	}
	.lineup-item,
	.lineup-grid-item {
		width: 100%;
		margin-bottom: 1px;
	}
	.lineup-grid-item-half {
		width: 50%;
	}
	.navbar-bml .navbar-off {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0;
	}
	.sponsor-list {
		flex-direction: column;
	}
	.sponsor-list a {
		margin: 20px auto;
	}
	.gallery-item {
		width: 100%;
		padding: 0 0 1px;
	}
}

@media (min-width: 400px) {
	.lineup-item,
	.lineup-grid-item {
		width: 50%;
		margin-bottom: 0;
	}
	.lineup-grid-item-half {
		width: 25%;
	}
	.sponsor-list {
		flex-direction: row;
	}
	.sponsor-list a {
		margin: 1rem 1.5rem;
	}
	.gallery-item {
		width: 50%;
		padding: 0 1px 1px 0;
	}
}

@media (min-width: 576px) {
	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: calc(100vh - 50px);
	}
	.btn-ticket {
		padding: .1em .75em 0;
		/*position: absolute;*/
		z-index: 1;
		line-height: 1.2;
		margin: 41px auto;
		display: inline-block;
		width: auto;
		bottom: 10px;
	}

	.brk {
		display: inline;
		visibility: visible;
	}
}

@media (min-width: 768px) {
	.lineup-item,
	.lineup-grid-item {
		width: 33.3%;
	}
	.lineup-grid-item-half {
		width: 16.5%;
	}
	.news__item.col-sm-4 {
		width: 33.3%;
		margin-bottom: 15px;
	}
	.news__item img {
		width: 100%;
	}
	.gallery-item {
		width: 33.3%;
	}
}

@media (min-width: 992px) {
	.navbar-bml .nav-item {
		margin-left: auto;
		margin-right: auto;
		font-size: .8rem;
	}
	.lineup-item,
	.lineup-grid-item {
		width: 25%;
	}
	.lineup-grid-item-half {
		width: 12.5%;
	}
	.gallery-item {
		width: 25%;
	}
	.navbar-nav > li > .dropdown-menu {
		border: 1px solid #fefefe;
		border-radius: 1px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .025);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .025);
		left: 50%;
		margin: 0;
		padding: 0;
		text-align: center;
		transform: translateX(-50%);
	}
	.navbar-bml .navbar-nav > li.active {
		outline: 0 none;
		position: relative;
		/*text-decoration: underline;*/
	}
	.navbar-bml .navbar-nav > li.active > a {
		color: #10b6c6;
	}
/*
	.navbar-bml .navbar-nav > li.active:after,
	.navbar-bml .navbar-nav > li.active.dropdown.open:after {
		background: url(../img/triangle.svg);
		content: '';
		display: block;
		height: 10px;
		left: 50%;
		margin-left: -6px;
		position: absolute;
		top: -13px;
		transform: rotate(180deg);
		width: 12px;
		z-index: -1;
	}
*/
}

@media (min-width: 1200px) {
	.navbar-bml .nav-link {
		margin-left: .5rem;
		margin-right: .5rem;
		font-size: .875rem;
	}
}

.webshop-app {
	/*letter-spacing: 0;*/
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.webshop-app h1,
.webshop-app h2,
.webshop-app h3 {
	/*font-family: 'BML Medium', sans-serif !important;*/
}

.webshop-app .product-list {
	/*margin-left: -10px;*/
	/*margin-right: -10px;*/
}

.sticky-wrapper .js-sticky {
	/*width: 100% !important;*/
}

.sticky-wrapper.is-sticky .js-sticky {
/*
	left: 0;
	width: 100% !important;
	top: 0px !important;
	margin-top: 50px;
*/
}

.product__content {
/*
	-webkit-justify-content: space-between !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
*/
}

.button--facebook-login {
	border: 1px solid #d8d6d6;
	font-family: 'BML Medium', sans-serif !important;
	width: 100%;
	max-width: 640px;
}
/*
@media (min-width: 769px) {
	.sticky-wrapper.is-sticky .js-sticky {
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.sticky-wrapper.is-sticky .js-sticky {
		margin-top: 80px;
	}
}
*/
/*
@media (hover) {
	.lineup-grid:hover .lineup-grid-item {
		background-color: #16b6c6;
    }
	.lineup-grid:hover .lineup-grid-item:hover {
        background-color: #000;
	}
	.lineup-grid-item {
		transition: background-color .35s ease-in-out;
		transform: rotateY(360deg);
	}
	.lineup-grid-item img {
		mix-blend-mode: lighten;
	}
}
*/
/*
.webshop-app .marketing-category-selector .marketing-category a b,
.webshop-app .button,
.webshop-app .basket-toolbar,
.webshop-app .product__price,
.webshop-app .button--lg {
	font-family: 'BML Medium', sans-serif !important;
	text-transform: uppercase;	
}
.webshop-app .marketing-category-selector .marketing-category a b,
.webshop-app .button--lg {
	font-size: 1.5rem !important;
}
*/

.bml-img:after {
  /*content: '';*/
  display: block;
  position: absolute;
  mix-blend-mode: multiply;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(0, rgba(22,182,198,0), #16b6c6);
}

.bml-img img {
  display: block;
  filter: grayscale(1) contrast(1.25) brightness(1.25);
  height: 100%;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
}


.cancelled:after {
	position: absolute;
	content: '';
	right: 0;
	top: 100%;
	background-image: url('/2020/images/elmarad.png');
	width: 250px;
	height: 250px;
	background-size: 250px;
	transform-origin: 100% 0;
	transform: scale(.4);
}

[lang='en'] .cancelled:after {
	background-image: url('/2020/images/cancelled.png');
}

@media screen and (min-width: 640px) {
	.cancelled:after {
		transform: scale(.6);
	}
}

@media screen and (min-width: 960px) {
	.cancelled:after {
		transform: scale(.8);
	}
}

@media screen and (min-width: 1280px) {
	.cancelled:after {
		transform: none;
	}
}