/* 
 * CSS: Home
 * @desc: Home custom styles.
 */

/* Last Work - Background position */
.jpf-home-last-work-repeater__item {
  background-position: center;
}

/* Custom styles between 1330px and 975px */
@media (max-width: 1330px) and (min-width: 975px) {
  
  /* Only 3 videos thumbnails diplayed */
   .jpf-grid-videos__item[page="home"]:last-of-type {
    display:none;
  }
  
}

/* Custom styles under 1330px */
@media (max-width: 1330px) {
  
  /* Only 2 director poster & 3 poster diplayed */
   .jpf-grid-posters-portfolio-home__item:nth-of-type(4) {
        display:none;
  }
  
}

/* Custom styles under 975px */
@media (max-width: 974px) {
  
  /* Only 2 director poster & 3 poster diplayed */
	.jpf-home-page .jpf-grid-posters-director__item:last-of-type,
   	.jpf-grid-posters-portfolio-home__item:nth-of-type(4),
  	.jpf-grid-posters-portfolio-home__item:nth-of-type(3) {
    	display: none;
  }
  
}

/* Custom styles under 675px */
@media (max-width: 674px) {
      
  /* Only 3 videos thumbnails diplayed */
  .jpf-grid-videos__item[page="home"]:last-of-type {
        display:none;
  }
  
  /* Only 2 posters diplayed */
  .jpf-grid-posters-portfolio-home__item:nth-of-type(4),
  .jpf-grid-posters-portfolio-home__item:nth-of-type(3) {
    	display:none;
  }
  
}

/* Custom styles under 475px */
@media (max-width: 474px) {
    
  /* Only 1 director poster diplayed */
  .jpf-home-page .jpf-grid-posters-director__item:nth-of-type(4),
  .jpf-home-page .jpf-grid-posters-director__item:nth-of-type(3),
  .jpf-home-page .jpf-grid-posters-director__item:nth-of-type(2) {
        display:none;
  }
  
  /* Only 1 video thumbnail diplayed */
  .jpf-grid-videos__item[page="home"]:nth-of-type(4),
  .jpf-grid-videos__item[page="home"]:nth-of-type(3) {
        display:none;
  }
      
  /* Only 1 poster diplayed */
  .jpf-grid-posters-portfolio-home__item:nth-of-type(4),
  .jpf-grid-posters-portfolio-home__item:nth-of-type(3),
  .jpf-grid-posters-portfolio-home__item:nth-of-type(2) {
    	display:none;
  }
  
}

/* Custom styles between 674 and 475px */
@media (max-width: 674px) and (min-width: 475px) {
  
    /* Hide posters titles */
    .jpf-home-page .jpf-comp-poster-preview__details[data-id="jpf-comp-poster-preview-portfolio__details"] {
        display:none!important;
    }
  
}