:root{
  --zfolio-layout-margin: 15px;
  --zfolio-layout-2-width: calc(100% / 2);
  --zfolio-layout-3-width: calc(100% / 3);
  --zfolio-layout-4-width: calc(100% / 4);
  --zfolio-layout-5-width: calc(100% / 5);
  --zfolio-layout-6-width: calc(100% / 6);
}

div[class*="dzs-l-layout--"]{
  display: block;
}
div.zfolio {
  > .items {
    margin-left: calc(var(--zfolio-layout-margin) * -1);;
    margin-right: calc(var(--zfolio-layout-margin) * -1);;
    margin-top: calc(var(--zfolio-layout-margin) * -1);;

  }

  .excerpt-content-con {
    padding-right: var(--zfolio-layout-margin);
    margin-bottom: var(--zfolio-layout-margin);

  }

  .zfolio-item{
    padding-left: var(--zfolio-layout-margin);
    padding-right: var(--zfolio-layout-margin);
    padding-top: var(--zfolio-layout-margin);
    padding-bottom: var(--zfolio-layout-margin);
  }

  &.thumbnail-height-mode-cols, &:not(.custom-layout) {

    .zfolio-item {

      .zfolio-item--inner--inner {

      }
    }
  }
}
.dzs-l-layout--2-cols{
  div.zfolio-item, .grid-sizer{
    width:var(--zfolio-layout-2-width);
  }
}


.dzs-l-layout--3-cols{
  div.zfolio-item, .grid-sizer{
    width:var(--zfolio-layout-3-width);
  }
}
.dzs-l-layout--4-cols{
  div.zfolio-item, .grid-sizer{
    width:var(--zfolio-layout-4-width);
  }
}
.dzs-l-layout--5-cols{
  div.zfolio-item, .grid-sizer{
    width:var(--zfolio-layout-5-width);
  }
}
.dzs-l-layout--6-cols{
  div.zfolio-item, .grid-sizer{
    width:var(--zfolio-layout-6-width);
  }
}
.zfolio.under-720{

  --zfolio-layout-2-width: 100%;
  --zfolio-layout-3-width: calc(100% / 2);
  --zfolio-layout-4-width: calc(100% / 2);
  --zfolio-layout-5-width: calc(100% / 2);
  --zfolio-layout-6-width: calc(100% / 3);
}
.zfolio.under-520{

  --zfolio-layout-3-width: 100%;
  --zfolio-layout-4-width: 100%;
  --zfolio-layout-5-width: 100%;
  --zfolio-layout-6-width: 100%;
}