/*
Theme Name: Filmarkivet
Theme URI: http://www.filmarkivet.se
Version: 1.0
Description: Filmarkivets WordPress-tema
Author: HiQ
Author URI: https://hiq.se
*/

/* General */
@font-face {
    font-family: "Maison Neue Medium";
    src:
    url("fonts/MaisonNeueWEB-Medium.woff2") format("woff2"),
    url("fonts/MaisonNeueWEB-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Maison Neue Demi";
    src:
    url("fonts/MaisonNeueWEB-Demi.woff2") format("woff2"),
    url("fonts/MaisonNeueWEB-Demi.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Maison Neue Bold";
    src:
    url("fonts/MaisonNeueWEB-Bold.woff2") format("woff2"),
    url("fonts/MaisonNeueWEB-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	max-width: 100%;
	height: auto;
	overflow-x: hidden;
}
html, 
body {
	font-family: "Maison Neue Medium", sans-serif;
	font-size: 20px;
	line-height: 1.3;
	color: #666;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-weight: normal;
	color: #000;
	margin: 1.5em 0 .5em;
}
p {
	margin: 0 0 1em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
a {
	color: #8d012f;
	text-decoration: none;
}
:focus {
	outline: solid 2px #8d012f;
}
body.using-mouse :focus {
	outline: none;
  }
a:hover, 
a:focus {
	color: #000;
}
a p {
	color: #666;
}
a:hover p {
	color: #000;
}

/*JW-player hack*/
.jw-state-idle .jw-controls {
    background: transparent !important;
}
/* Forms */

input, 
textarea, 
select {
	margin: 0 0 1em;
	display: block;
	font-family: "Maison Neue Medium", sans-serif;
	font-size: .75em;
	font-style: normal;
	color: #000;
	background: #e0e0e0;
	padding: 0 1em;
	border: 0;
	width: 100%;
	box-shadow: none;
	outline: 0;
    -webkit-border-radius: 0; 
    border-radius: 0;
}
input, 
select {
	line-height: 2em;
	height: 2em;
}
textarea {
	line-height: 1.3;
	padding: .4em 1em;
}
input[type="search"] {
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
.no-touch input[type="text"]:hover, 
input[type="text"]:focus, 
.no-touch input[type="search"]:hover, 
input[type="search"]:focus, 
.no-touch textarea:hover, 
textarea:focus {
	background: #d2d2d2;
}
input[type="submit"] {
	text-align: right;
	background: #333;
	color: #fff;
}
.no-touch input[type="submit"]:hover {
	background: #000;
}
::-webkit-input-placeholder {
    color: #666;
}
:-moz-placeholder {
   color: #666;
   opacity:  1;
}
::-moz-placeholder {
   color: #666;
   opacity:  1;
}
:-ms-input-placeholder {
  	color: #666;
}
	


/* Layout */

.container {
	max-width: 64em;
	margin: 0 auto;
	padding: 2em;
}
.row {
	margin: 0 -.5em;
}
.row:after {
  content: ' ';
  display: block;
  clear: both;
}
.column-fifth,
.column-fourth, 
.column-third, 
.column-half, 
.column-two-thirds, 
.column-three-fourths, 
.column-full {
	display: inline-block;
	vertical-align: top;
	padding-left: .5em;
	padding-right: .5em;
}
.column-fifth {
	width: 20%;
}
.column-fourth {
	width: 25%;
}
.column-third {
	width: 33.3333%;
}
.column-half {
	width: 50%;
}
.column-two-thirds {
	width: 66.6666%;
}
.column-three-fourths {
	width: 75%;
}
.column-full {
	width: 100%;
}
.block {
	padding: 1em 0;
}

.front-page-block {
	padding: 0.5em 0;
}

.map-block {
	padding: 1em 0 2em 0;
}

.nearby-map-divider{
	border-top: solid;
	border-color: black;
	border-width: 3px;
	width: 64%;
	float: right;
	margin-top: 0.8em;
}

.nearby-section-title{
	float: left;
	margin-top: 0;
}

/* Site header */

.site-header {
	padding-bottom: .75em;
	border-bottom: 3px solid #000;
}
.affiliates-logo{
	display:block;
}
.site-header .affiliates .affiliates-logo-sfi img{
	max-width: 5rem;
}
.site-logos .fa-logo-row{
	display: flex !important;
}
.site-header .affiliates {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.site-header .affiliates li {
	display: inline-block;
	vertical-align: bottom;
	padding-left: 1em;
	max-width: 50%;
}
.site-header .affiliates img {
	max-width: 4em;
}
.site-header a {
	color: #666;
}
.site-header a:hover,
.site-nav-menu li.current-menu-item a {
	color: #000;
}
.site-nav {
	width: 100%;
	display: table;
	margin-top: 1.25em;
}
.site-nav-menu {
	margin: 0;
	padding: 0;
}
.site-nav-menu li {
	display: inline-block;
	text-transform: uppercase;
	font-family: "Maison Neue Demi", sans-serif;
	line-height: 1.5em;
	margin-right: 1em;
	margin-bottom: -.5em;
}
.site-nav-menu li ul { 
	display: none; 
}
.site-nav-menu li.secondary-menu-item {
	display: none;
}
.site-nav-secondary {
	min-width: 4.5em;
}
.site-nav-secondary .site-nav-menu li {
	margin-right: .75em;
}
.site-nav-secondary li:last-child {
	margin-right: 1.25em;
}
.site-nav-secondary .icon img {
	max-height: .9em;
	display: inline;
}
.site-nav-primary, 
.search-basic, 
.site-nav-secondary {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}
.search-basic {
	width: 80%;
	padding: 0 1.25em;
    padding-left: 0.5rem;
}
.search-basic-inner {
	margin-left: auto;
	background: #e0e0e0;
	width: 100%;
	display: table;
}
.search-basic-inner .search-basic-submit {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 1px;
	cursor: pointer;
	padding: 0 10px 0 15px;
	font-size: 0;
}
.search-basic-inner .search-basic-submit input[type="submit"] {
	background-color: transparent;
	box-shadow: none;
	background-image: url('img/icon-search.png') !important;
	background-size: contain !important;
	height: 14px;
	width: 14px;
	padding: 0;
	border: 0; 
}
.search-basic-inner .search-basic-submit input[type="submit"]:hover {
	background-image: url('img/icon-search.png') !important;
	background-size: contain !important;
}
.no-touch .search-basic-inner:hover {
	background: #d2d2d2;
}
.search-basic input {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	white-space: nowrap;
	margin: 0;
}
.search-basic input, 
.no-touch .search-basic input:hover, 
.no-touch .search-basic input:focus {
	background: transparent !important;
}
.search-toggle-advanced {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 1px;
	font-size: 0.75em;
	line-height: 2em;
	text-align: center;
	color: #666;
	cursor: pointer;
}
.no-touch .search-toggle-advanced:hover {
	color: #000;
}
.search-toggle-advanced.expand:after {
	content: 'Avancerat sök';
}
.search-toggle-advanced.collapse:after {
	content: 'Tillbaka till enkelt sök';
}
.search-toggle-advanced.mobile{
	display:none;
	text-align: center;
	background: #333;
	color: #fff;
	width:100%;
    text-transform: uppercase;
    line-height: 2em;
    font-family: "Maison Neue Bold", sans-serif;
    margin-top: .75em;
}
.search-toggle-advanced.mobile:hover{
	background: #000;
	color: #fff;
}
.search-basic-submit {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 1px;
	cursor: pointer;
	padding: 0 .75em 0 1em;
}
.search-basic-submit img {
	max-width: .75em;
	max-height: .75em;
}
.search-advanced {
	display: none;
	margin-bottom: .25em;
}
.search-advanced input, 
.search-advanced .dropdown, 
.search-years,
.search-category select{
	margin: 1em 0 0;
}
.search-category select {
    pointer-events: none;
    background-color: #fbfbfb;
    color: #c3c3c3;
}
.search-provinces.inactive .dropdown {
    pointer-events: none;
    background-color: #fbfbfb;
    color: #c3c3c3;
}
.search-provinces.inactive .dropdown .selected {
    color: #c3c3c3;
}
.search-provinces.inactive .dropdown .carat {
    border-top: 6px solid #bdbdbd;
}

.search-category select option {
    color: #c3c3c3;
}
.search-years {
    font-size: .75em;
}
.search-years-inner {
	line-height: 2em;
	color: #000;
	background: #e0e0e0;
	padding: 0 1em;
}
.search-years label {
	width: 32%;
	display: inline-block;
}
.search-years-range {
	width: 66.6666%;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}
.search-advanced .float-right
{
    float: right;
}
.search-advanced .float-left {
    float: left;
}
#toggle-responsive-menu {
	display: none;
	text-align: center;
	text-transform: uppercase;
	line-height: 2em;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-family: "Maison Neue Bold", sans-serif;
	margin-bottom: .75em;
}
#toggle-responsive-menu.expand:after {
	content: 'Visa meny';
}
#toggle-responsive-menu.collapse:after {
	content: 'Dölj meny';
}



/* Logo */
.fa-row{
	display: flex;
	justify-content: space-between;
}
.fa-logo-container{
	display: flex;
	flex-direction: column;
}
.fa-logo-container .fa-logo-subtitle{
	font-size: 11px;
}
.logo {
	text-transform: uppercase;
}
.logo a {
	color: #000;
}
.logo span {
	color: #8d012f;
}
.logo a:hover span {
	color: #000;
}
.logo .tagline {
	display: block;
}
.site-header .logo {
	font-family: "Maison Neue Bold", sans-serif;
	font-size: 3em;
	line-height: 1;
	margin: 0 0 0 -.05em;
}



/* Headings */
.title {
	font-size: 1.75em;
	line-height: 1.1;
	margin: .5em 0 .3em;
	color: #000;
}
.infowindow-title{
	font-size: 1.5em;
	line-height: 1.1;
	margin: .5em 0 .3em;
	color: #000;
	word-break: normal;
}
.title a {
	color: #000;
}
.title-meta {
	display: block;
	color: #8d012f;
}
.column-full .title {
	font-size: 1.5em;
}
.geo-title{
	float:left;
	margin-right:10px;
}



/* Page & section headers */

.top-header {
	text-transform: uppercase;
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 3px solid #000;
}
.top-header .title, 
.search-header .title {
	font-family: "Maison Neue Demi", sans-serif;
	font-size: 1em;
	margin: 0;
	line-height: 1.5;
	text-transform: uppercase;
}
.top-header a {
	color: #666;
}
.top-header a:hover {
	color: #000;
}
.top-header .pull-right {
	float: right;
}
.search-header {
	margin-bottom: 1em;
}
.search-header a.selected, 
.search-header a:hover {
	color: #000;
}
.search-header .column-fourth {
	vertical-align: middle;
}
.search-header .dropdown {
	text-transform: none;
}
.search-header .ui-select a {
	display: inline-block;
	width: 50%;
	background: #e0e0e0;
	font-size: .75em;
	color: #000;
	line-height: 2;
	text-align: center;
	text-transform: none;
}
.search-header .ui-select a:hover {
	background: #d2d2d2;
}
.search-header .ui-select a.active {
	color: #fff;
	background: #333;
}
.left-header .title {
	margin-right: .5714em;
}
.left-header p {
	margin-right: 1em;
}
.right-header {
	float: right;
}
.right-header .title {
	margin-left: .2857em;
}
.right-header p {
	margin-left: .5em;
}

#regions {
	height: 100%;
}

.full-map-button {
	background-color:black;
	color:white;
	cursor: pointer;
	height: 2em;
	margin: 0 5%;
}

#back-button{
	background-color:black;
	color:white;
	padding: 3%;
	cursor: pointer;
	margin: 0 5%;
}

/* Thumbnails */
#header {
	margin: 0 5%;
}

.to-map-thumbnail {
	position: relative;
	background: #000;
	height: 766px;
	cursor: pointer;
	border: solid;
	border-color:black;
	border-width: 2px;
	overflow: hidden;
}

.to-map-thumbnail::after{
	content: 'Hitta filmer genom filmkartan \2192';
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	padding: .5em 1em;
	background: rgba(0,0,0,.5);
	font-size: .75em;
}

.to-map-thumbnail img {
	width: 100%;
	position: absolute;
	top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.to-map-thumbnail:hover img {
	opacity: 0.8;
}

.region {
	height: 31.8%;
	margin: 0 5%
}

.region-thumbnail {
	position: relative;
	background: white;
	height: 100%;
	border: solid;
	border-color: black;
	border-width: 2px;
	cursor: pointer;
}
.region-thumbnail img {
	height: 100%;
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.region-thumbnail-norrland:after {
	content: 'Norrland';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	padding: .5em 1em;
	background: rgba(0,0,0,.5);
	font-size: .75em;
}
.region-thumbnail-svealand {
	margin: 5% 0;
}
.region-thumbnail-svealand:hover img {
	opacity: .8;
}

.region-thumbnail-götaland {
	margin-top: 5%;
}
.region-thumbnail-götaland:hover img {
	opacity: .8;
}
.region-thumbnail-norrland:hover img {
	opacity: .8;
}
.region-thumbnail-svealand:after {
	content: 'Svealand';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	padding: .5em 1em;
	background: rgba(0,0,0,.5);
	font-size: .75em;
}

.region-thumbnail-götaland:after {
	content: 'Götaland';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	padding: .5em 1em;
	background: rgba(0,0,0,.5);
	font-size: .75em;
}

.thumbnail {
	position: relative;
	background: #000;
	max-height: 40em;
}
.thumbnail img {
	width: 100%;
	aspect-ratio: 5/4;
    object-fit: cover;
}
a:hover .thumbnail img {
	opacity: .8;
}
.slide:hover .thumbnail img {
	opacity: 1;
}
/* .thumbnail:after {
	content: 'Till filmen \2192';
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	padding: .5em 1em;
	background: rgba(0,0,0,.5);
	font-size: .75em;
} */
/* Teacher themes */
.teacher-title{
	margin: 1em 0 0 0;
}
.discussion{
	display:none;
}
.discussion-title{
	display: none;
}
.questions{
	display: none;
	margin-top: 1em;
}
.show-questions{
	cursor: pointer;
}
a:hover .teacher-title{
	text-decoration: underline;
}
.teacher-thumbnail{
	position: relative;
	background: #000;
}
.teacher-thumbnail img {
	width: 100%;
	aspect-ratio: 5/4;
    object-fit: cover;
}
a:hover .teacher-thumbnail img {
	opacity: .8;
}
.teacher-thumbnail:after{
	content: 'Till filmer \2192';
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	padding: .5em 1em;
	background: rgba(0,0,0,.5);
	font-size: .75em;
}

.teacher-thumbnail.parent-theme-archive:after {
	content: 'Till teman \2192';
}

.teacher-thumbnail.no-after:after {
	display: none;
}
/* AddThis */

.at-share-btn-elements {
	margin-top: .5em !important;
}
.at-share-btn {
	/*width: 26px !important;
	height: 25px !important;*/
	/*background: transparent !important;*/
	margin: 0 .75em 0 0 !important;
	opacity: .5;
}
.at-share-tbx-element, .at-share-tbx-element .at-share-btn{
    margin-right:2px !important;
}
.no-touch .at-share-btn:hover {
	opacity: 1;
}
.at-icon {
	/*width: 1em !important;
	height: 1em !important;*/
	line-height: 1em !important;
    background-size: cover;
    background-position: center center;
}
.addthis_sharing_toolbox .at-icon {
	background-size: auto 100% !important;
	background-position: center center !important;
}
.addthis_sharing_toolbox {
	margin-top: 1em;
}



/* Lists & list items */

.items {
	margin: 0 -.5em;
}
.item {
	/* display: inline-block; */
	display:block;
	float:left;
	vertical-align: top;
	padding: 0 .5em 2em;
}
.item .thumbnail {
	margin-bottom: 1em;
}
.item .title {
	font-size: 1em;
	line-height: 1.2;
	margin-top: 0;
}
.item p {
	margin: 0;
	color: #666;
}
.item:hover p {
	color: #000;
}
.home .item {
	padding-bottom: .5em;
}
.column-three .item {
	width: 33.3333%;
}

.new-row{
    clear:left;
}



/* Pagination */

.pagination {
	width: 100%;
	margin: 1em 0 .5em;
	padding: 0;
	text-align: center;
	clear:both;
}
.pagination li {
	display: inline-block;
}
.pagination a {
	display: block;
	color: #666;
	padding: 0 .5em;
}
.pagination .selected a, 
.pagination a:hover {
	color: #000;
}



/* Mini list (for "Related films") */
.mini-list .top-header {
	margin-bottom: 0;
}
.mini-list .item {
	font-size: .8em;
	display: block;
	padding: 1em 0;
	border-bottom: 3px solid #000;
	width:100%;
}
.mini-list .item .thumbnail {
	width: 15%;
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.mini-list .item .thumbnail:after {
	display: none;
}
.mini-list .item .title {
	width: 80%;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	text-transform: none;
	padding-left: .75em;
}



/* Alphabetical list */

.alphabetical-nav-menu {
	margin: 0;
	padding: 0;
	text-align: justify;
	height: 1.5em;
}
.alphabetical-nav-menu:after {
	content: '';
	display: inline-block;
	position: relative;
	width: 100%;
}
.alphabetical-nav-menu li {
	display: inline-block;
	text-transform: uppercase;
	font-family: "Maison Neue Demi", sans-serif;
	line-height: 1.5em;
}
.alphabetical-nav-menu li {
	color: #666;
}
.alphabetical-nav-menu li.no-movies {
	opacity: 0.5;
}
.alphabetical-nav-menu li a {
	color: #000;
	opacity: 1;
}
.alphabetical-nav-menu li a:hover {
	color: #8d012f;
}
.alphabetical {
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
	-webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 2px solid #000;
    -moz-column-rule: 2px solid #000;
    column-rule: 2px solid #000;
}


/* Slideshows */
.slideshow {
	position: relative;
	z-index: 1;
	display: inline-block;
	max-width: 100%;
}
.fa-slide-slideshow{
	margin-bottom: 0.5rem;
}
.fa-slide-slideshow .title{
	display: flex;
}
.fa-slide-header-span{
	margin: 0 0.5rem;
}
.fa-slide-title{
	display: flex;
	flex-direction: column;
	margin-left:0px !important;
	color:white;
}
.fa-slide-title h1{
	font-size: 2.8rem !important;
	margin-left:0px !important;
	color:white;
	margin: 0px;
}
@media (max-width: 767px) {
	.fa-slide-title h1{
		font-size: 2rem !important;
	}
	.fa-slide-inner-content{
		padding-left:1rem;
	}
	.fa-slide-content{
		display: flex !important;
		align-items: center;
	}
}

.fa-slide-inner-content p{
	margin-left:0px !important;
}
.fa-slide-subtitle{
	font-size: 1.6rem !important;
	color:white;
	margin-top: 0px !important;
	margin-bottom: 1rem !important;
}
.fa-slide-slideshow .title .title-meta{
	font-size: 1.8rem;
	color:white;
}
.fa-slide-link-button{
	display: inline-block;
	color: black;
	text-transform: uppercase;
	font-size: 16px;
	background-color: rgba(240,240,240);
	padding: 0.5rem 1rem;
	margin-top: 2rem;
	font-weight: bold;
	transition: all .3s;
}
@media (max-width: 767px) {
	.fa-slide-link-button{
		margin-top: 0.5rem;
	}
	.fa-slide-freetext{
		display: none;
	}
}

.fa-slide-link-button:hover{
	background-color: black;
	color:white;
}
.fa-slide-thumbnail{
	position: relative;
}
.fa-slide-content{
	position: absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	padding-left: 2.5rem;
	background-color: rgba(0,0,0,0.3);
	display: flex;
	align-items: center;
}
.fa-slide-inner-content{
	padding-right: 6rem;
	max-width: 700px;
}
.fa-slide-inner-content p{
	color: white;
}
.slide:hover p{
	color: #f0f0f0;
}
.slide {
	width: 100%;
}
.slideshow-prev, 
.slideshow-next {
	position: absolute;
	top: 50%;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	cursor: pointer;
	background-size: 100%;
	background-color: transparent;
	border: none;
}
.no-touch .slideshow-prev, 
.no-touch .slideshow-next {
	opacity: 0.6;
}
.no-touch .slideshow-prev:hover, 
.no-touch .slideshow-next:hover {
	opacity: 1;
}
.slideshow-prev {
	left: -1.5em;
	background-image: url('img/icon-prev.png');
}
.slideshow-next {
	right: -1.5em;
	background-image: url('img/icon-next.png');
}



/* Carousels */

.slick-slide{
	height:auto;
}

.slick-prev, 
.slick-next {
    position: absolute;
    top: 50%;
	display: block;
	width: 1em;
    height: 1em;
    margin-top: -.5em;
    padding: 0;
    cursor: pointer;
	background-size: 100%;
    color: transparent;
    border: none;
    background: transparent;
	background-size: 100%;
}
.slick-prev {
	left: -1.5em;
	background-image: url('img/icon-prev.png');
}
.slick-next {
	right: -1.5em;
	background-image: url('img/icon-next.png');
}
.no-touch .slick-prev, 
.no-touch .slick-next {
	opacity: 0.6;
}
.no-touch .slick-prev:hover, 
.no-touch .slick-next:hover {
	opacity: 1;
}



/* Film info box */

.film-meta {
	font-size: .8em;
	list-style: none;
	margin: 2em 0;
	padding: 2em 2.5em;
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	-webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    background: #e0e0e0;
}
.film-meta li {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: .5em 0;
	color: #000;
}
.film-meta li span {
	display: block;
	color: #000;
}



/* Year filter */

.noUi-target, 
.noUi-background, 
.noUi-origin, 
.noUi-connect, 
.noUi-handle {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.noUi-target {
	cursor: pointer;
	height: 2em;
	background: transparent;
}
.noUi-base:before {
	content: '';
	display: block;
	background: #fff;
	height: 3px;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.noUi-origin {
	height: 3px;
	margin: auto;
	background: #fff;
}
.noUi-connect {
	background: #333;
}
.noUi-horizontal .noUi-handle {
	width: 12px;
	height: 12px;
	left: 0;
	top: 0;
	padding: 1em;
	margin: -1em 0 0 -1em;
	background: transparent;
}
.noUi-handle:before {
	width: 3px;
	height: 11px;
	position: static;
	margin: -4px 0 0;
	background: #333;
}
.noUi-handle:after {
	display: none;
}
.noUi-handle-lower {
	cursor: e-resize;
}
.noUi-handle-upper {
	cursor: w-resize;
}



/* Autocomplete */

.autocomplete-suggestions {  
	background: #d2d2d2; 
	overflow: auto; 
}
.autocomplete-suggestion { 
	padding: 0 1em; 
	font-size: .75em;
	line-height: 2em;
	white-space: nowrap; 
	overflow: hidden; 
	cursor: pointer;
	color: #000;
}
.autocomplete-suggestions strong { 
	font-weight: normal;
}
.autocomplete-selected { 
	background: #333; 
	color: #fff;
}



/* Form dropdowns (replaces form selects) */

.dropdown {
	position: relative;
	width: 100%;
	cursor: pointer;
	background: #e0e0e0;
	font-size: .75em;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.dropdown.focus{
	outline: solid 2px #8d012f;
}
.dropdown.disabled,.dropdown.disabled:hover{
	background: #ededed;
	cursor:default;
}
.dropdown.disabled .selected{
	color: #ccc;
}
.dropdown.open {
	z-index: 2;
}
.dropdown:hover {
	background: #d2d2d2;
}
.dropdown .carat,
.dropdown .carat:after {
	content: '';
	position: absolute;
	right: 0.5em;
	top: 50%;
	margin-top: -3px;
	border: 6px solid transparent;
	border-top: 6px solid #000;
	z-index: 1;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%;
}
.dropdown .carat:after {
	margin-top: -8px;
	right: -6px;
	border-top-color: #e0e0e0;
}
.dropdown:hover .carat:after {
	border-top-color: #d2d2d2;
}
.dropdown.open .carat {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.dropdown .old {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
.dropdown select {
	position: absolute;
	left: 0px;
	top: 0px;
}
.dropdown.touch .old {
	width: 100%;
	height: 100%;
}
.dropdown.touch select {
	width: 100%;
	height: 100%;
	opacity: 0;
}
.dropdown .selected,
.dropdown li {
	display: block;
	color: #000;
	padding: 0 1em;
	line-height: 2em;
	overflow: hidden;
	white-space: nowrap;
}
.dropdown div {
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: -1px;
	background: #d2d2d2;
	overflow: hidden;
	opacity: 0;
}
.dropdown.open div {
	opacity: 1;
	z-index: 2;
}
.search-category .dropdown.open div {
    opacity: 1;
    z-index: 2;
}


.dropdown.scrollable div::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
}
.dropdown.scrollable.bottom div::after {
	opacity: 0;
}
.dropdown ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.dropdown.scrollable.open ul {
	overflow-y: auto;
}
.dropdown li {
	list-style: none;
}
.dropdown li.focus {
	background: #333;
	position: relative;
	z-index: 3;
	color: #fff;
}
.dropdown li.active {
	background: #333;
	color: #fff;
}



/* Nav menu dropdowns */

.dropit-submenu {
	background: #fff;
	min-width: 16em !important;
	max-height: 16em;
	overflow-y: auto;
	text-align: left;
	margin-left: -1em !important;
	padding-top: .2em !important;
	max-width: 300px;
	white-space: normal;
}
.dropit-submenu li {
	display: block;
	text-transform: none;
	font-family: "Maison Neue Medium", sans-serif;
	line-height: 1.3;
	margin-right: 0;
}
.dropit-submenu a {
	display: block;
    padding: 0.5em 1em;
    color: #666;
}
.no-touch .dropit-submenu a:hover {
    background: #333;
    color: #fff;
}



/* Social sharing */

/* .addthis_sharing_toolbox {
	margin-top: 1.5em;
}
.at-share-btn {
	width: 1em !important;
	height: 1em !important;
	background: transparent !important;
	margin: 0 .75em 0 0 !important;
	opacity: .5;
}
.at-share-btn:hover {
	opacity: 1;
}
.at4-icon {
	width: 1em !important;
	height: 1em !important;
	line-height: 1em !important;
}
.addthis_sharing_toolbox .addthis_20x20_style .at4-icon {
	background-size: auto 100% !important;
	background-position: center center !important;
}
.at4-icon.aticon-facebook {
	background-image: url('img/icon-facebook.png') !important;
}
.at4-icon.aticon-twitter {
	background-image: url('img/icon-twitter.png') !important;
}
.at4-icon.aticon-google_plusone_share {
	background-image: url('img/icon-gplus.png') !important;
}
.at4-icon.aticon-email {
	background-image: url('img/icon-email.png') !important;
}
.at4-icon.aticon-compact {
	background-image: url('img/icon-addthis.png') !important;
} */



/* Footer */

.site-footer {
	padding: 1em 0 0;
	border-top: 3px solid #000;
	color: #666;
}
.site-footer ul {
	margin: 0 0 1em;
	padding: 0;
}
.site-footer .logo {
	text-transform: none;
	color: #000;
}
.site-footer a {
	color: #666;
}
.site-footer a:hover {
	color: #000;
}

.map-section {
	height: 100%;
	display: inline-block;
	width: 32%;
	padding-left: 2em;
	vertical-align: top;
	margin-top: 1em;
}

.map-section > a {
	display: block;
}

#featured-slideshow{
	margin-top: 1em;
}
#featured-slideshow .thumbnail img {
	width: 100%;
	aspect-ratio: unset;
    object-fit: cover;
}
#featured-slideshow .slick-slide{
	overflow:hidden;
	max-height: 675px;
}
#featured-slideshow.slick-slider{
	max-height: 675px;
}
#featured-slideshow .fa-slide-thumbnail{
	max-height: 675px;
	overflow: hidden;
}
@media (max-width: 1279px) {
	#featured-slideshow.slick-slider{
		max-height: 540px;
	}
	#featured-slideshow .slick-slide{
		max-height: 540px;
	}
	#featured-slideshow .fa-slide-thumbnail{
		max-height: 540px;
	}
}
@media (max-width: 1023px) {
	#featured-slideshow.slick-slider{
		max-height: 405px;
	}
	#featured-slideshow .slick-slide{
		max-height: 405px;
	}
	#featured-slideshow .fa-slide-thumbnail{
		max-height: 405px;
	}
}
@media (max-width: 767px) {
	#featured-slideshow.slick-slider{
		max-height: 243px;
	}
	#featured-slideshow .slick-slide{
		max-height: 243px;
	}
	#featured-slideshow .fa-slide-thumbnail{
		max-height: 243px;
	}
}
/* Misc */

.video-container {
	margin-bottom: .5em;
}
.current-theme {
	border-top: 3px solid #000;
}
.markerTitle {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
}

.help-links-wrapper {
	text-align: right;
	margin: 0;
	font-size: 14px;
	color: white;
}
.help-links{
	display: inline-block;
	width: auto;
	background-color: #8d012f;
	padding: .5em;
}
.help-link{
	color: white;
	text-decoration: underline;
	padding-left: .2em;
}
.help-link:hover, .help-link:focus {
	color: #d2d2d2;
}

.divider {
	background-color: black;
	height: 3px;
	width: 100%;
	margin: 2% 0;
}

.info-text-divider{
	height: 1px;
	width: 100%;
	margin: 2% 0;
	background-color: #8d012f;
}

#main-map {
	display: block;
	width: 100%;
	height: 700px;
	margin: 3% 0;
	position: relative;
}

#nearby-map {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	position: relative;
	width: 100%;
	height: 500px;
}

.counter {
	font-size: 0.8em;
	font-style: italic;
}

.list-header{
	color: black;
	border-bottom: solid;
	border-bottom-width: 4px;
	border-bottom-color: black;
}

#nearby-header {
	margin: 0 5%;
}

.list-title{
	margin: 1em 0;
	font-size: 1em;
	margin-bottom: 0;
}

#directLink {
	color: green;
	font-size: 0.7em;
	margin-top: 1em;
}

.loadmore {
	background-color:black;
	color:white;
	padding: 3%;
	cursor: pointer;
	margin: 5% 0;
	text-align: center;
	display:block;
	float:left;
	width: 100%;
}

.loader {
	position: absolute;
	top: 40%;
	left: 45%;
	border: 16px solid black;
	border-top: 16px solid #8d012f;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	animation: spin 2s linear infinite;
  }

  #nearby-map-loader-text {
	margin-top: 5%;
  }

  #nearby-list-loader {
	  left: 35%;
  }

  #nearby-list-loader-text {
	  margin-top: 5%;
	  left: 30%;
  }

  .loader-text{
	  position: absolute;
	  top: 60%;
	  left: 43%;
	  text-align: center;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
  #nearby-googleMap {
	width:70%;
	height:100%;
	position:relative;
	display:inline;
	border: solid;
	border-color: black;
	border-width: 2px;
}

#map{
	display:none;
}

#googleMap {
	width:70%;
	height:100%;
	position:relative;
	display:inline;
	float:left;
}

.map-movie-link {
	font-weight: bold;
	color: #8d012f;
	text-decoration: none;
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 0;
}
.map-movie-link:hover {
	color: #000;
}

.map-list-item {
	cursor: pointer;
	width: auto !important;
	margin: 0 2px;
}

#map-sideList {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0 5%;
	overflow: auto;
}

#nearby-map-sideList {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0 5%;
	overflow: auto;
}

#main-googleMap {
	width:70%;
	height:100%;
	position:relative;
	display:inline;
	float:left;
	border: solid;
	border-color: black;
	border-width: 2px;
}

.full-map-link {
	color: white;
	padding: 3%;
	height: 100%;
	width: 100%;
}

.full-map-link:hover {
	color: lightgray;
}

#map-movies{
	width:30%;
	height:100%;
	position:relative;
	display:inline;
	float:left;
}

#nearby-movies{
	width:30%;
	height:100%;
	position:relative;
	display:inline;
}

#nearby-listDiv {
	position: absolute;
	height: 80%;
	width: 100%;
	overflow: scroll;
	overflow-x: hidden;
}

#listDiv {
	position: absolute;
	overflow: auto;
	height: 86%;
	width: 100%;
}

#header {
	margin: 0 5%;
}

#sideList {
	list-style: none;
	padding: 0;
	margin: 0 5%;
}

#mapSideList {
	list-style: none;
	padding: 0;
	margin: 0 5%;
}

.show-nearby-movies {
	display: block;
	float: right;
	margin-top: .25em;
}

.show-nearby-movies a {
	cursor: pointer;
	text-align: right;
	display: block;
}

.comment {
	border-top: 3px solid #000;
}
.comment h2 {
	margin-top: .25em;
}
.comment form {
	margin-top: 1.5em;
}
.comment input[type="submit"] {
	margin-bottom: 0;
}
.text-columns {
	margin-top: 1em;
}
.text-columns .title {
	margin-top: 0 !important;
}
.column-full img {
	margin-bottom: .5em;
}
.text-columns img {
	margin: 1.5em 0;
}
#banner-research {
	font-family: 'Karla', sans-serif;
	font-weight: normal;
	border-top: 3px solid #000;
}
#banner-research a {
	display: block;
	background-image: url('img/banner-research-bg.jpg');
	background-position: center center;
	background-size: cover;
}
#banner-research .column-half {
	float: right;
}
#banner-research .column-half div {
	font-size: .9em;
	padding: 3em 2em 3em 0;
}
#banner-research .title, #banner-research p {
	color: #fff;
}



/* Responsive */

@media (max-width: 1279px) {
	html, body {
		font-size: 16px;
	}
	#main-googleMap {
		width: 60%;
	}

	#map-movies {
		width: 40%;
	}

	#listDiv {
		height: 91%;
	}
	.to-map-thumbnail{
		height: 600px;
	}
}
@media (max-width: 1023px) {	
	#map-loader {
		left: 40%;
		top: 40%;
	}
	#loader{
		left: 35%;
	}
	#list-loader-text{
		left: 40%;
	}
	#nearby-map-loader{
		left: 38%;
		top: 35%;
	}
	#nearby-map-loader-text{
		left: 40%;
	}
	#nearby-list-loader{
		top: 30%;
		left: 26%;
	}
	#nearby-map {
		height: 400px;
	}
	.to-map-thumbnail{
		height: 455px;
	}

	html, body {
		font-size: 12px;
	}
	.site-header, 
	.top-header, 
	.mini-list .item {
		border-bottom-width: 2px;
	}
	.block, 
	.site-footer {
		border-top-width: 2px;
	}
	.dropdown .carat,
	.dropdown .carat:after {
		margin-top: -2px;
		border-width: 4px;
	}
	.dropdown .carat:after {
		margin-top: -5px;
		right: -4px;
	}
	.search-years-range {
		margin-top: -2px;
	}
	.noUi-base:before, 
	.noUi-origin {
		height: 2px;
	}
	.noUi-handle:before {
		width: 2px;
		height: 8px;
		margin-top: -3px;
	}
}
@media (max-width: 767px) {
	.search-basic-inner {
		width: 100%;
	}
	.help-links {
		text-align: left;
		float: left;
	}
	.help-links-wrapper{
		margin-bottom: .5em;
		overflow: hidden;
	}
	#nearby-list-loader{
		top: 40%;
		left: 35%;
	}
	#map-loader{
		left: 35%;
		top: 30%;
	}
	#map-loader-text{
		left: 38%;
		top: 65%;
	}
	.infowindow-title{
		font-size: 1.2em;
	}
	.gm-style-iw, .gm-style-iw-d{
		max-width: 200px !important;
		max-height: 250px !important;
	}
	.show-nearby-movies{
		width: 100%;
		margin: 1em 0;
	}

	.show-nearby-movies a{
		text-align: left;
	}


	.map-block{
		padding-bottom: 1em;
	}
	.nearby-map-divider{
		width: 34%;
	}

	#main-map {
		height: 1000px;
	}
	.to-map-thumbnail{
		height: 250px;
	}

	.to-map-thumbnail img {
		width: 100%;
		bottom: 280px;
		top: 0;
	}

	#nearby-map {
		height: 1000px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	#nearby-map-loader {
		left: 35%;
	}

	#nearby-map-loader-text {
		left: 38%;
		margin-top: 10%;
	}

	#nearby-list-loader-text {
		left: 38%;
	}

	#main-googleMap {
		width:100%;
		height:35%;
		position: relative; 
		overflow: hidden;
		display: block;
	}

	#nearby-googleMap {
		width:100%;
		height:35%;
		position: relative; 
		overflow: hidden;
		display: block;
	}

	#map-movies{
		width:100%;
		height:60%;
		position:relative;
		overflow:scroll;
		overflow-x:hidden;
		display:block;
		margin: 5% 0 0 0;
	}

	#nearby-movies{
		width:100%;
		height:60%;
		position:relative;
		overflow:scroll;
		overflow-x:hidden;
		display:block;
		margin: 5% 0 0 0;
	}

	.region {
		height: 31%;
		margin: 0;
	}

	input, 
	textarea, 
	select,
	.dropdown,
	.search-years,
	.search-toggle-advanced,
	.search-header .ui-select a {
		font-size: 1em;
	}
	.search-toggle-advanced.mobile{
		display: block;
	}
	.container {
		max-width: 480px;
		padding-top: 1.5em;
	}
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	.column-fourth,
	.column-third,
	.column-half,
	.column-two-thirds,
	.column-three-fourths,
	.column-full {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.site-header a {
		color: #000;
	}
	.site-logos {
		margin-bottom: 1em;
	}
	.site-logos .column-two-thirds {
		display: inline-block;
		width: 66.6666%;
	}
	.site-logos .column-third {
		display: inline-block;
		width: 33.3333%;
	}
	.site-header .logo {
		font-size: 2em;
	}
	.site-header .logo a {
		display: inline-block;
		vertical-align: middle;
	}
	.site-header .affiliates li {
		padding-left: .5em;
	}
	.site-header .affiliates img {
		max-width: 2.5em;
		max-height: 2em;
	}
	.site-nav {
		margin: 0;
	}
	.site-nav-primary {
		display: none;
	}
	.site-nav-primary .site-nav-menu li {
		margin: 0;
		display: block;
		line-height: 2em;
		border-top: 2px solid #000;
	}
	.site-nav-primary .site-nav-menu li a {
		display: block;
	}
	.site-nav-menu li.secondary-menu-item {
		display: block;
	}
	.search-basic {
		width: 100%;
		display: block;
		padding: 0;
	}
	.search-toggle-advanced {
		padding-right: 1em;
	}
	.site-nav-secondary {
		display: none;
	}
	.search-advanced {
		margin-bottom: 0;
	}
	.search-title, 
	.search-people, 
	.search-keywords, 
	.search-category, 
	.search-years {
		display: block;
		width: 100%;
		padding: 0;
	}
	.search-years label, 
	.search-years-range {
		width: 50%;
	}
	#toggle-responsive-menu {
		display: block;
	}
	.top-header .column-half {
		display: inline-block;
		width: 50%;
	}
	.right-header {
		float: none;
	}
	.left-header .title, 
	.left-header p, 
	.right-header .title, 
	.right-header p {
		margin-left: 0;
		margin-right: 0;
	}
	.title {
		font-size: 1.5em;
		margin-top: 0;
	}
	.item .title {
		font-size: 1.5em;
		line-height: 1.1;
	}
	.carousel {
		margin-bottom: -1em;
	}
	.search-header .dropdown, 
	.search-header .ui-select a {
		margin-top: 1em;
	}
	.slide .thumbnail {
		margin-top: 1.25em;
	}
	.current-theme .row {
		margin-left: -.5em;
		margin-right: -.5em;
	}
	.current-theme .column-third {
		padding-left: .5em;
		padding-right: .5em;
	}
	.current-theme .item {
		width: 50%;
		display: inline-block;
		margin-top: .25em;
	}
	h2, 
	.current-theme .item .title {
		font-size: 1.25em;
	}
	.alphabetical {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.film-meta {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.dropit .dropit-submenu {
		position: static;
		padding-left: 1em;
		max-height: none;
		overflow-y: visible;
		padding-top: 0 !important;
	}
	.dropit .dropit-submenu li {
		border: 0;
		line-height: 2em;
	}
	.dropit .dropit-submenu li a {
		border-top: 2px solid #000;
	}
	.video-container {
		margin-bottom: .75em;
	}
	#banner-research .column-half div {
		padding: 2em;
	}


}
@media (max-width: 360px) {
	.nearby-map-divider{
		width: 20%;
	}
}

/*
* GDPR Plugin IE flex fix
*/
.cli-col-12 {
	width: 100%;
	-ms-flex: 0 0 50%;
	flex: 0 0 100%;
	max-width: 100%;
}

.cookie-cover {
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	padding: 30px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	z-index: 999;
}

.cookie-reload-button {
	display: inline-block;
	background: rgb(19, 175, 128);
	border-radius: 0px;
	text-align: center;
	font-size: 14px;
	padding: 5px 14px;
	margin-left: 10px;
	margin-top: 15px;
	border: 0px solid rgb(255, 255, 255);
	text-transform: uppercase;
	line-height: 26px;
	color: rgb(255, 255, 255);
}
/*
* Typeform button
*/
button.typeform-button {
	all:unset;
	font-family:Helvetica,Arial,sans-serif;
	display:inline-block;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background-color:#000;
	color:#FFFFFF;
	font-size:20px;
	border-radius:25px;
	padding:0 33px;
	font-weight:bold;
	height:50px;
	cursor:pointer;
	line-height:50px;
	text-align:center;
	margin:0;
	text-decoration:none;
	position:fixed;
	right:1.5rem; 
	bottom: 1.5rem;
	border: 2px solid #000;
}
button.typeform-button:hover {
	color: #000;
	background-color: #FFFFFF;
}
/*
* Links on teacher theme archive
*/
.fa-row{
	display: flex;
}
.fa-links-container{
	display: flex;
	flex-direction: column;
	width: 33.33%;
	margin-left: 2rem;
}
.fa-links-container ul{
	margin-top:0px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	list-style-type: none;
}
.fa-links-container h4{
	margin-top:0px;
	font-weight: bold;
}
.fa-links-container a{
	font-weight: 200;
	margin-top:0px;
	color:black;
	font-family: sans-serif;
	display: inline-block;
}
.fa-links-container a:hover{
	color: grey;
}
.fa-links-container ul {
	padding-left:0px;
}
.fa-links-container span{
	font-family: sans-serif;
	color: black;
	margin-right:0.5rem;
	font-size: 26px;
}
.fa-links-container li{
	margin-bottom: 0.1rem;
}
.fa-links-container ul li:first-child{
	margin-top: 0.5rem;
}
.fa-links-container ul li:last-child{
	margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
	.fa-row{
		display: flex;
		flex-direction: column;
	}
	.fa-links-container{
		width: 100%;
		margin-left: 0rem;
	}
	
}
@media (max-width: 1023px) {
	.fa-links-container span{
	
		font-size: 17px;
	}	
}