/*
Theme Name: Cinelapsus Reborn
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cinelapsus-reborn
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cinelapsus Reborn is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/
@import url("css/generic.css");
@import url("css/search.css");
@import url("css/semaphores.css");
@import url("css/top.css");
@import url("css/article.css");
@import url("css/home.css");
@import url("css/festival.css");
@import url("css/authors.css");
@import url("css/print.css");

body {
  font-family: 'Lato', sans-serif;
  color: #black;
  background-color: black;
  margin: 0px;
  padding: 0px;
}

#background {
  position: fixed;
  z-index:0;
  width:100%;
  filter: blur(30px);
  -webkit-filter: blur(30px);
}
#background img {
  width:100%;
  height:100%;
}

#wrapper {
  width:1000px;
  margin:0 auto;
  transition: 0.5s ease all;
  position:relative;
  /*border-bottom:10px solid #cb0837;*/
  /*border-radius:0 0 10px 10px;*/
}

.last {
  padding-bottom:70px;
}

#wrapper {
  position: relative;
}

.gtucca {
  display:inline-block;
  text-align:center;
  margin:20px 25px;
}

.gtucca .name {
  text-decoration:none !important;
  font-weight:300;
  margin-top:10px;
}

.gtucca .picture {
  border-radius:50%;
  height:150px;
  width:150px;
  display:inline-block;
  overflow:hidden;
  padding: 0;
  border: 0px solid black;
  transition: 0.3s ease all;
}

.gtucca .picture:hover {
  border:5px solid #cb0837;
  transition: 0.3s linear all;
}

.gtucca .picture img {
  height:150px;
  width:auto;
  max-width:none;
  margin-left: -33%;
}

.block {
  position: relative;
  border-top:5px solid #cb0837;
}

.block.first {
  border-top:none;
}

.block.transparent {
  background-color:rgba(30,30,30,0.5);
}

.block .entry {
  border-bottom: 5px solid #cb0837;
  background-color: white;
  position: relative;
  margin-top: -20px;
  height: 50px;
  width: auto;
  display: block;
  margin: -10px 80px 30px;
  padding: 25px 20px 0;
}

#screen {
  position:relative;
  width:800px;
  text-align:center;
  border-radius:10px;
  padding:80px 0;
  margin:80px auto;
  background-color:rgba(255,255,255,0.5);
}

#rows {
  position:relative;
  margin-top:-50px;
  background:url('img/rows.png') repeat-x top center transparent;
  height:100px;
  width:100%;
}

.home #rows {
  display:none;
}

.hyppa {
  display:block;
  float: left;
  width: 33%;
  margin: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0 3px 5px;
}

.hyppa .picture {
  z-index: 99;
  height: 140px;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  transition: 0.5s ease all;
  border-top: 5px solid transparent;
}

.hyppa .picture img {
  margin-right: auto;
  margin-left: auto;
  margin-top: -20px;
  width: 100%;
  opacity: 0.8;
  transition: 0.5s ease all;
}
.hyppa:hover {
  text-decoration: none;
}
.hyppa:hover .picture {
  border-top:5px solid #cb0837;
}

.hyppa:hover .picture img {
  opacity:1;
  margin-top:-30px;
}

.hyppa .title {
  display: block;
  margin-top: -7px;
  margin-bottom: -5px;
  font-weight: 300;
  background-color: rgba(0,0,0,0.5);
  z-index: 100;
  position: relative;
  color: #eee;
  padding: 10px;
  /*font-size: 0.9em;*/
  transition: 0.5s ease all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hyppa .title small {
  display:block;
  font-size:0.6em;
  color:#ccc;
}

.hyppa:hover .title {
  background-color: #cb0837;
}

.block.info {
  padding-top:30px;
  font-weight:300;
  text-align:center;
  color:#c79658;
}
.block.info a {
  color:#c79658;
}

.block h2 {
  padding:30px 0;
  margin:0;
}

h2.title {
  display:block;
  font-weight:300;
  text-transform: uppercase;
  color: #c79658;
  text-align:center;
}

h3 {
  font-weight:300;
}

@media screen and (max-width: 1280px) {
  #navbar .content {
  width:800px;
  }
  #wrapper {
  width:800px;
  }
  .hyppa {
  width:50%;
  }
}

@media screen and (max-width: 800px) {
  #background {
  display:none;
  }
  .article div.header {
  margin-right:0;
  margin-left:0;
  }
  .article .content {
  padding:0 20px 20px;
  }
  #navbar .content {
  width:98%;
  }
  #wrapper {
  width:100%;
  }
  #navbar .content .logo img {
  height: 30px;
  margin-top: 10px;
  }
  .hyppa {
  width:50%;
  }
}
@media screen and (max-width: 500px) {
  .hyppa {
  width:100%;
  float:none;
  }
}

.home #wrapper, .home #navbar .content {
  width:100%;
}

.logo img {
  height:58px;
}

#film .rest .box a.top {
  background-position: top center;
}

#film .rest .box a.top-right {
  background-position: top right;
}

#film .rest .box a.top-left {
  background-position: top left;
}

#film .rest .box a.left {
  background-position: center left;
}

#film .rest .box a.right {
  background-position: center right;
}

#film .rest .box a.bottom {
  background-position: bottom center;
}

#film .rest .box a.bottom-right {
  background-position: bottom right;
}

#film .rest .box a.bottom-left {
  background-position: bottom left;
}

.home .logo img {
  height: 100%;
}

.screen-reader-text {
  display: none;
}

.pagination {
  text-align: center;
  width: 100%;
}

.nav-links {
  color: #ddd;
  font-size: 2.5em;
  text-align: center;
  margin: 0 auto;
  font-weight: 300;
}

.nav-links .page-numbers {
  border-radius: 50%;
  display: inline-block;
  background-color: transparent;
  width: 60px;
  height: 60px;
  padding-top: 3px;
  transition: 0.3s ease all;
}

.nav-links .page-numbers.current {
  background-color: rgba(203,8,45,0.5);
}

.nav-links a.page-numbers:hover {
  background-color: #cb0837;
}

.nav-links a {
  color: #ddd;
}

.nav-links a:hover {
  text-decoration: none;
}

figure {
  width: 100% !important;
}

figcaption {
  font-size: 0.7em;
  line-height: 1.3em;
  margin-top: -35px;
  margin-bottom: 50px;
}

img.max {
  width:100%;
  max-width:100%;
  min-width:100%;
  height:auto;
}

form.search-form {
  text-align: center;
}
form.search-form .search-field {
  border: 0;
  padding: 10px;
  color:#333;
  border-radius: 5px;
}
form.search-form .search-submit {
  background-color:#cb0837;
  color:white;
  padding: 10px;
  border-radius: 5px;
  border: 0;
  margin-left: -10px;
}