/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* Projects Masonry Layout */
.et_pb_portfolio_items {
  display: -ms-grid;
  display: grid;
  grid-gap: 1rem;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 15.625rem;
}

.et_pb_portfolio_item {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  width: 100% !important;
}

.et_pb_portfolio_item:nth-child(8n + 1) {
  grid-column: auto / span 4;
  grid-row: auto / span 2;
}

@media screen and (min-width: 768px) {
  .et_pb_portfolio_item:nth-child(8n + 1) {
    grid-column: auto / span 2;
    grid-row: auto / span 2;
  }
}

.et_pb_portfolio_item:nth-child(8n + 2) {
  grid-column: auto / span 4;
  grid-row: auto / span 1;
}

@media screen and (min-width: 768px) {
  .et_pb_portfolio_item:nth-child(8n + 2) {
    grid-column: auto / span 2;
    grid-row: auto / span 1;
  }
}

.et_pb_portfolio_item:nth-child(8n + 3) {
  grid-column: auto / span 4;
  grid-row: auto / span 1;
}

@media screen and (min-width: 768px) {
  .et_pb_portfolio_item:nth-child(8n + 3) {
    grid-column: auto / span 1;
  }
}

.et_pb_portfolio_item:nth-child(8n + 4) {
  grid-column: auto / span 4;
  grid-row: auto / span 1;
}

@media screen and (min-width: 768px) {
  .et_pb_portfolio_item:nth-child(8n + 4) {
    grid-column: auto / span 1;
  }
}

.et_pb_portfolio_item:nth-child(8n + 5) {
  grid-column: auto / span 4;
  grid-row: auto / span 2;
}

@media screen and (min-width: 768px) {
  .et_pb_portfolio_item:nth-child(8n + 5) {
    grid-column: auto / span 2;
    grid-row: auto / span 1;
  }
}

.et_pb_portfolio_item:nth-child(8n + 6) {
  grid-column: auto / span 4;
  grid-row: auto / span 1;
}

@media screen and (min-width: 768px) {
  .et_pb_portfolio_item:nth-child(8n + 6) {
    grid-column: auto / span 2;
    grid-row: auto / span 2;
  }
}

.et_pb_portfolio_item:nth-child(8n + 7) {
  grid-column: auto / span 4;
  grid-row: auto / span 1;
}

@media screen and (min-width: 768px) {
  .et_pb_portfolio_item:nth-child(8n + 7) {
    grid-column: auto / span 1;
    grid-row: auto / span 1;
  }
}

.et_pb_portfolio_item:nth-child(8n + 8) {
  grid-column: auto / span 4;
  grid-row: auto / span 1;
}

@media screen and (min-width: 768px) {
  .et_pb_portfolio_item:nth-child(8n + 8) {
    grid-column: auto / span 1;
    grid-row: auto / span 1;
  }
}

.et_portfolio_image {
  position: relative;
  height: 100%;
  width: 100%;
}

.et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.et_pb_portfolio_item .et_pb_module_header a {
  font-size: 1rem;
  line-height: 1rem;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  max-width: calc(100% - 2rem);
  padding: 0.75rem;
  color: #fff;
  background: #88bd28 !important;
  z-index: 10;
}