@import url('font.css');
/*@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700,900');*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;700;900&display=swap');

:root {
	--white: rgba(255,255,255,1);
	--lblue: rgba(162,223,244,1);
	--yellow: rgba(247,253,147,1);
	--blue: rgba(52,136,136,1)/*rgba(0,142,214,1)*/;
	--dark: #00042B;
	--width: 1190px;
}


html {
	font-family: 'Work Sans', sans-serif;
	font-size: 1rem;
	color: rgba(0,0,0,1);
	background-size: cover;
	background-attachment: fixed;
	background-color: rgba(237,239,238,1);
}

body {
	/*box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.75);*/
}

h1 {
	font-size: 1.5em;
	font-weight: 900;
}

h1.page__title {
	margin: 2rem 0.5rem;
}

p, ul, span, li {
	font-size: 1em;
}

a {
	color: var(--blue);
	text-decoration: none;
}

a:hover {
	color: rgba(250,127,8,1);
	text-decoration: none;
}

.created a {
	color: rgba(242,68,5,1);
}

.created a:hover {
	color: rgba(34,186,187,1);
}

article:hover a {
	color: var(--blue);
	text-decoration: underline;
}

article a {
	color: var(--blue);
}

article a:hover, .region-highlighted a:hover {
	color: rgba(0,23,34,1);
	text-decoration: none;
}

article, .view-2016-people {
	background-color: rgba(255,255,255,1);
	padding-bottom: 10px;
}

.view-2016-films .view-header {
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 5px 0px rgba(0,23,34,0.5);
	padding: 1px 10px;
}

.view-2016-films .view-header img {
	box-shadow: 0px 0px 5px 0px rgba(0,23,34,0.5);
}

table {
	margin-top: 0;
	margin-bottom: 0;
}

#wrapper {
	/*margin: 0 auto;
	width: 1000px;*/
}

#page {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	max-width: unset;
}

.header {
	height: 250px;
	padding-right: 0px !important;
	padding-left: 0px !important;
	position: relative;
}


.header .header__region {
	position: absolute;
	width: 100%;
	height: 190px;
	text-align: center;
}

.blog_header {
	margin-top: 3rem;
	position: relative;
}

.blog_header div {
	display: inline-block;
	line-height: 4rem;
	color: rgba(0,0,0,0.9);
}

.blog_header .ht_1v {
	font-weight: 900;
	font-size: 5rem;
	animation: tracking-in-rotate 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.blog_header .ht_1v:after {
	content: "^";
	font-weight: normal;
	font-size: 4rem;
	position: absolute;
	margin-left: -2.82rem;
	margin-top: 3rem;
}

.blog_header .ht_1e {
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both 200ms;
}

.blog_header .ht_1r {
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both 400ms;
}

.blog_header .ht_1z {
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both 600ms;
}

.blog_header .ht_1i {
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both 800ms;
}

.blog_header .ht_1o {
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both 1000ms;
}

.blog_header .ht_col1 {
	animation: tracking-in-col 1s both 1500ms;
}

.blog_header .ht_col2 {
	animation: tracking-in-col 1s both 1600ms;
}

.blog_header .ht_2b {
	font-weight: bold;
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both 600ms;
}
.blog_header .ht_2l {
	font-weight: bold;
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both 400ms;
}
.blog_header .ht_2o {
	font-weight: bold;
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both 200ms;
}
.blog_header .ht_2g {
	font-weight: bold;
	animation: tracking-in-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/*.blog_header .ht_1v:hover, .blog_header .ht_1e:hover, .blog_header .ht_1r:hover, .blog_header .ht_1z:hover, .blog_header .ht_1i:hover, .blog_header .ht_1o:hover,
.blog_header .ht_2b:hover, .blog_header .ht_2l:hover, .blog_header .ht_2o:hover, .blog_header .ht_2g:hover {
	animation: hover-rotate 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}*/

@keyframes tracking-in-rotate {
  0% {
    transform: scale(8) rotate(1800deg);
    opacity: 0;
  }
  10% {
    opacity: 0.6;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes hover-rotate {
  0% {
    opacity: 1;
  }
  50% {
  	transform: scale(3) rotate(1800deg);
    opacity: 0.6;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

@keyframes tracking-in-col {
  0% {
    transform: scale(20);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: scale(1);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: scale(1.5);
    animation-timing-function: ease-in;
  }
  72% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
  81% {
    transform: scale(1.24);
    animation-timing-function: ease-in;
  }
  89% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
  95% {
    transform: scale(1.04);
    animation-timing-function: ease-in;
  }
  100% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}


.header .header__region .block {
	margin-bottom: 0;
}

.header .header__region .archive2016 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header .header__region .archive2016 ul li {
	display: inline-block;
	background-color: rgba(0,0,0,1);
	border-radius: 20px;
	margin: 0 5px;
	width: 40px;
	height: 33px;
	text-align: center;
	padding-top: 7px;
}

.header .header__region .archive2016 ul li:hover {
	background-color: rgba(199,200,202,1);
}

.header .header__region .archive2016 ul li a {
	font-size: 1.5em;
	color: rgba(255,255,255,1);
	display:inline-block;
    -moz-transform:scale(1,2);
    -ms-transform:scale(1,2);
    -o-transform:scale(1,2);
    transform:scale(1,2);
    padding: 0 10px;
}

.header .header__region .archive2016 ul li:hover a {
	color: rgba(0,0,0,1);
}

.header .header-search {
	margin: 3px 0 0 130px !important;
	background-color: transparent !important;
	width: 300px;
}

.header .header-search .form-item {
	margin: 0 30px 0 0!important;
}

.header .header-search .form-item input {
	font-size: 0.8em;
	padding: 5px;
	border: 0px none;
	color: rgba(235,228,212,1);
}

.header .header-search .form-item input:focus {
	outline: none;
}

#edit-custom-search-blocks-form-1--2, #edit-custom-search-blocks-form-2--2 {
	background-color: rgba(0,123,196,1);
}

#edit-custom-search-blocks-form-1--2:focus, #edit-custom-search-blocks-form-2--2:focus {
	background-color: rgba(0,123,196,1)
}

::-webkit-input-placeholder {
   color: rgba(235,228,212,1);
   font-style: italic;
}

:-moz-placeholder {
   color: rgba(235,228,212,1);
   font-style: italic;
}

::-moz-placeholder {
   color: rgba(235,228,212,1);
   font-style: italic;
}

:-ms-input-placeholder {
   color: rgba(235,228,212,1);
   font-style: italic;
}

.header .header-search .form-actions {
	float: right;
	margin-top: -27px;
	width: 30px;
	height: 27px;
	background-color: rgba(0,123,196,1);
	background-image: url(../images/search-icon.png);
	background-repeat: no-repeat;
	background-size: 21px 21px;
	background-position: 5px 3px;
	cursor: pointer;
}

.header .header-search .form-actions:hover {
	background-image: url(../images/search-icon-hover.png);
	background-color: rgba(0,123,196,1);
}

.search-results h3 a {
	color: rgba(255,242,0,1);
	text-decoration: none;
}

.search-results h3 a:hover {
	color: rgba(0,0,0,1);
}

.search-snippet strong {
	background-color: rgba(255,255,255,1);
	color: rgba(110,154,53,1);
	padding: 0 2px;
}


video#bgvid {
    margin-left: -10px;
	margin-top: -10px;
    width: 980px;
    height: auto;
}

#main {
	padding-top: 0;
	/*background-color: rgba(241,241,241,1);
	background-color: rgba(237,239,238,1);*/
}

/*** BREADCRUMB ***/

.breadcrumb {
	display: none;
}


/*** MAIN CONTENT ***/

.not-front #content {
	padding: 1px 10px 10px 10px;
	color: rgba(0,0,0,1);
	max-width: 60rem;
	width: 94%;
	margin: 0 auto;
	background-color: rgba(255,255,255,1);
	border-radius: 10px 10px 0 0;
}

.region-highlighted {
	color: rgba(0,0,0,1);
	width: 980px;
	margin: 0 auto;
}

#block-block-13 {
	background-color: rgba(0,0,0,0.9);
	color: rgba(255,255,255,1);
	/*height: 315px;*/
	margin-top: -20px;
	padding: 0px 30px 10px 30px;
}

.videoFloat {
	float: left;
	margin-right: 10px;
}


.page-node-792 h1.page__title, .page-node-797 h1.page__title {
	display: none;
}

h2 {
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 20px;
	padding-left: 30px;
	padding-top: 30px;
	color: rgba(255,255,255,1);
	font-size: 1.2em;
	line-height: 1.2em;
}


#content .view {
	padding: 0 1rem;
}

.attachment .view {
	padding: 10px 0 !important;
}

.view-header {
	/*margin-bottom: 40px;*/
}

.view-footer {
	margin-top: 40px;
}

.view-header .ithumbnail img {
	float: left;
	margin: 0;
	margin-right: 10px;
}

.view-header .ititle {
	font-weight: 700;
}

#content .view-frontpage {
	padding: 0 !important;
}

#content .view-frontpage .views-row {
	position: absolute;
}

#content .view-frontpage .views-field-nothing {
	position: absolute;
	z-index: 10;
	bottom: 5px;
	background-color: rgba(0,0,0,0.8);
	padding: 10px 50px;
	width: 860px;
}

#content .view-frontpage .views-field-nothing .frontpage-highlight-title a {
	color: rgba(255,255,255,1);
	text-decoration: none;
}

#content .view-frontpage .views-field-nothing .frontpage-highlight-title a:hover {
	color: rgba(255,242,0,1);
}

#content .view-frontpage .views-field-nothing .frontpage-highlight-teaser {
 	color: rgba(255,255,255,1);
 	font-style: italic;
 	font-weight: normal;
 	font-size: 0.8em;
}

#content .view-frontpage .views-field-nothing .frontpage-highlight-teaser a {
 	color: rgba(255,255,255,1);
 	font-style: italic;
 	font-weight: normal;
 	text-decoration: none;
}

#content .view-frontpage .views-field-nothing .frontpage-highlight-teaser a:hover {
 	color: rgba(255,242,0,1);
}

#block-views-2016-frontpage-block-1 {
	position: absolute;
	left: 50%;
	margin-left: -165px;
	bottom: 5px;
	box-shadow: 0px 0px 5px 0px rgba(0,23,34,0.5);
}

#block-views-2016-frontpage-block-1 a.cboxElement img {
	width: 640px;
	height: auto;
}

.view-display-id-block_1 {
	padding: 0 !important;
}

.jcarousel-container {
	width: 640px;
}

.jcarousel-clip-horizontal {
	width: 640px;
	overflow: hidden;
}

.jcarousel-item {
	width: 640px;
	/*margin: 0 1px;*/
	height: 360px;
}

.jcarousel-prev-horizontal, .jcarousel-next-horizontal {
	display: none;
}

.jcarousel-navigation {
	list-style: none;
	margin: 5px;
	padding: 0;
	position: absolute;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	z-index: 10;
}

.jcarousel-navigation li {
	display: inline;
	width: 20px;
	height: 20px;
	background-image: url(../images/carousel-dot.png);
}

.jcarousel-navigation li.active {
	display: inline;
	width: 20px;
	height: 20px;
	background-image: url(../images/carousel-dot-h.png);
}

.jcarousel-navigation li a {
	color: rgba(0,0,0,1);
	text-decoration: underline;
}

.jcarousel-navigation li.active a {
	color: rgba(0,0,0,1);
	text-decoration: none;
}

.jcarousel-navigation li a span {
	visibility: hidden;
	padding: 2px 8px;
}

.jcarousel-container span.views-field-title {
	position: absolute;
	font-size: 0.9em;
	background-color: rgba(255,255,255,0.8);
	display: block;
	padding: 2px 5px;
	bottom: 8px;
	width: 295px;
	overflow: hidden;
	font-weight: bold;
}

.playButton {
	position: relative;
	z-index: 10;
	width: 80px;
	height: 80px;
	left: 20px;
	top: -100%;
	margin-top: 10px;
}

.playButton a {
	color: rgba(211,33,40,1);
	padding: 25px 30px;
	background-color: rgba(211,33,40,0.4);
	border: 2px solid rgba(211,33,40,1);
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	box-shadow: 0px 0px 25px rgba(211,33,40,1);
	font-size: 2em;
	line-height: 3.1em;
	transition: 1s ease;
}

.playButton a:hover {
	color: rgba(199,200,202,1);
	background-color: rgba(199,200,202,0.4);
	border: 2px solid rgba(199,200,202,1);
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	box-shadow: 0px 0px 50px rgba(199,200,202,1);
	transition: 1s ease;
}

.carousel-title {
	position: relative;
	margin-top: -140px;
	padding: 10px;
	background-color: rgba(0,23,34,0.7);
	color: rgba(199,200,202,1);
	font-weight: bold;
	font-size: 1.2em;
}

#block-views-2016-frontpage-block-1 li:hover .playButton a {
	color: rgba(255,255,255,1);
	background-color: rgba(255,255,255,0.4);
	border: 2px solid rgba(255,255,255,1);
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	box-shadow: 0px 0px 50px rgba(255,255,255,1);
	transition: 1s ease;
}

#block-views-front-page-news-block-4 {
	margin-top: 10px;
}

#block-views-front-page-news-block-4 table {
	border-collapse: separate;
	width: 970px;
	border-spacing: 5px;
}

#block-views-front-page-news-block-4 td {
	vertical-align: top;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 5px 0px rgba(0,23,34,0.5);
}

#block-views-front-page-news-block-4 td div.views-field {
	vertical-align: top;
}

#block-views-front-page-news-block-4 tr.row-1 td, #block-views-front-page-news-block-4 tr.row-2 td {
	width: 33%;
}

#block-views-front-page-news-block-4 tr.row-1 td p, #block-views-front-page-news-block-4 tr.row-2 td p {
	margin-bottom: 0px;
}

#block-views-front-page-news-block-4 tr.row-1 td:hover a, #block-views-front-page-news-block-4 tr.row-2 td:hover a {
	color: rgba(211,33,40,1);
}

#block-views-front-page-news-block-4 tr.row-2 {
	height: 360px;
}

#block-views-front-page-news-block-4 tr.row-1, #block-views-front-page-news-block-4 tr.row-3  {
	height: 300px;
}

#block-views-front-page-news-block-4 tr.row-2 td.col-2, #block-views-front-page-news-block-4 tr.row-2 td.col-3 {
	display: none;
}

#block-views-front-page-news-block-4 tr.row-1 td .views-field-title a, #block-views-front-page-news-block-4 tr.row-2 td .views-field-title a {
	color: rgba(211,33,40,1);
	display: block;
	padding: 5px 10px;
	border-bottom: 0px none;
}

#block-views-front-page-news-block-4 tr.row-1 td a:hover, #block-views-front-page-news-block-4 tr.row-2 td a:hover {
	color: rgba(0,23,34,1);
	border-bottom: 0px none;
}

#block-views-front-page-news-block-4 td .views-field-title {
	/*padding-left: 10px;
	height: 103px;
	display: table-cell;
	vertical-align: bottom;*/
	line-height: 2em;
}

#block-views-front-page-news-block-4 td .views-field-title a {
	text-decoration: none;
	font-weight: 700;
}

#block-views-front-page-news-block-4 td .views-field-title a:hover {
}

#block-views-front-page-news-block-4 td .views-field-field-text-frontpage-teaser {
	padding: 10px;
	margin-top: -22px;
}

#block-views-front-page-news-block-4 td .views-field-field-text-body p {
	font-size: 0.8em;
	margin: 1em 0;
}


.view-2015-welcome table {
	border-collapse: separate;
	border-spacing: 10px 0;
}

.view-2015-welcome table td {
	vertical-align: top;
	width: 50%;
	background-color: rgba(19,105,154,0.2);
	padding: 10px;
}

.view-2015-welcome table td span.views-field-field-a-thumbnail {
	float: left;
	margin-right: 10px;
}

.view-2014-welcome table td .views-field-title .field-content {
	cursor: pointer;
}

.view-2014-welcome table td .views-field-title .field-content:hover {
	color: rgba(0,123,196,1);
}

.node-768 .field-name-field-text-body, .node-769 .field-name-field-text-body {
	background: url(../images/venues.jpg) right top no-repeat rgba(19,105,154,0.2);
}

.node-768 .field-name-field-text-body p, .node-769 .field-name-field-text-body p {
	width: 325px;
	padding-left: 5px;
}

.node-768 .field-name-field-text-body p:nth-of-type(1), .node-769 .field-name-field-text-body p:nth-of-type(1) {
	border-right: 10px solid #f2c31c;
}
.node-768 .field-name-field-text-body p:nth-of-type(2), .node-769 .field-name-field-text-body p:nth-of-type(2) {
	border-right: 10px solid #11eeee;
}
.node-768 .field-name-field-text-body p:nth-of-type(3), .node-769 .field-name-field-text-body p:nth-of-type(3) {
	border-right: 10px solid #f52ecb;
}
.node-768 .field-name-field-text-body p:nth-of-type(4), .node-769 .field-name-field-text-body p:nth-of-type(4) {
	border-right: 10px solid #0ae61a;
}
.node-768 .field-name-field-text-body p:nth-of-type(5), .node-769 .field-name-field-text-body p:nth-of-type(5) {
	border-right: 10px solid #ce0202;
	color: #fff;
}



.embedded-video .player iframe {
  	display: block;
		width: 400px;
}


p.languageInfo {
	color:  rgba(255,255,255,1);
	font-style: italic;
	background-color: rgba(19,105,154,0.2);
	padding: 10px;
}



article .field-name-field-text-body, article .field-name-field-text-frontpage-teaser, article .film-movie, article .film-long-info {
	padding: 1px 20px 0 20px;
}

/******************************************* FILMS ******************************************/

.view-2016-films table {
	border-collapse: separate;
	width: 960px;
	border-spacing: 10px 20px;
}

.view-2016-films td {
	vertical-align: top;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 5px 0px rgba(0,23,34,0.5);
	padding: 10px;
	width: 33%;
}

.view-2016-films td .views-field {
	font-size: 0.9em;
}

.view-2016-films td .views-field-field-a-thumbnail {
	margin: -10px;
}

.view-2016-films td span {
	font-size: 0.9em;
	font-style: italic;
}

.view-2016-films td h1 {
	margin-top: 0.75em;
	margin-bottom: 0.3em;
}

.view-2016-films td .views-field-field-short-text {
	border-top: 1px solid rgba(199,200,202,1);
	padding-top: 5px;
	margin-top: 5px;
	border-bottom: 1px solid rgba(199,200,202,1);
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.view-2016-films td .views-field-field-awards {
	border-bottom: 1px solid rgba(199,200,202,1);
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 0.7em;
}


.view-2016-films td .field-collection-item-field-time-place {
	font-size: 0.7em;
}

.view-2016-films td .field-collection-item-field-time-place .field-name-field-place, .view-2016-films td .field-collection-item-field-time-place .field-name-field-time {
	display: inline-block;
}

.view-2016-films td .field-collection-item-field-time-place .field-name-field-place .field-item:after {
	content: "-";
	padding: 0 5px;
}


/*.films-2015 {
	margin-bottom: 5px;
	position: relative;
	background-color: rgba(19,105,154,0.2);
	padding: 10px;
	min-height: 193px;
}

.views-row {
	padding-bottom: 30px;
}

.films-2015 h1, .views-field-title {
	font-size: 1.2em;
	margin-top: 0;
}

.films-2015 .views-field-field-a-thumbnail, .node-article .field-name-field-a-thumbnail {
	float: left;
	height: 170px;
	margin-right: 10px;
}

.view-2015-people .views-field-field-a-thumbnail {
	float: left;
	margin-right: 10px;
}

.view-2015-people .views-row {
	background-color: rgba(19,105,154,0.2);
	padding: 10px;
	margin-bottom: 5px;
}

.films-2015 .views-field {
	font-size: 0.9em;
}

.films-2015 span.views-field {
	font-style: italic;
	font-weight: lighter;
}

.films-2015 .views-field-field-time-place {
	display: table;
	background-color: rgba(255,255,255,1);
	margin-top: 10px;
	margin-left: 260px;
}

.films-2015 .views-field-field-time-place .clearfix:after {
	display: none;
}

.films-2015 .field-collection-item-field-time-place {
	color: rgba(63,55,53,1);
	display: table-cell;
	padding: 5px;
	border-right: 2px dotted rgba(102,4,55,1);
	font-size: 0.7em;
	width: 155px;
	vertical-align: top;
}

.films-2015 .field-collection-item-field-time-place:last-of-type {
	border-right: 0px none;
}

.films-2015 .views-field-field-time-place .field-content .field-name-field-subtitle {
	clear: both;
}

.films-2015 .views-field-field-awards {
	font-style: italic;
	font-size: 0.8em;
}

.films-2015 .views-field-field-video-link {
	clear: left;
	float: left;
	margin-top: -59px;
	border-top: 1px solid rgba(255,255,255,1);
	border-right: 1px solid rgba(255,255,255,1);
}


.films-2015 .field-collection-item-field-time-place .field-type-taxonomy-term-reference, .films-2015 .field-collection-item-field-time-place .field-type-datetime {
	float: left;
	margin-right: 0.5em;
}

.films-2015 .field-collection-item-field-time-place .field-type-taxonomy-term-reference, .films-2015 .field-collection-item-field-time-place .field-type-datetime {
	float: left;
	margin-right: 0.5em;
}*/

.view-2016-people .views-field-field-a-thumbnail {
	float: left;
	margin-right: 10px;
}

.view-2016-people .views-row {
	padding: 10px;
	margin-bottom: 20px;
}

.view-2016-people .views-field-title span {
	font-weight: bold;
}

.view-2016-people .views-field-title, .view-2016-people .views-field-field-text-body, .view-2016-people .views-field-field-event-date-location  {
	padding-left: 160px;
}

.view-2016-people img {
	box-shadow: 0px 0px 5px 0px rgba(0,23,34,0.5);
}

.view-2016-people .views-field-field-text-body p {
	margin-top: 0;
}

.view-2016-people .views-field-field-event-date-location {
	line-height: 0em;
	font-style: italic;
}

.view-2016-people .views-field-field-event-date-location span {
	display: inline-block;
}

.view-2016-people .views-field-field-event-date-location div {
	display: inline-block;
	font-size: 0.98em;
}

.view-2016-people .views-field-field-event-date-location div span {
	font-size: 0.98em;
}

.view-2016-people .views-field-field-event-date-location .field-name-field-time div div:after {
	content: ",";
	margin-right: 3px;
}

.view-2016-people.view-display-id-page_3 .views-field-title, .view-2016-people.view-display-id-page_3 .views-field-field-event-date-location {
	padding-left: 0;
}

.view-2016-people.view-display-id-page_3 span {
	font-size: 1em;
}

.view-2016-people.view-display-id-page_3 .field-name-field-place:after {
	content: ":";
	margin-right: 3px;
}

.view-2016-people.view-display-id-page_3 .views-field-title span {
	font-size: 0.9em;
}





.node-type-film .node-film .film-thumbnail .field-name-field-time-place {
	position: relative;
	font-size: 0.7em;
	color: rgba(63,55,53,1);
	margin-top: -48px;
	margin-left: 3px;
}

.node-type-film .node-film .film-thumbnail .field-name-field-time-place .field-name-field-subtitle {
	font-size: 0.9em;
	padding-top: 2px;
}

.node-type-film .node-film .film-thumbnail .field-name-field-time-place .field-item {
	display: inline-block;
	line-height: 1.3em;
	margin-right: 3px;
	background-color: rgba(255,255,255,1);
}

.node-type-film .node-film .film-thumbnail .field-name-field-time-place .field-item .entity {
	padding: 5px 10px;
}

.node-type-film .node-film .film-thumbnail .field-name-field-time-place .field-item:last-of-type {
	border-right: 0px none;
}

.node-type-film .node-film .film-thumbnail .field-name-field-time-place .field-item .entity .field-name-field-place {
	font-weight: 700;
}

.node-type-film .node-film .film-thumbnail .field-name-field-time-place .field-item .entity .field-name-field-time {
}

.node-type-film .node-film .field-name-field-awards {
	font-style: italic;
	font-size: 0.8em;
}

.node-type-film .node-film .film-movie {
}

.node-type-film .film-short-info {
	font-style: italic;
}

.node-type-film .node-film .film-movie .film-short-info div {
	display: inline-block;
	font-size: 0.9em;
}

.node-type-film .node-film .film-movie .film-short-info .field-name-field-year-completed {
	font-size: 1em;
}

.node-type-film .node-film .film-movie .film-short-info a {
	color: rgba(0,123,196,1);
	text-decoration: none;
}

.node-type-film .node-film .film-movie .film-short-info a:hover {
	color: rgba(0,0,0,1);
}

.node-type-film .node-film .film-movie .film-short-info div.field-name-field-director:after, .node-type-film .node-film .film-movie .film-short-info div.field-name-field-year-completed:after, .node-type-film .node-film .film-movie .film-short-info div.field-name-field-running-time:after, .node-type-film .node-film .film-movie .film-short-info div.field-name-field-country-t:after  {
	content: "\00a0|\00a0";
}

.node-type-film .node-film .film-movie .film-short-info .field-name-field-country-t div.field-item:not(:last-child):after, .node-type-film .node-film .film-movie .film-short-info .field-name-field-language-t div.field-item:not(:last-child):after {
	content: "\00a0&\00a0";
}

.node-type-film .node-film .film-long-info {
	font-size: 0.9em;
}

.node-type-film .node-film .film-long-info .field-item {
	display: inline-block;
}

.node-type-film .node-film .film-long-info .field-item:not(:last-child):after, .node-type-film .node-film .film-short-info .field-name-field-director .field-item:not(:last-child):after {
	content: ",\00a0";
}


/***************************************** SCHEDULE **************************************************/

.view-2016-schedule {
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 5px 0px rgba(0,23,34,0.5);
	padding: 0 !important;
}

#multi-day-container, .header-body-divider, .mon, tr.holder td:nth-of-type(2), td[headers="Monday"], td[headers="hétfő"] {
	display: none;
}

.full, .clone {
	color: rgba(0,0,0,1);
	font-size: 0.8em;
	font-weight: 500;
	border-bottom: 5px solid rgba(0,23,34,1);
}

.clone {
	z-index: 10;
}

.calendar-calendar td.calendar-agenda-items div.calendar {
	padding: 0;
}

.full td, .calendar-calendar div.calendar {
	/*background-color: rgba(19,105,154,0.2);*/
}

.clone th {
	background-color: rgba(0,23,34,1) !important;
	color: rgba(255,255,255,1) !important;
}

.calendar-calendar thead {
	border-bottom: 5px solid rgba(0,23,34,1) !important;
}

.calendar-calendar th.legend {
	border-bottom: 5px solid rgba(0,23,34,1) !important;
}

.calendar-calendar .calendar-agenda-hour {
	width: 6%;
	vertical-align: bottom;
	text-align: right;
}

.calendar-calendar .calendar-agenda-hour, .calendar-calendar th.legend {
	font-weight: 500;
	font-style: italic;
	padding-right: 5px !important;
}

.calendar-calendar .calendar-agenda-hour[rowspan="2"] {
	padding-right: 10px !important;
}

.calendar-calendar th.days, .calendar-calendar th.legend {
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(0,23,34,1);
	border-top: 0px none;
	color: rgba(0,0,0,1);
	padding: 0 10px;
	font-weight: 500;
}

.calendar-calendar th.legend span.thCinemas {
	letter-spacing: -9px;
	font-size: 1.2em;
	padding-right: 10px;
}

.calendar-calendar th.legend span.thTheme {
	padding: 1px 5px;
	font-size: 1.1em;
	font-weight: bold;
}

.clone span.thTheme {
	color: rgba(0,23,34,1);
}

.calendar-calendar tr {
	/*background-color: rgba(19,105,154,0.2);*/
}

.calendar-calendar td.calendar-agenda-items, .calendar-calendar td.calendar-agenda-hour {
	border: 1px solid rgba(199,200,202,1);
}

.calendar-calendar td.calendar-agenda-hour {
	border-left: 0px none;
	color: rgba(0,0,0,1);
	border-right: 5px solid rgba(0,23,34,1);
}

.calendar-calendar td.calendar-agenda-hour .calendar-hour {
	font-weight: 500;
	font-size: 1em;
	padding-right: 5px;
}

.item .weekview {
	background-color: rgba(255,255,255,1) !important;
}

.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {
	padding: 0;
}

.calendar-calendar .day-view td .stripe, .calendar-calendar .month-view .full td .stripe, .calendar-calendar .week-view .full td .stripe {
	position: absolute;
	height: 100%;
	width: 10px;
	vertical-align: top;
	margin: 0;
	border-radius: 0px;
}

.calendar-calendar .week-view .full td {
	padding: 0;
}

.calendar-calendar .week-view .full .inner .weekview {
	border-radius: 0px;
	margin: 0;
}

.item {
	color: rgba(255,255,255,1);
	font-weight: 300 !important;
	line-height: 1.3em;
	margin-bottom: 1px !important;
}

.item:last-of-type {
	margin-bottom: 0px !important;
}

.item .views-field-popup {
	padding: 5px 15px !important;
	display: block;
}

/*********** THEME **************/

.ZOOM-IN-Student-Competition, .ZOOM-IN-Diákfilm-verseny {
	background-color: #b6d7a8 !important;
}

.International-Panorama, .International-Panorama-Opening-Film, .Nemzetközi-panoráma, .Nemzetközi-panoráma-Nyitófilm {
	background-color: #d5a6bd !important;
}

.Hungarian-Panorama, .Magyar-panoráma {
	background-color: #f4d567 !important;
}

.Jury-Films, .A-zsűri-filmjei {
	background-color: #fce5cd !important;
}

.Arctic-Rights-and-Wrongs, .A-jég-hátán {
	background-color: #6d9eeb !important;
}

.On-the-Move, .Úton-és-otthon-menekültek-integrációja {
	background-color: #b7cdce !important;
}

.Focus-on-Ukraine, .Fókuszban-Ukrajna {
	background-color: #d5ff70 !important;
}

.DunaDock-Masterclass {
	background-color: #fff !important;
}

.item a, a.popup-element-title {
	color: rgba(0,23,34,1);
	font-weight: bold !important;
	font-size: 1.3em !important;
}

.item a:hover {
	text-decoration: none !important;
	color: rgba(211,33,40,1);
}

.item .views-field-field-subtitle {
	font-style: italic;
}

.popup-layout .inner {
	font-size: 0.7em;
	line-height: 1.5em;
}

.popup-layout .inner img {
	float: left;
	margin-right: 5px;
}

.popup-layout .inner a {
	font-weight: 700;
	font-size: 1.2em;
}

.popup-layout .inner span, .popup-layout .inner p {
	font-size: 1em;
	margin: 0px 0px 5px 0px;
}


.popup-element-body {
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,23,34,0.75);
	box-shadow: 0 0 10px 0 rgba(0,23,34,0.75);
}

.popup-element-body .popup-close-button {
	font-size: 0.7em;
	line-height: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	color: rgba(255,255,255,1);
}

.popup-element-body .popup-close-button:hover {
	color: rgba(211,33,40,1);
}

.popup-element-body .popup-close-button span {
	display: none;
}

.popup-element-body .inner img {

}

.popup-element-body .inner p {
	margin: 0 0 5px 0;
	font-size: 0.6em;
	line-height: 1.5em;
	padding: 0 10px;
}

.popup-element-body .inner p a {
	font-size: 1.4em;
	font-weight: bold;
}

.item-list {
	margin: 5rem 0 2rem 0;
	text-align: center;
}

.item-list ul {
	margin: 0;
	padding: 0;
	padding: 5px 10px;
	display: inline;
}

.item-list ul li {
	padding: 0;
}

.item-list ul li a {
	text-decoration: none;
	font-size: 1.1em;
	padding: 0 0.5rem;
}

.item-list ul li a:hover {
	color: black;
	text-decoration: none;
}

.item-list ul li.pager-current {
	color: black;
	font-weight: bold;
	padding: 0 0.5rem;
}


/*******************************************************NEWS ARCHIVE**********************************************/

.view-news-archive {
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 5px 0px rgba(0,23,34,0.5);
}

.view-news-archive .views-row {
	padding: 20px 10px;
}

.view-news-archive .views-field-title a {
	font-size: 1.5em;
	font-weight: bold;
}

.view-news-archive .views-field-field-text-frontpage-teaser p {
	margin: 10px 0;
}

/*** SOCIAL ***/

.socialblog {
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: 340px;
}

.socialblog p {
	margin: 0;
}

/*.socialblog a {
	margin-left: 5px;
}

.socialblog a:nth-of-type(1) {
	margin-left: 0;
}*/

.socialblog img {
	padding: 2px;
}

.socialblog a:nth-of-type(1) img {
	background-color: rgba(58,90,151,1);
	border-radius: 20px;
	margin: 0 5px;
	text-align: center;
}

/*.socialblog a:nth-of-type(2) img {
	background-color: rgba(41,166,222,1);
	border-radius: 20px;
	margin: 0 5px;
	text-align: center;
}*/

.socialblog a:nth-of-type(2) img {
	background-color: rgba(50,102,152,1);
	border-radius: 20px;
	margin: 0 5px;
	text-align: center;
}

/*.socialblog a:nth-of-type(5) img {
	background-color: rgba(207,23,23,1);
}*/

.socialblog a:nth-of-type(3) img {
	background-color: rgba(207,52,39,1);
	border-radius: 20px;
	margin: 0 5px;
	text-align: center;
}


/***************************************************************** FOOTER *********************************************************/

#footer {
	position: relative;
	width: 100%;
	color: white;
	background-color: black;
}

#footer .block {
	margin-bottom: 0;
}

.footercontact {
	grid-area: footaddr;
	padding: 0 1rem;
}

.footercontact p {
	padding: 0;
	margin: 0 0 1rem 0;
	font-size: 0.9rem;
}

.footercontact a {
	color: white;
}

.footercontact a:hover {
	text-decoration: underline;
}

.donate {
	grid-area: footdon;
	padding-left: 1rem;
}

.donate label {
	text-transform: uppercase;
}

.donate label i {
	text-align: center;
    font-size: 1.5rem;
    color: var(--dark);
    padding: 0.6rem 0.5rem;
    transition: all 0.2s;
    margin-right: 1rem;
    background-color: white;
    border-radius: 1.5rem;
    width: 30px;
}

.donate input[name~=submit] {
	position: absolute;
	width: 10rem;
	height: 50px;
}

.donate input[name~=submit]:hover ~ label i {
	color: white;
	background-color: var(--dark);
}

.subscribe {
	grid-area: footsub;
	padding-left: 1rem;
}

.subscribe a {
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.subscribe a i {
	text-align: center;
    font-size: 1.5rem;
    color: var(--dark);
    padding: 0.6rem 0.5rem;
    transition: all 0.2s;
    margin-right: 1rem;
    background-color: white;
    border-radius: 1.5rem;
    width: 30px;
}

.subscribe a:hover i {
	color: white;
	background-color: var(--dark);
}


.socialFooter {
	grid-area: footsoc;
}

.socialFooter p {
	margin: 0;
	padding: 10px 0;
}


.socialFooter a {
	text-align: center;
	font-size: 1.5rem;
	color: var(--dark);
	padding: 0.3rem 0.5rem;
	transition: all 0.2s;
	background-color: white;
    border-radius: 1.5rem;
}

.socialFooter a:hover {
	background-color: var(--dark);
	color: white;
}

.socialFooter i {
	width: 30px;
}



.footer-imp {
	grid-area: footimp;
}

.footer-imp h2 {
	font-size: 0.9rem;
	padding-top: 0;
	color: var(--white) !important;
	text-transform: uppercase;
	padding-left: 0;
}

.footer-imp ul {
	list-style-type: none !important;
	list-style-image: none !important;
	padding: 0;
	margin: 0;
}

.footer-imp ul li a,
.footer-imp ul li span {
	font-size: 0.9rem;
	color: white;
}

.menu__item.is-leaf {
	list-style-type: none !important;
	list-style-image: none !important;
}


/*** TIMELINE ***/

#block-views-2015-schedule-block-1 {
	position: absolute;
	top: 35px;
	left: 0;
	width: 312px;
	height: 551px;
	background-color: rgba(102,4,35,0.4);
	z-index: 20;
}

#block-views-2015-schedule-block-1 .block-title {
	color: rgba(255,255,255,1);
	font-size: 1.1em;
	padding: 0px 10px;
}

#block-views-2015-schedule-block-1 .view-2015-schedule, #block-views-2015-schedule-block-1 .view-2015-schedule div.calendar {
	padding: 0 !important;
	background-color: transparent;
}

#block-views-2015-schedule-block-1 .view-2015-schedule {
	width: 312px;
	height: 515px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 0;
}

#block-views-2015-schedule-block-1 .view-2015-schedule table.full {
	border: 0px none;
}

#block-views-2015-schedule-block-1 .view-2015-schedule table.full td {
	border: 0px none;
	padding: 0;
}

#block-views-2015-schedule-block-1 .view-2015-schedule table.full th {
	display: none;
}

#block-views-2015-schedule-block-1 .view-2015-schedule table.full tr {
	background-color: transparent;
}

#block-views-2015-schedule-block-1 .calendar-calendar td .inner div {
	background-color: transparent;
}

#block-views-2015-schedule-block-1 .item .dayview {
	height: auto;
	border-radius: 0px;
}

#block-views-2015-schedule-block-1 .item .dayview span {
	font-size: 1.1em;
}

#block-views-2015-schedule-block-1 .item .dayview div {
	font-size: 1em;
}

#block-views-2015-schedule-block-1 .item .dayview .views-field-field-place {
	border-radius: 2px;
}

#block-views-2015-schedule-block-1 .item .dayview .views-field-field-place span {
	font-weight: bold !important;
}

#block-views-2015-schedule-block-1 .item .dayview .stripe, #block-views-2015-schedule-block-1 .item .dayview .cutoff {
	display: none;
}

#block-views-2015-schedule-block-1 .item .dayview .views-field-title {
	margin: 5px 20px;
	font-size: 1.2em;
}

#block-views-2015-schedule-block-1 .item .dayview .views-field-field-running-time, #block-views-2015-schedule-block-1 .item .dayview .views-field-field-subtitle {
	margin-left: 20px;
	margin-bottom: 5px;
}

#block-views-2015-schedule-block-1 .item .dayview a {
	color: rgba(0,123,196,1);
	font-size: 1em !important;
}

#block-views-2015-schedule-block-1 .item .dayview a:hover {
	color: rgba(255,255,255,1);
}

#block-views-2015-schedule-block-1 .view-2015-schedule::-webkit-scrollbar {
  width: 10px;
}

#block-views-2015-schedule-block-1 .view-2015-schedule::-webkit-scrollbar-thumb {
  background-color: rgba(33,33,33,1);
	border-radius: 5px;
}

#block-views-2015-schedule-block-1 .view-2015-schedule::-webkit-scrollbar-thumb:hover {
  background-color: rgba(55,55,55,1);
}


/*** PRELOAD IMAGES ***/


table.photos th {
	padding: 0 0 10px 0;
}

table.photos td {
	width: 25%;
	vertical-align: top;
	padding: 0 15px 20px 15px;
}

table.photos td p {
	width: 200px;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 1.3em;
}

/*** SEARCH ***/

#autocomplete {
	background-color: rgba(255,255,255,1);
	color: rgba(255,255,255,1);
	z-index: 101;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
	border: 0px none;
	left: 1px !important;
}

#autocomplete li {
	background-color: rgba(102,4,55,0.7);
	padding: 5px 0 5px 10px;
}

#autocomplete span {
	color: rgba(255,255,255,1);
}

#block-views-exp-search-page-page {
	margin: 3px 0 0 130px !important;
	background-color: transparent !important;
	width: 340px;
	position: absolute;
	right: 44px;
	bottom: 22px;
}

#block-views-exp-search-page-page .form-item {
	/*margin: 0 30px 0 0!important;*/
}

#block-views-exp-search-page-page .views-exposed-widget {
	padding: 0;
}

#block-views-exp-search-page-page .form-item input {
	font-size: 0.8em;
	padding: 12px 5px 11px 10px;
	border: 0px none;
	color: rgba(255,255,255,1);
	background-image: none;
	width: 300px;
}

#block-views-exp-search-page-page .form-item input:focus {
	outline: none;
	background-color: rgba(19,105,154,1);
}

#edit-search-api-views-fulltext {
	background-color: rgba(0,123,196,1);
}

#edit-search-api-views-fulltext:focus {
	background-color: rgba(0,123,196,1)
}

#edit-search-api-views-fulltext::-webkit-input-placeholder {
   color: rgba(235,228,212,1);
   font-style: italic;
}

#edit-search-api-views-fulltext:-moz-placeholder {
   color: rgba(235,228,212,1);
   font-style: italic;
}

#edit-search-api-views-fulltext::-moz-placeholder {
   color: rgba(235,228,212,1);
   font-style: italic;
}

#edit-search-api-views-fulltext:-ms-input-placeholder {
   color: rgba(235,228,212,1);
   font-style: italic;
}

#block-views-exp-search-page-page .views-submit-button {
	margin-top: 0px;
	width: 40px;
	height: 40px;
	background-color: rgba(19,105,154,1);
	background-image: url(../images/search-icon.png);
	background-repeat: no-repeat;
	background-size: 21px 21px;
	background-position: 9px 9px;
	cursor: pointer;
}

#block-views-exp-search-page-page .views-submit-button:hover {
	background-image: url(../images/search-icon-hover.png);
	background-color: rgba(0,123,196,1);
}

#block-views-exp-search-page-page .views-submit-button input {
	width: 30px;
	height: 27px;
	margin-top: -27px;
}

#block-current-search-search-result {
	background-color: rgba(19,105,154,0.2);
	margin-bottom: 5px;
	color: rgba(255,255,255,1);
}

#block-current-search-search-result .result {
	padding: 10px;
	font-weight: bold;
	font-size: 0.9em;
}

.view-search-page {
	background-color: rgba(19,105,154,0.2);
}

.view-search-page h3 {
	margin: 0;
	padding: 10px 5px;
}

.view-search-page .views-row {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.9em;
}

.view-search-page .views-row span.hit {
	background-color: rgba(102,4,55,1);
	color: rgba(255,255,255,1);
	padding: 2px 3px;
	font-size: 1em;
	border-radius: 2px;
}

.view-search-page .item-list {
	font-size: 0.9em;
}

.view-search-page .item-list .pager {
	color: rgba(255,255,255,1);
}

.view-search-page .item-list .pager a {
	color: rgba(100,180,191,1);
}

.view-search-page .item-list .pager a:hover {
	color: rgba(255,255,255,1);
}


/*** FACETS ***/

.sidebars .region-sidebar-second {
	background-color: rgba(102,4,55,1);
	padding-top: 10px;
	padding-left: 0;
	width: 186px;
	margin-top: 30px;
}

.sidebars .region-sidebar-second .block-facetapi {
	background-color: rgba(19,105,154,0.2);
	padding: 1px 5px;
	margin-bottom: 5px;
}

.sidebars .region-sidebar-second .active-facet {
	background-color: rgba(102,4,55,1);
	padding: 1px 5px;
	margin-bottom: 5px;
	color: rgba(255,255,255,1);
}

.sidebars .region-sidebar-second .block-facetapi h2 {
	font-size: 0.9em;
	margin: 0;
}

.sidebars .region-sidebar-second .block-facetapi .item-list {
	margin: 0;
	width: 176px;
	padding: 5px 0 0 0;
	border-radius: 0;
	background-color: transparent;
}

.sidebars .region-sidebar-second .block-facetapi .item-list ul {
	list-style: none;
	padding: 0 5px;
	line-height: 1.3em;
	font-size: 0.8em;
	margin-bottom: 5px;
}

.sidebars .region-sidebar-second .active-facet .item-list a {
	color: rgba(235,228,212,1);
}

.sidebars .region-sidebar-second .active-facet .item-list a:hover {
	color: rgba(255,255,255,1);
}

.sidebars .region-sidebar-second .block-facetapi .item-list .facetapi-facet-field-director {
	text-transform: capitalize;
}

.sidebars .region-sidebar-second .block-facetapi .facetapi-limit-link {
	font-size: 0.65em;
	color: rgba(255,255,255,1) !important;
	margin: 5px 0 0 135px;
	padding: 4px 5px;
	line-height: 0em;
	background-color: rgba(102,4,55,1);
}

.fbbox {
	float: left;
	margin-top: 5px;
	margin-left: 15px;
	width: 500px;
}

#block-fb-likebox-0 .fb-page span {
	width: 500px !important;
}

.view-2016-frontpage {
	/*display: none;*/
}

.node-788 img, .node-789 img {
	background-color: rgba(255,255,255,1);
	padding: 5px;
	border-radius: 5px;
}

.mailchimp-newsletter-mergefields {
	width: 400px;
}

.mailchimp-newsletter-mergefields input {
	border: 0px none;
	padding: 5px 2px;
	background-color: rgba(252,212,55,0.9);
}

.mailchimp-newsletter-mergefields input:focus {
	background-color: rgba(255,255,255,1);
}

.mailchimp-newsletter-mergefields label {
	font-weight: normal;
	font-size: 0.9em;
}

.mailchimp-signup-subscribe-form .form-actions {
	padding: 10px;
	margin-bottom: 20px;
}

.mailchimp-signup-subscribe-form .form-actions input {
	font-size: 1.5em;
	transform: scale(1,2);
	color: rgba(252,212,55,1);
	font-style: italic;
	border: 0px none;
	padding-left: 55px;
	background: url(../images/dotsAndarrow.png) left center no-repeat;
	background-size: 45px 11px;
}

.mailchimp-signup-subscribe-form .form-actions input:hover {
	color: rgba(255,255,255,1);
	background: url(../images/dotsAndarrowOver.png) left center no-repeat;
	background-size: 45px 11px;
}

.node-794 img, .node-796 img {
	background-color: #fff;
	padding: 5px;
}

/*#donate2 {
	float: right;
	margin-top: -80px;
}*/


.view-blog .view-content {
  	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  	grid-gap: 32px;
  	grid-auto-flow: dense;
}

.view-blog .blog-row:nth-child(11n + 1) {
	grid-column: 1 / -1;
}

.view-blog .blog-row:nth-child(16n + 6) {
	grid-column: 2 / -1;
}

.view-blog .blog-row:nth-child(20n + 10) {
	grid-column: 1 / -1;
}

.blog-row {
	position: relative;
}

.blog-row .views-field-field-a-thumbnail div div {
	/*float: left;
	margin-right: 30px;
	margin-top: 30px;*/
	width: 100%;
	height: 200px;
	background-position: center;
	background-size: cover;
	border-radius: 0.5rem;
}

.blog-row:nth-child(1) .views-field-field-a-thumbnail div div {
	height: 500px;
}

.blog-row h2 {
	font-size: 1.4rem;
	margin: 0.5rem 0 0 0 !important;
	padding: 0 !important;
}

.blog-row .front-text .created {
	padding: 0.5rem 0 0 0;
	font-weight: bold;
	font-size: 0.8rem;
}

.blog-row .front-text .created span {
	font-weight: normal;
	font-style: italic;
}

.blog-row .front-text .teaser {
	font-size: 1rem;
}

.blog-row .front-text p {
	margin: 0.5rem 0 0 0;
}



.blog-row .link {
	display: none;
	visibility: hidden;
	position: relative;
	height: 30px;
}

.blog-row .link span {
	position: absolute;
	width: 940px;
	left: 50%;
	margin-left: -50px;
}

.blog-row .link a {
	background-color: var(--blue);
	color: white;
	font-weight: bold;
	padding: 5px 10px;
}

.blog-row .link a:hover {
	color: var(--blue);
	background-color: rgba(255,255,255,1);
	border: 1px solid var(--blue);
}

.group-blog-header {
	padding: 1rem 1.5rem;
	background-color:  rgba(237,239,238,1);
	border-radius: 10px 10px 0 0;
}

.group-blog-postinfo .field {
	display: inline-block;
}

.group-blog-postinfo .field-name-field-blog-author .field-items {
	display: inline-block;
}

.group-blog-postinfo .field-name-field-blog-author:after {
	content: " - ";
	display: inline-block;
	margin: 0 3px;
}

.group-blog-postinfo .field-name-field-blog-author a {
	font-weight: bold;
}

.group-blog-postinfo .field-name-post-date {
	font-style: italic;
}

.field-name-field-blog-tags {
	margin-top: 0.7rem;
}

.field-name-field-blog-tags a {
	font-size: 0.9em;
}

.field-name-field-blog-tags a:before {
	content: "#";
	font-size: 0.9em;
}

.field-name-field-blog-tags .field-label {
	font-size: 0.9rem;
	font-weight: normal;
}

.field-name-field-a-thumbnail {
	background-color:  rgba(237,239,238,1);
	padding: 0 5px 2px 5px;
}

.node-2757 .field-name-field-a-thumbnail,
.node-2758 .field-name-field-a-thumbnail {
	display: none;
}

.hidden {
	opacity: 0;
	filter: blur(15px);
	transform: scale(0);
	transition: all 1s;
}

.show {
	opacity: 1;
	filter: blur(0);
	transform: scale(1);
}

.blog-row:nth-of-type(3),
.blog-row:nth-of-type(6),
.blog-row:nth-of-type(8) {
	transition-delay: 200ms;
}

.blog-row:nth-of-type(4),
.blog-row:nth-of-type(9) {
	transition-delay: 400ms;
}


/********************************************* FILTERS ****************************************************/

.region-filter {
	max-width: 60rem;
	box-sizing: border-box;
  width: 94%;
  margin: 0 auto;
  -webkit-user-select: none;
  user-select: none;
}

.region-filter input {
	cursor: pointer;
	width: 1rem;
	height: 1rem;
	position: absolute;
  top: -2rem;
  left: 50%;
  z-index: 10;
  opacity: 0;  /*hide this */
  z-index: 3; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

.blog-filter-trigger {
	position: absolute;
  top: -2rem;
  left: 50%;
  z-index: 9;
}

/*.region-filter .filters {
	padding: 10px;
	max-width: 60rem;
	box-sizing: border-box;
  width: 94%;
  margin: 0 auto;
  background-color: rgba(237,239,238,1);
  display: grid;
	grid-template-columns: 3fr 1fr 3fr;
	grid-template-rows: 0fr;
	grid-gap: 0 1rem;
	margin-bottom: 0;
	transition: grid-template-rows 1s ease-in-out;
}*/

.region-filter .filters {
	padding: 10px;
	max-width: 60rem;
	box-sizing: border-box;
  width: 94%;
  margin: 0 auto;
  background-color: rgba(237,239,238,1);
  display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: 0fr 0fr;
	grid-template-areas: "author tag"
	"author year";
	grid-gap: 0 1rem;
	margin-bottom: 0;
	transition: grid-template-rows 1s ease-in-out;
}

.filter-authors-wrapper {
	grid-area: author;
	padding-right: 10px;
}

.filter-years-wrapper {
	grid-area: year;
}

.filter-tags-wrapper {
	grid-area: tag;
}

.filter-years-wrapper .views-row {
	display: inline-block;
	padding-right: 3px;
}

.filters .filter-years .view-content {
	border-bottom: 2px solid #ccc;
	margin-bottom: 10px;
}

.filters .filter-years .views-row {
	margin-bottom: -9px;
}

.filters .filter-years .views-row a:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #ccc;
	border-radius: 10px;
	border: 3px solid rgba(237,239,238,1);
	position: relative;
	left: 50%;
	margin-left: -5px;
	transition: background-color 1s;
}

.filters .filter-years .views-row a:hover:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: rgba(34, 186, 187, 1);
	border-radius: 10px;
	border: 3px solid rgba(237,239,238,1);
	position: relative;
	left: 50%;
	margin-left: -5px;
}

.filters a {
	font-size: 0.9rem;
	color: rgba(242, 68, 5, 1);
}

.filters a:hover {
	color: rgba(34, 186, 187, 1);
}



.region-filter input:checked ~ .filters {
	grid-template-rows: 3fr 2fr;
}

.filters .block {
	margin-bottom: 0;
}

.filters .block-views {
	max-height: 200px;
  overflow-y: hidden;
}

.region-filter input:checked ~ .filters .block-views {
  overflow-y: auto;
  animation: hide-scroll 1s backwards;
}

@keyframes hide-scroll {
  from, to { overflow: hidden; } 
}

.filters .block-views h2 {
	font-size: 1.1rem;
	color: black;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

.filters .views-exposed-widget.views-submit-button {
	display: none;
}

.filters .filter-authors .views-row,
.filters .filter-tags .views-row {
	display: inline-block;
}

.filters .filter-tags .views-row a:before {
	content: "#";
	display: inline-block;
}

.filters .filter-authors .views-row span:after,
.filters .filter-tags .views-row span:after {
	content: ", ";
	display: inline-block;
}

.filters .filter-authors .views-row:last-of-type span:after,
.filters .filter-tags .views-row:last-of-type span:after {
	content: "";
	display: inline-block;
}

.filters .filter-authors-wrapper {
	border-right: 1px solid white;
}

/*.filters .filter-years-wrapper {
	margin-left: -10px;
}

.filters .filter-years-wrapper h2 {
	padding-left: 10px;
}

.filters .filter-years {
	padding-left: 10px;
}

.filters .filter-years .view-content {
	border-left: 2px solid #ccc;
}

.filters .filter-years .views-row {
	margin-left: -9px;
}

.filters .filter-years .views-row .views-field:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ccc;
	border-radius: 10px;
	border: 3px solid rgba(237,239,238,1);
	vertical-align: middle;
}*/


.region-filter ::-webkit-scrollbar {
  width: 4px;
}
.region-filter ::-webkit-scrollbar-track {
  background: #f3f3f3;
  border-radius: 2px;
}
.region-filter ::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 2px;
}
.region-filter ::-webkit-scrollbar-thumb:hover {
  background: #333; 
}



#pagebg {
	position: fixed;
	z-index: 0;
}

.pagebg {
	position: absolute;
}

.pagebg01 {
	width: 5000px;
	height: 5000px;
	left: -1250px;
	top: 0;
	border-radius: 50%;
	background-color: #348888;
}

.pagebg02 {
	width: 500px;
	height: 500px;
	left: -250px;
	top: -250px;
	border-radius: 50%;
	background-color: #9EF8EE;
	border: 50px solid white;
}

.pagebg03 {
	width: 50px;
	height: 50px;
	left: 37.5px;
	top: 37.5px;
	border-radius: 50%;
	background-color: #F24405;
  animation: round 1s infinite ease-in-out;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
  animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes round {
     0% {
                transform: rotate(360deg) 
                      translateY(262.5px) rotate(-360deg);
            }
  
            100% {
                transform: rotate(0deg) 
                      translateY(262.5px) rotate(0deg);
            }
}