@CHARSET "UTF-8";

* {
	box-sizing: content-box;
}

div.screenings hr, div.simple-screenings hr {
	border-color: #fff;
	opacity: 0.5;
}

table.screening {
	margin-top: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}

table.screening.x-other {
	opacity: 0.5;
}

table.screening:hover {
	opacity: 1 !important;
}

table.screening td {
  padding: 2px;
}

td.scr-title {
	font-size: 1.1rem;
  text-transform: uppercase;
  padding: 2px 2px 5px 2px;
}

tr.scr-desc td {
	color: #ddd;
}

td.scr-time {
}

tr.scr-venue td {
}

a.scr-venue-url {
	background-color: #fff;
	color: #222;
/* 	color: #0070af; */
	border-radius: 2px;
	text-decoration: none;
	font-size: 0.7rem;
	font-weight: bolder;
	text-transform: uppercase;
	padding: 1px 3px;
	position: relative;
	top: -3px;
	margin-left: 6px;
}

td.scr-logo {
	text-align: right;
	vertical-align: top;
	padding-left: 20px !important;
}

td.scr-logo img {
	max-width: 80px;
	max-height: 80px;
}

div.wp-screenings, div.screenings-top {
	box-sizing: border-box;
  clear: both;
  width: 100%;
  min-height: 24px;
  margin-top: 8px;
  margin-bottom: 4px;
  padding: 2px 4px;
}

div.wp-screenings { background-color: #414244; } 

div.screenings-top { background-color: #660; }
div.screenings-top.x-highlighted { background-color: #aa0; }

div.screenings-top-top {
	width: 100%;
	height: 1px;
}

div.wp-screenings a, div.screenings-top a {
	display: inline-block;
  font-size: 0.9rem;
	font-weight: normal;
	text-decoration: none;
}

div.wp-screenings a:hover, div.screenings-top a:hover {
	opacity: 0.5;
}

div.det-main {
	position: relative;
  text-shadow: 1px 1px #000;
}

div.det-main.x-no-picture {
	background-color: #86bdc0; 
  background: -webkit-linear-gradient(top,#86bdc0,#478589);
  background: -o-linear-gradient(top,#86bdc0,#478589);
  background: -moz-linear-gradient(top,#86bdc0,#478589);
  background: linear-gradient(to bottom, #86bdc0,#478589);
/* 	background-color: #8d8ec7; */
/* 	background: -webkit-linear-gradient(top,#8d8ec7,#6667ab); */
/*   background: -o-linear-gradient(top,#8d8ec7,#6667ab); */
/*   background: -moz-linear-gradient(top,#8d8ec7,#6667ab); */
/*   background: linear-gradient(to bottom, #8d8ec7,#6667ab); */
/*   background-color: #104563; */
/*   background: -webkit-linear-gradient(top,#104563,#0e2d3f); */
/*   background: -o-linear-gradient(top,#104563,#0e2d3f); */
/*   background: -moz-linear-gradient(top,#104563,#0e2d3f); */
/*   background: linear-gradient(to bottom, #104563,#0e2d3f); */
/*   background-color: #0b0; */
/*   background: -webkit-linear-gradient(top,#0b0,#080); */
/*   background: -o-linear-gradient(top,#0b0,#080); */
/*   background: -moz-linear-gradient(top,#0b0,#080); */
/*   background: linear-gradient(to bottom, #0b0,#080); */
}

div.det-main-top {
	position: relative;
  margin-top: 10px;
}

div.det-author {
	font-size: 1rem;
	padding: 10px 10px 0 10px;
}

div.det-author.x-venue {
	padding: 10px 160px 0 10px;
}

div.det-title {
	font-size: 1.5rem;
	font-weight: bold;
  text-transform: uppercase;
  text-shadow: 2px 2px #000;
  padding: 5px 10px 0 10px;
}

div.det-title.x-venue {
	padding: 5px 160px 0 10px !important;
}

div.det-type {
  font-size: 1.1em;
  padding: 5px 10px 0 10px;
}

div.det-book-screening {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  width: max-content;
  min-width: 120px;
  cursor: pointer;
}

div.det-book-screening:hover {
  background-color: rgba(0,0,0,0.8);
}
  
table.det-quotes-table {
	font-size: 0.8rem !important;
  text-align: right;
}

table.det-quotes-table td.x-next {
	padding-top: 8px !important;
}

table.det-quotes-table td.x-text {
	font-style: italic !important;
	padding-right: 2px !important;
}

table.det-quotes-table td.x-source {
	font-size: 0.7rem !important;
	padding-right: 2px !important;
}

table.det-quotes-table span {
	padding: 2px;
}

table.det-quotes-table:not(.x-no-picture) span {
  background-color: rgba(0,0,0,0.3);
}

div.det-footer {
	padding-right: 20px;
}

div.det-footer a {
  font-weight: normal;
  color: #fff;
}

div.det-links {
	float: right;
	text-align: right;
}

a.link-programm {
	display: inline-block;
	height: 20px;
	padding: 14px 37px 10px 5px;
	margin-top: 5px;
	background: url('img/pdf.png') no-repeat right center;
	background-size: 27px 34px;
	text-align: left;
	text-decoration: none;
}

a.link-programm:hover {
	color: #ff0;
	background: url('img/pdf-hover.png') no-repeat right center;
	background-size: 27px 34px;
}

a.link-video {
  display: inline-block;
  height: 20px;
  padding: 14px 45px 10px 5px;
  margin-top: 5px;
  margin-left: 10px;
  background: url('img/video.png') no-repeat right center;
  background-size: 39px 33px;
  text-align: left;
  text-decoration: none;
}

a.link-video:hover {
  color: #ff0;
  background: url('img/video-hover.png') no-repeat right center;
  background-size: 39px 33px;
}

input.button-close {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  width: 18px;
  height: 18px;
  background: url(img/close.png) center no-repeat;
  background-size: 16px 16px;
  padding: 0;
  border: 0;
  border-radius: 2px;
}

input.button-close:hover {
  background: rgba(255,255,255,0.5) url(img/close.png) center no-repeat;
  background-size: 16px 16px;
}

input.button-close-white {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  width: 18px;
  height: 18px;
  background: url(img/close-white.png) center no-repeat;
  background-size: 16px 16px;
  padding: 0;
  border: 0;
  border-radius: 2px;
}

input.button-close-white:hover {
  background: rgba(255,255,255,0.5) url(img/close-white.png) center no-repeat;
  background-size: 16px 16px;
}

div#cookie-disclaimer {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 5px;
	color: #0070af;
	background-color: #fff;
	font-size: 0.8rem;
}

div#cookie-disclaimer .x-text {
  float: left;
  font-weight: bold;
}

div#cookie-disclaimer .x-close {
  float: right;
  text-align: right;
  padding-right: 5px;
}

div#web-error {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 5px;
  color: #f51529;
  background-color: #fff;
}

div#web-error .x-text {
  float: left;
  font-weight: bold;
}

div#web-error .x-close {
  float: right;
  text-align: right;
  padding-right: 5px;
}

a.x-top-link {
	font-size: 1.1rem;
	font-weight: normal;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: uppercase;
}

a.x-facebook {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('img/facebook.png') no-repeat center center;
	background-size: 18px 18px;
	margin-left: 5px;
  margin-right: 5px;
}

a.x-youtube {
  display: inline-block;
  width: 24.5px;
  height: 20px;
  background: url('img/youtube.png') no-repeat center center;
  background-size: 22.5px 18px;
  margin-left: 5px;
  margin-right: 5px;
}

a.x-instagram {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('img/instagram.png') no-repeat center center;
  background-size: 18px 18px;
  margin-left: 5px;
  margin-right: 5px;
}

a.x-top-link:hover, a.x-facebook:hover, a.x-youtube:hover, a.x-instagram:hover {
	opacity: 0.5;
}

div.screening-news-inner {
	width: 100%; 
	margin-top: 10px;
}

div.news-empty-info {
	text-align: center;
	padding-top: 50px;
}

div.news-item {
	margin-bottom: 5px;
}

div.news-item .news-item-img {
	float: left;
	width: 30%;
	max-width: 250px;
}

div.news-item .news-item-img img {
	width: 100%;
}

div.news-item .news-item-right {
  float: left;
  margin-left: 10px;
  max-width: 68%;       /* see also screenings-mobile.css */
}

div.news-item .news-item-header {
	font-weight: bold;
}

div.news-item .news-item-text {
	max-width: 100%;
	overflow: hidden;
}

div.news-item .news-item-right .x-2 {
	margin-bottom: 5px;
}

div.news-item .news-item-right .x-2 a {
  font-size: 0.8em;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
}

div.news-item .news-item-right .x-2 a:hover {
  text-decoration: none;
}

div.news-detail {
  margin-top: 10px;
  padding: 0 10px;
}

div.news-detail .news-detail-header {
	font-size: 1.5rem;
	font-weight: bold;
}

div.news-detail .news-detail-video {
	position: relative;
  margin-top: 10px;
  text-align: center;
}

div.news-detail .news-detail-video a:hover {
	opacity: 0.5;
}

div.news-detail .news-detail-video .x-thumbnail {
	max-height: 200px;
}

div.news-detail .news-detail-video .x-thumbnail-2 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
  background: url('img/youtube-video.png') no-repeat center;
  background-size: contain;
  z-index: 10;
}

div.news-detail .news-detail-text {
	margin-top: 10px;
}

div.news-detail .news-detail-img {
  margin-top: 10px;
  text-align: center;
}

div.news-detail .news-detail-img img {
	max-width: 100%;
}

div.tiles-left {
  float: right;
  padding: 10px;
  min-width: 200px;
  max-width: 585px;
}

div.tiles-venues {
  padding: 10px;
}

div.tiles-right {
  padding: 10px;
}

div.tiles img {
  width: 195px;
  height: 262px;
  cursor: pointer;
}

div.tiles-left img, div.tiles-venues img {
	float: right;
}

div.tiles-right img {
  float: left;
}

div.tiles img:hover {
  opacity: 0.6;
}

div.wp-tiles {
  clear: both;
  width: 100%;
  height: 10px;
}