/**
 * @file
 * Visual styles for Style+'s item list.
 */
.item-list ul {
  list-style-position: inside;
  list-style-type: none;
}
.item-list ul li {
  margin: 0 0 15px 0;
}

#block-views-block-mt-brand-product-logos-block-1 .item-list li {
  float: left;
  list-style-type: none;
  padding-right: 10px;
  padding-left: 20px;
}
.item-list ul li:last-child,
.footer .item-list ul li:last-child,
.banner .item-list ul li:last-child {
  padding: 0;
}
.item-list ul li span {
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  padding-left: 5px;
}
.block-user-login-block .item-list ul li {
  padding: 0;
  margin: 0;
  border-bottom: none;
}

.item-list .field--name-field-mt-brand-product-logos {
  display: block !important;
}
.field--name-field-mt-brand-product-logos {
  display: none;
}

.item-list .field--name-field-brand-product-logos {
  display: block !important;
}
.field--name-field-brand-product-logos {
  display: none;
}


.festival-logos ul li {
  float: left;
  margin-right: 25px;
}
.festival-logos ul li img {
  width: 180px;
}

.festival-logos ul {
  list-style-type: none;
}
.item-list.festival-logos {
  margin-top: 40px;
}


@media screen and (min-width:1680px) and (max-width:1919px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 190px;
  }
}

@media screen and (min-width:1600px) and (max-width:1679px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 180px;
  }
}

@media screen and (min-width:1400px) and (max-width:1599px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 155px;
  }
}

@media screen and (min-width:1360px) and (max-width:1399px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 145px;
  }
}

@media screen and (min-width:1280px) and (max-width:1359px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 140px;
  }
  #block-views-block-mt-brand-product-logos-block-1 .item-list li {
    padding-right: 0;
  }
}

@media screen and (min-width:1152px) and (max-width:1279px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 130px;
  }
  #block-views-block-mt-brand-product-logos-block-1 .item-list li {
    padding-right: 0;
  }

  .festival-logos ul li img {
    width: 140px;
  }
}

@media screen and (min-width:1024px) and (max-width:1151px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 110px;
  }
  #block-views-block-mt-brand-product-logos-block-1 .item-list li {
    padding-right: 0;
  }
  .festival-logos ul li img {
    width: 140px;
  }
}

@media screen and (min-width:668px) and (max-width:992px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 65px;
  }

  .festival-logos ul li img {
    width: 75px;
    margin-bottom: 30px;
  }

}

@media screen and (min-width:480px) and (max-width:667px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 55px;
  }
  #block-views-block-mt-brand-product-logos-block-1 .item-list li {
    padding-right: 5px;
    padding-left: 10px;
  }
  .festival-logos ul li img {
    width: 65px;
    margin-bottom: 30px;
  }

}
@media screen and (min-width:320px) and (max-width:479px) {

  #block-views-block-mt-brand-product-logos-block-1 .item-list li img {
    width: 65px;
  }

  .festival-logos ul li img {
    width: 80px;
  }

  /*.logo {
        float: left !important;
        text-align: left !important;
  }*/


}

/* grid layout code */

.list-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.list-grid li {
  margin: 10px !important;
  border: 2px solid #ffffffb3;
}
.list-grid li:first-child {
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}
.list-grid.two-image-grid li:first-child {
  grid-row-end: 2;
}
ul.list-grid li img {
  object-fit: cover;
  width: 100%;
}
ul.list-grid li span a {
  font-style: normal !important;
  padding-left: 2px;
}
@media screen and (max-width:750px) and (orientation:portrait) {
  .list-grid {
    display: block;
  }
  .view-what-s-new .views-field-title a {
    margin-left: 2%;
  }
}