.selectors {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 1em 2.5%; }
  @media (min-width: 1200px) {
    .selectors {
      width: 80%;
      margin: 1em 10%; } }
  .selectors .title {
    width: 100%;
    margin-top: 0; }
  .selectors ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding-left: 0; }
    .selectors ul li {
      font-size: 1.25em;
      font-weight: 500;
      margin: .75em .25em;
      list-style: none;
      display: inline; }
      @media (min-width: 1200px) {
        .selectors ul li {
          margin: 1em; } }
      .selectors ul li a {
        color: #c9c9c9;
        transition: color .3s ease-in-out; }
        .selectors ul li a.filter--active {
          color: #ba8663; }
        .selectors ul li a.filter--special {
          text-transform: uppercase;
          font-size: 1.2em; }

.cineastas {
  position: absolute;
  width: 95%;
  margin: auto 2.5%;
  padding: .5em;
  margin-bottom: 3em;
  top: -3em;
  z-index: 0;
  background-color: #1a1a1a;
  opacity: 0;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: all .2s ease-out; }
  @media (min-width: 1200px) {
    .cineastas {
      width: 80%;
      margin: auto 10%;
      padding: 2em; } }
  .cineastas--active {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .cineastas form.views-exposed-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto; }
    .cineastas form.views-exposed-form .js-form-item-title {
      display: flex;
      align-items: center;
      width: 100%; }
      @media (min-width: 1200px) {
        .cineastas form.views-exposed-form .js-form-item-title {
          width: 80%; } }
      .cineastas form.views-exposed-form .js-form-item-title > * {
        margin: auto 1em; }
  .cineastas .list__items__item {
    margin: .25em;
    width: 45%; }

form input[type='email'], form input[type='text'] {
  background-color: #a4a4a4;
  border-radius: 2px;
  border: 1px rgba(26, 26, 26, 0.3) solid;
  color: #c9c9c9;
  padding: .5em 1em;
  width: 100%; }

form input[type='submit'] {
  background-color: #ba8663;
  padding: .5em 2em;
  border: 1px rgba(26, 26, 26, 0.3) solid;
  margin: 2em auto; }

form.views-exposed-form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 100%;
  flex-wrap: wrap; }
  @media (min-width: 1200px) {
    form.views-exposed-form {
      width: 90%; } }
  form.views-exposed-form .form-item {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    form.views-exposed-form .form-item label {
      font-weight: 700; }
    form.views-exposed-form .form-item input {
      width: 100%;
      margin: auto 1em;
      background-color: #1a1a1a;
      border-bottom: 1px #c9c9c9 solid;
      overflow: hidden; }
  form.views-exposed-form input[type="submit"] {
    background-color: #1a1a1a;
    color: #c9c9c9;
    border: 1px #c9c9c9 solid;
    padding: .5em 1em; }
  form.views-exposed-form .js-form-item-title {
    width: 100%;
    display: flex;
    align-items: center; }
    @media (min-width: 1200px) {
      form.views-exposed-form .js-form-item-title {
        width: 50%; } }
    form.views-exposed-form .js-form-item-title > * {
      margin: auto 1em; }
  form.views-exposed-form .js-form-item-title-1, form.views-exposed-form .js-form-item-field-autores-value {
    width: 90%; }
    @media (min-width: 1200px) {
      form.views-exposed-form .js-form-item-title-1, form.views-exposed-form .js-form-item-field-autores-value {
        width: 40%; } }

.list {
  width: 100%; }
  .list__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .list__items__item {
      width: 100%;
      margin: .25em auto; }
      @media (min-width: 1200px) {
        .list__items__item {
          width: 30%;
          margin: 1em auto; } }
      .list__items__item--1 {
        width: 100%; }
      .list__items__item--4 {
        width: 100%; }
        @media (min-width: 1200px) {
          .list__items__item--4 {
            width: 23%; } }
      .list__items__item--2 {
        width: 100%; }
        @media (min-width: 1200px) {
          .list__items__item--2 {
            width: 48%; } }

.people-thumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .people-thumb__image {
    width: 4em;
    height: 4em;
    overflow: hidden;
    border-radius: 50%; }
    @media (min-width: 1200px) {
      .people-thumb__image {
        width: 8em;
        height: 8em; } }
    .people-thumb__image img {
      -webkit-transform: scale(1);
      transform: scale(1);
      transition: -webkit-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
      transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
    .people-thumb__image:hover img {
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  .people-thumb__title {
    width: 100%;
    text-align: center; }
    .people-thumb__title a {
      transition: color .3s ease-in-out; }
  .people-thumb:hover a {
    color: rgba(221, 119, 0, 0.45); }

#cineastas .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/cineastas.png") no-repeat center center;
  background-size: cover; }

#direccion .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/director.png") no-repeat center center;
  background-size: cover; }

#actuacion .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/actuacion.png") no-repeat center center;
  background-size: cover; }

#guion .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/guion.png") no-repeat center center;
  background-size: cover; }

#fotografia .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/fotografia.png") no-repeat center center;
  background-size: cover; }

#produccion .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/produccion.png") no-repeat center center;
  background-size: cover; }

#musica .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/musica.png") no-repeat center center;
  background-size: cover; }

#sonido .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/sonido.png") no-repeat center center;
  background-size: cover; }

#edicion .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/edicion.png") no-repeat center center;
  background-size: cover; }

#direccion_arte .people-thumb__image {
  background: url("/themes/custom/cubacine/img/placeholder/direccion_arte.png") no-repeat center center;
  background-size: cover; }

nav.pager {
  display: flex;
  justify-content: center; }
  nav.pager ul {
    display: flex; }
    nav.pager ul li {
      list-style: none;
      margin: .25em; }
      nav.pager ul li.is-active a {
        color: #ba8663; }
      nav.pager ul li a {
        color: #c9c9c9;
        padding: .5em; }