/*
 * @file
 * global.styles - Mobile First!
 * Author - Tom Grinsted (tg@peytz.dk)
 *
 * Styles you add here will load for all device sizes, they are "global"
 *
 * IMPORTANT - If you are new to the theme be sure to read the partial _README.txt.
 */
/* Document Index
----------------------------------------------------------------------------
/* Global typography
/* Wrappers
/* Branding
/* Miscellaneous global styles
/* Menus
/* Pagers
/* Fields
/* Panels
/* Blocks
/* Nodes
/* Views
/* Forms
/* Footer

Custom sections
------------------
/* Site split menu
/* Film language
/* Dark theme
*/
html {
  background: white;
}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 87.5%;
  line-height: 1.5em;
  overflow-x: hidden;
}

/* Global typography
---------------------------------------------------------------------------- */
h1,
h2,
.field-collection-view .field-name-field-section-title p,
.film_language .vocabulary,
.film-language-menu-tree .menu li a,
h3 {
  font-family: "holltonbold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.1em;
  font-weight: 400;
}

h1 {
  font-size: 2.57143em;
  padding: 0.72222em 0 0.36111em;
  line-height: 0.9em;
}

h2, .field-collection-view .field-name-field-section-title p, .film_language .vocabulary, .film-language-menu-tree .menu li a {
  font-size: 1.71429em;
  padding: 0.41667em 0;
}
h2.block-title, .field-collection-view .field-name-field-section-title p.block-title, .film_language .block-title.vocabulary, .film-language-menu-tree .menu li a.block-title {
  border-top: 1px solid #bbbbbb;
  padding: 0.41667em 0 0.41667em;
}
h2.pane-title.block-title a, .field-collection-view .field-name-field-section-title p.pane-title.block-title a, .film_language .pane-title.block-title.vocabulary a, .film-language-menu-tree .menu li a.pane-title.block-title a {
  color: #333333;
  margin-top: 20px;
}

h3 {
  font-size: 1.21429em;
  padding: 0.58824em 0;
}

h4 {
  margin: 0;
  line-height: 1.1em;
  padding: 0.71429em 0;
}

p {
  font-weight: 400;
  font-size: 0.92857em;
  padding: 0 0 1.23077em;
  line-height: 1.53846em;
  margin: 0;
}
p.intro {
  font-weight: 700;
  font-size: 1.07143em;
  line-height: 1.4em;
}

.datetime {
  text-transform: uppercase;
  color: #999999;
  font-weight: bold;
}

address {
  font-style: normal;
}

cite {
  font-style: normal;
}

.dk_fouc select {
  display: none;
}

.left {
  float: left;
  margin: 0.28571em 1.42857em 2.14286em 0;
}

.right {
  float: right;
  margin: 0.28571em 0 2.14286em 1.42857em;
}

/* Style global typography based on the .prose */
.prose {
  /* Coloured numbers - http://www.456bereastreet.com/lab/styling-ordered-list-numbers/ */
}
.prose ul,
.prose ol {
  font-size: 0.92857em;
  margin: 0;
  padding: 0 0 1.23077em;
}
.prose ul li,
.prose ol li {
  position: relative;
}
.prose ul li:before,
.prose ol li:before {
  position: absolute;
}
.prose ul {
  list-style: none;
}
.prose ul li {
  padding: 0 0 0.38462em 2.15385em;
}
.prose ul li:before {
  top: 0.61538em;
  margin: 0 0 0 -0.76923em;
  /* accommodate Camino */
  vertical-align: middle;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #999999;
  content: "";
  -moz-border-radius: 2px / 2px;
  -webkit-border-radius: 2px 2px;
  border-radius: 2px / 2px;
}
.prose ol {
  counter-reset: li;
}
.prose ol li {
  display: block;
  padding: 0 0 0 1em;
  margin: 0 0 0.38462em 1.30769em;
  list-style: none;
}
.prose ol li:before {
  content: counter(li);
  counter-increment: li;
  top: 0;
  left: 0;
  color: #999999;
  font-weight: bold;
}
.prose blockquote {
  font-size: 1.14286em;
  color: #666666;
  font-style: italic;
  margin: 0 1.0625em 1.25em 1.0625em;
  font-family: Georgia, Times, "Times New Roman", serif;
  line-height: 1.3em;
}
.prose blockquote p {
  line-height: 1.3em;
  padding: 1em 0 0;
  /* Reverse the default padding direction to enable use of first-child */
}
.prose blockquote p:first-child {
  padding: 0;
}
.prose blockquote p:before, .prose blockquote p:after {
  color: #f55b24;
  font-size: 1.32em;
  line-height: 0;
}
.prose blockquote p:before {
  content: '\00bb';
  margin-left: -0.69697em;
  padding: 0 0.09091em 0 0;
}
.prose blockquote p:after {
  content: '\00ab';
  padding: 0 0 0 0.09091em;
}

/* Generic styles for 'Stand alone icons' - http://css-tricks.com/examples/IconFont/ */
.icon-alone {
  display: inline-block;
}
.icon-alone:hover {
  text-decoration: none;
}

.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* Tables */
table {
  font-size: 0.92857em;
  margin: 0.76923em 0 1.53846em 0;
  padding: 0;
  width: 100%;
}

table,
thead,
tbody,
tr,
th,
td {
  border-color: #bbbbbb;
}

table,
td,
th {
  vertical-align: top;
}

th {
  font-weight: 700;
  background-color: gainsboro;
}

td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 0.76923em 1em;
  text-align: left;
}

tbody tr {
  border-top: 1px solid #bbbbbb;
}

tr {
  /* Table row striping */
}
tr.odd {
  background: #ededed;
}
tr.even, tr:nth-child(2n+2) {
  border-bottom: 0;
  background-color: whitesmoke;
}

/* Bare table (No borders or background colours) */
table.bare {
  border: none;
  margin: 0 0 1.53846em;
}
table.bare table,
table.bare thead,
table.bare tbody,
table.bare tr,
table.bare th,
table.bare td {
  border: none;
}
table.bare th {
  background-color: #ededed;
}
table.bare td,
table.bare th {
  padding: 0.76923em 1em 0.76923em 0;
}
table.bare tbody tr {
  border-top: none;
}
table.bare tr.even, table.bare tr:nth-child(2n+2), table.bare tr.odd td.active, table.bare tr.even td.active {
  background-color: #ededed;
}

/* 50% 50% split table */
table {
  /* 33% 33% 33% split table */
  /* 25% 25% 25% 25% split table */
}
table.td-50-50 td {
  width: 50%;
}
table.td-33-33-33 td {
  width: 33.33333%;
}
table.td-25-25-25-25 td {
  width: 25%;
}

/* Wrappers
---------------------------------------------------------------------------- */
/* All wrappers share the same background color with the exception of the footer */
.page {
  background-color: #ededed;
}

#content-wrapper {
  padding-top: 0;
}

#tertiary-content-wrapper {
  background-color: #ededed;
}

.section-frontpage #main-content-header, .search-page #main-content-header {
  display: none;
}

/* TODO (jm) Consider hiding breadcrumb when empty
.section-frontpage #breadcrumb-wrapper {
  display: none;
}*/
/* Branding
---------------------------------------------------------------------------- */
/* Wraps all the branding elements, logo, name and slogan */
#branding {
  padding: 0.71429em 0 0.71429em;
  height: 56px;
}
#branding .fb-like {
  position: absolute;
  top: 48px;
  width: auto !important;
}
#branding .newsletter {
  display: none;
}

/* Miscellaneous global styles
---------------------------------------------------------------------------- */
/* Generic styles for the more link */
.more-link {
  float: right;
}
.more-link a {
  display: block;
  position: relative;
  font-size: 0.76923em;
  color: white;
  text-transform: uppercase;
  background-color: #f55b24;
  font-weight: bold;
  padding: 0.23077em 2.53846em 0.23077em 0.92308em;
  min-width: 7.69231em;
  text-align: left;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.more-link a:after {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
  content: '>';
  display: block;
  position: absolute;
  top: 0.38462em;
  right: 0.61538em;
  cursor: pointer;
  font-weight: normal;
}
.more-link a:hover {
  text-decoration: none;
  background-color: #d23f0c;
}
.more-link a:visited {
  color: #ededed;
}
.more-link.light a {
  background-color: white;
  color: #f55b24;
}
.more-link.light a:hover {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
}
.more-link.medium a {
  background-color: #999999;
}
.more-link.medium a:hover {
  background-color: #666666;
}

/* Generic button style */
.btn {
  display: block;
  position: relative;
  color: white;
  text-transform: uppercase;
  background-color: #f55b24;
  font-weight: bold;
  padding: 0.76923em 1.07692em;
  text-align: left;
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.btn:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '>';
  display: block;
  position: absolute;
  cursor: pointer;
  top: 14px;
  right: 9px;
}
.btn:hover {
  text-decoration: none;
  background-color: #d23f0c;
}
.btn:visited {
  color: #ededed;
}
.btn.dark {
  background-color: #333333;
}
.btn.dark:hover {
  background-color: black;
}
.btn.play, .btn.plus {
  padding: 0.76923em 1.07692em 0.76923em 2.92308em;
}
.btn.play:before {
  content: '\e00c';
  font-size: 24px;
  top: 11px;
  left: 9px;
  opacity: 0.7;
}
.btn.plus:before {
  content: '+';
  font-size: 20px;
  top: 11px;
  left: 12px;
}

/* Generic styles for links */
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: block;
}
ul.links li {
  display: inline;
  list-style: none;
  padding: 0 0.71429em 0 0;
}

/* Action links */
ul.action-links li {
  list-style: none;
  padding: 0;
}
ul.action-links li:before {
  background: transparent;
}

/* Global links */
a {
  text-decoration: none;
  color: #f55b24;
}
a:hover, a:focus {
  text-decoration: underline;
  cursor: pointer;
}

li a.active {
  color: #f55b24;
}

/* Contextual links */
.contextual-links {
  padding: 0;
}
.contextual-links > li {
  padding: 0;
}
.contextual-links > li:before {
  display: none;
}

/* Skip navigation */
#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}
#skip-link a {
  background: #444444;
  background: rgba(0, 0, 0, 0.6);
  color: #ededed;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
#skip-link a:link, #skip-link a:visited {
  background: #444444;
  background: rgba(0, 0, 0, 0.6);
  color: #ededed;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
#skip-link a:hover, #skip-link a:focus, #skip-link a:active {
  outline: 0;
}

/* Tabs */
#tasks {
  margin-bottom: 15px;
}

ul.primary {
  border-bottom-color: #bbbbbb;
  margin: 20px 0;
  padding: 0 0 0 5px;
}
ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}
ul.primary li a {
  background-color: whitesmoke;
  border-color: #bbbbbb;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}
ul.primary li a:hover, ul.primary li a:focus {
  background-color: white;
  border-color: #bbbbbb;
}
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #ededed;
  border-bottom-color: #ededed;
}

ul.secondary {
  border-bottom: 1px solid #bbbbbb;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}
ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}
ul.secondary li a:hover, ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}

/* Print link on node pages */
/* Hide from mobile */
.fc-links {
  display: none;
}

.credits {
  clear: both;
}
.credits dl {
  margin-top: 0;
  overflow: hidden;
}
.credits dt {
  float: left;
  clear: left;
  width: 8.57143em;
}
.credits dt:after {
  content: ":";
}
.credits dd {
  margin: 0 0 0 9.28571em;
  padding: 0 0 0.35714em 0;
}
.credits dd.credit-Production a:hover {
  text-decoration: none;
}
.credits dd.credit-Production a:first-child:hover {
  text-decoration: underline;
}
.credits footer.more-link {
  padding-bottom: 10px;
}

.credits-external-link:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e016';
}

.related-resources ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 10px;
}
.related-resources ul > li {
  display: block;
  float: left;
  padding: 0;
}
.related-resources ul > li:before {
  display: none;
}
.related-resources ul li {
  float: none;
  display: block;
  border-bottom: 1px solid #bbbbbb;
  border-bottom: 1px solid rgba(187, 187, 187, 0.8);
  padding: 9px 0;
}
.related-resources ul li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.related-resources ul li .file-size {
  font-size: 0.85714em;
  color: #999999;
}

.PDF {
  padding-left: 22px;
  background: transparent url(images/pdf.png) no-repeat left -1px;
}

.ZIP {
  padding-left: 22px;
  background: transparent url(images/zip.png) no-repeat left -1px;
}

/* Film display toggle (Teaching material nodes) */
.film-display-toggle {
  float: none;
  text-align: center;
}
.film-display-toggle a {
  width: 130px;
  margin: 0 auto;
}
.film-display-toggle a:after {
  content: '\e00d';
  right: 0.71429em;
}
.film-display-toggle a.read-less:after {
  content: '\e00e';
}

.fc-institution ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fc-institution ul li {
  margin-bottom: 10px;
}

/* Global toggleable content groups */
.toggleable h2.block-title, .toggleable .field-collection-view .field-name-field-section-title p.block-title, .field-collection-view .field-name-field-section-title .toggleable p.block-title, .toggleable .film_language .block-title.vocabulary, .film_language .toggleable .block-title.vocabulary, .toggleable .film-language-menu-tree .menu li a.block-title, .film-language-menu-tree .menu li .toggleable a.block-title,
.toggleable-wrap h2.block-title,
.toggleable-wrap .field-collection-view .field-name-field-section-title p.block-title,
.field-collection-view .field-name-field-section-title .toggleable-wrap p.block-title,
.toggleable-wrap .film_language .block-title.vocabulary,
.film_language .toggleable-wrap .block-title.vocabulary,
.toggleable-wrap .film-language-menu-tree .menu li a.block-title,
.film-language-menu-tree .menu li .toggleable-wrap a.block-title {
  cursor: pointer;
  position: relative;
}
.toggleable h2.block-title:after, .toggleable .field-collection-view .field-name-field-section-title p.block-title:after, .field-collection-view .field-name-field-section-title .toggleable p.block-title:after, .toggleable .film_language .block-title.vocabulary:after, .film_language .toggleable .block-title.vocabulary:after, .toggleable .film-language-menu-tree .menu li a.block-title:after, .film-language-menu-tree .menu li .toggleable a.block-title:after,
.toggleable-wrap h2.block-title:after,
.toggleable-wrap .field-collection-view .field-name-field-section-title p.block-title:after,
.field-collection-view .field-name-field-section-title .toggleable-wrap p.block-title:after,
.toggleable-wrap .film_language .block-title.vocabulary:after,
.film_language .toggleable-wrap .block-title.vocabulary:after,
.toggleable-wrap .film-language-menu-tree .menu li a.block-title:after,
.film-language-menu-tree .menu li .toggleable-wrap a.block-title:after {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '+';
  position: absolute;
  right: 0;
  top: 10px;
  color: #999999;
}
.toggleable h2.block-title.expanded:after, .toggleable .field-collection-view .field-name-field-section-title p.block-title.expanded:after, .field-collection-view .field-name-field-section-title .toggleable p.block-title.expanded:after, .toggleable .film_language .block-title.expanded.vocabulary:after, .film_language .toggleable .block-title.expanded.vocabulary:after, .toggleable .film-language-menu-tree .menu li a.block-title.expanded:after, .film-language-menu-tree .menu li .toggleable a.block-title.expanded:after,
.toggleable-wrap h2.block-title.expanded:after,
.toggleable-wrap .field-collection-view .field-name-field-section-title p.block-title.expanded:after,
.field-collection-view .field-name-field-section-title .toggleable-wrap p.block-title.expanded:after,
.toggleable-wrap .film_language .block-title.expanded.vocabulary:after,
.film_language .toggleable-wrap .block-title.expanded.vocabulary:after,
.toggleable-wrap .film-language-menu-tree .menu li a.block-title.expanded:after,
.film-language-menu-tree .menu li .toggleable-wrap a.block-title.expanded:after {
  content: '-';
}
.toggleable h2.block-title:hover:after, .toggleable .field-collection-view .field-name-field-section-title p.block-title:hover:after, .field-collection-view .field-name-field-section-title .toggleable p.block-title:hover:after, .toggleable .film_language .block-title.vocabulary:hover:after, .film_language .toggleable .block-title.vocabulary:hover:after, .toggleable .film-language-menu-tree .menu li a.block-title:hover:after, .film-language-menu-tree .menu li .toggleable a.block-title:hover:after,
.toggleable-wrap h2.block-title:hover:after,
.toggleable-wrap .field-collection-view .field-name-field-section-title p.block-title:hover:after,
.field-collection-view .field-name-field-section-title .toggleable-wrap p.block-title:hover:after,
.toggleable-wrap .film_language .block-title.vocabulary:hover:after,
.film_language .toggleable-wrap .block-title.vocabulary:hover:after,
.toggleable-wrap .film-language-menu-tree .menu li a.block-title:hover:after,
.film-language-menu-tree .menu li .toggleable-wrap a.block-title:hover:after {
  color: #333333;
}

.toggleable > div {
  display: none;
}
.toggleable.expanded > div {
  display: block;
}

.toggleable-wrap.block {
  margin-bottom: 0;
}
.toggleable-wrap .block-inner > div {
  display: none;
}
.toggleable-wrap.expanded .block-inner > div {
  display: block;
}
.toggleable-wrap footer {
  padding-bottom: 0.8em;
}

/* Breadcrumbs */
.crumbs {
  display: none;
}

/* Is Film icon */
.media-container.is-film {
  position: relative;
}
.media-container.is-film > a {
  display: block;
  line-height: 0;
}
.media-container.is-film > .icon-alone {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 30px;
  color: #ededed;
  color: rgba(237, 237, 237, 0.8);
}
.media-container.is-film > .icon-alone:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e00c';
}
.media-container.is-film > .icon-alone:hover {
  color: #ededed;
}

.icon-help:hover .screen-reader-text {
  top: 100%;
  left: auto;
  right: 3px;
  color: #333333 !important;
  background: white;
  font-size: 14px;
  z-index: 9999;
  padding: 10px;
  margin-top: 10px;
  line-height: 16px;
  min-width: 120px;
  text-align: center;
}
.icon-help:hover .screen-reader-text:after {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  right: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
}

.teaching-material-icon:hover .screen-reader-text {
  right: 10px;
}

.dropdown-content-inner.logged-in {
  display: none;
}

.my-fc-top-wrap {
  display: none;
}

/* Has teaching materials icon */
.teaching-material-icon {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 30px;
  color: #ededed;
  color: rgba(237, 237, 237, 0.8);
  width: 32px;
  height: 32px;
  padding: 4px;
  display: block;
  background: black;
  background: rgba(0, 0, 0, 0.25);
  cursor: help;
  margin: 1px;
  line-height: 1em !important;
}
.teaching-material-icon:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e005';
}
.teaching-material-icon > span {
  line-height: 1em !important;
}

.show .teaching-material-icon {
  background: transparent;
  z-index: 9999;
}
.show .teaching-material-icon a {
  background: transparent;
}
.show .teaching-material-icon .teaching-material-txt {
  display: none;
}
.show .teaching-material-icon span {
  line-height: 1em;
}

/* Messages */
div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* Go to top link */
#go-to-top {
  position: fixed;
  bottom: 0;
  right: 20px;
  display: block;
}
#go-to-top a {
  display: block;
  width: 32px;
  height: 32px;
  background: #636363;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#go-to-top a:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e00e';
  color: #f55b24;
  opacity: 0.6;
  font-size: 1.42857em;
  line-height: 32px;
  vertical-align: middle;
  display: block;
  text-align: center;
}
#go-to-top a:before:hover {
  opacity: 1;
}
#go-to-top a:hover {
  text-decoration: none;
  background: #636363;
  background: rgba(0, 0, 0, 0.1);
}

/* Create a positioning context for the RSS feed icon */
.view-id-search_pages {
  position: relative;
}

/* RSS Feed icon */
div.feed-icon {
  position: absolute;
  top: -34px;
  right: 1px;
}
div.feed-icon:after {
  content: '\e012';
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #f55b24;
  font-size: 1.71429em;
  position: relative;
  top: -5px;
  vertical-align: top;
}
div.feed-icon img {
  margin-left: 8px;
  display: none;
}
.view-id-search_pages div.feed-icon {
  position: static;
  top: auto;
  right: auto;
  clear: both;
  margin-top: 10px;
  float: left;
}

/* Menus
---------------------------------------------------------------------------- */
.nav {
  clear: both;
  padding: 10px 0;
}
.nav ul,
.nav ul.menu {
  margin: 0;
  padding: 0;
}
.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav li a,
.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 0 10px;
}
.nav .block {
  margin-bottom: 0;
}

ul.menu {
  padding-left: 1.07143em;
}
ul.menu ul {
  padding-left: 1.07143em;
}
ul.menu li {
  margin: 0;
}

/* Featured blocks have a default menu style as follows */
.featured-block .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.featured-block .menu.submenu {
  display: none;
}
.featured-block .menu li {
  list-style: none;
  padding: 0;
}
.featured-block .menu li a {
  display: block;
  clear: both;
  padding-top: 0.64286em;
  padding-right: 2.14286em;
  padding-bottom: 0.64286em;
  padding-left: 0.64286em;
  position: relative;
  color: white;
  font-weight: bold;
  border-bottom: 1px solid #d4400b;
}
.featured-block .menu li a:after {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
  position: absolute;
  top: 25%;
  right: 10px;
  margin: 0;
  font-size: 12px;
  color: #ffbda6;
}
.featured-block .menu li a.active {
  background-color: #d23f0c;
  text-decoration: none;
}
.featured-block .menu li a:hover {
  text-decoration: none;
}
.featured-block .menu li.expanded a:after, .featured-block .menu li.collapsed a:after {
  content: '\e00d';
}
.featured-block .menu li.leaf a:after, .featured-block .menu li.collapsed a:after {
  display: none;
}
.featured-block .menu ul a {
  background-color: #fe652f;
  border-bottom: 1px solid #db4610;
}
.featured-block .menu ul ul a {
  background-color: #ff713f;
  border-bottom: 1px solid #e44d17;
}

.featured-block .active > .submenu {
  display: block;
}

/* Sub menu toggle (Added via block) */
.sub-menu-link {
  display: block;
  float: right;
  padding: 8px 9px 8px 12px;
  color: white;
  height: 16px;
  background-color: #f55b24;
  cursor: pointer;
  margin-top: 1px;
}
.sub-menu-link span:first-child {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
  vertical-align: middle;
  margin-top: -1px;
  padding-left: 3px;
}

/* Featured story - 3 columns (2 columns here) */
.four-featured {
  display: block;
  width: 103.33333%;
  margin: 0 -1.66667%;
  *zoom: 1;
  padding: 0;
}
.four-featured:before, .four-featured:after {
  content: "";
  display: table;
}
.four-featured:after {
  clear: both;
}

.feature-portrait {
  display: inline;
  float: left;
  width: 46.66667%;
  margin: 0 1.66667%;
  letter-spacing: 0;
  word-spacing: 0;
  position: relative;
  line-height: 0;
  overflow: hidden;
  max-height: 190px;
}
.feature-portrait:nth-child(n+3) {
  display: none;
}
.feature-portrait h3 {
  position: absolute;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  bottom: 0;
  left: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  letter-spacing: -0.01em;
  word-wrap: normal;
}
.feature-portrait h3 a {
  color: white;
}
.feature-portrait h3 a:visited {
  color: white;
}
.feature-portrait > a {
  display: block;
  padding-bottom: 100%;
  position: relative;
}
.feature-portrait img {
  width: 100%;
  height: auto;
  position: absolute;
}

/* Featured story - 3 columns */
.three-featured {
  display: block;
  width: 103.33333%;
  margin: 0 -1.66667%;
  *zoom: 1;
  padding: 0;
}
.three-featured:before, .three-featured:after {
  content: "";
  display: table;
}
.three-featured:after {
  clear: both;
}

.three-featured--item {
  display: inline;
  float: left;
  width: 46.66667%;
  margin: 0 1.66667%;
  overflow: visible;
  position: relative;
  max-height: none;
}
.three-featured--item:nth-child(n+3) {
  display: none;
}
.three-featured--item > a {
  display: block;
  max-height: 190px;
  width: 100%;
  overflow: hidden;
}
.three-featured--item > h3 {
  bottom: auto;
  position: static;
  background: none;
  padding: 10px 0 0;
  width: 100%;
  overflow: hidden;
}
.three-featured--item > h3 > a {
  color: #333333;
}
.three-featured--item > h3 > a:visited {
  color: #333333;
}

/* Multi level sub menu */
/* Featured blocks with multi level sub menus have special
behaviour due to mobile display of the menu */
/* We need div.region to override global default settings */
div.region .block.fc-multi-level-menu-container {
  display: none;
  clear: both;
}
div.region .block.fc-multi-level-menu-container.is-visible-on-mobile {
  display: block;
}
div.region .block.fc-multi-level-menu-container.active {
  display: block;
  width: 95%;
}

.fc-multi-level-menu-container .block-inner .block-content {
  padding: 0.41667em 0;
}
.fc-multi-level-menu-container.active {
  position: absolute;
  top: 32px;
  right: 10px;
  z-index: 2;
}
.fc-multi-level-menu-container.active h2, .fc-multi-level-menu-container.active .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .fc-multi-level-menu-container.active p, .fc-multi-level-menu-container.active .film_language .vocabulary, .film_language .fc-multi-level-menu-container.active .vocabulary, .fc-multi-level-menu-container.active .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .fc-multi-level-menu-container.active a {
  display: none;
}
.fc-multi-level-menu-container.active .block-inner {
  margin: 0;
  border: none !important;
  padding: 0 !important;
}
.fc-multi-level-menu-container.active .block-inner .block-content {
  padding: 0;
}

.mob-toggle-wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
}

.mob-toggle {
  display: block;
  border: none;
  float: right;
  font-size: 36px;
  color: white;
  background-color: #f55b24;
  position: relative;
  height: 56px;
  width: 56px;
  position: relative;
  margin-left: 2px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.mob-toggle:before {
  font-family: "filmcentralen-icon-font";
  content: '\e008';
  cursor: pointer;
  position: absolute;
  top: 15px;
  left: 16px;
  font-size: 24px;
}
.mob-toggle.search-toggle {
  background-color: #333333;
  -moz-transition: none 1s;
  -o-transition: none 1s;
  -webkit-transition: none 1s;
  transition: none 1s;
}
.mob-toggle.search-toggle:before {
  content: '\e004';
}
.mob-toggle.active {
  height: 64px;
  -moz-transition: none 1s;
  -o-transition: none 1s;
  -webkit-transition: none 1s;
  transition: none 1s;
}
.mob-toggle.active:before {
  content: '\2715';
}

/* Global/Mobile styles first */
.fc-expanded-nav .menu-block-wrapper {
  display: none;
  clear: both;
  position: relative;
  z-index: 2;
  /* Override global styles */
}
.fc-expanded-nav .menu-block-wrapper ul.menu {
  padding-left: 0;
}
.fc-expanded-nav .menu-block-wrapper ul.menu ul {
  padding-left: 0;
}
.fc-expanded-nav .menu-block-wrapper ul.menu li.collapsed, .fc-expanded-nav .menu-block-wrapper ul.menu li.expanded, .fc-expanded-nav .menu-block-wrapper ul.menu li.leaf {
  list-style-image: none;
  list-style: none;
  padding: 0;
}
.fc-expanded-nav .menu-block-wrapper li a {
  display: block;
  position: relative;
  color: white;
  font-size: 22px;
  padding: 18px 10px;
  font-weight: bold;
}
.fc-expanded-nav .menu-block-wrapper li a:hover {
  text-decoration: none;
  color: white;
}
.fc-expanded-nav .menu-block-wrapper li a.active {
  text-decoration: none;
}
.fc-expanded-nav .menu-block-wrapper > ul {
  background-color: #f55b24;
  margin: 0;
}
.fc-expanded-nav .menu-block-wrapper > ul > li:first-child {
  border-bottom: 1px solid #f2a083;
}
.fc-expanded-nav .menu-block-wrapper > ul ul {
  clear: both;
  padding: 10px 0 25px;
}
.fc-expanded-nav .menu-block-wrapper > ul ul li {
  position: relative;
}
.fc-expanded-nav .menu-block-wrapper > ul ul li a {
  padding: 3px 10px 3px 24px;
  font-size: 16px;
}
.fc-expanded-nav .menu-block-wrapper > ul ul li a:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
  content: ">";
  position: absolute;
  left: 9px;
  top: 4px;
  font-size: 10px;
}
.fc-expanded-nav .menu-block-wrapper > ul ul li a.active {
  text-decoration: none;
  color: #f38060;
}
.fc-expanded-nav .menu-block-wrapper > ul ul li a.active:hover {
  color: white;
}
.fc-expanded-nav .menu-block-wrapper li.expanded > a {
  color: white;
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
}
.fc-expanded-nav .menu-block-wrapper li.expanded > a.current {
  color: white;
  font-weight: bold;
}
.fc-expanded-nav .menu-block-wrapper li.expanded > a.current + ul.show {
  display: block;
}
.fc-expanded-nav .menu-block-wrapper li.expanded > a.current + ul.hide {
  display: none;
}
.fc-expanded-nav .menu-block-wrapper li.expanded > a.current:after {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '+';
  position: absolute;
  top: 0;
  right: 7px;
  display: block;
  font-size: 24px;
  padding: 18px 9px;
  color: #f2a083;
}
li.expanded > a.current.active .fc-expanded-nav .menu-block-wrapper:after {
  content: "-";
}

.js .fc-expanded-nav .menu-block-wrapper > ul li.active-trail ul {
  max-height: 55em;
  z-index: 2;
}

.fc-expanded-nav .expanded > ul {
  display: none;
}

/* Subpage menu */
div.region div.pane-menu-tree {
  float: right;
  width: auto;
}
div.region div.pane-menu-tree ul.menu {
  margin-top: -3.5em;
  border: 1px solid #bbbbbb;
  padding: .3em .5em .5em 1em;
}
div.region div.pane-menu-tree ul.menu li {
  float: left;
  list-style: none;
}
div.region div.pane-menu-tree a {
  color: #999999;
  font-weight: bold;
  text-decoration: none;
}
div.region div.pane-menu-tree a.selected {
  color: #f55b24;
}

/* Uni login button */
.unilogin-menu {
  padding: 10px;
}
.unilogin-menu .btn {
  width: 100%;
  color: #f55b24 !important;
  background-color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Pagers
---------------------------------------------------------------------------- */
.item-list .pager {
  margin: 20px 0;
  font-size: 0.92857em;
  border-top: 1px dashed #aaaaaa;
  padding-top: 10px;
}
.item-list .pager li {
  float: left;
  display: block;
  width: 2.92308em;
  height: 2.23077em;
  padding: 0;
  margin: 0 0.38462em 0.38462em 0;
  line-height: 2.07692em;
}
.item-list .pager li a {
  float: left;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #bbbbbb;
  font-weight: bold;
}
.item-list .pager li a:hover {
  text-decoration: none;
  background-color: #333333;
  color: #ededed;
  border: 1px solid #333333;
}
.item-list .pager .pager-current,
.item-list .pager .pager-ellipsis {
  border: 1px solid #bbbbbb;
  width: 2.76923em;
  height: 2.07692em;
}
.item-list .pager .pager-first,
.item-list .pager .pager-last {
  display: none;
}
.item-list .pager .pager-next a,
.item-list .pager .pager-previous a {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
}

/* Fields
---------------------------------------------------------------------------- */
/* Field generic styles */
/* Field collection views - Used by the 'Teaching material' content type */
.prose .field-collection-view ul.field-collection-view-links {
  margin: 0;
}
.prose .field-collection-view ul.field-collection-view-links li {
  list-style: none;
  padding: 0;
}
.prose .field-collection-view ul.field-collection-view-links li:before {
  background: transparent;
}
.prose .field-collection-view ul.field-collection-view-links li a {
  font-size: 1.09091em;
  margin: 0 0 0 1em;
}

.node-subpage .node-title {
  font-size: 2.57143em;
  padding: 0.33333em 0;
}
.node-subpage .node-title a {
  color: #000;
}

.field-collection-view {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.field-collection-view .field-name-field-section-title p {
  padding-bottom: 15px;
}

.field-collection-container {
  border-bottom: none;
  margin-bottom: 0;
}
.field-collection-container ul.action-links-field-collection-add {
  margin: 0;
  padding: 0;
}
.field-collection-container ul.action-links-field-collection-add a {
  font-size: 1.09091em;
}

.field-collection-container .field-items .field-item {
  margin: 0;
}

/* Taxonomy term reference default style */
.field-type-taxonomy-term-reference {
  /* Disabled - since it is not currently used (no linking)
  .field-items {
    @include align-left-list;
    margin-bottom: em(15,14);

    > li {
      margin: 0 em(5,14) em(5,14) 0;
    }

    a {
      padding: em(2,14) em(7,14);
      color: $green;
      border: 1px solid $border;
      display: block;
      @include single-transition(background, 0.2s, ease-in-out);

      &:hover {
        text-decoration: none;
        background-color: white;
      }
    }
  }*/
}
.field-type-taxonomy-term-reference .field-label {
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 1.14286em;
  text-transform: none;
  margin-bottom: 5px;
}
.field-type-taxonomy-term-reference.field-label-above .field-label {
  display: block;
}

.field-name-field-grade .field-items,
.field-name-field-material-type .field-items,
.field-name-field-subjects .field-items,
.field-name-field-topics .field-items,
.field-name-field-education-level .field-items,
.field-name-field-subject .field-items,
.field-name-field-secondary-school-subject .field-items,
.field-name-field-projects .field-items,
.field-name-field-focus-points .field-items,
.field-name-field-projects .field-items,
.field-name-field-geography .field-items {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin-bottom: 1.07143em;
}
.field-name-field-grade .field-items > li,
.field-name-field-material-type .field-items > li,
.field-name-field-subjects .field-items > li,
.field-name-field-topics .field-items > li,
.field-name-field-education-level .field-items > li,
.field-name-field-subject .field-items > li,
.field-name-field-secondary-school-subject .field-items > li,
.field-name-field-projects .field-items > li,
.field-name-field-focus-points .field-items > li,
.field-name-field-projects .field-items > li,
.field-name-field-geography .field-items > li {
  display: block;
  float: left;
  padding: 0;
}
.field-name-field-grade .field-items > li:before,
.field-name-field-material-type .field-items > li:before,
.field-name-field-subjects .field-items > li:before,
.field-name-field-topics .field-items > li:before,
.field-name-field-education-level .field-items > li:before,
.field-name-field-subject .field-items > li:before,
.field-name-field-secondary-school-subject .field-items > li:before,
.field-name-field-projects .field-items > li:before,
.field-name-field-focus-points .field-items > li:before,
.field-name-field-projects .field-items > li:before,
.field-name-field-geography .field-items > li:before {
  display: none;
}
.field-name-field-grade .field-items > li,
.field-name-field-material-type .field-items > li,
.field-name-field-subjects .field-items > li,
.field-name-field-topics .field-items > li,
.field-name-field-education-level .field-items > li,
.field-name-field-subject .field-items > li,
.field-name-field-secondary-school-subject .field-items > li,
.field-name-field-projects .field-items > li,
.field-name-field-focus-points .field-items > li,
.field-name-field-projects .field-items > li,
.field-name-field-geography .field-items > li {
  margin: 0 0.35714em 0 0;
}
.field-name-field-grade .field-items > li:after,
.field-name-field-material-type .field-items > li:after,
.field-name-field-subjects .field-items > li:after,
.field-name-field-topics .field-items > li:after,
.field-name-field-education-level .field-items > li:after,
.field-name-field-subject .field-items > li:after,
.field-name-field-secondary-school-subject .field-items > li:after,
.field-name-field-projects .field-items > li:after,
.field-name-field-focus-points .field-items > li:after,
.field-name-field-projects .field-items > li:after,
.field-name-field-geography .field-items > li:after {
  content: ',';
}
.field-name-field-grade .field-items > li:last-child:after,
.field-name-field-material-type .field-items > li:last-child:after,
.field-name-field-subjects .field-items > li:last-child:after,
.field-name-field-topics .field-items > li:last-child:after,
.field-name-field-education-level .field-items > li:last-child:after,
.field-name-field-subject .field-items > li:last-child:after,
.field-name-field-secondary-school-subject .field-items > li:last-child:after,
.field-name-field-projects .field-items > li:last-child:after,
.field-name-field-focus-points .field-items > li:last-child:after,
.field-name-field-projects .field-items > li:last-child:after,
.field-name-field-geography .field-items > li:last-child:after {
  content: '';
}

.linked-teaser .field-name-field-topics {
  font-style: italic;
}

.linked-teaser .badge {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  padding: 2px 7px 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px !important;
  right: 0;
  color: #fff;
}
.linked-teaser.node-dfi-film .badge {
  background: rgba(179, 152, 99, 0.7);
}
.linked-teaser.node-clip .badge {
  background: rgba(6, 152, 219, 0.7);
}

/* END Field generic styles */
/* Field specific styles */
.node-type-page .field-name-field-topics {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
  padding-top: 1.07143em;
  border-top: 1px solid #bbbbbb;
}

.node-type-article .field-name-body {
  margin-top: 1.07143em;
}

.article_share {
  margin: .5em 0 0;
  min-height: 20px;
}

/* Fields specific to Teaching Material Nodes */
.node-type-teaching-material .field-name-field-teaching-material-type .field-items {
  margin-bottom: 0;
}
.node-type-teaching-material .field-name-field-teaching-material-type .field-item {
  font-family: "holltonbold", Helvetica, Arial, sans-serif;
  font-size: 1.14286em;
  text-transform: uppercase;
  line-height: 1.1em;
  font-weight: 400;
}
.node-type-teaching-material .field-name-field-section-title .field-item {
  font-family: "holltonbold", Helvetica, Arial, sans-serif;
  font-size: 1.71429em;
  padding: 0.41667em 0;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.1em;
  font-weight: 400;
}

/* END Field specific styles */
/* Panels
---------------------------------------------------------------------------- */
.region-two-33-66-first .block:first-child .block-inner,
.region-two-33-66-second .block:first-child .block-inner,
.region-two-66-33-first .block:first-child .block-inner,
.region-two-66-33-second .block:first-child .block-inner,
.region-two-25-75-first .block:first-child .block-inner,
.region-two-25-75-second .block:first-child .block-inner {
  border-top: 1px solid #bbbbbb;
  padding-top: 15px;
}
.page-filmsprog .region-two-33-66-first .block:first-child .block-inner, .node-type-film-language .region-two-33-66-first .block:first-child .block-inner, .page-filmsprog
.region-two-33-66-second .block:first-child .block-inner, .node-type-film-language
.region-two-33-66-second .block:first-child .block-inner, .page-filmsprog
.region-two-66-33-first .block:first-child .block-inner, .node-type-film-language
.region-two-66-33-first .block:first-child .block-inner, .page-filmsprog
.region-two-66-33-second .block:first-child .block-inner, .node-type-film-language
.region-two-66-33-second .block:first-child .block-inner, .page-filmsprog
.region-two-25-75-first .block:first-child .block-inner, .node-type-film-language
.region-two-25-75-first .block:first-child .block-inner, .page-filmsprog
.region-two-25-75-second .block:first-child .block-inner, .node-type-film-language
.region-two-25-75-second .block:first-child .block-inner {
  border: none;
}

#mini-panel-newsletter_signup .block > .block-inner {
  border-top: none;
  padding-top: 0;
}
#mini-panel-newsletter_signup .block > .block-inner > h2, #mini-panel-newsletter_signup .field-collection-view .field-name-field-section-title .block > .block-inner > p, .field-collection-view .field-name-field-section-title #mini-panel-newsletter_signup .block > .block-inner > p, #mini-panel-newsletter_signup .film_language .block > .block-inner > .vocabulary, .film_language #mini-panel-newsletter_signup .block > .block-inner > .vocabulary, #mini-panel-newsletter_signup .film-language-menu-tree .menu li .block > .block-inner > a, .film-language-menu-tree .menu li #mini-panel-newsletter_signup .block > .block-inner > a {
  padding-bottom: 10px;
}

.region-two-66-33-second .fc-multi-level-menu-container:first-child .block-inner {
  border-top: none;
  padding-top: 0;
}

/* Custom Panel layout (two 25/75) */
.two-25-75 > .region {
  width: 100%;
}

div.region .pane-fc-print-button.block {
  display: none;
}

.node-type-teaching-material .add-this-block {
  position: relative;
  margin: 0;
}
.node-type-teaching-material .add-this-block > .block-inner {
  position: absolute;
  left: 0;
  top: -40px;
}

.pane-news-list-sandwich .field-type-text-with-summary,
.pane-news-list-not-sandwich .field-type-text-with-summary {
  display: none;
}

/* Blocks
---------------------------------------------------------------------------- */
/* Main wrapper for most blocks, block_system_main does not have it */
.block {
  margin-bottom: 1.42857em;
}
.block .toggleable {
  margin-bottom: 0;
}

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

.block-fc-top {
  margin-bottom: 1.42857em;
}

.site-mission-wrapper {
  color: white;
}
.site-mission-wrapper .intro {
  line-height: 1.3em;
}

/* Sub nav menu toggle */
.fc-sub-nav-toggle {
  margin-bottom: 0.71429em;
}

/* Featured block style (Default orange bg) */
.featured-block {
  /* Neutral grey background */
}
.featured-block .block-inner .block-content,
.featured-block .block-inner h2.block-title,
.featured-block .block-inner .field-collection-view .field-name-field-section-title p.block-title,
.field-collection-view .field-name-field-section-title .featured-block .block-inner p.block-title,
.featured-block .block-inner .film_language .block-title.vocabulary,
.film_language .featured-block .block-inner .block-title.vocabulary,
.featured-block .block-inner .film-language-menu-tree .menu li a.block-title,
.film-language-menu-tree .menu li .featured-block .block-inner a.block-title {
  background-color: #f55b24;
  padding: 10px;
}
.featured-block h2, .featured-block .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .featured-block p, .featured-block .film_language .vocabulary, .film_language .featured-block .vocabulary, .featured-block .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .featured-block a {
  color: white;
  border-top: none;
}
.featured-block.neutral .block-inner .block-content,
.featured-block.neutral .block-inner h2.block-title,
.featured-block.neutral .block-inner .field-collection-view .field-name-field-section-title p.block-title,
.field-collection-view .field-name-field-section-title .featured-block.neutral .block-inner p.block-title,
.featured-block.neutral .block-inner .film_language .block-title.vocabulary,
.film_language .featured-block.neutral .block-inner .block-title.vocabulary,
.featured-block.neutral .block-inner .film-language-menu-tree .menu li a.block-title,
.film-language-menu-tree .menu li .featured-block.neutral .block-inner a.block-title {
  background-color: #d0d0d0;
}
.featured-block.neutral h2, .featured-block.neutral .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .featured-block.neutral p, .featured-block.neutral .film_language .vocabulary, .film_language .featured-block.neutral .vocabulary, .featured-block.neutral .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .featured-block.neutral a {
  color: inherit;
}

/* Info box blocks */
.infobox .featured-block {
  /* Neutral grey background */
}
.infobox .featured-block .field-collection-item-field-infobox .content {
  background-color: #f55b24;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
}
.infobox .featured-block .field-collection-item-field-infobox .content .more-link {
  margin-top: 10px;
}
.infobox .featured-block h2, .infobox .featured-block .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .infobox .featured-block p, .infobox .featured-block .film_language .vocabulary, .film_language .infobox .featured-block .vocabulary, .infobox .featured-block .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .infobox .featured-block a {
  color: white;
  border-top: none;
}
.infobox .featured-block.neutral .field-collection-item-field-infobox .content {
  background-color: #d0d0d0;
}
.infobox .featured-block.neutral h2, .infobox .featured-block.neutral .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .infobox .featured-block.neutral p, .infobox .featured-block.neutral .film_language .vocabulary, .film_language .infobox .featured-block.neutral .vocabulary, .infobox .featured-block.neutral .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .infobox .featured-block.neutral a {
  color: inherit;
}
.infobox .featured-block ul.field-collection-view-links {
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.infobox .featured-block ul.field-collection-view-links > li {
  display: block;
  float: left;
  padding: 0;
}
.infobox .featured-block ul.field-collection-view-links > li:before {
  display: none;
}

/* Custom panel-pane infobox. */
#content .infobox--custom .block-inner {
  border: 0;
}

.infobox--custom {
  margin-top: 20px;
}
.infobox--custom .block-inner {
  background: #d0d0d0;
  padding: 0.71429em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.infobox--custom .block-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
}
.infobox--custom .block-content a {
  float: right;
  display: block;
  position: relative;
  font-size: 0.76923em;
  color: white;
  text-transform: uppercase;
  background-color: #999999;
  font-weight: bold;
  padding: 0.23077em 2.53846em 0.23077em 0.92308em;
  min-width: 7.69231em;
  text-align: left;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.infobox--custom .block-content a:after {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6em;
  content: '>';
  display: block;
  position: absolute;
  top: 0.38462em;
  right: 0.61538em;
  cursor: pointer;
  font-weight: normal;
}
.infobox--custom .block-content a:hover {
  text-decoration: none;
  background-color: #666666;
}
.infobox--custom .block-content a:visited {
  color: #ededed;
}
.infobox--custom .block-content .more-link {
  margin-top: 10px;
}
.infobox--custom h2, .infobox--custom .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .infobox--custom p, .infobox--custom .film_language .vocabulary, .film_language .infobox--custom .vocabulary, .infobox--custom .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .infobox--custom a {
  border-top: none;
}

/* Uni Login Menu Block (Header) */
div.region .block-uni-login-menu.block {
  display: none;
}

/* Film language terms block */
.film-language-terms {
  margin-bottom: 10px;
}
.film-language-terms .block-content {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
}
.film-language-terms .more-link {
  float: left;
  padding-bottom: 10px;
  margin: 10px 10px 0 10px;
}
.film-language-terms .more-link a {
  min-width: 0;
}

.hidden {
  display: none;
}

div.region section.film-language-authors {
  display: none;
}

/* Split links block */
/* Suggest word block */
.suggest-word .block-inner {
  background: #f55b24;
  padding: 0.71429em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.suggest-word .block-inner .webform-component {
  position: relative;
}
.suggest-word .block-inner h2, .suggest-word .block-inner .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .suggest-word .block-inner p, .suggest-word .block-inner .film_language .vocabulary, .film_language .suggest-word .block-inner .vocabulary, .suggest-word .block-inner .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .suggest-word .block-inner a,
.suggest-word .block-inner label,
.suggest-word .block-inner p {
  color: #ededed;
  padding-top: 0;
}
.suggest-word .block-inner label {
  position: absolute;
  top: 1.55em;
  left: .5em;
}
.suggest-word .block-inner p {
  font-weight: bold;
  padding: 0 0 .1em;
}
.suggest-word .block-inner input[type="text"] {
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  padding: 10px;
  margin: 1em 0 0.71429em;
  color: #ededed;
}
.suggest-word .block-inner input[type="text"]::-webkit-input-placeholder {
  color: #ededed;
}
.suggest-word .block-inner .form-required {
  color: white;
}
.suggest-word .block-inner input[type="submit"] {
  width: 100%;
  background: #ededed;
  color: #f55b24;
  text-align: left;
  position: relative;
  border: 0;
  padding: 0.71429em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.suggest-word .block-inner input[type="submit"]::after {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
  content: '>';
  display: block;
  position: absolute;
  top: 0.85714em;
  right: 0.71429em;
  cursor: pointer;
  font-weight: normal;
  color: #f55b24;
  z-index: 1000;
}

/* My film features block */
.my-film-features {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: block;
  width: 103.33333%;
  margin: 0 -1.66667%;
  *zoom: 1;
  margin-top: 1.42857em;
}
.my-film-features > li {
  display: block;
  float: left;
  padding: 0;
}
.my-film-features > li:before {
  display: none;
}
.my-film-features:before, .my-film-features:after {
  content: "";
  display: table;
}
.my-film-features:after {
  clear: both;
}
.my-film-features .group {
  display: inline;
  float: left;
  width: 46.66667%;
  margin: 0 1.66667%;
}
.my-film-features .group:nth-child(odd) {
  clear: left;
}
.my-film-features .group .media-container {
  height: 0px;
  width: 100%;
  padding-bottom: 57.727272727%;
  background: #dedede;
  position: relative;
}
.my-film-features .group .media-container span {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  font-size: 3.57143em;
  margin-top: -25px;
  color: #999999;
}

.my-fc-playlist-controls {
  border-bottom: 1px solid #bbb;
  text-align: right;
  padding-bottom: 0.71429em;
  margin: 0 0 2em 0;
}
.my-fc-playlist-controls a {
  margin-bottom: 0.5em;
}

/* My playlists */
.my-fc-playlist .my-fc-cut-display {
  position: absolute;
  bottom: 0.15em;
  color: white;
  background: #f55b24;
  opacity: 0.8;
  width: 100%;
  padding: 0;
  font-size: 0.9em;
}
.my-fc-playlist .my-fc-cut-display span {
  padding: 0 1em;
}
.my-fc-playlist h3 {
  padding-bottom: 0;
}

.my-fc-list-item {
  position: relative;
}
.my-fc-list-item .icon-alone {
  position: absolute;
  right: 0.6em;
  bottom: 0.8em;
  font-size: 3em;
  color: rgba(255, 255, 255, 0.7);
}
.my-fc-list-item .icon-alone:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e00c';
}

.trash {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  font-size: 2.5em;
  color: white;
  background: #f55b24;
  display: none;
  width: 1.5em;
  height: 1.2em;
  text-align: center;
  padding-top: 0.15em;
  z-index: 1;
  cursor: pointer;
  border-radius: 50%;
}
.trash:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e013';
}

.my-fc-playlist .film-teaser {
  position: relative;
}
.my-fc-playlist .my-fc-film-label {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  color: white;
  padding: 0.1em 1em;
  font-size: 0.9em;
  text-transform: uppercase;
  z-index: 1;
}
.my-fc-playlist .label-film {
  background: #333333;
}
.my-fc-playlist .label-cut {
  background: #f55b24;
}

.my-fc-overlay {
  position: absolute;
  z-index: 2;
  background: #333333;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=56);
  opacity: 0.56;
  height: 100%;
  width: 100%;
  text-align: center;
  top: 0;
  right: 0;
}
.my-fc-overlay:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e007';
  font-size: 6em;
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -42px 0 0 -42px;
}

.my-playlists {
  margin-bottom: 0;
  padding-bottom: 0.71429em;
}
.my-playlists .my-fc-playlist-image {
  position: relative;
}
.my-playlists .block-inner {
  border-bottom: 1px solid #bbbbbb;
}
.my-playlists .my-fc-lists h2, .my-playlists .my-fc-lists .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .my-playlists .my-fc-lists p, .my-playlists .my-fc-lists .film_language .vocabulary, .film_language .my-playlists .my-fc-lists .vocabulary, .my-playlists .my-fc-lists .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .my-playlists .my-fc-lists a {
  font-size: 1.28571em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: none;
  padding-top: 0;
}
.my-playlists .my-fc-new-list {
  *zoom: 1;
  padding-bottom: 0.71429em;
  margin-bottom: 0.71429em;
  border-bottom: 1px solid #bbbbbb;
}
.my-playlists .my-fc-new-list:before, .my-playlists .my-fc-new-list:after {
  content: "";
  display: table;
}
.my-playlists .my-fc-new-list:after {
  clear: both;
}
.my-playlists .my-fc-new-list h2, .my-playlists .my-fc-new-list .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .my-playlists .my-fc-new-list p, .my-playlists .my-fc-new-list .film_language .vocabulary, .film_language .my-playlists .my-fc-new-list .vocabulary, .my-playlists .my-fc-new-list .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .my-playlists .my-fc-new-list a {
  font-size: 1.28571em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: none;
  padding-top: 0;
}
.my-playlists .my-fc-new-list .btn {
  display: inline-block;
  float: right;
}
.my-playlists ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: block;
  width: 103.33333%;
  margin: 0 -1.66667%;
  *zoom: 1;
}
.my-playlists ul > li {
  display: block;
  float: left;
  padding: 0;
}
.my-playlists ul > li:before {
  display: none;
}
.my-playlists ul:before, .my-playlists ul:after {
  content: "";
  display: table;
}
.my-playlists ul:after {
  clear: both;
}
.my-playlists ul .group {
  display: inline;
  float: left;
  width: 46.66667%;
  margin: 0 1.66667%;
  margin-bottom: 1.42857em;
}
.my-playlists ul .group:nth-child(odd) {
  clear: left;
}
.my-playlists ul .group .media-container {
  height: 0px;
  width: 100%;
  padding-bottom: 57.727272727%;
  background: #dedede;
  position: relative;
}
.my-playlists ul .group .media-container.my-fc-playlist-image {
  background: #dedede url(../images/my-fc_list-fallback.png) left top;
  background-size: cover;
}
.my-playlists ul .group a {
  color: #333333;
}
.my-playlists ul .save .media-container {
  border: 1px dashed #bbbbbb;
}
.my-playlists ul .save .media-container > a {
  color: #f55b24;
  font-size: 0.92857em;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -6px;
}
.my-playlists ul .save a {
  color: #999999;
}

/* Save clip */
.save-clip h2, .save-clip .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .save-clip p, .save-clip .film_language .vocabulary, .film_language .save-clip .vocabulary, .save-clip .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .save-clip a {
  position: relative;
  padding-left: 0.85714em;
}
.save-clip h2:before, .save-clip .field-collection-view .field-name-field-section-title p:before, .field-collection-view .field-name-field-section-title .save-clip p:before, .save-clip .film_language .vocabulary:before, .film_language .save-clip .vocabulary:before, .save-clip .film-language-menu-tree .menu li a:before, .film-language-menu-tree .menu li .save-clip a:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\2605';
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -.6em;
  font-size: 0.71429em;
  color: #f6d584;
}
.save-clip fieldset {
  padding: 0.71429em 0;
}
.save-clip fieldset legend {
  cursor: pointer;
}
.save-clip .dk_container {
  margin-bottom: 0.35714em;
  background: none;
}
.save-clip input[type="text"] {
  width: 100%;
  margin-bottom: 0.35714em;
}
.save-clip input[type="submit"] {
  width: 30%;
  min-width: 150px;
  margin-top: 0.71429em;
}
.save-clip .dk_container a {
  width: 100% !important;
}

/* Nodes
---------------------------------------------------------------------------- */
.node-unpublished {
  background: none;
}

.fc-film-not-available {
  padding: 10px;
  margin: 5px 0 15px 0;
  border: 1px solid #bbbbbb;
  background-color: white;
  clear: both;
}

/* Generic style for view mode 'top' */
.fc-top {
  position: relative;
}
.fc-top .fc-top-content-wrapper {
  background-color: transparent;
}
.fc-top .fc-top-content-wrapper h1 {
  padding: 0;
}
.fc-top .fc-top-content-wrapper .field-name-field-teaser-text p {
  font-weight: bold;
  margin: 0.35714em 0 0.21429em;
  line-height: 1.42857em;
  padding: 0;
}

.node-type-film-language h1 {
  padding-top: 0;
}

.film_language.fc-top-content-wrapper.fc-has-image {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.film_language.fc-top-content-wrapper.fc-has-image p {
  color: white;
}

.tmat-taxonomy-wrapper {
  border-bottom: 1px solid #bbbbbb;
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
  margin-bottom: 1.07143em;
}
.tmat-taxonomy-wrapper > section {
  float: left;
  display: inline-block;
  width: 30%;
}

/* DFI Film node */
.node-type-dfi-film .pane-entity-view {
  margin-bottom: 0;
}

.node-type-dfi-film footer.more-link {
  border-top: 1px dashed #aaaaaa;
  padding-top: 10px;
  width: 100%;
}
.node-type-dfi-film footer.more-link a {
  float: right;
}

.primary-actions {
  list-style: none;
  padding: 0;
}
.primary-actions li {
  margin-bottom: 10px;
}
.primary-actions li .btn.play {
  font-size: 0.85714em;
}
.primary-actions li .btn.play:before {
  top: 8px;
  left: 7px;
}

.dfi-film-top-container .dfi-film-top-detail {
  width: 100%;
}
.dfi-film-top-container .dfi-film-top-detail .primary-actions {
  display: none;
}
.dfi-film-top-container h1 {
  padding-top: 0;
}
.dfi-film-top-container .film-rating {
  display: block;
  background-image: url(images/ratings2x.png);
  background-repeat: no-repeat;
  background-size: 47px;
  height: 34px;
  width: 47px;
  margin-bottom: 5px;
  background-position: 0 -106px;
}
.dfi-film-top-container .film-rating.optional-under-seven {
  background-position: 0 -35px;
}
.dfi-film-top-container .film-rating.permitted-over-eleven {
  background-position: 0 -71px;
  height: 33px;
}
.dfi-film-top-container .film-rating.permitted-over-fifteen {
  background-position: 0 -105px;
}
.dfi-film-top-container .film-rating.permitted-all {
  background-position: 0 0;
}
.dfi-film-top-container .film-rating a {
  display: block;
  height: 34px;
  width: 47px;
}
.dfi-film-top-container .video-container {
  width: 100%;
  /* Film edit controls */
}
.dfi-film-top-container .video-container .video-wrap-inner > .play-video {
  display: none;
  text-decoration: none;
}
.dfi-film-top-container .video-container .video-wrap-inner > .play-video:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e00c';
}
.dfi-film-top-container .video-container .primary-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.dfi-film-top-container .video-container .primary-actions > li {
  float: left;
  width: 44%;
  margin: 0 4% 0 2%;
}
.dfi-film-top-container .video-container .primary-actions > li:first-child {
  margin: 0 2% 0 4%;
}
.dfi-film-top-container .video-container > ul {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin: 5px 0 20px;
  width: 100%;
}
.dfi-film-top-container .video-container > ul > li {
  display: block;
  float: left;
  padding: 0;
}
.dfi-film-top-container .video-container > ul > li:before {
  display: none;
}
.dfi-film-top-container .video-container > ul li {
  margin-right: 10px;
}
.dfi-film-top-container .video-container > ul li.mark-scene-wrapper, .dfi-film-top-container .video-container > ul li.film-snapshot-wrapper {
  display: none;
}
.dfi-film-top-container .video-container > ul li.film-snapshot-wrapper iframe {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.dfi-film-top-container .video-container > ul li .mark-scene:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e00a';
  font-size: 13px;
  color: #666666;
  margin-right: 5px;
}
.dfi-film-top-container .video-container > ul li .film-snapshot:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e003';
  font-size: 14px;
  color: #666666;
  margin-right: 5px;
}
.dfi-film-top-container .video-container > ul li .open-help:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\3f';
  font-size: 14px;
  color: #666666;
  margin-right: 5px;
}
.dfi-film-top-container .video-container > ul li > a,
.dfi-film-top-container .video-container > ul li .mark-scene {
  display: block;
  color: #333333;
  background-color: white;
  border: 1px solid #dfdfdf;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 5px 11px;
  line-height: 21px;
}
.dfi-film-top-container .video-container > ul li > a:hover,
.dfi-film-top-container .video-container > ul li .mark-scene:hover {
  text-decoration: none;
  background-color: #dfdfdf;
  border: 1px solid #c8c8c8;
}
.dfi-film-top-container .video-container > ul li.save-film a:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\2605';
  font-size: 14px;
  color: #666666;
}
.dfi-film-top-container .video-container > ul li.save-film a:hover {
  background-color: #f6d584;
  border: 1px solid #dbba69;
  color: #5d4815;
}
.dfi-film-top-container .video-container > ul li.save-film a:hover:before {
  color: #5d4815;
}
.dfi-film-top-container .video-container > ul li.last {
  float: right;
  margin-right: 0;
  margin-top: 5px;
}
.dfi-film-top-container .video-container .edit-controls {
  display: none;
}

/* Hide certain buttons on any mobile */
html.mobile li.mark-scene-wrapper,
html.mobile li.film-snapshot-wrapper {
  display: none !important;
}

div.fancybox-inner div.scene {
  height: 100%;
}
div.fancybox-inner div.scene #video-wrap-inner {
  height: 100%;
}
div.fancybox-inner div.scene #video-wrap-inner video {
  width: 100%;
  height: 100%;
  background: #000;
  display: block;
  position: static;
}

#video-wrap-inner video {
  width: 100%;
  height: 100%;
  position: absolute;
}

.help .help-text {
  display: none;
}

.dfi-film-synopsis {
  clear: both;
  border-top: 1px solid #bbbbbb;
  padding: 20px 0 40px;
}
.dfi-film-synopsis .field-name-body {
  width: 100%;
}
.dfi-film-synopsis .dfi-film-terms-container {
  width: 100%;
}
.dfi-film-synopsis .dfi-film-terms-container .field-type-taxonomy-term-reference {
  clear: both;
}
.dfi-film-synopsis .dfi-film-terms-director {
  padding-bottom: 10px;
}
.dfi-film-synopsis .dfi-film-terms-director h4,
.dfi-film-synopsis .dfi-film-terms-director a {
  display: inline-block;
}
.dfi-film-synopsis .dfi-film-terms-director h4 {
  padding: 0;
  line-height: 1.2em;
  margin: 0 0.71429em 1em 0;
  font-size: 1.14286em;
}
.dfi-film-synopsis .dfi-film-terms-director p {
  margin: 0;
  padding: 0;
}

.related-teaching-materials .group:nth-child(n+2) > section {
  border-bottom: none;
}
.related-teaching-materials .group:nth-child(n+2) > section:hover {
  border-bottom: none;
}
.related-teaching-materials footer {
  padding-bottom: 10px;
}

.fallback-tile-wrap {
  position: relative;
}

.fallback-tile-text-w-image {
  position: absolute;
  z-index: 1;
  color: white;
  font-size: 1.5em;
  bottom: 0;
  padding: 0 1em;
}
.fallback-tile-text-w-image p {
  padding: 1.28571em 0;
}

.dfi-film-modules-wrapper .toggle-group {
  margin-bottom: 15px;
}
.dfi-film-modules-wrapper .stills ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: block;
  width: 103.33333%;
  margin: 0 -1.66667%;
  *zoom: 1;
}
.dfi-film-modules-wrapper .stills ul > li {
  display: block;
  float: left;
  padding: 0;
}
.dfi-film-modules-wrapper .stills ul > li:before {
  display: none;
}
.dfi-film-modules-wrapper .stills ul:before, .dfi-film-modules-wrapper .stills ul:after {
  content: "";
  display: table;
}
.dfi-film-modules-wrapper .stills ul:after {
  clear: both;
}
.dfi-film-modules-wrapper .stills ul > li {
  display: inline;
  float: left;
  width: 46.66667%;
  margin: 0 1.66667%;
  margin-bottom: 20px;
}
.dfi-film-modules-wrapper .stills ul > li > a {
  display: block;
  line-height: 0;
}

.fancybox-stills .fancybox-outer .fancybox-inner {
  height: auto !important;
  position: relative;
}
.fancybox-stills .fancybox-outer .fancybox-inner .read-more-credits {
  position: absolute;
  bottom: 0px;
  display: block;
  z-index: 9999;
}
.fancybox-stills .fancybox-outer .fancybox-image,
.fancybox-stills .fancybox-outer .fancybox-iframe {
  height: auto !important;
}

.fancybox-overlay + #fancybox-thumbs > ul li {
  position: relative;
  opacity: 1;
}
.fancybox-overlay + #fancybox-thumbs > ul li img {
  opacity: 0.5;
}
.fancybox-overlay + #fancybox-thumbs > ul li.active img {
  opacity: 1;
}
.fancybox-overlay + #fancybox-thumbs > ul li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
}

.fancybox-still-title {
  padding: 0;
}

.stills-title,
.stills-producer,
.stills-year,
.stills-link {
  display: none;
}

.director-feature .block-title {
  display: inline;
  float: left;
  width: 96.66667%;
  margin: 0 1.66667%;
}

.more-about-dfi-film ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.more-about-dfi-film ul > li {
  display: block;
  float: left;
  padding: 0;
}
.more-about-dfi-film ul > li:before {
  display: none;
}
.more-about-dfi-film ul li {
  width: 100%;
  margin-bottom: 15px;
}
.more-about-dfi-film ul li > a {
  display: block;
}
.more-about-dfi-film ul li > a:hover {
  color: #333333;
  text-decoration: none;
}
.more-about-dfi-film ul li > a:hover h3 {
  text-decoration: underline;
}
.more-about-dfi-film .media-container {
  float: left;
  width: 150px;
  margin-right: 20px;
}
.more-about-dfi-film h3 {
  padding-top: 0;
  color: #333333;
}
.more-about-dfi-film p {
  color: #f55b24;
  padding: 0;
}

.page-soeg .fc-search-result-view .view-header .more-link {
  float: left;
  text-align: left;
  padding-bottom: 15px;
}
.page-soeg .pane-title.block-title {
  margin-top: 25px;
}
.page-soeg .pane-title.block-title > span {
  font-size: 0.65em;
}
.page-soeg .pane-title.block-title .pane-solr-search-panel-pane-2 {
  margin-top: 0;
  margin-bottom: 0 0 -1em;
  padding: 0;
}
.page-soeg .pane-title.block-title .pane-solr-search-panel-pane-2 .block {
  margin-bottom: -2em;
  padding-bottom: 0;
}

/* Search results display toggle */
.search-display-toggle {
  float: none;
  text-align: center;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dashed #aaaaaa;
}
.search-display-toggle a {
  width: 220px;
  margin: 0 auto;
}
.search-display-toggle a:after {
  content: '\e00d';
  right: 0.71429em;
}
.search-display-toggle a.read-less:after {
  content: '\e00e';
}

.pane-same-director,
.pane-related-articles,
.pane-fc-film-more-info,
.pane-fc-film-block-modules,
.pane-solr-search-indexed-similar-films,
.fc-film-floating-block {
  vertical-align: top;
  float: none;
  display: inline-block;
  width: 50%;
}

ul.contracted > li:nth-child(n+2) {
  display: none;
}

p.contracted_link {
  margin: -20px 0 0;
  padding: 0;
}

p.expand_link {
  margin-top: -1em;
  padding-bottom: 0.85714em;
}

div.field-name-field-guide {
  padding-bottom: 1em;
}

.node-type-dfi-film .block-region-content .region-inner {
  font-size: 0;
  margin: -10px;
}
.node-type-dfi-film .block-region-content .region-inner .panel-pane {
  font-size: 14px;
  padding: 10px;
  box-sizing: border-box;
}

div.panel-separator {
  display: none;
}

/* Views
---------------------------------------------------------------------------- */
/* Standard */
.group .field-name-field-teaching-material-type,
.group .field-name-field-article-type,
.group .field-name-field-material-type {
  color: #999999;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85714em;
  line-height: 1.3em;
  padding-bottom: 3px;
}
.group .field-name-field-teaching-material-type .field-items,
.group .field-name-field-article-type .field-items,
.group .field-name-field-material-type .field-items {
  margin: 0;
  list-style: none;
  padding: 0;
}

/* Default stacked view */
.stacked {
  padding: 0;
  margin: 0;
  list-style: none;
}
.stacked .group > article {
  display: block;
  clear: both;
  border-bottom: 1px solid #bbbbbb;
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.stacked .group > article h3 {
  padding-top: 0;
}
.stacked .group > article h3 a {
  color: #333333;
}
.stacked .group > article .field-name-field-grade ul {
  margin-top: 15px;
  font-style: italic;
}
.stacked .group > article .datetime {
  display: block;
  font-size: 0.85714em;
  padding-top: 10px;
}
.stacked .group > article .media-container {
  float: left;
  margin: 0 1.07143em 1.07143em 0;
}
.stacked .group > article .media-container img {
  width: 140px;
}
.stacked .group > article:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.stacked .views-row-last > section {
  border-bottom: none;
}
.stacked .views-row-last > section:hover {
  border-bottom: none;
}

/* Default thumbnail grid view */
.thumbnail-grid {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: block;
  width: 103.33333%;
  margin: 0 -1.66667%;
  *zoom: 1;
}
.thumbnail-grid > li {
  display: block;
  float: left;
  padding: 0;
}
.thumbnail-grid > li:before {
  display: none;
}
.thumbnail-grid:before, .thumbnail-grid:after {
  content: "";
  display: table;
}
.thumbnail-grid:after {
  clear: both;
}
.thumbnail-grid .group {
  display: inline;
  float: left;
  width: 46.66667%;
  margin: 0 1.66667%;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.thumbnail-grid .group:nth-child(odd) {
  clear: left;
}
.thumbnail-grid .group .media-container {
  width: 100%;
  padding-bottom: 57.727272727%;
  overflow: hidden;
  height: 0;
  text-align: center;
}
.thumbnail-grid .group h3 a {
  color: #333333;
}

/* Flexslider */
/* Flexslider default */
.flexslider {
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  visibility: hidden;
}
.flexslider.flexslider-processed {
  visibility: visible;
}
.flexslider h1 {
  position: absolute;
  bottom: 18px;
  left: 18px;
  padding: 0;
  color: white;
}
.flexslider h1:hover {
  text-decoration: none;
}
.flexslider h1 .field-name-field-story-link {
  font-size: 0.4em;
  line-height: 1em;
}
.flexslider ul,
.flexslider li {
  padding: 0;
  margin: 0;
}
.flexslider li:before {
  display: none;
}

/* Featured Story View (Uses standard flexslider) */
.view-featured-story-view {
  padding-bottom: 10px;
  padding-top: 10px;
}
.view-featured-story-view > .view-content .flexslider li {
  position: relative;
}
.view-featured-story-view > .view-content .flexslider li h1 {
  z-index: 2;
}
.view-featured-story-view > .view-content .flexslider li:before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.13);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  z-index: 1;
}

/* Flexslider custom */
.flexslider-custom {
  margin: 0;
  position: relative;
}
.flexslider-custom .group {
  margin-bottom: 15px;
}

/* Flexslider custom sandwich */
.view-display-id-list_sandwich .slides > li {
  margin: 0;
}
.view-display-id-list_sandwich .slides > li:nth-child(n+2) {
  display: none;
}
.view-display-id-list_sandwich .group {
  clear: both;
  float: left;
  width: 100%;
}
.view-display-id-list_sandwich .group h3 {
  padding-top: 0;
}
.view-display-id-list_sandwich .group h3 a {
  color: #333333;
}
.view-display-id-list_sandwich .media-container {
  float: left;
  width: 50%;
  margin-right: 10px;
}
.view-display-id-list_sandwich .media-container img {
  width: 100%;
  margin: 0;
}

.flexslider-custom .group.no-margin-bottom {
  margin-bottom: 0;
}

/* Flexslider custom film teasers */
.view-clips-and-films,
.view-film-teasers {
  position: relative;
}
.view-clips-and-films .slides > li:nth-child(n+5),
.view-film-teasers .slides > li:nth-child(n+5) {
  display: none;
}

/** Flexslider news */
.view-id-news .group, .fc-search-result-view .group {
  overflow: hidden;
}
.view-id-news .media-container, .fc-search-result-view .media-container {
  float: left;
  width: 50%;
  margin-right: 10px;
}
.view-id-news .node-title, .fc-search-result-view .node-title {
  margin: 0;
  padding: 0;
}
.view-id-news .node-title a, .fc-search-result-view .node-title a {
  color: #333333;
}
.view-id-news .node-title a:visited, .fc-search-result-view .node-title a:visited {
  color: inherit;
}
.view-id-news .detail .summary, .fc-search-result-view .detail .summary {
  margin: 0.21429em 0 0;
  line-height: 1.5em;
}

.view-clips-and-films .group,
.view-film-teasers .group {
  position: relative;
  overflow: hidden;
}
.view-clips-and-films .group .linked-teaser > .media-container,
.view-film-teasers .group .linked-teaser > .media-container {
  float: left;
  width: 50%;
  margin-right: 10px;
}
.view-clips-and-films .group .linked-teaser > .media-container img,
.view-film-teasers .group .linked-teaser > .media-container img {
  width: 100%;
  margin: 0;
}
.view-clips-and-films .group .linked-teaser > header h3,
.view-film-teasers .group .linked-teaser > header h3 {
  padding-top: 10px;
}
.view-clips-and-films .group .linked-teaser > header h3 a,
.view-film-teasers .group .linked-teaser > header h3 a {
  color: #333333;
}
.view-clips-and-films .group .detail,
.view-film-teasers .group .detail {
  display: none;
}

/* Similar to the '.view-film-teasers' as above but with some subtle differences necessitating these extra styles */
.view-display-id-film_page .group,
.fc-search-result-film .group,
.view-film-node-view.view-display-id-panel_pane_3 .group {
  position: relative;
  overflow: hidden;
}
.view-display-id-film_page .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a,
.fc-search-result-film .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a,
.view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a {
  padding: 0 8px 0 0;
  color: #1ba600;
  border: none;
  display: block;
  position: relative;
}
.view-display-id-film_page .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a:hover,
.fc-search-result-film .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a:hover,
.view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a:hover {
  text-decoration: underline;
  background-color: transparent;
}
.view-display-id-film_page .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a:after,
.fc-search-result-film .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a:after,
.view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items a:after {
  content: ',';
}
.view-display-id-film_page .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items > li,
.fc-search-result-film .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items > li,
.view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items > li {
  margin: 0;
}
.view-display-id-film_page .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items > li:last-child a:after,
.fc-search-result-film .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items > li:last-child a:after,
.view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser .field-name-field-topics.field-type-taxonomy-term-reference .field-items > li:last-child a:after {
  content: '';
}
.view-display-id-film_page .group .detail,
.fc-search-result-film .group .detail,
.view-film-node-view.view-display-id-panel_pane_3 .group .detail {
  display: none;
}

/* Flexslider Controls */
/* Flexslider Direction Nav */
.pane-film-teasers-list-sandwich .flex-direction-nav a {
  margin-top: -75px;
}

.flex-direction-nav a {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  opacity: 1;
  display: block;
  top: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  text-indent: 0;
  height: 40px;
  width: 38px;
  color: #333333;
  font-size: 2.5em;
  line-height: 40px;
  margin-top: -40px;
}
.flex-direction-nav a:hover {
  text-decoration: none;
}
.flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev {
  opacity: 1;
}
.flex-direction-nav a.flex-next {
  right: 10px;
}
.flex-direction-nav a.flex-next:hover {
  right: 10px;
}
.flex-direction-nav a.flex-prev {
  left: 10px;
}
.flex-direction-nav a.flex-prev:hover {
  left: 10px;
}

/**
  Flex slider: featured images/story navigation
**/
.view-featured-story-view .flex-direction-nav a {
  opacity: 0.5;
  color: #dedede;
  display: block;
  position: absolute;
  z-index: 10;
  top: -1.5em;
}
.view-featured-story-view .flex-direction-nav a.flex-next, .view-featured-story-view .flex-direction-nav a.flex-prev {
  opacity: 0.5;
}
.view-featured-story-view .flex-direction-nav a.flex-next {
  right: 5px;
}
.view-featured-story-view .flex-direction-nav a.flex-next:hover {
  right: 5px;
}
.view-featured-story-view .flex-direction-nav a.flex-prev {
  left: 5px;
}
.view-featured-story-view .flex-direction-nav a.flex-prev:hover {
  left: 5px;
}

.view-display-id-film_not_sandwich .flex-direction-nav a {
  top: 36%;
}
.view-display-id-film_not_sandwich .view-footer {
  margin-bottom: -15em;
}

/* Custom flexslider navigation */
.custom-navigation-container ul:first-child {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  float: right;
  margin: 10px 0;
}
.custom-navigation-container ul:first-child > li {
  display: block;
  float: left;
  padding: 0;
}
.custom-navigation-container ul:first-child > li:before {
  display: none;
}
.custom-navigation-container ul:first-child li {
  width: 10px;
  margin-left: 8px;
}
.custom-navigation-container ul:first-child li a {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  background-color: #bbbbbb;
  text-indent: -9999px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.07143em;
}
.custom-navigation-container ul:first-child li a.flex-active {
  background-color: #f55b24;
}
.custom-navigation-container ul:first-child li a:hover {
  text-decoration: none;
}

/* Forms
---------------------------------------------------------------------------- */
/* Some defaults */
button,
input,
select,
textarea {
  border: 1px solid #dfdfdf;
  padding: 7px;
  background-color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

input[type="radio"] {
  -webkit-appearance: radio;
}

input[type="text"],
textarea {
  -moz-transition: all, 0.3s, ease-in-out 1s;
  -o-transition: all, 0.3s, ease-in-out 1s;
  -webkit-transition: all, 0.3s, ease-in-out 1s;
  transition: all 0.3s ease-in-out 1s;
}
input[type="text"]:focus,
textarea:focus {
  box-shadow: none;
  border: 1px solid #b4b4b4;
}

.webform-client-form,
.comment-form,
#user-login {
  width: 100%;
}
.webform-client-form input[type="text"],
.webform-client-form input[type="email"],
.webform-client-form input[type="password"],
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="password"],
#user-login input[type="text"],
#user-login input[type="email"],
#user-login input[type="password"] {
  width: 100%;
}

label {
  font-weight: bold;
  margin-bottom: 3px;
}

/* Wrapper for a form element (or group of form elements) and its label */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}
.form-item .description {
  font-size: 0.85em;
}

/* The submit button */
input[type="submit"] {
  font-size: 0.92857em;
  color: #ededed;
  text-transform: uppercase;
  background-color: #f55b24;
  font-weight: bold;
  padding: 0.69231em 0.92308em 0.61538em;
  margin: 0 1em 15px 0;
  border: none;
  letter-spacing: 0.07em;
}
input[type="submit"]:hover {
  background-color: #d23f0c;
}

/* Highlight marks and form required mark */
.marker,
.form-required {
  color: #c00;
}

.container-inline div,
.container-inline label {
  display: inline;
}

/* Style placeholder */
input::-webkit-input-placeholder {
  color: #cccccc;
}

input:-moz-placeholder {
  color: #cccccc;
}

input:-ms-input-placeholder {
  color: #cccccc;
}

fieldset {
  border: none;
}

#views-exposed-form-solr-search-block {
  display: none;
}

.spinner {
  display: none;
}

.block-solr-search-block {
  display: none;
  position: relative;
  margin-bottom: 0;
}
.block-solr-search-block .view-content {
  width: 100%;
  background: white;
  z-index: 1;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block-solr-search-block .view-content > h3 {
  font-size: 16px;
  padding: 25px 30px 5px 10px;
  color: black;
}
.block-solr-search-block .view-content .views-row {
  border-bottom: 1px solid #bbbbbb;
  border-bottom: 1px solid rgba(187, 187, 187, 0.7);
  padding: 0;
  cursor: pointer;
}
.block-solr-search-block .view-content .views-row a {
  display: block;
  color: #333333;
}
.block-solr-search-block .view-content .views-row a:hover {
  text-decoration: none;
}
.block-solr-search-block .view-content .views-row:hover {
  background-color: #666666;
  border-bottom-color: #bbbbbb;
  text-decoration: none;
}
.block-solr-search-block .view-content .views-row:hover a {
  color: #efefef;
}
.block-solr-search-block .view-content .views-row h3 {
  position: relative;
  padding: 14px 30px 14px 20px;
  text-transform: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
}
.block-solr-search-block .view-content .views-row h3:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\3e';
  position: absolute;
  font-size: 10px;
  top: 17px;
  left: 8px;
  color: #cccccc;
}
.block-solr-search-block .view-footer {
  display: none;
}

.block-fc-global-search {
  clear: both;
}

.border-attention {
  border: 1px solid #f55b24;
}

.global-search-type {
  font-size: .9em;
  font-weight: bold;
  margin-left: 1em;
  float: right;
  color: #999999;
}

.global-search-badge {
  font-size: 0.8em;
  margin-left: 2em;
  color: #999999;
}

.global-header-search-container {
  position: relative;
  margin-bottom: 10px;
  display: inline;
  float: left;
  width: 99.44444%;
  margin: 0 0.27778%;
}

/* Global header search */
.global-header-search {
  display: none;
  background: #333333;
  padding: 20px;
  position: relative;
  clear: both;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.global-header-search form > fieldset {
  position: relative;
}
.global-header-search input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 46px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  padding: 8px 42% 6px 8px;
  letter-spacing: 0.05em;
  -moz-transition: none 1s;
  -o-transition: none 1s;
  -webkit-transition: none 1s;
  transition: none 1s;
}
.global-header-search input[type="submit"] {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 41px;
  width: 15%;
  background-color: #f55b24;
  margin: 0;
  text-indent: -9999px;
  background-image: url(images/search.png);
  background-size: 17px 18px;
  background-repeat: no-repeat;
  background-position: center 50%;
}
.global-header-search input[type="submit"]:hover {
  background-color: #d23f0c;
}
.global-header-search .filters-container {
  display: none;
}

.views-exposed-form {
  position: relative;
}
.views-exposed-form .views-exposed-widget {
  width: 100%;
  padding: 0;
}

.fc-inline-form {
  display: none;
  text-align: right;
  float: right;
  margin-top: -38px;
}
.fc-inline-form .views-exposed-form {
  display: inline-block;
  clear: both;
  margin: 0;
  padding: 3px 10px 0;
}
.fc-inline-form .views-exposed-widgets {
  margin: 0;
}
.fc-inline-form label {
  cursor: pointer;
  color: #999999;
  display: block;
  padding-right: 20px;
  margin-top: 3px;
}
.fc-inline-form label:hover {
  color: #bbbbbb;
}
.fc-inline-form label.selected {
  color: #f55b24;
  position: relative;
}
.fc-inline-form label.selected:after {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\e00d';
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.fc-inline-form .views-submit-button {
  display: none;
}
.fc-inline-form input {
  display: none;
}
.fc-inline-form .form-item .form-item {
  margin: 0 0 0 30px;
  display: inline-block;
}
.fc-inline-form .form-item .form-item:first-child {
  margin: 0 0 0 10px;
}

/* Facet Search filters */
.region-two-25-75-first .pane-views.block {
  margin-bottom: 0.5em;
}
.region-two-25-75-first .pane-views.block .views-exposed-form {
  padding-top: 2.5em;
}

.pane-views-exp-search-pages-film-page,
.sort-by {
  margin-bottom: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
  overflow: visible;
}
.pane-views-exp-search-pages-film-page input[type="text"],
.sort-by input[type="text"] {
  width: 100%;
  margin: 0.71429em 0;
}
.pane-views-exp-search-pages-film-page label,
.sort-by label {
  display: none;
}
.pane-views-exp-search-pages-film-page .dk_toggle,
.sort-by .dk_toggle {
  padding-right: 25px;
}
.pane-views-exp-search-pages-film-page .dk_toggle:before,
.sort-by .dk_toggle:before {
  content: 'Sorter: ';
  color: #999;
}
.pane-views-exp-search-pages-film-page .views-exposed-widget.views-reset-button,
.sort-by .views-exposed-widget.views-reset-button {
  display: inline-block;
  margin: 14px 0;
  text-align: right;
  position: absolute;
  top: -12px;
  right: 0;
}
.pane-views-exp-search-pages-film-page .views-exposed-widget.views-reset-button input,
.sort-by .views-exposed-widget.views-reset-button input {
  margin: 0;
  background: none;
  color: #f55b24;
  text-transform: none;
  padding-right: 0;
  font-weight: normal;
}
.pane-views-exp-search-pages-film-page .dk_container,
.sort-by .dk_container {
  margin-bottom: 0;
}
.pane-views-exp-search-pages-film-page .views-exposed-widget.views-submit-button,
.sort-by .views-exposed-widget.views-submit-button {
  width: 47.5%;
  margin-right: 5%;
  float: left;
}
.pane-views-exp-search-pages-film-page .views-exposed-widget.views-submit-button input,
.sort-by .views-exposed-widget.views-submit-button input {
  margin: 0;
  position: relative;
}
.pane-views-exp-search-pages-film-page .views-exposed-widget.views-submit-button input:before,
.sort-by .views-exposed-widget.views-submit-button input:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '\3e';
  display: block;
  position: absolute;
  cursor: pointer;
  top: 14px;
  right: 9px;
}

.search-count {
  position: absolute;
  margin-top: -26px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #999999;
}

div.region.region-two-25-75-first .pane-fc-facet-custom {
  display: none;
}

.pane-fc-facet-custom, .pane-facetapi {
  padding: 5px 10px 5px;
  margin-bottom: 0;
  background: #f55b24;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pane-fc-facet-custom:first-child, .pane-facetapi:first-child {
  margin-top: 0.5em;
}
.pane-fc-facet-custom h2.block-title, .pane-fc-facet-custom .field-collection-view .field-name-field-section-title p.block-title, .field-collection-view .field-name-field-section-title .pane-fc-facet-custom p.block-title, .pane-fc-facet-custom .film_language .block-title.vocabulary, .film_language .pane-fc-facet-custom .block-title.vocabulary, .pane-fc-facet-custom .film-language-menu-tree .menu li a.block-title, .film-language-menu-tree .menu li .pane-fc-facet-custom a.block-title, .pane-facetapi h2.block-title, .pane-facetapi .field-collection-view .field-name-field-section-title p.block-title, .field-collection-view .field-name-field-section-title .pane-facetapi p.block-title, .pane-facetapi .film_language .block-title.vocabulary, .film_language .pane-facetapi .block-title.vocabulary, .pane-facetapi .film-language-menu-tree .menu li a.block-title, .film-language-menu-tree .menu li .pane-facetapi a.block-title {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  border-top: 0;
  text-transform: none;
  position: relative;
  padding: 0 0 0 1.07143em;
  margin-bottom: 0;
  color: #ededed;
  padding: 0.5em 0.92857em;
  margin-bottom: 0.35714em;
}
.pane-fc-facet-custom h2.block-title span, .pane-fc-facet-custom .field-collection-view .field-name-field-section-title p.block-title span, .field-collection-view .field-name-field-section-title .pane-fc-facet-custom p.block-title span, .pane-fc-facet-custom .film_language .block-title.vocabulary span, .film_language .pane-fc-facet-custom .block-title.vocabulary span, .pane-fc-facet-custom .film-language-menu-tree .menu li a.block-title span, .film-language-menu-tree .menu li .pane-fc-facet-custom a.block-title span, .pane-facetapi h2.block-title span, .pane-facetapi .field-collection-view .field-name-field-section-title p.block-title span, .field-collection-view .field-name-field-section-title .pane-facetapi p.block-title span, .pane-facetapi .film_language .block-title.vocabulary span, .film_language .pane-facetapi .block-title.vocabulary span, .pane-facetapi .film-language-menu-tree .menu li a.block-title span, .film-language-menu-tree .menu li .pane-facetapi a.block-title span {
  display: none;
}
.pane-fc-facet-custom.facetapi-collapsible.expanded h2.block-title:before, .pane-fc-facet-custom.facetapi-collapsible.expanded .field-collection-view .field-name-field-section-title p.block-title:before, .field-collection-view .field-name-field-section-title .pane-fc-facet-custom.facetapi-collapsible.expanded p.block-title:before, .pane-fc-facet-custom.facetapi-collapsible.expanded .film_language .block-title.vocabulary:before, .film_language .pane-fc-facet-custom.facetapi-collapsible.expanded .block-title.vocabulary:before, .pane-fc-facet-custom.facetapi-collapsible.expanded .film-language-menu-tree .menu li a.block-title:before, .film-language-menu-tree .menu li .pane-fc-facet-custom.facetapi-collapsible.expanded a.block-title:before, .pane-facetapi.facetapi-collapsible.expanded h2.block-title:before, .pane-facetapi.facetapi-collapsible.expanded .field-collection-view .field-name-field-section-title p.block-title:before, .field-collection-view .field-name-field-section-title .pane-facetapi.facetapi-collapsible.expanded p.block-title:before, .pane-facetapi.facetapi-collapsible.expanded .film_language .block-title.vocabulary:before, .film_language .pane-facetapi.facetapi-collapsible.expanded .block-title.vocabulary:before, .pane-facetapi.facetapi-collapsible.expanded .film-language-menu-tree .menu li a.block-title:before, .film-language-menu-tree .menu li .pane-facetapi.facetapi-collapsible.expanded a.block-title:before {
  content: '\e00d';
}
.pane-fc-facet-custom.facetapi-collapsible h2.block-title:before, .pane-fc-facet-custom.facetapi-collapsible .field-collection-view .field-name-field-section-title p.block-title:before, .field-collection-view .field-name-field-section-title .pane-fc-facet-custom.facetapi-collapsible p.block-title:before, .pane-fc-facet-custom.facetapi-collapsible .film_language .block-title.vocabulary:before, .film_language .pane-fc-facet-custom.facetapi-collapsible .block-title.vocabulary:before, .pane-fc-facet-custom.facetapi-collapsible .film-language-menu-tree .menu li a.block-title:before, .film-language-menu-tree .menu li .pane-fc-facet-custom.facetapi-collapsible a.block-title:before, .pane-facetapi.facetapi-collapsible h2.block-title:before, .pane-facetapi.facetapi-collapsible .field-collection-view .field-name-field-section-title p.block-title:before, .field-collection-view .field-name-field-section-title .pane-facetapi.facetapi-collapsible p.block-title:before, .pane-facetapi.facetapi-collapsible .film_language .block-title.vocabulary:before, .film_language .pane-facetapi.facetapi-collapsible .block-title.vocabulary:before, .pane-facetapi.facetapi-collapsible .film-language-menu-tree .menu li a.block-title:before, .film-language-menu-tree .menu li .pane-facetapi.facetapi-collapsible a.block-title:before {
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: '>';
  color: #ededed;
  font-size: 0.71429em;
  display: block;
  position: absolute;
  left: 2px;
  top: 10px;
}
.pane-fc-facet-custom .block-content, .pane-facetapi .block-content {
  padding-left: 1.07143em;
}
.pane-fc-facet-custom .block-content ul, .pane-facetapi .block-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.pane-fc-facet-custom .block-content ul > li, .pane-facetapi .block-content ul > li {
  display: block;
  float: left;
  padding: 0;
}
.pane-fc-facet-custom .block-content ul > li:before, .pane-facetapi .block-content ul > li:before {
  display: none;
}
.pane-fc-facet-custom .block-content ul li.leaf, .pane-facetapi .block-content ul li.leaf {
  background: none;
  float: none;
  margin-left: 0;
}
.pane-fc-facet-custom .block-content ul li.leaf a, .pane-facetapi .block-content ul li.leaf a {
  color: #ededed;
  font-size: 0.92857em;
}

ul.facetapi-facetapi-checkbox-links input.facetapi-checkbox,
ul.facetapi-collapsible-checkboxes input.facetapi-checkbox {
  float: left;
  margin: 0px 0 0 -20px;
  padding: 0;
  border: none;
  height: 14px;
  width: 14px;
}
ul.facetapi-facetapi-checkbox-links li,
ul.facetapi-collapsible-checkboxes li {
  padding-left: 20px !important;
  line-height: 1.1em;
}

.block.facetapi-collapsible h2.block-title span.toggle, .block.facetapi-collapsible .field-collection-view .field-name-field-section-title p.block-title span.toggle, .field-collection-view .field-name-field-section-title .block.facetapi-collapsible p.block-title span.toggle, .block.facetapi-collapsible .film_language .block-title.vocabulary span.toggle, .film_language .block.facetapi-collapsible .block-title.vocabulary span.toggle, .block.facetapi-collapsible .film-language-menu-tree .menu li a.block-title span.toggle, .film-language-menu-tree .menu li .block.facetapi-collapsible a.block-title span.toggle {
  float: none;
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -5px;
  background: none;
}
.block.facetapi-collapsible h2.block-title span.toggle:before, .block.facetapi-collapsible .field-collection-view .field-name-field-section-title p.block-title span.toggle:before, .field-collection-view .field-name-field-section-title .block.facetapi-collapsible p.block-title span.toggle:before, .block.facetapi-collapsible .film_language .block-title.vocabulary span.toggle:before, .film_language .block.facetapi-collapsible .block-title.vocabulary span.toggle:before, .block.facetapi-collapsible .film-language-menu-tree .menu li a.block-title span.toggle:before, .film-language-menu-tree .menu li .block.facetapi-collapsible a.block-title span.toggle:before {
  display: block;
  content: '\e00d';
  font-size: 0.71429em;
  width: 10px;
  height: 10px;
  color: #ededed;
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.popup-details {
  clear: both;
  padding-top: 0.5em;
}
.popup-details label {
  display: inline;
  padding-right: 1em;
}

.block.facetapi-collapsible.expanded h2.block-title span.toggle, .block.facetapi-collapsible.expanded .field-collection-view .field-name-field-section-title p.block-title span.toggle, .field-collection-view .field-name-field-section-title .block.facetapi-collapsible.expanded p.block-title span.toggle, .block.facetapi-collapsible.expanded .film_language .block-title.vocabulary span.toggle, .film_language .block.facetapi-collapsible.expanded .block-title.vocabulary span.toggle, .block.facetapi-collapsible.expanded .film-language-menu-tree .menu li a.block-title span.toggle, .film-language-menu-tree .menu li .block.facetapi-collapsible.expanded a.block-title span.toggle {
  background: none;
}
.block.facetapi-collapsible.expanded h2.block-title span.toggle:before, .block.facetapi-collapsible.expanded .field-collection-view .field-name-field-section-title p.block-title span.toggle:before, .field-collection-view .field-name-field-section-title .block.facetapi-collapsible.expanded p.block-title span.toggle:before, .block.facetapi-collapsible.expanded .film_language .block-title.vocabulary span.toggle:before, .film_language .block.facetapi-collapsible.expanded .block-title.vocabulary span.toggle:before, .block.facetapi-collapsible.expanded .film-language-menu-tree .menu li a.block-title span.toggle:before, .film-language-menu-tree .menu li .block.facetapi-collapsible.expanded a.block-title span.toggle:before {
  content: '\e00e';
}

.two-25-75 {
  position: relative;
}
.two-25-75 > .region-two-25-75-first.region {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  z-index: 1000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.two-25-75 > .region-two-25-75-first.region .block-inner {
  margin: 0;
  padding-top: 0;
}
.two-25-75 > .region-two-25-75-first.region .block-inner #views-exposed-form-search-pages-film-page {
  padding: 0 10px 10px;
  background: #dedede;
}
.two-25-75 > .region-two-25-75-first.region .pane-facetapi {
  display: none;
}
.two-25-75 > .region-two-25-75-first.region .pane-facetapi input {
  background: none;
  display: none;
}
.two-25-75 > .region-two-25-75-first.region.mobile-search-visible .pane-facetapi {
  display: block;
}
.two-25-75 > .region-two-25-75-first.region.mobile-search-visible .hide-mobile {
  display: none;
}
.two-25-75 > .region-two-25-75-first.region button.facetapi-submit {
  height: 3em;
  width: 100%;
  margin-bottom: 1em;
}
.two-25-75 > .region-two-25-75-first.region .facetapi-active a {
  color: #333333;
}
.two-25-75 > .region-two-25-75-first.region .facetapi-inactive {
  color: white;
}
.two-25-75 > .region-two-25-75-first.region .facetapi-inactive a {
  color: white;
}
.two-25-75 > .region-two-25-75-first.region .views-widget-filter-search_api_views_fulltext,
.two-25-75 > .region-two-25-75-first.region .views-widget-filter-field_topics,
.two-25-75 > .region-two-25-75-first.region .views-widget-filter-field_director,
.two-25-75 > .region-two-25-75-first.region .views-widget-filter-field_credits {
  display: none;
}
.two-25-75 > .region-two-25-75-first.region .mobile-search .block-title {
  display: none;
}
.two-25-75 > .region-two-25-75-second.region {
  padding-top: 12em;
}

.facetapi-limit-link {
  color: white;
}

.mobile-search {
  margin-bottom: 0;
  padding-top: 0.71429em;
  background: #ededed;
}
.mobile-search .btn.close:before {
  content: '\2715';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ededed;
  color: #f55b24;
  text-align: center;
  line-height: 16px;
  vertical-align: middle;
}

/* @group custom facets */
.fc-facet-custom-wrapper {
  position: relative;
}

.pane-fc-facet-custom h2, .pane-fc-facet-custom .field-collection-view .field-name-field-section-title p, .field-collection-view .field-name-field-section-title .pane-fc-facet-custom p, .pane-fc-facet-custom .film_language .vocabulary, .film_language .pane-fc-facet-custom .vocabulary, .pane-fc-facet-custom .film-language-menu-tree .menu li a, .film-language-menu-tree .menu li .pane-fc-facet-custom a {
  cursor: pointer;
}
.pane-fc-facet-custom h2:before, .pane-fc-facet-custom .field-collection-view .field-name-field-section-title p:before, .field-collection-view .field-name-field-section-title .pane-fc-facet-custom p:before, .pane-fc-facet-custom .film_language .vocabulary:before, .film_language .pane-fc-facet-custom .vocabulary:before, .pane-fc-facet-custom .film-language-menu-tree .menu li a:before, .film-language-menu-tree .menu li .pane-fc-facet-custom a:before {
  font-family: "filmcentralen-icon-font";
  content: '>';
  font-size: 0.71429em;
  display: block;
  position: absolute;
  left: 2px;
  top: 7px;
}

div.facet-layer {
  z-index: 10;
  display: none;
  width: 370%;
  max-width: 820px;
  height: auto;
  position: absolute;
  top: -70px;
  left: 80%;
  background: black;
  background: rgba(0, 0, 0, 0.9);
  padding: 20px;
}
div.facet-layer:before {
  display: block;
  position: absolute;
  left: -20px;
  top: 28px;
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent black transparent transparent;
  border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
}

.custom-facet__links {
  overflow: hidden;
}
.custom-facet__link {
  float: left;
  width: 23%;
  color: white;
  cursor: pointer;
  padding-left: .5em;
  list-style: none;
  margin-right: .5em;
  margin-left: 0;
  font-size: .95em;
  line-height: 1.4em;
}
.custom-facet__link:hover {
  background: #333333;
}
.custom-facet__link.is-selected {
  background: #333333;
  color: #dedede;
}
.custom-facet__column {
  float: left;
  width: 23%;
  margin-right: .5em;
}
.custom-facet__column .custom-facet__link {
  float: none;
  width: auto;
}
.custom-facet__more {
  padding: 10px 0 0 5px;
  display: inline-block;
}
.custom-facet__actions {
  clear: both;
  float: right;
}
.custom-facet__actions a.btn {
  padding-right: 2em;
}

.expanded .facet-layer {
  display: block;
}

.block-content ul.facet-layer {
  overflow-x: hidden;
  overflow-y: scroll;
  white-space: nowrap;
}

.block-content .facet-pager {
  margin-bottom: 10px;
  padding-right: 30px;
}
.block-content .facet-pager ul > li {
  display: inline-block;
  float: none;
  margin: 0 0 0.50em 0.8em;
}
.block-content .facet-pager ul > li:first-child {
  margin-left: 0;
}
.block-content .facet-pager ul > li a {
  border: 1px solid #bbbbbb;
  padding: 3px 5px;
  display: block;
}

.facet-pager .active {
  background-color: #f55b24;
}

.facet-layer-close {
  top: 5px;
  right: 5px;
  position: absolute;
  text-align: center;
}
.facet-layer-close span {
  display: block;
  color: #ededed;
  font-size: 1.5em;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 1.5em;
  cursor: pointer;
}

/* The search-api-ranges-widget does not behave in a collapsable manner
as it is missing the 'facet-collapsible-wrapper' class so here we hack it : / */
.block.facetapi-collapsible .search-api-ranges-widget {
  display: none;
}

.block.facetapi-collapsible.expanded .search-api-ranges-widget {
  display: block;
}

.search-api-ranges-widget {
  position: relative;
  height: 40px;
  width: 94%;
}
.search-api-ranges-widget .text-range,
.search-api-ranges-widget .form-submit {
  display: none;
}
.search-api-ranges-widget .ui-widget-header {
  background: white;
}
.search-api-ranges-widget .ui-widget-content {
  background: transparent;
}
.search-api-ranges-widget .range-box {
  position: absolute;
  top: 10px;
}
.search-api-ranges-widget .range-box[class*="left"] {
  left: 0;
}
.search-api-ranges-widget .range-box[class*="left"] input {
  text-align: left;
}
.search-api-ranges-widget .range-box[class*="right"] {
  right: 0;
}
.search-api-ranges-widget .range-box[class*="right"] input {
  text-align: right;
}
.search-api-ranges-widget .range-box input {
  border: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.92857em;
  color: #ededed;
}
.search-api-ranges-widget .range-box label {
  display: none;
}

/* Search view */
.teaching-material-slat > ul,
.news-list > ul,
.filmsprog-list > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: block;
  width: 106.66667%;
  margin: 0 -3.33333%;
  *zoom: 1;
}
.teaching-material-slat > ul > li,
.news-list > ul > li,
.filmsprog-list > ul > li {
  display: block;
  float: left;
  padding: 0;
}
.teaching-material-slat > ul > li:before,
.news-list > ul > li:before,
.filmsprog-list > ul > li:before {
  display: none;
}
.teaching-material-slat > ul:before, .teaching-material-slat > ul:after,
.news-list > ul:before,
.news-list > ul:after,
.filmsprog-list > ul:before,
.filmsprog-list > ul:after {
  content: "";
  display: table;
}
.teaching-material-slat > ul:after,
.news-list > ul:after,
.filmsprog-list > ul:after {
  clear: both;
}
.teaching-material-slat > ul > li,
.news-list > ul > li,
.filmsprog-list > ul > li {
  display: inline;
  float: left;
  width: 93.33333%;
  margin: 0 3.33333%;
  margin-bottom: 20px;
}
.teaching-material-slat > ul > li h3,
.news-list > ul > li h3,
.filmsprog-list > ul > li h3 {
  padding-top: 0;
}
.teaching-material-slat > ul > li h3 a,
.news-list > ul > li h3 a,
.filmsprog-list > ul > li h3 a {
  color: #333333;
}
.teaching-material-slat > ul .media-container,
.news-list > ul .media-container,
.filmsprog-list > ul .media-container {
  float: left;
  width: 50%;
  margin-right: 10px;
}
.teaching-material-slat > ul .media-container img,
.news-list > ul .media-container img,
.filmsprog-list > ul .media-container img {
  width: 100%;
}

/* Footer
---------------------------------------------------------------------------- */
/* There are 2 'footers'. We use the Tertiary Region to contain the first
and the classic Footer Region to contain the second */
/* Tertiary Region */
.region-tertiary-content,
.region-tertiary-content-alle {
  display: block;
  width: 103.33333%;
  margin: 0 -1.66667%;
  *zoom: 1;
}
.region-tertiary-content:before, .region-tertiary-content:after,
.region-tertiary-content-alle:before,
.region-tertiary-content-alle:after {
  content: "";
  display: table;
}
.region-tertiary-content:after,
.region-tertiary-content-alle:after {
  clear: both;
}
.region-tertiary-content .region-inner,
.region-tertiary-content-alle .region-inner {
  padding-top: 20px;
}
.region-tertiary-content .region-inner .block,
.region-tertiary-content-alle .region-inner .block {
  padding-bottom: 20px;
  display: inline;
  float: left;
  width: 46.66667%;
  margin: 0 1.66667%;
  clear: none;
}
.region-tertiary-content .region-inner .block .block-title,
.region-tertiary-content-alle .region-inner .block .block-title {
  font-size: 14px;
  border-top: none;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.region-tertiary-content .region-inner .block a,
.region-tertiary-content .region-inner .block p,
.region-tertiary-content-alle .region-inner .block a,
.region-tertiary-content-alle .region-inner .block p {
  color: #666666;
}
.region-tertiary-content .region-inner .block .more-link,
.region-tertiary-content-alle .region-inner .block .more-link {
  float: left;
}
.region-tertiary-content .region-inner .block .more-link a,
.region-tertiary-content-alle .region-inner .block .more-link a {
  color: white;
  background-color: #999999;
}
.region-tertiary-content .region-inner .block .more-link a:hover,
.region-tertiary-content-alle .region-inner .block .more-link a:hover {
  background-color: #666666;
}

/* Film language (Filmsprog)
---------------------------------------------------------------------------- */
/* Filmsprog landing page */
.page-filmsprog #main-content-header,
.node-type-film-language #main-content-header,
.page-grundskolen-viden #main-content-header,
.page-gymnasiet-viden #main-content-header,
.node-type-knowledge #main-content-header {
  position: relative;
  background: url(../css/images/bg-repeating-arrow.jpg) 0 -95px repeat-x;
  height: 80px;
}
.page-filmsprog #main-content-header h1,
.node-type-film-language #main-content-header h1,
.page-grundskolen-viden #main-content-header h1,
.page-gymnasiet-viden #main-content-header h1,
.node-type-knowledge #main-content-header h1 {
  position: absolute;
  bottom: 0;
  left: 15px;
  color: white;
}

.film-language-search-wrapper {
  margin-top: 20px;
  position: relative;
}
.film-language-search-wrapper label {
  margin: 0;
}
.film-language-search-wrapper input[type=submit] {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
.film-language-search-wrapper .film-language-search-submit {
  width: 100%;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

/* Inline term links */
.filmsprog-term {
  color: #1ba600;
  text-decoration: none;
  border-bottom: 1px dotted #1ba600;
}
.filmsprog-term:visited {
  color: #178d00;
  border-bottom: 1px dotted #178d00;
}
.filmsprog-term:active, .filmsprog-term.active {
  text-decoration: none;
}
.filmsprog-term:hover, .filmsprog-term:focus {
  text-decoration: none;
  border-bottom: 1px dotted #178d00;
}

/* Tooltip */
.tooltip {
  display: none;
  width: 300px;
  background: white;
  position: absolute;
  padding: 1em;
  margin-top: 1.5em;
}

/* Film language term detail */
.film_language {
  /* If the feature image is rendered then the layout/style changes */
}
.film_language .vocabulary {
  font-size: 1.21429em;
  padding: 0.29412em 0;
}
.film_language.fc-top-content-wrapper.fc-has-image {
  /* Override default behavior and positioning is slightly different for filmsprog term detail nodes */
}
.film_language.fc-top-content-wrapper.fc-has-image h1 {
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  padding: 0.13889em 0;
}
.film_language.fc-top-content-wrapper.fc-has-image .vocabulary {
  padding: 0.58824em 0 0;
}

/* Film language view - (A-Z) */
.view-film-language .view-header > div {
  border: 1px solid #bbbbbb;
  padding: 5px 13px;
  margin: 0 9px 9px 0;
  cursor: pointer;
  float: left;
  color: #f55b24;
}
.view-film-language .view-header > div:hover, .view-film-language .view-header > div.active {
  background-color: #333333;
  color: white;
}
.view-film-language .view-header,
.view-film-language .view-content,
.view-film-language .view-footer {
  float: left;
  width: 100%;
}
.view-film-language h3 {
  clear: both;
  border-top: 1px solid #bbbbbb;
  margin-top: 20px;
  padding-bottom: 20px;
}
.view-film-language .view-content ul {
  padding: 0;
}
.view-film-language .view-content ul li {
  padding: 2px 0;
}
.view-film-language .view-content ul li a {
  font-weight: bold;
  padding-right: 20px;
}
.view-film-language .film-language-char {
  font-weight: bold;
  font-size: 12px;
  padding-right: 1px;
}
.view-film-language .film-language-char.empty {
  color: #999999;
}
.view-film-language .view-footer {
  padding-top: 60px;
}

/* Film language table of contents */
/* Override default panel border */
.page-filmsprog-indhold .region-two-66-33-first .block:first-child .block-inner {
  border-top: none;
  padding-top: 0;
}

/* Override module defaults */
ul.jquerymenu li.closed ul {
  display: block;
}
ul.jquerymenu span {
  display: none !important;
}

.film-language-menu-tree .menu {
  padding-left: 0;
}
.film-language-menu-tree .menu ul {
  padding-left: 0;
}
.film-language-menu-tree .menu .leaf {
  list-style: none;
  padding: 0;
}
.film-language-menu-tree .menu li {
  width: 100%;
}
.film-language-menu-tree .menu li a {
  color: #333333;
  display: block;
  padding: 40px 0 6px;
  border-bottom: 1px solid #bbbbbb;
  margin-bottom: 10px;
}
.film-language-menu-tree .menu li > ul > li a {
  text-transform: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #f55b24;
  position: relative;
  padding: 5px 0 5px 13px;
  border-bottom: none;
  margin-bottom: 0;
  font-weight: bold;
}
.film-language-menu-tree .menu li > ul > li a:before {
  position: absolute;
  font-family: "filmcentralen-icon-font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: ">";
  font-size: 10px;
  top: 9px;
  left: 0;
}
.film-language-menu-tree .menu li > ul > li li {
  width: 98%;
  margin: 0 0 0 2%;
}
.film-language-menu-tree .menu li > ul > li li a {
  font-weight: normal;
  font-size: 14px;
  padding: 4px 0 4px 10px;
}
.film-language-menu-tree .menu li > ul > li li a:before {
  font-size: 8px;
  top: 8px;
  left: 0;
}

/* My filmcentralen */
.cut-list {
  padding: .5em;
}
.cut-list ul {
  padding: 0;
}
.cut-list li {
  padding: .5em;
  border-bottom: 1px solid #bbbbbb;
  position: relative;
  list-style: none;
  cursor: pointer;
}
.cut-list li:last-child {
  border: none;
}
.cut-list li li:hover {
  background: #dedede;
}

.my-fc-top .video-wrapper-outer {
  display: inline-block;
  width: 79%;
  float: left;
}

.my-fc-edits {
  display: inline-block;
  width: 18%;
  padding: 0 .5em;
}

/* Newsletter signup */
#peytz-mail-signup-form .form-type-textfield input, .pane-signup-box .form-type-textfield input {
  width: 100%;
}

/* Dark theme (For Alle)
---------------------------------------------------------------------------- */
/**
 *  Style for the icons.
 */
[data-icon]:before {
  font-family: "filmcentralen-icon-font";
  content: attr(data-icon);
  speak: none;
  /* Not to be trusted, but hey. */
}

body video::-webkit-media-text-track-display {
  background: none;
}

body video::cue {
  background: rgba(0, 0, 0, 0.5) !important;
}

.film-language-index.no-title .node-content > h2, .film-language-index.no-title .field-collection-view .field-name-field-section-title .node-content > p, .field-collection-view .field-name-field-section-title .film-language-index.no-title .node-content > p, .film-language-index.no-title .film_language .node-content > .vocabulary, .film_language .film-language-index.no-title .node-content > .vocabulary, .film-language-index.no-title .film-language-menu-tree .menu li .node-content > a, .film-language-menu-tree .menu li .film-language-index.no-title .node-content > a {
  display: none;
}

/* News and themes
---------------------------------------------------------------------------- */
.page-gymnasiet-nyheder .block-main h2.block-title, .page-gymnasiet-nyheder .block-main .field-collection-view .field-name-field-section-title p.block-title, .field-collection-view .field-name-field-section-title .page-gymnasiet-nyheder .block-main p.block-title, .page-gymnasiet-nyheder .block-main .film_language .block-title.vocabulary, .film_language .page-gymnasiet-nyheder .block-main .block-title.vocabulary, .page-gymnasiet-nyheder .block-main .film-language-menu-tree .menu li a.block-title, .film-language-menu-tree .menu li .page-gymnasiet-nyheder .block-main a.block-title,
.page-grundskolen-nyheder .block-main h2.block-title,
.page-grundskolen-nyheder .block-main .field-collection-view .field-name-field-section-title p.block-title,
.field-collection-view .field-name-field-section-title .page-grundskolen-nyheder .block-main p.block-title,
.page-grundskolen-nyheder .block-main .film_language .block-title.vocabulary,
.film_language .page-grundskolen-nyheder .block-main .block-title.vocabulary,
.page-grundskolen-nyheder .block-main .film-language-menu-tree .menu li a.block-title,
.film-language-menu-tree .menu li .page-grundskolen-nyheder .block-main a.block-title {
  border: none;
  border-bottom: 1px solid #bbbbbb;
  padding: 0 0 10px;
  margin: 0 0 10px;
  font-size: 4.42857em;
}
.page-gymnasiet-nyheder .view-search-pages,
.page-grundskolen-nyheder .view-search-pages {
  margin-top: -10px;
}

.theoplayer-container {
  width: 100%;
  height: 100%;
}