/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/

.field-content .image-style-gallery-poster {
  border-radius: 15px;
  -webkit-box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, 0.32);
  box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, 0.32);
  margin: 5px 0 7px 0;
}

.views-view-responsive-grid__item-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.views-field.views-field-field-dvd-image-backdrop {
  display: flex;
  justify-content: center;
}

.views-view-responsive-grid {
  --views-responsive-grid--layout-gap: 30px !important;
  --views-responsive-grid--cell-min-width: 150px !important;
}

.views-field-title a {
  font-size: 32px;
  color: black;
  line-height: 1.3;
  margin-bottom: .5rem;
}

.views-field.views-field-field-dvd-image-poster {
  margin: 0 0 .7rem 0;
}

.views-field.views-field-body {
  width: 75%;
}

.views-field-body .field-content {
  text-align: center;
  display: flex;
  justify-content: center;
}

.views-field-body .field-content p {
  width: 55%;
}

/* Mobile */
@media screen and (min-width: 360px) {
  .views-field-body .field-content {
    width: 100%;
  }
}

/* Portrait Mobile */
@media screen and (max-width: 600px) {
  .views-field-body .field-content p {
    display: none;
  }
}

/* Tablet */
@media screen and (max-width: 768px) {
  .views-field-body .field-content p {
      width: 100%;
    }
}