@font-face {
	font-family: 'planeta';
	src: url('fonts/Planeta-Bold.eot');
	src: url('fonts/Planeta-Bold.eot#iefix') format('embedded-opentype'),
		url('fonts/Planeta-Bold.woff') format('woff'),
		url('fonts/Planeta-Bold.ttf')  format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'planeta';
	src: url('fonts/Planeta-Light.eot');
	src: url('fonts/Planeta-Light.eot#iefix') format('embedded-opentype'),
		url('fonts/Planeta-Light.woff') format('woff'),
		url('fonts/Planeta-Light.ttf')  format('truetype');
	font-weight: 300;
	font-style: normal;
}


header {
  width: 100%;
  height: 99px;
  border-bottom: 1px solid #d2d2d2;
  background-color: #FFF;
  position: fixed;
  top: 0px;
  z-index: 100; }
  header .wrap {
    padding: 0 2em;
    box-sizing: border-box; }
  header .logo, header .logo a, header nav {
    display: inline-block;
    height: 99px; }
  header .logo img {
    padding: 10px 0;
    box-sizing: border-box; }
  header nav {
    display: inline-block;
    vertical-align: top;
    margin-left: 140px; }
  header ul {
    list-style: outside none none;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0; }
  header li {
    display: inline-block;
    float: left;
    margin: auto 1em;
    height: 99px; }
    header li a, header li span {
      height: inherit;
      display: table-cell;
      vertical-align: middle;
      box-sizing: border-box;
      text-decoration: none;
      color: #000;
      text-transform: uppercase;
      font-size: 0.64em;
      font-weight: bold;
      letter-spacing: 0.15em; }
    header li a:hover, header li span:hover {
      color: #d2d2d2; }
  header .menu-icon {
    float: right;
    height: 99px;
    display: none; }
    header .menu-icon img {
      height: 20px;
      display: block;
      vertical-align: middle;
      padding: 40px 25px; }
  header .secondary {
    float: right; }
    header .secondary .search-trigger {
      cursor: pointer; }

body[columns="3"] header .menu-icon, body[columns="2"] header .menu-icon, body[columns="1"] header .menu-icon {
  display: inline; }
body[columns="3"] header nav, body[columns="2"] header nav, body[columns="1"] header nav {
  display: none; }
body[columns="3"] header .wrap, body[columns="2"] header .wrap, body[columns="1"] header .wrap {
  padding: 0; }

body[columns="2"] header, body[columns="1"] header {
  height: 50px; }
  body[columns="2"] header .logo img, body[columns="1"] header .logo img {
    height: 50px;
    padding: 10px 25px; }
  body[columns="2"] header .menu-icon, body[columns="1"] header .menu-icon {
    display: inline; }
    body[columns="2"] header .menu-icon img, body[columns="1"] header .menu-icon img {
      padding: 12.5px 25px; }
  body[columns="2"] header nav, body[columns="1"] header nav {
    display: none; }

body[columns="4"] header nav {
  margin-left: 10px; }

footer {
  width: 100%;
  background-color: #e9d7e3;
  float: left;
  margin-top: 2em; }
  footer .wrap {
    width: 300px;
    margin: 0 auto;
    display: block; }
  footer p {
    font-weight: bold;
    text-align: center; }
  footer .logo {
    display: block;
    margin: 2em auto;
    height: 5em; }

body:not(.wp-admin) {
  background-image: url("http://copenhagenfashionfilm.dk/wp-content/themes/cphfashionfilm/images/nonse.jpg");
  font-family: planeta, Helvetica, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; }
  body:not(.wp-admin) * {
    color: #000; }
  body:not(.wp-admin) a:hover {
    color: #e9d7e3; }

#site {
  padding-top: 99px;
  background-color: #FFF;
  position: relative; }
  #site .wrap {
    max-width: 1300px;
    width: 100%;
    display: block;
    margin: 0 auto; }

body[columns="2"] #site, body[columns="1"] #site {
  padding-top: 50px; }

#main {
  height: 100%;
  padding-bottom: 2em;
  background: #FFF; }

.banner {
  background-color: rgba(233, 215, 227, 0.8); }

body.home section:first-of-type .introduction:first-of-type, body.page-template .page .introduction:first-of-type {
  border: 0;
  margin-top: 0; }

.hidden {
  opacity: 0; }

.hide {
  display: none; }

.right {
  float: right; }

.icon {
  width: 30px; }

.image-wrap {
  background-size: cover; }

.uppercase {
  text-transform: uppercase; }

body.home .not-indexpage {
  display: none !important; }

body.page-template .only-indexpage {
  display: none !important; }

/* awful fixes */
body.page-template-temp-cinematheque-php footer {
  position: relative;
  bottom: -123px; }

#slideout-menu {
  position: fixed;
  width: 250px;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #e9d7e3;
  border-left: 1px solid #e9d7e3;
  display: none;
  overflow-y: scroll; }
  #slideout-menu ul {
    list-style: outside none none;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0; }
  #slideout-menu li {
    height: 50px;
    box-sizing: border-box;
    padding: 1em 1em;
    border-bottom: 1px solid #FFF; }
    #slideout-menu li a {
      display: table-cell;
      vertical-align: middle;
      box-sizing: border-box;
      text-decoration: none;
      color: #000;
      text-transform: uppercase;
      font-size: 0.64em;
      font-weight: bold;
      letter-spacing: 0.15em; }
    #slideout-menu li a:hover {
      color: #FFF; }
  #slideout-menu .current-menu-item {
    background-color: #FFF; }
    #slideout-menu .current-menu-item a:hover {
      color: #e9d7e3; }

.social ul {
  list-style: outside none none;
  padding: 0px;
  margin: 0px auto;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 1em; }
.social li {
  display: inline-block;
  padding: 0 0.25em;
  width: 30px; }
  .social li img {
    width: 20px;
    height: 20px; }
  .social li .hover {
    position: relative;
    top: -24px; }
  .social li a {
    text-decoration: none; }
.social li:hover .hover {
  opacity: 1; }
.social li:hover .icon {
  opcity: 0; }

.page {
  background: inherit;
  padding: 0 2em;
  box-sizing: border-box; }
  .page .introduction .title, .page .introduction .body {
    text-align: center;
   /* text-transform: uppercase; */
  }
  .page .introduction .title {
    font-weight: bold; }
  .page .introduction .body {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 2em; }
  .page .introduction:first-of-type {
    border-top: 1px solid #e9d7e3;
    margin-top: 2em;
    padding: 2em 0; }

.morewrap {
  float: left;
  width: 100%;
  margin-bottom: 2em; }

body[columns="3"] .page .introduction:first-of-type .body {
  width: 70%; }

body[columns="2"] .page .introduction:first-of-type .body, body[columns="1"] .page .introduction:first-of-type .body {
  width: 100%; }

article .title-small {
  float: left;
  font-weight: bold;
  width: 100%; }
article .additional {
  float: left; }
  article .additional p {
    margin: 0.5em 0; }
article a {
  float: left;
  width: 100%;
  height: 100%; }
article .image-wrap {
  background-size: cover;
  width: 100%;
  position: relative;
  background-position: center;
  background-color: #e9d7e3; }
article .entry-date {
  display: none; }

.article-content a {
  float: none!important;
}

.main-article {
  float: left;
  margin: 2em 0;
  width: 100%; }
  .main-article article {
    float: left;
    background-color: #FFF;
    width: 100%; }
    .main-article article.category-programme .not-program {
      display: none; }
    .main-article article.category-events .not-events, .main-article article.category-press .not-events, .main-article article.category-archive .not-events {
      display: none; }
    .main-article article.category-events .actual-date, .main-article article.category-press .actual-date, .main-article article.category-archive .actual-date {
      color: #666;
      margin: 0; }
    .main-article article .front {
      height: 600px;
      margin-bottom: 2em; }
      .main-article article .front a {
        text-decoration: none; }
      .main-article article .front img {
        width: 100%;
        height: inherit;
        position: absolute; }
      .main-article article .front .image-wrap {
        height: inherit; }
      .main-article article .front .hover {
        width: 70%;
        z-index: 10;
        position: relative;
        text-align: center;
        margin: 0px auto;
        top: -90%; }
        .main-article article .front .hover h1 {
          text-align: center;
          font-size: 4em;
          color: #FFF; }
        .main-article article .front .hover .border {
          border-bottom: 3px solid #FFF;
          margin: 0px auto;
          display: block;
          width: 40px; }
        .main-article article .front .hover p {
          text-align: center;
          display: block;
          font-size: 2em;
          color: #FFF; }
    .main-article article .sidebar {
      width: 20%;
        max-width:250px;
      float: left;
      padding-right: 1em;
      box-sizing: border-box; }
    .main-article article .body {
      width: 60%; /*was 80%*/
        max-width: 680px;
      float: left;
      height: 100%;
     
    /*old crap    
    -webkit-column-count: 2;
      
      -moz-column-count: 2;
      
      column-count: 2;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      -o-column-break-inside: avoid;
      -ms-column-break-inside: avoid;
      column-break-inside: avoid; */}
      .main-article article .body p {
        display: inline-block;
        width: 100%; }

.article-thumbnails {
  float: left;
  width: 100%;
  margin-bottom: 2em; }
  .article-thumbnails article {
    width: 25%;
    display: inline-block;
    margin: 0 -5px;
    vertical-align: top; }
    .article-thumbnails article .front {
      box-sizing: border-box;
      float: left;
      height: 100%; }
      .article-thumbnails article .front .hidden {
        width: 100%;
        height: 100%;
        opacity: 0;
        float: left; }
      .article-thumbnails article .front .hover {
        float: left;
        position: relative;
        top: -200px;
        padding: 1em;
        box-sizing: border-box;
        overflow: hidden;
        height: 100%;
        width: 100%;
        opacity: 0;
        -webkit-transition: background .2s ease-out;
        -moz-transition: background .2s ease-out;
        -o-transition: background .2s ease-out;
        transition: background .2s ease-out; }
        .article-thumbnails article .front .hover * {
          text-align: center;
          color: #000; }
      .article-thumbnails article .front .hover:hover {
        background-color: rgba(233, 215, 227, 0.8);
        opacity: 1;
        -webkit-transition: background .2s ease-in;
        -moz-transition: background .2s ease-in;
        -o-transition: background .2s ease-in;
        transition: background .2s ease-in; }
      .article-thumbnails article .front .alt-text {
        position: absolute;
        top: 40%;
        width: 100%;
        text-align: center;
        text-transform: uppercase; }
    .article-thumbnails article .front:hover .hover {
      background-color: rgba(233, 215, 227, 0.8);
      opacity: 1;
      -webkit-transition: background .2s ease-in;
      -moz-transition: background .2s ease-in;
      -o-transition: background .2s ease-in;
      transition: background .2s ease-in; }

body[columns="4"] .main-article .sidebar, body[columns="3"] .main-article .sidebar {
  width: 30%; }
body[columns="4"] .main-article .body, body[columns="3"] .main-article .body {
  width: 70%; }

body[columns="2"] .main-article .sidebar, body[columns="2"] .main-article .body, body[columns="1"] .main-article .sidebar, body[columns="1"] .main-article .body {
  width: 100%;
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1; }
body[columns="2"] .main-article .hover, body[columns="1"] .main-article .hover {
  width: 90%; }
  body[columns="2"] .main-article .hover h1, body[columns="1"] .main-article .hover h1 {
    font-size: 3.25em; }

body[columns="2"] .article-thumbnails article {
  width: 50%; }

body[columns="1"] .article-thumbnails article {
  width: 100%; }
  body[columns="1"] .article-thumbnails article .front {
    min-height: 0; }

.landing {
  float: left;
  width: 100%;
  overflow: hidden; }
  .landing .image-wrap {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 99px; }
  .landing img {
    width: 100%;
    position: absolute;
    opacity: 0; }
  .landing video {
    float: left;
    width: 100%;
    height: 100%; }
  .landing .title {
    position: absolute;
    margin-top: 15%;
    width: 100%; }
  .landing h1 {
    text-align: center;
    margin: 0 auto;
    width: 40%;
    display: block;
    font-size: 4em;
    color: #FFF;
    opacity: 0; }

body[columns="2"] .landing .image-wrap, body[columns="1"] .landing .image-wrap {
  margin-bottom: 50px; }

.events .article-thumbnails {
  margin: 0 -1em; }
  .events .article-thumbnails article .image-wrap {
    height: 200px; }
  .events .article-thumbnails article .front {
    margin: 1em 1em 2em;
    height: 200px; }
  .events .article-thumbnails article .entry-date {
    display: inline !important; }
  .events .article-thumbnails .see-more {
    float: right;
    margin: 1em 1em 2em; }
  .events .article-thumbnails .body, .events .article-thumbnails .sidebar {
    display: none; }

body[columns="1"] .events .article-thumbnails {
  margin: 0; }

.program article {
  box-sizing: border-box;
  padding: 0.5em;
  padding-bottom: 2em;
  width: 20%;
  height: auto; }
  .program article .full-hover {
    opacity: 0;
    background-color: rgba(233, 215, 227, 0.8);
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out; }
    .program article .full-hover .header {
      -webkit-transition: border-color .2s ease-in;
      -moz-transition: border-color .2s ease-in;
      -o-transition: border-color .2s ease-in;
      transition: border-color .2s ease-in; }
.program article:hover {
  background-color: rgba(233, 215, 227, 0.8);
  opacity: 1;
  -webkit-transition: background .2s ease-in;
  -moz-transition: background .2s ease-in;
  -o-transition: background .2s ease-in;
  transition: background .2s ease-in; }
  .program article:hover .header {
    border-color: #FFF;
    -webkit-transition: border-color .2s ease-in;
    -moz-transition: border-color .2s ease-in;
    -o-transition: border-color .2s ease-in;
    transition: border-color .2s ease-in; }
.program .front {
  min-height: 350px;
  width: 100%; }
  .program .front .header {
    border-bottom: 1px solid #e9d7e3;
    margin-bottom: 0.5em;
    color: #000;
    text-transform: uppercase;
    font-weight: bold; }
    .program .front .header p {
      margin: 0.5em 0; }
  .program .front .introduction {
    color: #000; }
  .program .front .image-wrap, .program .front img, .program .front .hover {
    height: 150px !important; }

body[columns="1"] .program .article-thumbnails article .front {
  min-height: 0; }

.cinematheque .morewrap {
  padding-bottom: 2em; }
.cinematheque article {
  width: 33.5%;
  height: 400px;
  padding: 0; }
  .cinematheque article .image-wrap {
    height: 400px; }
.cinematheque .article-thumbnails .front {
  width: 100%; }
.cinematheque .article-thumbnails .hover {
  width: 100%;
  top: -400px !important;
  height: 400px !important; }
  .cinematheque .article-thumbnails .hover h1 {
    text-align: center;
    font-size: 3em;
    color: #FFF; }
  .cinematheque .article-thumbnails .hover .border {
    border-bottom: 3px solid #FFF;
    margin: 0px auto;
    display: block;
    width: 40px; }
  .cinematheque .article-thumbnails .hover p {
    text-align: center;
    display: block;
    font-size: 1.5em;
    color: #FFF; }

body[columns="1"] .cinematheque .article-thumbnails article {
  margin: 0; }

.team .title {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 2em; }
.team .team-members {
  width: 100%;
  float: left; }
  .team .team-members article {
    width: 25%;
    display: inline-block;
    margin-left: -6px;
    vertical-align: top; }
    .team .team-members article .front {
      padding: 0 1em; }
    .team .team-members article .hidden {
      width: 100%;
      opacity: 0;
      float: left;
      height: 100%; }
    .team .team-members article .image-wrap {
      width: 60%;
      height: 0;
      padding-bottom: 60%;
      display: block;
      margin: 0 auto; }
    .team .team-members article .introduction {
      float: left;
      margin-top: 100% !important;
      width: 100% !important; }
      .team .team-members article .introduction .title, .team .team-members article .introduction .body {
        text-transform: none;
        min-height: 2.75em; }
      .team .team-members article .introduction .body {
        width: 100% !important; }
      .team .team-members article .introduction * {
        word-wrap: break-word; }
.team .sponsors img {
  width: 100%;
  float: left;
  margin-bottom: 4em; }
  .team .sponsors img .sponsor-image-wrap {
    float: left;
    width: 25%;
    height: 8em;
    padding: 0 1em;
    box-sizing: border-box; }
    .team .sponsors img .sponsor-image-wrap img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      height: 4em; }

body[columns="3"] .team article, body[columns="2"] .team article {
  width: 50%; }

body[columns="1"] .team article {
  width: 100%; }

.media-partners .introduction:first-of-type {
  border-top: 0px !important;
  margin-top: 0; }

.archive article, .press article, .search article {
  box-sizing: border-box;
  padding: 0.5em;
  padding-bottom: 2em;
  width: 20%;
  height: auto; }
  .archive article .full-hover, .press article .full-hover, .search article .full-hover {
    opacity: 0;
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out; }
    .archive article .full-hover .header, .press article .full-hover .header, .search article .full-hover .header {
      -webkit-transition: border-color .2s ease-in;
      -moz-transition: border-color .2s ease-in;
      -o-transition: border-color .2s ease-in;
      transition: border-color .2s ease-in; }
.archive article:hover, .press article:hover, .search article:hover {
  background-color: rgba(233, 215, 227, 0.8);
  opacity: 1;
  -webkit-transition: background .2s ease-in;
  -moz-transition: background .2s ease-in;
  -o-transition: background .2s ease-in;
  transition: background .2s ease-in; }
  .archive article:hover .header, .press article:hover .header, .search article:hover .header {
    border-color: #FFF;
    -webkit-transition: border-color .2s ease-in;
    -moz-transition: border-color .2s ease-in;
    -o-transition: border-color .2s ease-in;
    transition: border-color .2s ease-in; }
.archive .front, .press .front, .search .front {
  min-height: 350px; }
  .archive .front .header, .press .front .header, .search .front .header {
    border-bottom: 1px solid #e9d7e3;
    margin-bottom: 0.5em;
    color: #000;
    text-transform: uppercase;
    font-weight: bold; }
    .archive .front .header p, .press .front .header p, .search .front .header p {
      margin: 0.5em 0; }
  .archive .front .introduction, .press .front .introduction, .search .front .introduction {
    color: #000; }
  .archive .front .image-wrap, .archive .front img, .archive .front .hover, .press .front .image-wrap, .press .front img, .press .front .hover, .search .front .image-wrap, .search .front img, .search .front .hover {
    height: 150px !important; }
  .archive .front .hover, .press .front .hover, .search .front .hover {
    opacity: 1 !important;
    top: 0 !important;
    padding: 1em 0 !important;
    height: auto !important; }
    .archive .front .hover *, .press .front .hover *, .search .front .hover * {
      text-align: left !important; }
    .archive .front .hover .title, .press .front .hover .title, .search .front .hover .title {
      font-size: 1em; }
  .archive .front:hover .hover, .press .front:hover .hover, .search .front:hover .hover {
    background-color: transparent !important; }

article > span {
  display: none; }

body[columns="3"] .archive article, body[columns="3"] .press article {
  width: 25%; }

body[columns="2"] .archive article, body[columns="2"] .press article {
  width: 50%; }

body[columns="1"] .archive article, body[columns="1"] .press article {
  width: 100%; }
  body[columns="1"] .archive article .front, body[columns="1"] .press article .front {
    min-height: 0; }

.banner.search {
  width: 100%;
  position: fixed;
  top: 99px;
  z-index: 50;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s; }
  .banner.search .screen-reader-text {
    font-weight: bold; }
  .banner.search .close-search {
    margin-top: -5px; }
  .banner.search .search-field {
    padding: 0.2em 1em;
    padding-bottom: 0.15em;
    border-radius: 0;
    border: none; }
  .banner.search .search-submit {
    background-color: #FFF;
    border: 0px none;
    padding: 0.1em 1em;
    text-transform: uppercase; }
  .banner.search .wrap {
    padding: 2em; }

.banner.search.open {
  max-height: 200px;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s; }

body[columns="3"] .banner.search, body[columns="2"] .banner.search, body[columns="1"] .banner.search {
  top: 50px; }
  body[columns="3"] .banner.search .wrap, body[columns="2"] .banner.search .wrap, body[columns="1"] .banner.search .wrap {
    padding: 2em 1em; }
  body[columns="3"] .banner.search form label > *, body[columns="2"] .banner.search form label > *, body[columns="1"] .banner.search form label > * {
    margin: 0.5em 0;
    display: block; }

body.page-template-temp-about .introduction .body {
  text-transform: none !important;
  text-align: left !important;
  font-weight: normal; }

/*Responsive Video fix*/
.mejs-container {
    width: 100% !important;
    height: auto !important;
    padding-top: 56.25% !important;
}
.mejs-overlay, .mejs-poster {
    width: 100% !important;
    height: 100% !important;
}
.mejs-mediaelement video {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Styles for front-page calendar */

body[columns="4"] #site .wrap.front-blog,
body[columns="5"] #site .wrap.front-blog{
  width: 65%;
  margin-left: 0;
  float: left;
}

 body[columns="4"] #site .wrap.front-blog .see-more{
    text-align: left;
    padding-left: 30%;
 }
  body[columns="5"] #site .wrap.front-blog .see-more{
    text-align: left;
    padding-left: 20%;
  }


body[columns="4"] .front-calendar,
body[columns="5"] .front-calendar{
  width: 30%;
  margin-left: 5%;
  float: left;
}

.front-calendar .event{
  margin-bottom: 1em;
}

body[columns="4"] .front-calendar.page .introduction:first-of-type, 
body[columns="5"] .front-calendar.page .introduction:first-of-type{
  padding-bottom: 4em;
}