@charset "UTF-8";
/*
 * responsive.custom is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.

 * Media queries are set using ems - Read more here: http://www.html5rocks.com/en/mobile/responsivedesign/
 *
*/
/* Mixins are used to define breakpoints - See _custom.scss */
/* Displays like mobile phones in landscape or smaller tablets */
/* (460/14) 460px is roughly the size of mobile phones in landscape modes */
@media screen and (min-width: 32.85714em) {
  h1 {
    font-size: 3.57143em;
    padding: 0.6em 0 0.3em;
  }

  h2 {
    font-size: 2.28571em;
    padding: 0.3125em 0;
  }
  h2.block-title {
    padding: 0.1875em 0 0.9375em;
  }

  h3 {
    font-size: 1.57143em;
    padding: 0.45455em 0;
  }

  p {
    font-size: 1em;
    padding: 0 0 1.28571em;
    line-height: 1.57143em;
  }

  /* Style global typography based on the .prose */
  .prose ul,
  .prose ol {
    font-size: 1em;
    padding: 0 0 1.14286em;
  }
  .prose ul li {
    padding: 0 0 0.35714em 2em;
  }
  .prose ul li:before {
    top: 0.57143em;
    margin: 0 0 0 -0.71429em;
  }
  .prose ol li {
    padding: 0 0 0 0.92857em;
    margin: 0 0 0.35714em 1.21429em;
  }
  .prose ol li:before {
    top: -0.07143em;
  }
  .prose blockquote {
    font-size: 1.78571em;
  }
  .prose blockquote p {
    padding: 0.72em 0 0;
    /* Reverse the default padding direction to enable use of first-child */
  }
  .prose blockquote p:before, .prose blockquote p:after {
    font-size: 1.32em;
  }
  .prose blockquote p:before {
    margin-left: -0.69697em;
    padding: 0 0.09091em 0 0;
  }
  .prose blockquote p:after {
    padding: 0 0 0 0.09091em;
  }

  /* Wrappers
  ---------------------------------------------------------------------------- */
  /* Tables */
  table {
    font-size: 1em;
    margin: 0.71429em 0 1.42857em 0;
  }

  td,
  th {
    padding: 0.71429em 1em;
  }

  table.bare {
    border: none;
    margin: 0 0 1.42857em;
  }
  table.bare td,
  table.bare th {
    padding: 0.71429em 1em 0.71429em 0;
  }

  /* Branding
  ---------------------------------------------------------------------------- */
  /* Wraps all the branding elements, logo, name and slogan */
  #branding .fb-like {
    top: 39px;
    left: 300px;
  }

  /* Miscellaneous global styles
  ---------------------------------------------------------------------------- */
  .more-link a {
    font-size: 0.875em;
    padding: 0.21429em 2.14286em 0.21429em 0.85714em;
  }
  .more-link a:after {
    top: 0.21429em;
    right: 0.71429em;
  }

  /* Print link on node pages */
  .fc-links {
    display: block;
    z-index: 10;
    position: relative;
    right: 0;
  }
  .fc-links .print-link {
    display: block;
    float: right;
    background-color: #dedede;
    border: 1px solid #b6b6b6;
    color: #666666;
    padding: 5px 7px;
    -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;
  }
  .fc-links .print-link:hover {
    text-decoration: none;
    background-color: #cdcdcd;
    border: 1px solid #9c9c9c;
    color: #333333;
  }
  .fc-links .print-link: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;
    vertical-align: middle;
    font-size: 1.28571em;
    margin-left: 0.21429em;
    content: '\e014';
  }

  /* Global toggleable content groups */
  .toggleable h2.block-title, .toggleable-wrap h2.block-title {
    cursor: auto;
    position: static;
  }
  .toggleable h2.block-title:after, .toggleable-wrap h2.block-title:after {
    display: none;
  }
  .toggleable h2.block-title.closed:after, .toggleable-wrap h2.block-title.closed:after {
    display: none;
  }

  .toggleable > div, .toggleable-wrap .block-inner > div {
    display: block;
  }

  .block.toggleable-wrap {
    margin-bottom: 1.42857em;
  }
  .block.toggleable-wrap footer {
    padding-bottom: 0;
  }

  /* RSS Feed icon */
  div.feed-icon {
    position: absolute;
    top: -58px;
    right: 11px;
  }
  .pane-search-pages-film-page div.feed-icon {
    position: static;
    top: auto;
    right: auto;
    clear: both;
    margin-top: 10px;
    float: left;
  }
  .view-display-id-film_page div.feed-icon {
    top: -59px;
  }

  /* Search */
  .teaching-material-slat > ul .media-container,
  .news-list > ul .media-container {
    float: left;
    width: auto;
    margin-right: 0px;
  }
  .teaching-material-slat > ul .media-container img,
  .news-list > ul .media-container img {
    width: 180px;
    margin: 0 1.42857em 1.42857em 0;
  }

  /* Pagers
  ---------------------------------------------------------------------------- */
  .item-list .pager {
    font-size: 1em;
  }
  .item-list .pager li {
    width: 2.71429em;
    height: 2.07143em;
    margin: 0 0.35714em 0.35714em 0;
    line-height: 1.92857em;
  }
  .item-list .pager .pager-current,
  .item-list .pager .pager-ellipsis {
    width: 2.57143em;
    height: 1.92857em;
  }

  /* Panels
  ---------------------------------------------------------------------------- */
  div.region .pane-fc-print-button.block {
    display: block;
  }
  .node-type-teaching-material div.region .pane-fc-print-button.block > .block-inner {
    /*margin-bottom: 10px;*/
  }

  div.region div.pane-menu-tree ul.menu {
    margin-top: -4em;
  }

  /* Fields
  ---------------------------------------------------------------------------- */
  .node-type-teaching-material .field-name-field-section-title .field-item {
    font-size: 2.28571em;
    padding: 0.3125em 0;
  }

  /* Nodes
  ---------------------------------------------------------------------------- */
  /* Generic style for view mode 'top' */
  .fc-top {
    /* If the feature image is rendered then the layout/style changes */
  }
  .fc-top .fc-top-content-wrapper .field-name-field-teaser-text p {
    font-size: 1.14286em;
    margin: 0.3125em 0 0.1875em;
    line-height: inherit;
  }
  .fc-top .fc-top-content-wrapper.fc-has-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    padding: 1.42857em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  .fc-top .fc-top-content-wrapper.fc-has-image .field-name-field-teaser-text p {
    color: white;
  }
  .fc-top .fc-top-content-wrapper.fc-has-image h1 {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    overflow: visible;
    font-size: 2.85714em;
    line-height: 0.9em;
    padding: 0;
    color: white;
  }

  /* 	DFI Film node */
  .primary-actions li .btn.play {
    font-size: 1em;
  }
  .primary-actions li .btn.play:before {
    top: 9px;
    left: 11px;
  }

  .dfi-film-top-container .video-container {
    width: 100%;
  }
  .dfi-film-top-container .video-container .video-wrap-inner > .play-video {
    display: block;
    position: absolute;
    width: 100%;
    font-size: 110px;
    text-align: center;
    padding-top: 15%;
    color: #ededed;
    color: rgba(237, 237, 237, 0.8);
  }
  .dfi-film-top-container .video-container .video-wrap-inner > .play-video:hover {
    color: #ededed;
  }

  .dfi-film-synopsis .field-name-body {
    float: left;
    width: 66.66667%;
  }
  .dfi-film-synopsis .field-name-body > p {
    padding-right: 40px;
  }
  .dfi-film-synopsis .dfi-film-terms-container {
    float: right;
    width: 33.33333%;
  }
  .dfi-film-synopsis .dfi-film-terms-container .dfi-film-terms-container-inner {
    padding-left: 20px;
  }

  /* Views
  ---------------------------------------------------------------------------- */
  /* Standard */
  .fc-inline-form {
    display: block;
    margin-top: -63px;
  }

  /* Default stacked view */
  .stacked .group > article .media-container img {
    width: 180px;
  }
  .stacked .group > article .media-container img a {
    margin: 0 1.42857em 1.42857em 0;
  }

  .thumbnail-grid {
    display: block;
    width: 102.22222%;
    margin: 0 -1.11111%;
    *zoom: 1;
  }
  .thumbnail-grid:before, .thumbnail-grid:after {
    content: "";
    display: table;
  }
  .thumbnail-grid:after {
    clear: both;
  }
  .thumbnail-grid .group {
    display: inline;
    float: left;
    width: 31.11111%;
    margin: 0 1.11111%;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .thumbnail-grid .group .media-container {
    text-align: left;
  }
  .thumbnail-grid .group:nth-child(odd) {
    clear: none;
  }
  .thumbnail-grid .group:nth-child(3n+4) {
    clear: left;
  }

  /* Flexslider */
  /* Flexslider default */
  .flexslider ul {
    font-size: 1.07692em;
  }

  /* Flexslider custom */
  .flexslider-custom .view-footer {
    margin-left: 10px;
    margin-right: 10px;
    border-top: 1px dashed #cccccc;
    padding-top: 10px;
  }

  /* Flexslider custom sandwich */
  .view-display-id-list_sandwich .slides > li:nth-child(n+2) {
    display: block;
  }
  .view-display-id-list_sandwich .media-container {
    float: left;
    width: auto;
    margin-right: 0;
  }
  .view-display-id-list_sandwich .media-container img {
    width: 180px;
    margin: 0 1.42857em 1.42857em 0;
  }

  .view-display-id-list_not_sandwich .media-container a {
    padding-right: 10px;
    display: block;
  }

  /* Custom flexslider navigation */
  .custom-navigation-container ul:first-child {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    float: none;
    margin: 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: 25%;
    margin-left: 0;
  }
  .custom-navigation-container ul:first-child li a {
    width: 100%;
    height: 68px;
    padding: 17px 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #404040;
    color: #cccccc;
    line-height: 1.2em;
    text-indent: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .custom-navigation-container ul:first-child li a.flex-active {
    background-color: #242424;
    color: #f55b24;
  }
  .custom-navigation-container ul:first-child li a:hover {
    text-decoration: none;
  }

  /* BLOCKS
  ---------------------------------------------------------------------------- */
  /* My film features block */
  .my-film-features {
    display: block;
    width: 106.66667%;
    margin: 0 -3.33333%;
    *zoom: 1;
    margin-top: 1.42857em;
  }
  .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: 93.33333%;
    margin: 0 3.33333%;
    margin-bottom: 1.42857em;
  }
  .my-film-features .group:nth-child(odd) {
    clear: none;
  }
  .my-film-features .group h3 {
    padding-top: 0;
  }
  .my-film-features .group .media-container,
  .my-film-features .group .detail {
    float: left;
    width: 47.5%;
  }
  .my-film-features .group .media-container {
    margin-right: 5%;
    padding-bottom: 27.420454545%;
  }

  /* My playlists */
  .my-playlists ul {
    display: block;
    width: 102.22222%;
    margin: 0 -1.11111%;
    *zoom: 1;
  }
  .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: 31.11111%;
    margin: 0 1.11111%;
    margin-bottom: 1.42857em;
  }
  .my-playlists ul .group:nth-child(odd) {
    clear: none;
  }
  .my-playlists ul .group:nth-child(3n+4) {
    clear: left;
  }

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

  .two-25-75,
  .two-33-66,
  .two-66-33,
  .two-50 {
    margin: 0 -10px;
  }
  .two-25-75 > .region,
  .two-33-66 > .region,
  .two-66-33 > .region,
  .two-50 > .region {
    box-sizing: border-box;
    padding: 0 10px;
  }

  /* Film language (Filmsprog)
  ---------------------------------------------------------------------------- */
  /* Filmsprog landing page */
  .node-type-film-language #main-content-header,
  .page-filmsprog #main-content-header,
  .page-grundskolen-viden #main-content-header,
  .page-gymnasiet-viden #main-content-header,
  .node-type-knowledge #main-content-header {
    height: 100px;
  }

  /* Film language term detail */
  .film_language {
    /* If the feature image is rendered then the layout/style changes */
  }
  .film_language.fc-top-content-wrapper.fc-has-image {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 60%;
  }
  .film_language.fc-top-content-wrapper.fc-has-image .vocabulary {
    padding: 0.29412em 0;
    color: white;
  }

  /* Film language table of contents */
  .film-language-menu-tree .menu li > ul {
    display: block;
    width: 103.33333%;
    margin: 0 -1.66667%;
    *zoom: 1;
  }
  .film-language-menu-tree .menu li > ul:before, .film-language-menu-tree .menu li > ul:after {
    content: "";
    display: table;
  }
  .film-language-menu-tree .menu li > ul:after {
    clear: both;
  }
  .film-language-menu-tree .menu li > ul > li {
    display: inline;
    float: left;
    width: 46.66667%;
    margin: 0 1.66667%;
  }
  .film-language-menu-tree .menu li > ul > li li {
    width: 95%;
    margin: 0 0 0 5%;
  }

  /* Film language view - (A-Z) */
  .view-film-language .view-header > div {
    padding: 3px 10px;
  }
  .view-film-language h3 {
    margin-top: 40px;
    padding-bottom: 40px;
  }
  .view-film-language .view-content ul {
    display: block;
    width: 103.33333%;
    margin: 0 -1.66667%;
    *zoom: 1;
  }
  .view-film-language .view-content ul:before, .view-film-language .view-content ul:after {
    content: "";
    display: table;
  }
  .view-film-language .view-content ul:after {
    clear: both;
  }
  .view-film-language .view-content ul li {
    display: inline;
    float: left;
    width: 46.66667%;
    margin: 0 1.66667%;
  }

  .alle {
    /* Views
    ---------------------------------------------------------------------------- */
    /* Flexslider custom */
    /* Film language (Filmsprog)
    ---------------------------------------------------------------------------- */
    /* Film language term detail */
  }
  .alle .flexslider-custom .view-footer {
    border-top: 1px dashed #666666;
  }
  .alle .film_language {
    /* If the feature image is rendered then the layout/style changes */
  }
  .alle .film_language.fc-top-content-wrapper.fc-has-image .vocabulary {
    color: white;
  }
  .alle .region-tertiary-content-alle .region-inner .block:first-child li {
    width: 33%;
  }
}
/* Target iphone 5 */
/* (570/14) 570px to target iphone5 landscape */
@media screen and (min-width: 40.71429em) {
  /* Branding
	---------------------------------------------------------------------------- */
  #header {
    position: relative;
  }

  #branding {
    padding: 20px 0 30px;
  }
  #branding .fb-like {
    float: right;
    margin-right: 10px;
    margin-top: 0;
    position: static;
  }
  #branding .newsletter {
    display: block;
    position: absolute;
    right: 20px;
    top: 67px;
  }
  #branding .newsletter a {
    font-weight: bold;
    color: #666666;
    line-height: 1em;
  }
  #branding .newsletter 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;
    display: inline-block;
    font-size: 20px;
    content: '\e602';
    vertical-align: top;
    margin-right: 5px;
    margin-top: 0px;
  }

  /* Miscellaneous global styles
  ---------------------------------------------------------------------------- */
  /* Breadcrumbs */
  .crumbs {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 20px;
  }
  .crumbs > li {
    display: block;
    float: left;
    padding: 0;
  }
  .crumbs > li:before {
    display: none;
  }
  .crumbs li {
    padding-left: 22px;
    position: relative;
    display: block;
    height: 20px;
  }
  .crumbs li a {
    float: left;
    display: block;
    color: #f55b24;
    line-height: 20px;
  }
  .crumbs li a .home-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
  }
  .crumbs li a .home-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: "";
  }
  .crumbs li a.active {
    color: #333333;
    text-decoration: none;
    cursor: default;
  }
  .crumbs li:before {
    display: block;
    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;
    display: block;
    content: '>';
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 10px;
    line-height: 1;
    color: #b7b7b7;
  }
  .crumbs li:first-child {
    padding-left: 0;
  }
  .crumbs li:first-child:before {
    display: none;
  }
  .crumbs li:first-child:hover {
    color: #d23f0c;
  }
  .crumbs li:first-child a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    height: 16px;
    display: inline-block;
    margin-top: 1px;
  }
  .crumbs li:first-child a:hover {
    text-decoration: none;
    color: #d23f0c;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  /* Search */
  .teaching-material-slat > ul .media-container,
  .news-list > ul .media-container {
    float: left;
    width: auto;
    margin-right: 0px;
  }
  .teaching-material-slat > ul .media-container img,
  .news-list > ul .media-container img {
    width: 260px;
    margin: 0 1.42857em 1.42857em 0;
  }

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

  /* Wrappers
  ---------------------------------------------------------------------------- */
  #content-wrapper {
    padding-top: 15px;
  }

  /* Menus
	---------------------------------------------------------------------------- */
  .region-header {
    overflow: visible;
  }

  .mob-toggle-wrapper {
    display: none;
  }

  div.region .fc-expanded-nav.undervisning-nav.block {
    display: inline;
    float: left;
    width: 74.44444%;
    margin: 0 0.27778%;
  }

  .fc-expanded-nav .menu-block-wrapper {
    display: block;
    max-height: none;
    overflow: visible;
    background: none;
  }
  .fc-expanded-nav .menu-block-wrapper > ul ul {
    display: none;
  }
  .fc-expanded-nav .menu-block-wrapper > ul li > ul.dropdown-active {
    display: block;
    z-index: 1;
  }
  .fc-expanded-nav .menu-block-wrapper li a {
    color: #f55b24;
    padding: 10px 0 25px;
  }
  .fc-expanded-nav .menu-block-wrapper li > a {
    padding: 10px 2em 25px 12px;
  }
  .fc-expanded-nav .menu-block-wrapper li.expanded > a {
    color: #999999;
  }
  .fc-expanded-nav .menu-block-wrapper li.expanded > a:hover {
    color: #666666;
  }
  .fc-expanded-nav .menu-block-wrapper li.expanded > a.current {
    color: #f55b24;
  }
  .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: '\e00d';
    position: static;
    top: auto;
    right: auto;
    display: inline;
    font-size: 16px;
    padding: 12px 10px 0 8px;
    color: #f55b24;
  }
  .fc-expanded-nav .menu-block-wrapper li.expanded > a.current:hover {
    color: #d23f0c;
  }
  .fc-expanded-nav .menu-block-wrapper li.expanded > a.current:hover:after {
    color: #d23f0c;
  }
  .fc-expanded-nav .menu-block-wrapper li.expanded > a.current.active:after {
    content: '\e00d';
  }
  .fc-expanded-nav .menu-block-wrapper li.expanded > a.dropdown-active.current {
    color: white;
    background-color: #f55b24;
  }
  .fc-expanded-nav .menu-block-wrapper li.expanded > a.dropdown-active.current:after {
    color: white;
    content: '\e00e';
  }
  .fc-expanded-nav .menu-block-wrapper ul {
    background: #ededed;
    background: rgba(237, 237, 237, 0.9);
    margin: 0 -10px;
    border: 0;
  }
  .fc-expanded-nav .menu-block-wrapper ul > li:first-child {
    border-bottom: none;
  }
  .fc-expanded-nav .menu-block-wrapper > ul > li {
    display: inline-block;
    position: relative;
    width: 48%;
    margin: 0 1%;
    border-top: 1px solid #bbbbbb;
  }
  .fc-expanded-nav .menu-block-wrapper > ul .menu-depth-2 > ul {
    position: absolute;
    width: 100%;
    top: 56px;
    left: 10px;
    background-color: #f55b24;
    padding: 0 0 30px 0;
    z-index: 2;
  }
  .fc-expanded-nav .menu-block-wrapper > ul .menu-depth-2 > ul li {
    margin: 0 10px;
  }
  .fc-expanded-nav .menu-block-wrapper > ul .menu-depth-2 > ul li a {
    color: white;
    padding: 10px 10px 10px 24px;
    border-bottom: 1px solid #d23f0c;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .fc-expanded-nav .menu-block-wrapper > ul .menu-depth-2 > ul li a:before {
    padding: 0;
    left: 6px;
    top: 11px;
  }
  .fc-expanded-nav .menu-block-wrapper > ul .menu-depth-2 > ul li a:hover, .fc-expanded-nav .menu-block-wrapper > ul .menu-depth-2 > ul li a.active {
    background-color: #d23f0c;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
  }

  /*.gymnasiet .fc-expanded-nav.undervisning-nav .menu-block-wrapper {

    li.expanded.last {
    	float: left; // Swaps the li's
    }
  }*/
  /* Multi level sub menu */
  div.region .block.fc-multi-level-menu-container.active {
    width: 50%;
  }

  .fc-multi-level-menu-container .block-inner .block-content {
    padding: 0.41667em 10px;
  }
  .fc-multi-level-menu-container .menu-block-wrapper {
    padding-bottom: 20px;
  }

  /* Special styling of menu on teacing materials */
  .pane-fc-teaching-mat-menu .block-inner h2.block-title {
    background-color: #d0d0d0;
    color: #333;
  }
  .pane-fc-teaching-mat-menu .block-inner .block-content {
    background-color: #d0d0d0;
  }
  .pane-fc-teaching-mat-menu .block-inner .menu li a {
    border-bottom: 1px solid #bbbbbb;
    border-bottom: 1px solid rgba(187, 187, 187, 0.8);
    color: #f55b24;
    background: inherit;
  }
  .pane-fc-teaching-mat-menu .block-inner .menu li a:before {
    color: #999;
  }
  .pane-fc-teaching-mat-menu .block-inner .menu li a.active, .pane-fc-teaching-mat-menu .block-inner .menu li a:hover {
    background: #f55b24;
    border-color: #d0d0d0;
    color: #fff;
  }
  .pane-fc-teaching-mat-menu .block-inner .menu li a.active:before, .pane-fc-teaching-mat-menu .block-inner .menu li a:hover:before {
    color: #fff;
  }

  .node-type-teaching-material .two-33-66 > .region-two-33-66-first,
  .node-type-teaching-material .two-33-66 > .region-two-33-66-second,
  .node-type-knowledge > .region-two-33-66-first,
  .node-type-knowledge > .region-two-33-66-second {
    clear: none;
  }

  .node-type-teaching-material .region-two-66-33-first .block:first-child .block-inner, .node-type-teaching-material .region-two-66-33-second .block:first-child .block-inner, .node-type-knowledge .region-two-66-33-first .block:first-child .block-inner, .node-type-knowledge .region-two-66-33-second .block:first-child .block-inner {
    border: none;
    padding-top: 0;
  }

  /* Blocks
	---------------------------------------------------------------------------- */
  .region.region-header .region-inner > .block {
    margin-bottom: 1.42857em;
  }
  .region.region-header .region-inner > .block-solr-search-block {
    margin-bottom: 0;
  }

  .block {
    margin-bottom: 1.42857em;
  }
  .block .toggleable {
    margin-bottom: 1.42857em;
  }

  /* Establish grid context */
  .region-header > .region-inner {
    display: block;
    width: 100.55556%;
    margin: 0 -0.27778%;
    *zoom: 1;
  }
  .region-header > .region-inner:before, .region-header > .region-inner:after {
    content: "";
    display: table;
  }
  .region-header > .region-inner:after {
    clear: both;
  }

  /* Uni Login Menu Block (Header) */
  div.region .block-uni-login-menu.block {
    display: block;
    display: inline;
    float: left;
    width: 24.44444%;
    margin: 0 0.27778%;
    position: relative;
    clear: none;
  }

  .block-uni-login-menu .btn {
    padding: 0px 10px;
    text-transform: none;
    border: none;
    height: 30px;
    line-height: 30px;
  }
  .block-uni-login-menu .btn:before {
    display: none;
  }
  .block-uni-login-menu .block-content .btn.uni-login {
    width: 82%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #ededed;
  }
  .block-uni-login-menu .block-content .btn.uni-login.unilogin-logged-in {
    cursor: auto;
  }
  .block-uni-login-menu .block-content .btn.uni-login.unilogin-logged-in:hover {
    background-color: #f55b24;
  }
  .block-uni-login-menu .dropdown-content {
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  .block-uni-login-menu .dropdown-content.active {
    display: block;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner {
    background-color: #f55b24;
    margin: 0 10px;
    padding: 10px;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner h3,
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner a {
    color: white;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner > h3 {
    font-size: 20px;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner ul {
    color: white;
    color: rgba(255, 255, 255, 0.7);
    list-style-type: none;
    padding: 0;
    margin: 5px 0;
    overflow: hidden;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner ul > li {
    display: block;
    padding: 0.2em 0;
    font-weight: bold;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner ul .more-link {
    float: left;
    margin-top: 6px;
    width: 100%;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner ul .more-link a {
    color: #f55b24;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner.logged-in .stacked .group > article {
    margin-bottom: 6px;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner.logged-in .stacked .group > article:hover {
    border-bottom: 2px solid #d23f0c;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner.logged-in .stacked .group .field-name-body,
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner.logged-in .stacked .group .teaching-material-icon,
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner.logged-in .stacked .group .field-name-field-topics {
    display: none;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner.logged-in .stacked .group h3 {
    font-size: 16px;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner.logged-in .stacked .group .media-container img {
    width: 80px;
    margin: 0 0.71429em 0.71429em 0;
  }
  .block-uni-login-menu .dropdown-content > .dropdown-content-inner.logged-in .stacked .group .media-container.is-film > .icon-alone {
    right: 15px;
  }
  .block-uni-login-menu .dropdown-wrapper {
    width: 18%;
    float: right;
  }
  .block-uni-login-menu .dropdown-wrapper .btn {
    width: 100%;
    padding: 0;
    line-height: 34px;
    text-align: center;
  }
  .block-uni-login-menu .dropdown-wrapper .dropdown-toggle-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: '\e00d';
    padding-top: 2px;
  }

  .uni-login-intro {
    line-height: 18px;
  }

  .uni-login-intro: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;
    color: white;
    font-size: 18px;
    vertical-align: top;
  }

  .uni-login-intro-films:before {
    content: '\e00c';
  }

  .uni-login-intro-scenes:before {
    content: '\2605';
  }

  .uni-login-intro-stills:before {
    content: '\e00a';
  }

  .uni-login-intro-playlists:before {
    content: '\e007';
  }

  /* Nodes
  ---------------------------------------------------------------------------- */
  .page-soeg .view-solr-search {
    position: relative;
  }
  .page-soeg .view-header .more-link {
    position: absolute;
    top: -63px;
    right: 0;
    text-align: right;
    padding-bottom: 0;
  }

  /* Views
	---------------------------------------------------------------------------- */
  .fc-inline-form {
    display: block;
  }
  .fc-inline-form .views-exposed-form {
    border: 1px solid #bbbbbb;
    margin: 0 10px 0 0;
  }

  .view-featured-story-view {
    padding-top: 0;
  }

  .thumbnail-grid.starting-three-col {
    display: block;
    width: 103.33333%;
    margin: 0 -1.66667%;
    *zoom: 1;
  }
  .thumbnail-grid.starting-three-col:before, .thumbnail-grid.starting-three-col:after {
    content: "";
    display: table;
  }
  .thumbnail-grid.starting-three-col:after {
    clear: both;
  }
  .thumbnail-grid.starting-three-col .group {
    display: inline;
    float: left;
    width: 46.66667%;
    margin: 0 1.66667%;
    margin-bottom: 10px;
  }
  .thumbnail-grid.starting-three-col .group:nth-child(3n+4) {
    clear: none;
  }
  .thumbnail-grid.starting-three-col .group:nth-child(odd) {
    clear: left;
  }
  .thumbnail-grid.starting-two-col {
    display: block;
    width: 103.33333%;
    margin: 0 -1.66667%;
    *zoom: 1;
  }
  .thumbnail-grid.starting-two-col:before, .thumbnail-grid.starting-two-col:after {
    content: "";
    display: table;
  }
  .thumbnail-grid.starting-two-col:after {
    clear: both;
  }
  .thumbnail-grid.starting-two-col .group {
    display: inline;
    float: left;
    width: 46.66667%;
    margin: 0 1.66667%;
  }
  .thumbnail-grid.starting-two-col .group:nth-child(3n+4) {
    clear: none;
  }
  .thumbnail-grid.starting-two-col .group:nth-child(odd) {
    clear: left;
  }

  /* Forms
	---------------------------------------------------------------------------- */
  .loading .spinner {
    display: block;
    position: absolute;
    display: block;
    right: 16.05%;
    top: 35px;
    background-image: url(images/spinner.gif);
    width: 24px;
    height: 24px;
    margin: -24px 0 0 -24px;
    text-indent: 250px;
    white-space: nowrap;
    overflow: hidden;
  }

  .block-solr-search-block .view-content {
    padding-bottom: 45px;
    margin-top: 0;
  }
  .block-solr-search-block .view-footer {
    display: block;
    position: absolute;
    bottom: 11px;
    left: 21px;
    color: #666666;
  }

  /* Global header search */
  .global-header-search {
    display: block;
    position: relative;
    top: auto;
    background: transparent;
    padding: 0;
  }
  .global-header-search input[type="text"] {
    height: 46px;
    font-size: 18px;
    padding: 8px 17% 6px 12px;
  }
  .global-header-search input[type="submit"] {
    height: 44px;
    right: 1px;
    top: 1px;
    background-color: #333333;
    background-size: 22px 23px;
  }
  .global-header-search input[type="submit"]:hover {
    background-color: black;
  }
  .global-header-search .filters-container {
    display: block;
    position: absolute;
    width: 200px;
    right: 17.10%;
    top: 9px;
    padding-right: 15px;
    cursor: pointer;
  }
  .global-header-search .filters-container .dk_toggle {
    width: 200px !important;
    border: none;
    text-align: right;
    padding: 4px 23px 4px 7px;
  }
  .global-header-search .filters-container .dk_container {
    background: transparent;
  }
  .global-header-search .filters-container .dk_options_inner {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .global-header-search .filters-container .dk_options_inner > li {
    display: block;
    float: left;
    padding: 0;
  }
  .global-header-search .filters-container .dk_options_inner > li:before {
    display: none;
  }
  .global-header-search .filters-container .dk_options_inner > li {
    float: none;
  }
  .global-header-search .filters-container .dk_open .dk_toggle {
    background-color: transparent;
    color: #666666;
  }
  .global-header-search .filters-container .dk_open .dk_toggle:after {
    color: #666666;
  }

  /* Facet search */
  .block.facetapi-collapsible.expanded h2.block-title span.toggle:before {
    content: '\e00d';
  }

  .block.facetapi-collapsible h2.block-title span.toggle {
    left: 0;
    right: auto;
    top: 50%;
    margin-top: -5px;
  }
  .block.facetapi-collapsible h2.block-title span.toggle:before {
    content: '\3e';
    color: #999999;
  }

  .pane-facetapi.facetapi-collapsible h2.block-title:before {
    color: #333333;
    left: 0px;
  }

  .two-25-75 {
    position: static;
  }
  .two-25-75 > .region-two-25-75-first.region {
    position: static;
    width: 37%;
    float: left;
    z-index: auto;
    background: none;
    padding-right: 10px;
  }
  .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 .pane-fc-facet-custom,
  .two-25-75 > .region-two-25-75-first.region .pane-facetapi {
    display: block;
    background: none;
    padding: 5px 0px 5px;
    position: relative;
  }
  .two-25-75 > .region-two-25-75-first.region .pane-fc-facet-custom input,
  .two-25-75 > .region-two-25-75-first.region .pane-facetapi input {
    display: inline;
  }
  .two-25-75 > .region-two-25-75-first.region .pane-fc-facet-custom input.form-submit,
  .two-25-75 > .region-two-25-75-first.region .pane-facetapi input.form-submit {
    display: none;
  }
  .two-25-75 > .region-two-25-75-first.region .pane-facetapi-submit {
    display: none !important;
  }
  .two-25-75 > .region-two-25-75-second.region {
    width: 63%;
    float: left;
    clear: none;
    padding-top: 0;
  }
  .two-25-75 > .region .mobile-search {
    display: none;
  }

  .facetapi-limit-link {
    color: #f55b24;
  }

  .region-two-25-75-first.region .block h2.block-title {
    color: #333333;
    border: 0;
  }
  .region-two-25-75-first.region .block h2.block-title:before {
    color: #333333;
  }
  .region-two-25-75-first.region .block .block-content ul li.leaf a {
    color: #333333;
  }

  .search-api-ranges-widget .range-box input {
    color: #333333;
  }

  .alle {
    /* Miscellaneous global styles
    ---------------------------------------------------------------------------- */
    /* Breadcrumbs */
    /* Menus
    ---------------------------------------------------------------------------- */
    /* Forms
    ---------------------------------------------------------------------------- */
    /* Global header search */
    /* Origin filter
    ---------------------------------------------------------------------------- */
    /* For all introduction
    ---------------------------------------------------------------------------- */
  }
  .alle #branding .newsletter a {
    font-weight: bold;
    color: #e0e0e0;
  }
  .alle .crumbs li a {
    color: #0698db;
  }
  .alle .crumbs li a.active {
    color: #ededed;
  }
  .alle .crumbs li:before {
    color: #b7b7b7;
  }
  .alle .crumbs li:first-child:hover {
    color: #0185c1;
  }
  .alle .crumbs li:first-child a:hover {
    color: #0185c1;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul {
    background: none;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li {
    width: 31%;
    margin: 0 1%;
    border: none;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li:last-child {
    width: 32%;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li > a {
    border-top: 1px solid #666666;
    font-weight: bold;
    color: #ededed;
    padding-right: 0;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li > a:hover {
    color: #bbb;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li.expanded > 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;
    content: '\e00d';
    position: static;
    top: auto;
    right: auto;
    display: inline;
    font-size: 16px;
    padding: 12px 10px 0 8px;
    color: inherit;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li a.dropdown-active {
    background-color: #0698db;
    border-color: #0698db;
    color: #fff;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li a.dropdown-active:hover {
    background-color: #0698db;
    color: #fff;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li.expanded > ul {
    background-color: #0698db;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li.expanded > ul a {
    color: white;
    border-bottom: 1px solid #0185c1;
    background-color: #0698db;
  }
  .alle .fc-expanded-nav .menu-block-wrapper > ul > li.expanded > ul a:hover {
    background-color: #0587c2;
  }
  .alle .block-solr-search-block .view-footer {
    color: #666666;
  }
  .alle .global-header-search .filters-container .dk_open .dk_toggle {
    color: #666666;
  }
  .alle .global-header-search .filters-container .dk_open .dk_toggle:after {
    color: #666666;
  }
  .alle .block.facetapi-collapsible h2.block-title span.toggle:before {
    color: #999999;
  }
  .alle .pane-facetapi.facetapi-collapsible h2.block-title:before {
    color: #ededed;
  }
  .alle .facetapi-limit-link {
    color: #0698db;
  }
  .alle .region-two-25-75-first.region .block h2.block-title {
    color: #ededed;
  }
  .alle .region-two-25-75-first.region .block h2.block-title:before {
    color: #ededed;
  }
  .alle .region-two-25-75-first.region .block .block-content ul li.leaf a {
    color: #ededed;
  }
  .alle .search-api-ranges-widget .range-box input {
    color: #ededed;
  }
  .alle .region-two-25-75-second .distribution-filter {
    margin: 0px 0 20px !important;
    background: #323232 !important;
    padding: 10px 10px 0 10px;
    display: block;
  }
  .alle .region-two-25-75-second .distribution-filter .block-content {
    padding: 0;
  }
  .alle .region-two-25-75-second .distribution-filter .block-content .item-list ul li {
    float: left;
    margin: 0 10px 10px 0;
  }
  .alle .region-two-25-75-second .distribution-filter .block-content .item-list ul li:nth-child(1), .alle .region-two-25-75-second .distribution-filter .block-content .item-list ul li:nth-child(2) {
    min-width: 215px;
  }
  .alle .region-two-25-75-first.region section.distribution-filter {
    display: none !important;
    /* TODO (jm) Make this less specific */
  }
  .alle .fc_all_intro li {
    float: left;
    width: 50%;
  }
  .alle .fc_all_intro li:first-child {
    padding-right: 15px;
    margin-bottom: 0;
  }
  .alle .fc_all_intro li strong {
    min-height: 42px;
  }
  .alle .external-message {
    padding-right: 33%;
  }
  .alle .external-message--links {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 33%;
    border-top: none;
    border-left: 1px solid #262626;
  }
  .alle .external-message--links > li > .external-message--distribution-link {
    position: absolute;
    left: 5px;
    margin-top: -18.5px;
    top: 50%;
  }

  .page-alle-nyheder .pane-news-list-expanded-teasers .block-inner {
    padding-right: 30px;
  }

  .museum .two-25-75 > .region-two-25-75-second.region {
    padding-top: 0;
  }
  .museum #block-fc-fc-global-search {
    margin-top: 0;
  }
  .museum .fc-expanded-nav .menu-block-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }
  .museum .fc-expanded-nav .menu-block-wrapper > ul {
    background: none !important;
  }
  .museum .fc-expanded-nav .menu-block-wrapper > ul > li {
    width: 18%;
    margin: 0 1%;
    border: none;
    vertical-align: top;
  }
  .museum .fc-expanded-nav .menu-block-wrapper > ul > li > a {
    padding: 10px 0 0 5px;
    font-size: 16px;
  }
  .museum .fc-expanded-nav .menu-block-wrapper > ul > li:last-child {
    width: 18%;
  }
  .museum div.region .pane-fc-fc-search-content-type {
    display: block;
    padding: 15px 0 5px;
  }
  .museum div.region .pane-fc-fc-search-content-type h2.block-title {
    font-size: 14px;
    text-transform: none;
    font-family: inherit;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.92857em 0.5em 13px;
    position: relative;
  }
  .museum div.region .pane-fc-fc-search-content-type h2.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;
  }
  .museum div.region .pane-fc-fc-search-content-type ul {
    list-style: none;
    margin: 0;
    padding: 0 10px 0;
  }
  .museum div.region .pane-fc-fc-search-content-type ul > li > a {
    display: inline-block;
    padding: 0 5px;
    color: #e0e0e0;
  }
  .museum div.region .pane-fc-fc-search-content-type ul > li > a > input {
    margin-right: 5px;
    vertical-align: middle;
    padding: 0;
    border: none;
    height: 14px;
    width: 14px;
  }
  .museum div.region .pane-fc-fc-search-content-type ul > li > a.active {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
  }
}
/* Displays like medium tablets and up */
/* (648/14) 648px is roughly the size of tablets in portrait mode or small desktop screens */
@media screen and (min-width: 46.28571em) {
  /* Global typography
	---------------------------------------------------------------------------- */
  h1 {
    font-size: 4.42857em;
    padding: 0.56452em 0 0.24194em;
  }
  h1#page-title {
    padding: 0.14516em 25% 0.35484em 0;
  }
  .dfi-film-top-container h1 {
    font-size: 3.71429em;
  }

  h2 {
    font-size: 2.57143em;
    padding: 0.27778em 0;
  }
  h2.block-title {
    padding: 0.16667em 0 0.83333em;
  }

  h3 {
    font-size: 1.71429em;
    padding: 0.41667em 0;
  }

  p {
    font-size: 1em;
    padding: 0 0 1.28571em;
  }

  blockquote {
    margin: 0 6em 0.8em 1.2em;
  }

  .credits {
    clear: none;
  }

  /* Menus
	---------------------------------------------------------------------------- */
  /* Featured blocks have a default menu style as follows */
  .featured-block .menu {
    padding: 0;
  }
  .featured-block .menu li a {
    padding-top: 0.5em;
    padding-right: 0.71429em;
    padding-bottom: 0.57143em;
    padding-left: 1.64286em;
    -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;
  }
  .featured-block .menu li a:after {
    display: none;
  }
  .featured-block .menu 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;
    position: absolute;
    top: 9px;
    margin: 0 0 0 -1.5em;
    font-size: 10px;
    color: #ffbda6;
  }
  .featured-block .menu li a:hover {
    background-color: #d23f0c;
    text-decoration: none;
  }
  .featured-block .menu li.expanded a:before {
    content: '\e00d';
  }
  .featured-block .menu li.leaf a:before, .featured-block .menu li.collapsed a:before {
    content: '>';
  }
  .featured-block .menu li.expanded a.active:before, .featured-block .menu li.leaf a.active:before, .featured-block .menu li.collapsed a.active:before {
    content: '<';
  }
  .featured-block .menu ul a {
    padding-left: 2.71429em;
  }
  .featured-block .menu ul a:before {
    top: 22%;
  }
  .featured-block .menu ul ul a {
    padding-left: 4.07692em;
    font-size: 0.92857em;
    line-height: 1.4em;
  }
  .featured-block .menu ul ul a:before {
    top: 22%;
  }
  .featured-block .menu ul ul ul a {
    padding-left: 5.23077em;
  }
  .featured-block .menu-block-wrapper {
    padding-bottom: 20px;
  }

  /* Sub menu toggle */
  .sub-menu-link {
    display: none;
  }

  .node-type-teaching-material .add-this-block, .node-type-knowledge .add-this-block {
    position: relative;
    margin: 0;
  }
  .node-type-teaching-material .add-this-block > .block-inner, .node-type-knowledge .add-this-block > .block-inner {
    position: absolute;
    left: auto;
    right: 0;
    top: -55px;
  }

  /* Print button */
  div.region .pane-fc-print-button.block {
    display: block;
    position: relative;
    margin: 0;
  }
  div.region .pane-fc-print-button.block .print-link {
    margin-left: 10px;
  }

  /* Multi level sub menu */
  div.region .block.fc-multi-level-menu-container {
    display: block;
  }

  /* Featured story alternate display */
  .four-featured {
    display: block;
    width: 102.22222%;
    margin: 0 -1.11111%;
    *zoom: 1;
  }
  .four-featured:before, .four-featured:after {
    content: "";
    display: table;
  }
  .four-featured:after {
    clear: both;
  }

  .feature-portrait {
    display: inline;
    float: left;
    width: 31.11111%;
    margin: 0 1.11111%;
  }
  .feature-portrait:nth-child(n+3) {
    display: inline;
  }
  .feature-portrait:nth-child(n+4) {
    display: none;
  }

  /* Fields
  ---------------------------------------------------------------------------- */
  .node-type-teaching-material .field-name-field-teaching-material-type .field-item {
    font-size: 1.71429em;
  }
  .node-type-teaching-material .field-name-field-section-title .field-item {
    font-size: 2.57143em;
    padding: 0.27778em 0;
  }

  	/* Panels
    ---------------------------------------------------------------------------- */
  .region-two-66-33-second .fc-multi-level-menu-container:first-child .block-inner {
    border-top: 1px solid #bbbbbb;
    padding-top: 15px;
  }

  .region-two-33-66-top .intro,
  .region-two-25-75-top .intro,
  .region-two-66-33-top .intro {
    padding-right: 25%;
    padding-bottom: 0;
  }

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

  .front .region-two-50-bottom {
    padding-top: 40px;
  }

  /* Some exceptions regarding pane margins to cater for custom layout of flexslider views */
  .pane-teaching-materials-list-sandwich > .block-inner,
  .pane-film-teasers-film-not-sandwich > .block-inner,
  .pane-film-teasers-panel-pane-1 > .block-inner,
  .pane-film-teasers-panel-pane-2 > .block-inner,
  .pane-solr-search-indexed-similar-films > .block-inner,
  .pane-news-list-not-sandwich > .block-inner,
  .pane-news-list-sandwich > .block-inner {
    margin-left: 0;
    margin-right: 0;
  }
  .pane-teaching-materials-list-sandwich > .block-inner .pane-title.block-title,
  .pane-film-teasers-film-not-sandwich > .block-inner .pane-title.block-title,
  .pane-film-teasers-panel-pane-1 > .block-inner .pane-title.block-title,
  .pane-film-teasers-panel-pane-2 > .block-inner .pane-title.block-title,
  .pane-solr-search-indexed-similar-films > .block-inner .pane-title.block-title,
  .pane-news-list-not-sandwich > .block-inner .pane-title.block-title,
  .pane-news-list-sandwich > .block-inner .pane-title.block-title {
    margin-left: 10px;
    margin-right: 10px;
  }

  .node-type-teaching-material .region-two-66-33-first, .node-type-knowledge .region-two-66-33-first {
    float: right;
  }

  .page-filmsprog .region-two-33-66-second, .node-type-film-language .region-two-33-66-second {
    clear: none;
  }

  /* Blocks
  ---------------------------------------------------------------------------- */
  /* Film language terms block */
  .film-language-terms .more-link {
    margin: 0;
  }

  .film-language-search-wrapper {
    margin-top: 0;
  }

  .node-type-film-language div.region .pane-fc-film-lang-search {
    clear: none;
    margin-top: -33px;
  }
  .node-type-film-language div.region .pane-fc-film-lang-search .film-language-search-submit {
    width: 140px;
  }
  .node-type-film-language div.region .pane-fc-film-lang-search input[type=submit] {
    position: static;
  }

  div.region section.film-language-authors {
    display: block;
    margin-top: 20px;
  }

  /* My film features block */
  .my-film-features {
    display: block;
    width: 101.66667%;
    margin: 0 -0.83333%;
    *zoom: 1;
    margin-top: 1.42857em;
  }
  .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: 23.33333%;
    margin: 0 0.83333%;
    margin-bottom: 0;
  }
  .my-film-features .group:nth-child(4n+5) {
    clear: left;
  }
  .my-film-features .group h3 {
    padding-top: 0.41667em;
  }
  .my-film-features .group .media-container,
  .my-film-features .group .detail {
    float: none;
    width: 100%;
  }
  .my-film-features .group .media-container {
    margin-right: 0;
    padding-bottom: 57.727272727%;
  }

  .my-fc-playlist-controls a {
    display: inline-block;
    margin-left: 1em;
    padding-right: 2em;
  }

  /* my playlists */
  .my-playlists ul {
    display: block;
    width: 101.66667%;
    margin: 0 -0.83333%;
    *zoom: 1;
  }
  .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: 23.33333%;
    margin: 0 0.83333%;
    margin-bottom: 1.42857em;
  }
  .my-playlists ul .group:nth-child(3n+4) {
    clear: none;
  }
  .my-playlists ul .group:nth-child(4n+5) {
    clear: left;
  }

  .film-teaser:hover .trash {
    display: block;
  }

  /* Nodes
  ---------------------------------------------------------------------------- */
  /* Generic style for view mode 'top' */
  .fc-top {
    /* If the feature image is rendered then the layout/style changes */
  }
  .fc-top .fc-top-content-wrapper .field-name-field-teaser-text p {
    font-size: 1.28571em;
    margin: 0.55556em 0 0.16667em;
  }
  .fc-top .fc-top-content-wrapper.fc-has-image h1 {
    font-size: 5.14286em;
    line-height: 0.83333em;
  }
  .fc-top .fc-top-content-wrapper.fc-has-image .field-name-field-teaching-material-type .field-item {
    color: white;
  }

  /* 	DFI Film node */
  .dfi-film-top-container .video-container {
    /* Film edit controls */
  }
  .dfi-film-top-container .video-container > ul li {
    /* Show certain buttons */
  }
  .dfi-film-top-container .video-container > ul li.mark-scene-wrapper, .dfi-film-top-container .video-container > ul li.film-snapshot-wrapper {
    display: block;
  }
  .dfi-film-top-container .video-container .edit-controls {
    margin-top: -87px;
  }

  .dfi-film-top-container .dfi-film-top-detail {
    float: right;
    width: 33.33333%;
  }
  .dfi-film-top-container .dfi-film-top-detail .primary-actions {
    display: block;
  }
  .dfi-film-top-container .dfi-film-top-detail .dfi-film-top-detail-inner {
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .dfi-film-top-container h1 {
    padding-top: inherit;
  }
  .dfi-film-top-container .video-container {
    float: left;
    width: 66.66667%;
  }
  .dfi-film-top-container .video-container .video-wrap-inner > .play-video {
    font-size: 130px;
    padding-top: 20%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dfi-film-top-container .video-container .primary-actions {
    display: none;
  }

  /* Views
  ---------------------------------------------------------------------------- */
  .thumbnail-grid {
    display: block;
    width: 101.66667%;
    margin: 0 -0.83333%;
    *zoom: 1;
  }
  .thumbnail-grid:before, .thumbnail-grid:after {
    content: "";
    display: table;
  }
  .thumbnail-grid:after {
    clear: both;
  }
  .thumbnail-grid .group {
    display: inline;
    float: left;
    width: 23.33333%;
    margin: 0 0.83333%;
    padding-bottom: 30px;
    margin-bottom: 10px;
  }
  .thumbnail-grid .group:nth-child(3n+4) {
    clear: none;
  }
  .thumbnail-grid .group:nth-child(4n+5) {
    clear: left;
  }

  /* Flexslider */
  .view-featured-story-view .flex-direction-nav a {
    background: none;
    top: -5em;
  }

  .view-display-id-indexed_similar_films .flex-direction-nav a {
    background: white;
    background: rgba(255, 255, 255, 0.8);
  }
  .view-display-id-indexed_similar_films .flex-direction-nav a.flex-prev {
    left: 10px;
  }
  .view-display-id-indexed_similar_films .flex-direction-nav a.flex-prev:hover {
    left: 10px;
  }
  .view-display-id-indexed_similar_films .flex-direction-nav a.flex-next {
    right: 10px;
  }
  .view-display-id-indexed_similar_films .flex-direction-nav a.flex-next:hover {
    right: 10px;
  }

  .flexslider .slides > li:nth-child(-n+4) {
    display: block;
    width: 50%;
    float: left;
  }

  .flexslider .slides > li:nth-child(4) {
    float: none;
    display: inline-block;
  }

  /* Flexslider custom sandwich */
  .view-display-id-list_sandwich .slides > li,
  .view-id-news .slides > li {
    padding: 0 10px;
  }

  .view-id-news .detail .node-title, .fc-search-result-view .detail .node-title {
    line-height: 23px;
  }

  .view-id-news .detail {
    height: 152px;
    overflow: hidden;
  }

  /* Flexslider custom film teasers (Includes unique rollover style) */
  .view-clips-and-films .slides,
  .view-film-teasers .slides {
    margin: 0;
  }
  .view-clips-and-films .slides > li,
  .view-film-teasers .slides > li {
    padding: 0 10px;
  }
  .view-clips-and-films .slides > li:nth-child(n+5),
  .view-film-teasers .slides > li:nth-child(n+5) {
    display: block;
  }

  .view-clips-and-films .thumbnail-grid .group,
  .view-film-teasers .thumbnail-grid .group,
  .view-display-id-film_page .thumbnail-grid .group,
  .fc-search-result-film .thumbnail-grid .group,
  .view-film-node-view.view-display-id-panel_pane_3 .thumbnail-grid .group {
    padding-bottom: 0;
  }
  .view-clips-and-films .thumbnail-grid .group:nth-child(odd),
  .view-film-teasers .thumbnail-grid .group:nth-child(odd),
  .view-display-id-film_page .thumbnail-grid .group:nth-child(odd),
  .fc-search-result-film .thumbnail-grid .group:nth-child(odd),
  .view-film-node-view.view-display-id-panel_pane_3 .thumbnail-grid .group:nth-child(odd) {
    clear: none;
  }
  .view-clips-and-films .thumbnail-grid .group .media-container,
  .view-film-teasers .thumbnail-grid .group .media-container,
  .view-display-id-film_page .thumbnail-grid .group .media-container,
  .fc-search-result-film .thumbnail-grid .group .media-container,
  .view-film-node-view.view-display-id-panel_pane_3 .thumbnail-grid .group .media-container {
    width: 100%;
    padding-bottom: 0;
    overflow: visible;
    height: auto;
    text-align: left;
  }
  .view-clips-and-films .thumbnail-grid .group h3 a,
  .view-film-teasers .thumbnail-grid .group h3 a,
  .view-display-id-film_page .thumbnail-grid .group h3 a,
  .fc-search-result-film .thumbnail-grid .group h3 a,
  .view-film-node-view.view-display-id-panel_pane_3 .thumbnail-grid .group h3 a {
    color: #333333;
  }
  .view-clips-and-films .group,
  .view-film-teasers .group,
  .view-display-id-film_page .group,
  .fc-search-result-film .group,
  .view-film-node-view.view-display-id-panel_pane_3 .group {
    height: 250px;
    position: relative;
  }
  .view-clips-and-films .group .linked-teaser,
  .view-film-teasers .group .linked-teaser,
  .view-display-id-film_page .group .linked-teaser,
  .fc-search-result-film .group .linked-teaser,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser {
    float: left;
    height: 200px;
    width: 100%;
  }
  .view-clips-and-films .group .linked-teaser .detail,
  .view-film-teasers .group .linked-teaser .detail,
  .view-display-id-film_page .group .linked-teaser .detail,
  .fc-search-result-film .group .linked-teaser .detail,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser .detail {
    margin-bottom: 50px;
    overflow: hidden;
    visibility: hidden;
    display: block;
  }
  .view-clips-and-films .group .linked-teaser .detail > a,
  .view-film-teasers .group .linked-teaser .detail > a,
  .view-display-id-film_page .group .linked-teaser .detail > a,
  .fc-search-result-film .group .linked-teaser .detail > a,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser .detail > a {
    text-decoration: none;
  }
  .view-clips-and-films .group .linked-teaser > .media-container,
  .view-film-teasers .group .linked-teaser > .media-container,
  .view-display-id-film_page .group .linked-teaser > .media-container,
  .fc-search-result-film .group .linked-teaser > .media-container,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser > .media-container {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .view-clips-and-films .group .linked-teaser > .header,
  .view-film-teasers .group .linked-teaser > .header,
  .view-display-id-film_page .group .linked-teaser > .header,
  .fc-search-result-film .group .linked-teaser > .header,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser > .header {
    float: none;
  }
  .view-clips-and-films .group .linked-teaser.show,
  .view-film-teasers .group .linked-teaser.show,
  .view-display-id-film_page .group .linked-teaser.show,
  .fc-search-result-film .group .linked-teaser.show,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show {
    height: 250px;
    font-size: 0.92857em;
    position: relative;
  }
  .view-clips-and-films .group .linked-teaser.show .media-container img,
  .view-film-teasers .group .linked-teaser.show .media-container img,
  .view-display-id-film_page .group .linked-teaser.show .media-container img,
  .fc-search-result-film .group .linked-teaser.show .media-container img,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .media-container img {
    display: none;
  }
  .view-clips-and-films .group .linked-teaser.show .media-container .teaching-material-icon,
  .view-film-teasers .group .linked-teaser.show .media-container .teaching-material-icon,
  .view-display-id-film_page .group .linked-teaser.show .media-container .teaching-material-icon,
  .fc-search-result-film .group .linked-teaser.show .media-container .teaching-material-icon,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .media-container .teaching-material-icon {
    z-index: 2;
  }
  .view-clips-and-films .group .linked-teaser.show .media-container > .icon-alone,
  .view-film-teasers .group .linked-teaser.show .media-container > .icon-alone,
  .view-display-id-film_page .group .linked-teaser.show .media-container > .icon-alone,
  .fc-search-result-film .group .linked-teaser.show .media-container > .icon-alone,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .media-container > .icon-alone {
    display: none;
  }
  .view-clips-and-films .group .linked-teaser.show h3,
  .view-film-teasers .group .linked-teaser.show h3,
  .view-display-id-film_page .group .linked-teaser.show h3,
  .fc-search-result-film .group .linked-teaser.show h3,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show h3 {
    z-index: 1;
    color: white;
    position: relative;
    background-color: #333333;
    background-color: #333333;
    padding: 10px 40px 10px 10px;
  }
  .view-clips-and-films .group .linked-teaser.show h3 a,
  .view-film-teasers .group .linked-teaser.show h3 a,
  .view-display-id-film_page .group .linked-teaser.show h3 a,
  .fc-search-result-film .group .linked-teaser.show h3 a,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show h3 a {
    color: white;
  }
  .view-clips-and-films .group .linked-teaser.show .detail,
  .view-film-teasers .group .linked-teaser.show .detail,
  .view-display-id-film_page .group .linked-teaser.show .detail,
  .fc-search-result-film .group .linked-teaser.show .detail,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .detail {
    min-height: 200px;
    margin-bottom: 0;
    visibility: visible;
    background-color: #333333;
    padding: 0 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .view-clips-and-films .group .linked-teaser.show .field-label-inline .field-label,
  .view-film-teasers .group .linked-teaser.show .field-label-inline .field-label,
  .view-display-id-film_page .group .linked-teaser.show .field-label-inline .field-label,
  .fc-search-result-film .group .linked-teaser.show .field-label-inline .field-label,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .field-label-inline .field-label {
    float: none;
  }
  .view-clips-and-films .group .linked-teaser.show h4,
  .view-clips-and-films .group .linked-teaser.show p,
  .view-clips-and-films .group .linked-teaser.show span,
  .view-clips-and-films .group .linked-teaser.show div,
  .view-clips-and-films .group .linked-teaser.show .field-name-body,
  .view-film-teasers .group .linked-teaser.show h4,
  .view-film-teasers .group .linked-teaser.show p,
  .view-film-teasers .group .linked-teaser.show span,
  .view-film-teasers .group .linked-teaser.show div,
  .view-film-teasers .group .linked-teaser.show .field-name-body,
  .view-display-id-film_page .group .linked-teaser.show h4,
  .view-display-id-film_page .group .linked-teaser.show p,
  .view-display-id-film_page .group .linked-teaser.show span,
  .view-display-id-film_page .group .linked-teaser.show div,
  .view-display-id-film_page .group .linked-teaser.show .field-name-body,
  .fc-search-result-film .group .linked-teaser.show h4,
  .fc-search-result-film .group .linked-teaser.show p,
  .fc-search-result-film .group .linked-teaser.show span,
  .fc-search-result-film .group .linked-teaser.show div,
  .fc-search-result-film .group .linked-teaser.show .field-name-body,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show h4,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show p,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show span,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show div,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .field-name-body {
    color: white;
  }
  .view-clips-and-films .group .linked-teaser.show p,
  .view-clips-and-films .group .linked-teaser.show span,
  .view-clips-and-films .group .linked-teaser.show div,
  .view-clips-and-films .group .linked-teaser.show .field-name-body,
  .view-film-teasers .group .linked-teaser.show p,
  .view-film-teasers .group .linked-teaser.show span,
  .view-film-teasers .group .linked-teaser.show div,
  .view-film-teasers .group .linked-teaser.show .field-name-body,
  .view-display-id-film_page .group .linked-teaser.show p,
  .view-display-id-film_page .group .linked-teaser.show span,
  .view-display-id-film_page .group .linked-teaser.show div,
  .view-display-id-film_page .group .linked-teaser.show .field-name-body,
  .fc-search-result-film .group .linked-teaser.show p,
  .fc-search-result-film .group .linked-teaser.show span,
  .fc-search-result-film .group .linked-teaser.show div,
  .fc-search-result-film .group .linked-teaser.show .field-name-body,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show p,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show span,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show div,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .field-name-body {
    line-height: 1.30769em;
  }
  .view-clips-and-films .group .linked-teaser.show .field-name-body,
  .view-film-teasers .group .linked-teaser.show .field-name-body,
  .view-display-id-film_page .group .linked-teaser.show .field-name-body,
  .fc-search-result-film .group .linked-teaser.show .field-name-body,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .field-name-body {
    padding: 0 0 1.23077em;
  }
  .view-clips-and-films .group .linked-teaser.show .field-name-body p,
  .view-film-teasers .group .linked-teaser.show .field-name-body p,
  .view-display-id-film_page .group .linked-teaser.show .field-name-body p,
  .fc-search-result-film .group .linked-teaser.show .field-name-body p,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .field-name-body p {
    padding: 0;
  }
  .view-clips-and-films .group .linked-teaser.show h4,
  .view-film-teasers .group .linked-teaser.show h4,
  .view-display-id-film_page .group .linked-teaser.show h4,
  .fc-search-result-film .group .linked-teaser.show h4,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show h4 {
    padding: 0 0 3px;
  }
  .view-clips-and-films .group .linked-teaser.show footer span,
  .view-film-teasers .group .linked-teaser.show footer span,
  .view-display-id-film_page .group .linked-teaser.show footer span,
  .fc-search-result-film .group .linked-teaser.show footer span,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show footer span {
    display: block;
  }
  .view-clips-and-films .group .linked-teaser.show .meta,
  .view-film-teasers .group .linked-teaser.show .meta,
  .view-display-id-film_page .group .linked-teaser.show .meta,
  .fc-search-result-film .group .linked-teaser.show .meta,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .meta {
    margin-bottom: 0.83333em;
    clear: both;
  }
  .view-clips-and-films .group .linked-teaser.show footer,
  .view-film-teasers .group .linked-teaser.show footer,
  .view-display-id-film_page .group .linked-teaser.show footer,
  .fc-search-result-film .group .linked-teaser.show footer,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333333;
    height: 45px;
    padding: 10px 10px 10px 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
  }
  .view-clips-and-films .group .linked-teaser.show footer .more-link a,
  .view-film-teasers .group .linked-teaser.show footer .more-link a,
  .view-display-id-film_page .group .linked-teaser.show footer .more-link a,
  .fc-search-result-film .group .linked-teaser.show footer .more-link a,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show footer .more-link a {
    min-width: 100px;
  }
  .view-clips-and-films .group .linked-teaser.show .save,
  .view-film-teasers .group .linked-teaser.show .save,
  .view-display-id-film_page .group .linked-teaser.show .save,
  .fc-search-result-film .group .linked-teaser.show .save,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .save {
    text-decoration: none;
    display: block;
    padding-left: 20px;
    color: white;
    float: left;
    position: relative;
    line-height: 27px;
    height: 25px;
  }
  .view-clips-and-films .group .linked-teaser.show .save:before,
  .view-film-teasers .group .linked-teaser.show .save:before,
  .view-display-id-film_page .group .linked-teaser.show .save:before,
  .fc-search-result-film .group .linked-teaser.show .save:before,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .save: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';
    position: absolute;
    font-size: 18px;
    left: 0;
    top: 3px;
    color: #fff;
  }
  .view-clips-and-films .group .linked-teaser.show .save:hover:before,
  .view-film-teasers .group .linked-teaser.show .save:hover:before,
  .view-display-id-film_page .group .linked-teaser.show .save:hover:before,
  .fc-search-result-film .group .linked-teaser.show .save:hover:before,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .save:hover:before {
    color: #ffd77d;
  }
  .view-clips-and-films .group .linked-teaser.show .more-link,
  .view-film-teasers .group .linked-teaser.show .more-link,
  .view-display-id-film_page .group .linked-teaser.show .more-link,
  .fc-search-result-film .group .linked-teaser.show .more-link,
  .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .more-link {
    float: right;
    line-height: 1.53846em;
  }

  .view-clips-and-films .group,
  .view-display-id-film_page .group,
  .fc-search-result-film .group {
    height: 300px;
  }
  .view-clips-and-films .group .linked-teaser,
  .view-display-id-film_page .group .linked-teaser,
  .fc-search-result-film .group .linked-teaser {
    height: 300px;
  }
  .view-clips-and-films .group .linked-teaser .detail,
  .view-display-id-film_page .group .linked-teaser .detail,
  .fc-search-result-film .group .linked-teaser .detail {
    margin-bottom: 50px;
  }
  .view-clips-and-films .group .linked-teaser.show,
  .view-display-id-film_page .group .linked-teaser.show,
  .fc-search-result-film .group .linked-teaser.show {
    height: 300px;
  }
  .view-clips-and-films .group .linked-teaser.show .field-name-field-topics,
  .view-clips-and-films .group .linked-teaser.show > .meta,
  .view-display-id-film_page .group .linked-teaser.show .field-name-field-topics,
  .view-display-id-film_page .group .linked-teaser.show > .meta,
  .fc-search-result-film .group .linked-teaser.show .field-name-field-topics,
  .fc-search-result-film .group .linked-teaser.show > .meta {
    display: none;
  }
  .view-clips-and-films .group .linked-teaser.show .detail,
  .view-display-id-film_page .group .linked-teaser.show .detail,
  .fc-search-result-film .group .linked-teaser.show .detail {
    min-height: 300px;
  }

  /* Forms
  ---------------------------------------------------------------------------- */
  /* Facet search */
  .two-25-75 > .region-two-25-75-first.region {
    width: 25%;
  }
  .two-25-75 > .region-two-25-75-first.region .block-inner {
    margin: 0;
    padding-top: 0;
  }
  .two-25-75 > .region-two-25-75-second.region {
    width: 75%;
  }

  /*
  .block-solr-search-block,
  .global-search.search {
    @include column(12,12);
  }*/
  /* Footer
  ---------------------------------------------------------------------------- */
  /* Tertiary Region */
  .region-tertiary-content {
    display: block;
    width: 101.66667%;
    margin: 0 -0.83333%;
    *zoom: 1;
  }
  .region-tertiary-content:before, .region-tertiary-content:after {
    content: "";
    display: table;
  }
  .region-tertiary-content:after {
    clear: both;
  }
  .region-tertiary-content .region-inner {
    position: relative;
  }
  .region-tertiary-content .region-inner:before {
    content: '';
    display: block;
    height: 1px;
    background: #bbbbbb;
    position: absolute;
    left: 0.83333%;
    right: 0.83333%;
    top: 0px;
  }
  .region-tertiary-content .region-inner .block {
    display: inline;
    float: left;
    width: 23.33333%;
    margin: 0 0.83333%;
  }

  /* Film language (Filmsprog)
  ---------------------------------------------------------------------------- */
  /* Filmsprog landing page */
  .node-type-film-language #main-content-header,
  .page-filmsprog #main-content-header {
    height: 100px;
  }

  /* Film language term detail */
  .film_language {
    /* If the feature image is rendered then the layout/style changes */
  }
  .film_language .vocabulary {
    font-size: 2.57143em;
    padding: 0.27778em 0;
  }
  .film_language.fc-top-content-wrapper.fc-has-image .vocabulary {
    padding: 0.27778em 0 0.13889em;
  }

  /* Film language table of contents */
  .film-language-menu-tree .menu li > ul {
    display: block;
    width: 102.22222%;
    margin: 0 -1.11111%;
    *zoom: 1;
  }
  .film-language-menu-tree .menu li > ul:before, .film-language-menu-tree .menu li > ul:after {
    content: "";
    display: table;
  }
  .film-language-menu-tree .menu li > ul:after {
    clear: both;
  }
  .film-language-menu-tree .menu li > ul > li {
    display: inline;
    float: left;
    width: 31.11111%;
    margin: 0 1.11111%;
  }

  /* Film language view - (A-Z) */
  .view-film-language .view-content ul {
    display: block;
    width: 102.22222%;
    margin: 0 -1.11111%;
    *zoom: 1;
  }
  .view-film-language .view-content ul:before, .view-film-language .view-content ul:after {
    content: "";
    display: table;
  }
  .view-film-language .view-content ul:after {
    clear: both;
  }
  .view-film-language .view-content ul li {
    display: inline;
    float: left;
    width: 31.11111%;
    margin: 0 1.11111%;
  }

  .alle {
    /* Menus
    ---------------------------------------------------------------------------- */
    /* Featured blocks have a default menu style as follows */
    /* Panels
    ---------------------------------------------------------------------------- */
    /* Blocks
    ---------------------------------------------------------------------------- */
    /* Footer
    ---------------------------------------------------------------------------- */
    /* Tertiary Region */
  }
  .alle .featured-block .menu {
    padding: 0;
  }
  .alle .featured-block .menu li a:hover {
    background-color: #0185c1;
    border-bottom: 1px solid #0185c1;
  }
  .alle .featured-block .menu li a:before {
    color: #8fc5dd;
  }
  .alle .region-two-66-33-second .fc-multi-level-menu-container:first-child .block-inner {
    border-top: 1px solid #666666;
  }
  .alle .view-clips-and-films .thumbnail-grid .group h3 a,
  .alle .view-film-teasers .thumbnail-grid .group h3 a,
  .alle .view-display-id-film_page .thumbnail-grid .group h3 a,
  .alle .fc-search-result-film .thumbnail-grid .group h3 a,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .thumbnail-grid .group h3 a {
    color: #ededed;
  }
  .alle .view-clips-and-films .group .linked-teaser.show h3,
  .alle .view-film-teasers .group .linked-teaser.show h3,
  .alle .view-display-id-film_page .group .linked-teaser.show h3,
  .alle .fc-search-result-film .group .linked-teaser.show h3,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show h3 {
    color: white;
    background-color: #333333;
    background-color: #333333;
  }
  .alle .view-clips-and-films .group .linked-teaser.show h3 a,
  .alle .view-film-teasers .group .linked-teaser.show h3 a,
  .alle .view-display-id-film_page .group .linked-teaser.show h3 a,
  .alle .fc-search-result-film .group .linked-teaser.show h3 a,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show h3 a {
    color: white;
  }
  .alle .view-clips-and-films .group .linked-teaser.show .detail,
  .alle .view-clips-and-films .group .linked-teaser.show footer,
  .alle .view-film-teasers .group .linked-teaser.show .detail,
  .alle .view-film-teasers .group .linked-teaser.show footer,
  .alle .view-display-id-film_page .group .linked-teaser.show .detail,
  .alle .view-display-id-film_page .group .linked-teaser.show footer,
  .alle .fc-search-result-film .group .linked-teaser.show .detail,
  .alle .fc-search-result-film .group .linked-teaser.show footer,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .detail,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show footer {
    background-color: #333333;
  }
  .alle .view-clips-and-films .group .linked-teaser.show h4,
  .alle .view-clips-and-films .group .linked-teaser.show p,
  .alle .view-clips-and-films .group .linked-teaser.show span,
  .alle .view-clips-and-films .group .linked-teaser.show div,
  .alle .view-clips-and-films .group .linked-teaser.show .field-name-body,
  .alle .view-film-teasers .group .linked-teaser.show h4,
  .alle .view-film-teasers .group .linked-teaser.show p,
  .alle .view-film-teasers .group .linked-teaser.show span,
  .alle .view-film-teasers .group .linked-teaser.show div,
  .alle .view-film-teasers .group .linked-teaser.show .field-name-body,
  .alle .view-display-id-film_page .group .linked-teaser.show h4,
  .alle .view-display-id-film_page .group .linked-teaser.show p,
  .alle .view-display-id-film_page .group .linked-teaser.show span,
  .alle .view-display-id-film_page .group .linked-teaser.show div,
  .alle .view-display-id-film_page .group .linked-teaser.show .field-name-body,
  .alle .fc-search-result-film .group .linked-teaser.show h4,
  .alle .fc-search-result-film .group .linked-teaser.show p,
  .alle .fc-search-result-film .group .linked-teaser.show span,
  .alle .fc-search-result-film .group .linked-teaser.show div,
  .alle .fc-search-result-film .group .linked-teaser.show .field-name-body,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show h4,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show p,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show span,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show div,
  .alle .view-film-node-view.view-display-id-panel_pane_3 .group .linked-teaser.show .field-name-body {
    color: white;
  }
  .alle .view-display-id-indexed_similar_films .flex-direction-nav a {
    background: black;
    background: rgba(0, 0, 0, 0.5);
  }
  .alle .region-tertiary-content-alle {
    display: block;
    width: 101.66667%;
    margin: 0 -0.83333%;
    *zoom: 1;
  }
  .alle .region-tertiary-content-alle:before, .alle .region-tertiary-content-alle:after {
    content: "";
    display: table;
  }
  .alle .region-tertiary-content-alle:after {
    clear: both;
  }
  .alle .region-tertiary-content-alle .region-inner {
    position: relative;
  }
  .alle .region-tertiary-content-alle .region-inner:before {
    content: '';
    display: block;
    height: 1px;
    background: #666666;
    position: absolute;
    left: 0.83333%;
    right: 0.83333%;
    top: 0px;
  }
  .alle .region-tertiary-content-alle .region-inner .block {
    display: inline;
    float: left;
    width: 23.33333%;
    margin: 0 0.83333%;
  }
  .alle .region-tertiary-content-alle .region-inner .block:first-child {
    display: inline;
    float: left;
    width: 48.33333%;
    margin: 0 0.83333%;
  }
  .alle .shortcuts {
    float: right !important;
    width: 25% !important;
    clear: none !important;
  }
  .alle .shortcuts > .block-inner {
    margin-left: 5px;
  }
  .alle div.fc_all_intro__container {
    clear: none !important;
    width: 75%;
  }
  .alle .fc_all_intro {
    margin-right: 5px;
  }

  .museum .museum-video-actions-buttons {
    display: inline-block;
    padding-bottom: 5px;
  }
  .museum .pane-clip-clips-in-film {
    width: 66.66667% !important;
    float: left !important;
    clear: none !important;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .museum .pane-clip-clips-in-film > .block-inner {
    margin-right: 0;
  }
  .museum .view-display-id-clips_in_film .views-row {
    width: 25%;
  }
  .museum .view-display-id-related_by_parent .views-row {
    width: 25%;
  }
  .museum .museum-clip-parent-image {
    float: left;
    width: 33.33333%;
    border-right: none;
    padding-bottom: 19.24242%;
  }
  .museum .museum-clip-parent-body {
    margin-left: 33.33333%;
    padding-left: 10px;
  }
  .museum .pane-fc-fc-clip-call-to-action {
    float: right !important;
    width: 33.33333% !important;
    clear: none !important;
  }
  .museum .pane-fc-fc-clip-call-to-action > .block-inner {
    margin: 0 10px 0 15px;
  }
  .museum .view-featured-story-view {
    margin-bottom: 2em;
  }
  .museum .fc-expanded-nav .menu-block-wrapper > ul > li > a {
    padding: 10px 0 0 5px;
    font-size: 20px;
  }
}
/* Used for Se-film grid */
/* (700/14) */
@media screen and (min-width: 50em) {
  .thumbnail-grid.starting-three-col {
    display: block;
    width: 102.22222%;
    margin: 0 -1.11111%;
    *zoom: 1;
  }
  .thumbnail-grid.starting-three-col:before, .thumbnail-grid.starting-three-col:after {
    content: "";
    display: table;
  }
  .thumbnail-grid.starting-three-col:after {
    clear: both;
  }
  .thumbnail-grid.starting-three-col .group {
    display: inline;
    float: left;
    width: 31.11111%;
    margin: 0 1.11111%;
    margin-bottom: 10px;
  }
  .thumbnail-grid.starting-three-col .group:nth-child(odd) {
    clear: none;
  }
  .thumbnail-grid.starting-three-col .group:nth-child(3n+4) {
    clear: left;
  }
  .thumbnail-grid.starting-two-col {
    display: block;
    width: 103.33333%;
    margin: 0 -1.66667%;
    *zoom: 1;
  }
  .thumbnail-grid.starting-two-col:before, .thumbnail-grid.starting-two-col:after {
    content: "";
    display: table;
  }
  .thumbnail-grid.starting-two-col:after {
    clear: both;
  }
  .thumbnail-grid.starting-two-col .group {
    display: inline;
    float: left;
    width: 46.66667%;
    margin: 0 1.66667%;
    margin-bottom: 10px;
  }
  .thumbnail-grid.starting-two-col .group:nth-child(odd) {
    clear: none;
  }
  .thumbnail-grid.starting-two-col .group:nth-child(3n+4) {
    clear: left;
  }
}
/* (940/14) */
@media screen and (min-width: 58.75em) {
  .dfi-film-top-container h1 {
    font-size: 4.42857em;
  }

  .prose blockquote {
    margin: 0 5.4375em 1.25em 2.9375em;
  }

  /* Views
	---------------------------------------------------------------------------- */
  /* Standard */
  /* Default stacked view */
  .stacked .group > article .media-container img {
    width: 260px;
  }

  /* Flexslider */
  /* Flexslider custom sandwich */
  .view-display-id-list_sandwich .media-container img {
    width: 260px;
  }

  /* Search */
  .teaching-material-slat > ul,
  .news-list > ul,
  .filmsprog-list > ul {
    display: block;
    width: 103.33333%;
    margin: 0 -1.66667%;
    *zoom: 1;
  }
  .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: 46.66667%;
    margin: 0 1.66667%;
    margin-bottom: 20px;
  }
  .teaching-material-slat > ul > li:nth-child(odd), .teaching-material-slat > ul > li.odd,
  .news-list > ul > li:nth-child(odd),
  .news-list > ul > li.odd,
  .filmsprog-list > ul > li:nth-child(odd),
  .filmsprog-list > ul > li.odd {
    clear: left;
  }

  /* Nodes
  --------------------------------------------------------------------------- */
  .dfi-film-top-container .video-container {
    /* Film edit controls */
  }
  .dfi-film-top-container .video-container .edit-controls {
    display: block;
    float: left;
    background-color: #242424;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 0px 11px 10px;
    margin-bottom: 10px;
    margin-top: -87px;
    -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;
  }
  .dfi-film-top-container .video-container .edit-controls .button-wrapper {
    position: relative;
  }
  .dfi-film-top-container .video-container .edit-controls span.button-group {
    float: left;
  }
  .dfi-film-top-container .video-container .edit-controls a,
  .dfi-film-top-container .video-container .edit-controls .hide-controls {
    float: left;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    background-color: #f55b24;
    padding: 3px 6px;
    font-size: 11px;
    margin: 6px 5px 0 0;
    border: 1px solid #d23f0c;
  }
  .dfi-film-top-container .video-container .edit-controls a.is-disabled, .dfi-film-top-container .video-container .edit-controls a.is-disabled:hover,
  .dfi-film-top-container .video-container .edit-controls .hide-controls.is-disabled,
  .dfi-film-top-container .video-container .edit-controls .hide-controls.is-disabled:hover {
    background-color: #333;
    border-color: #444;
    color: #666;
    cursor: default;
  }
  .dfi-film-top-container .video-container .edit-controls a:hover,
  .dfi-film-top-container .video-container .edit-controls .hide-controls:hover {
    background-color: #d23f0c;
    text-decoration: none;
  }
  .dfi-film-top-container .video-container .edit-controls a:hover:before,
  .dfi-film-top-container .video-container .edit-controls .hide-controls:hover:before {
    content: attr(data-hovertext);
    position: absolute;
    background: white;
    top: -4.2em;
    border: 1px #bbbbbb solid;
    padding: 1em;
    margin-left: -1.5em;
    color: #333333;
    z-index: 20;
    white-space: nowrap;
  }
  .dfi-film-top-container .video-container .edit-controls .hide-controls {
    font-weight: normal;
    padding: 9px 6px 7px;
    background-color: #666666;
    border: none;
  }
  .dfi-film-top-container .video-container .edit-controls .hide-controls:hover {
    background-color: #333333;
  }
  .dfi-film-top-container .video-container .edit-controls.is-visible {
    margin-top: 0;
    -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;
  }
  .dfi-film-top-container .video-container .edit-controls input[type="text"] {
    float: left;
    font-family: serif;
    background-color: #242424;
    border: 1px solid #bbbbbb;
    color: #f55b24;
    padding: 6px 5px 4px;
    margin: 6px 10px 0 0;
    width: 83px;
  }

  /* Featured story alternate display */
  .four-featured {
    display: block;
    width: 101.66667%;
    margin: 0 -0.83333%;
    *zoom: 1;
  }
  .four-featured:before, .four-featured:after {
    content: "";
    display: table;
  }
  .four-featured:after {
    clear: both;
  }

  .feature-portrait {
    display: inline;
    float: left;
    width: 23.33333%;
    margin: 0 0.83333%;
  }
  .feature-portrait:nth-child(n+4) {
    display: inline;
  }

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

  .three-featured--item {
    display: inline;
    float: left;
    width: 31.11111%;
    margin: 0 1.11111%;
  }
  .three-featured--item:nth-child(n+3) {
    display: block;
  }

  .alle {
    /* Nodes
    --------------------------------------------------------------------------- */
    /* Origin filter
    ---------------------------------------------------------------------------- */
  }
  .alle .dfi-film-top-container .video-container {
    /* Film edit controls */
  }
  .alle .dfi-film-top-container .video-container .edit-controls {
    background-color: #242424;
  }
  .alle .dfi-film-top-container .video-container .edit-controls a,
  .alle .dfi-film-top-container .video-container .edit-controls .hide-controls {
    background-color: #0698db;
    border: 1px solid #0185c1;
  }
  .alle .dfi-film-top-container .video-container .edit-controls a:hover,
  .alle .dfi-film-top-container .video-container .edit-controls .hide-controls:hover {
    background-color: #0185c1;
  }
  .alle .dfi-film-top-container .video-container .edit-controls .hide-controls {
    background-color: #666666;
    border: 1px solid black;
  }
  .alle .dfi-film-top-container .video-container .edit-controls .hide-controls:hover {
    background-color: #333333;
  }
  .alle .dfi-film-top-container .video-container .edit-controls input[type="text"] {
    background-color: #242424;
    border: 1px solid #bbbbbb;
    color: #0698db;
  }
  .alle .region-two-25-75-second .distribution-filter {
    margin: 0px 0 20px !important;
    background: #323232 !important;
    padding: 0;
    display: block;
  }
  .alle .region-two-25-75-second .distribution-filter .block-content {
    padding: 0;
  }
  .alle .region-two-25-75-second .distribution-filter .block-content .item-list ul {
    display: table;
    border-spacing: 10px;
    width: 100%;
  }
  .alle .region-two-25-75-second .distribution-filter .block-content .item-list ul li {
    display: table-cell;
    float: none;
    margin: 0;
  }

  .museum .fc-expanded-nav .menu-block-wrapper > ul > li > a {
    padding: 10px 0 25px 8px;
    font-size: 22px;
  }
}
/* Very large displays (like desktop computers with screen sizes > 1120px) */
/* (1120/14) */
@media screen and (min-width: 80em) {
  /* Views
	---------------------------------------------------------------------------- */
  .flex-direction-nav a {
    background: none !important;
  }
  .flex-direction-nav a.flex-next {
    right: -40px;
  }
  .flex-direction-nav a.flex-next:hover {
    right: -40px;
  }
  .flex-direction-nav a.flex-prev {
    left: -40px;
  }
  .flex-direction-nav a.flex-prev:hover {
    left: -40px;
  }
}
@media screen and (min-width: 500px) {
  .museum-map {
    padding-bottom: 60%;
  }

  .museum-map__current {
    padding-bottom: 80%;
  }

  .museum-map__popup-box {
    width: 250px;
  }

  .museum-map__popup-title {
    font-size: 22px;
  }
}
@media screen and (min-width: 600px) {
  .museum-map__body {
    right: 25%;
  }

  .museum-map__sidebar {
    display: block;
    position: absolute;
    width: 25%;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #1b1b1b;
  }

  .museum-map__current {
    padding-bottom: 53.33333%;
    margin-bottom: 30px;
  }

  .museum-map__body-current {
    right: 33.33333%;
  }

  .museum-map__sidebar-current {
    width: 33.33333%;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

  .museum-map__permalink {
    display: block;
    position: absolute;
    bottom: -24px;
    line-height: 20px;
    font-size: 12px;
    color: #666 !important;
  }
}
@media screen and (min-width: 741px) {
  .museum-map__poster-pane {
    clear: none !important;
    margin-bottom: 2em;
  }

  .museum-map__poster {
    margin-right: 25%;
  }

  .museum-map-poster-pane {
    clear: none !important;
  }

  .museum-map__top {
    position: relative;
    clear: both;
  }

  .museum-map__filters {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
  }

  .museum-map__filter {
    width: auto;
  }
}
@media screen and (min-width: 800px) {
  .museum-map__result-back {
    display: inline-block;
  }

  .museum-map__current {
    padding-bottom: 37.5%;
  }

  .museum-map__result-image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    float: left;
    width: 30%;
    padding-bottom: 17.31818%;
    position: relative;
    overflow: hidden;
    background: #333;
  }
  .museum-map__result-image > img {
    position: absolute;
    width: 100%;
  }

  .museum-map__result-title {
    font-size: 18px;
  }

  .museum-map__result-info {
    margin-top: 5px;
  }

  .museum-map__sidebar-current .museum-map__result-image {
    width: 33.33333%;
    padding-bottom: 19.24242%;
  }
  .museum-map__sidebar-current .museum-map__result-body {
    margin-left: 33.33333%;
  }

  .museum-map__result-body {
    margin-left: 30%;
    padding-left: 10px;
  }
}
@media screen and (min-width: 648px) {
  .is-museum-clipping-enabled .museum-clip-actions {
    margin: 15px 0 0;
    padding: 0;
    display: block;
    list-style: none;
  }

  .museum-clip-action {
    display: inline-block;
    color: #ededed !important;
  }
  .museum-clip-action: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: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }

  .museum-clip-action--info: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: "";
  }

  .museum-clip-action--parent: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: "";
  }

  .museum-clip-action-more {
    text-decoration: underline;
    cursor: pointer;
  }

  .museum-clip-actions__box {
    margin-top: 5px;
    padding: 5px 10px;
    background: #111;
    color: #fff;
    display: none;
  }
  .museum-clip-actions__box.is-visible {
    display: block;
  }
  .museum-clip-actions__box p {
    margin: 5px 0;
    padding: 0;
  }
}
@media screen and (min-width: 652px) {
  .viewmode {
    position: relative;
    margin: 0;
  }

  .viewmode-body {
    position: absolute;
    top: -40px;
    right: -5px;
  }
}
@media screen and (min-width: 740px) {
  .comments-add-link {
    padding: 0;
    position: absolute;
    right: 0;
    margin-top: -33px;
    top: 0;
    margin-top: 8px;
  }

  .comments-list {
    margin-top: -35px;
  }

  .comments-comment {
    padding-bottom: 35px;
    margin-top: 35px;
  }

  .comments-body {
    background: #333333;
    padding: 40px;
    margin-top: 20px;
    padding-right: 33.33333%;
  }

  .comment-add-disclaimer {
    clear: none;
  }
}
@media screen and (min-width: 740px) {
  .museum-call-to-action {
    margin: 0;
  }

  .museum-call-to-action-title {
    font-size: 36px;
    margin: -3px 0 10px;
    padding: 0;
    line-height: 1;
  }
}
@media screen and (min-width: 880px) {
  .museum-call-to-action {
    padding: 40px;
  }
  .museum-call-to-action p {
    font-size: 16px;
    line-height: 22px;
    padding: 0;
  }

  .museum-call-to-action-title {
    font-size: 48px;
  }

  .museum-call-to-action-subtitle {
    font-size: 32px;
    margin: 0;
  }

  .museum-call-to-action-steps {
    font-size: 24px;
  }
  .museum-call-to-action-steps > li {
    padding: 14px 0 14px 52px;
  }
  .museum-call-to-action-steps > li:before {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-width: 4px;
    margin-top: -20px;
    font-size: 24px;
  }

  .museum-call-to-action-text {
    float: left;
    width: 33.33333%;
  }

  .museum-call-to-action-howto {
    float: left;
    width: 66.66667%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
  }
}