/* credits */
.credits{
  list-style: none;
  padding: 0;
  margin: 0;
}
.credit-item ul{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
.credit-item .category{
  text-decoration: underline;
}
.credit-item p{
  margin: 0;
}

/* image width */
.text-container img, .credits img{
  width: 100%;
}

/* swiper navigation */
.swiper-navigation{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: var(--marginhalf) 0;
  margin-bottom: var(--margin);
  border-bottom: 1px solid black;
}
.swiper-navigation button{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

/* screenings */
.screenings{
  list-style: none;
  padding: var(--marg2x);
  margin: var(--margin) 0;
  width: 100%;
  border: 1px solid var(--color-text);
  border-radius: var(--border-rd);
}
.screenings li{
  margin-top: var(--marginhalf);
}
.screenings li:first-of-type{
  margin-top: 0;
  text-decoration: underline;
}

/* text */
.text-container{
  margin-top: 1em;
}
.text-container h1{
  margin-top: .25em;
}
.text-container .submission-title{
  margin-bottom: 0;
}
.text-container .submission-author{
  display: block;
  margin-bottom: 1em;
}

/* metadata */
.project-meta-table{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color1);
  border-radius: var(--border-rd);
}
.project-meta-table>li{
  border: 1px solid var(--color1);
  border-top: none;
  padding: var(--margin);
}
.project-meta-table .meta-fields{
  padding: 0;
  font-size: var(--type-small);
}
.project-meta-table .meta-fields ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.project-meta-table .meta-fields ul li{
  flex-grow: 1;
  border-right: 1px solid var(--color1);
  padding: calc(var(--margin) + 4px);
  padding-right: 0;
  display: flex;
  align-items: center;
}
.project-meta-table .meta-fields ul li:last-of-type{
  border-right: none;
}
.project-meta-table .meta-fields .trailer{
  border-right: 0;
  flex-grow: 0;
  padding: var(--marginhalf);
}
.project-meta-table .meta-fields .trailer a,
.project-meta-table .meta-fields .trailer button
{
  height: 100%;
}
.project-meta-table .meta-fields .trailer button
{
  background: var(--color-text);
  border: none;
  color: var(--color-background);
  font-family: Tonka;
  border-radius: var(--border-rd);
  padding: 0 1.5em;
}

/* credits */
.credits{
  margin-top: 1em;
}

/* small headers */
h2, h3, h4, h5, h6{
  font-size: 1em;
  margin-top: 0;
  text-decoration: underline;
}

/* open call */
.opencallapplylink{
  border: 1px solid black;
  border-radius: var(--border-rd);
  padding: var(--margin);
  width: 100%;
  display: block;
  margin: var(--margin) 0;
  color: var(--color-text);
}


@media only screen and (min-width: 600px) {
  .project.title-bar{
    justify-content: space-between;
    padding: 0;
  }
  .project.title-bar>span{
    display: flex;
    align-items: center;
    font-size: var(--type-big);
    width: 100%;
    justify-content: center;
  }
  .project.title-bar>span span{
    margin-left: .25em;
  }
  .project.title-bar .navbutt{
    display: block;
    padding: 0 var(--margin);
    background: 0;
    border: 0;
    margin: calc( var(--marginhalf) * .5 ) 0;
  }
  .project.title-bar .navbutt img{
    height: calc( var(--type-big) + var(--marginhalf) );
  }
  .project.title-bar .by, .project.title-bar .project-author{
    display: block;
  }

  .screenings{
    font-size: var(--type-big);
  }

  .project-meta-table .meta-fields{
    font-size: var(--type-reg);
  }
  .project-meta-table .title,
  .project-meta-table .author{
    display: none;
  }
  .project-meta-table .meta-fields ul li{
    padding: calc(var(--margin) );
  }
}




@media only screen and (min-width: 900px) {
  .project-content-container .screenings{
    font-size: var(--type-reg);
    padding: var(--margin);
  }
}




@media only screen and (min-width: 1100px) {
  /* text */
  .text-container img{
    display: none;
  }

  /* credits */
  .credits img{
    display: revert;
    margin-bottom: .5em;
  }




  .project.title-bar{
    margin-bottom: var(--margin);
  }
  .project-content-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
  }
  .project-content-container>*{
    width: calc(50% - var(--marginhalf));
  }
  .project-content-container .screenings{
    order: -1;
    margin-top: 0;
  }
  .project-content-container .project-meta-table{
    order: -1;
    margin: var(--margin) 0;
    margin-top: 0;
  }
  .project-content-container .text-container{
    order: 1;
  }
  .project-content-container .text-container p:first-of-type{
    margin-top: 0;
  }
}