.image-container {
  text-align: left;
}

.image-heading-container {
  font-size: var(--text-base);
  font-weight: bold;
  text-align: left;
}

.image-description-container {
  text-align: left;
  color: var(--primary-purina-dark-grey);
}

.image-heading-text {
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
@media (min-width: 992px) {
  .image-heading-text {
    font-size: var(--text-base);
    line-height: 24px;
  }
}

.image-description-text {
  font-size: var(--text-xs);
  font-weight: 300;
  line-height: 16px;
}

.image-tag {
  font-weight: 700;
  font-size: var(--text-xs);
}

.image-tag-container {
  padding-bottom: 16px;
  text-align: left;
}

.button-link-button {
  border-radius: 99px;
  border: 1px solid #000;
  margin: 10px 0 32px;
  padding: 10px 20px;
  font-weight: 400;
}
.button-link-button:hover {
  background-color: var(--primary-purina-dark-grey);
  color: #fff;
  text-decoration: none;
}

:root {
  --skin-banner-background-color-1: transparent;
  --skin-menu-color-1: transparent;
  --skin-menu-color-1-invert: transparent;
  --skin-primary-color-1: #357793;
  --color-grey1: #f3f3f3;
}

.image-container {
  width: 100%;
}

.picture-wrapper {
  display: inline-block;
  width: 100%;
}
@media (min-width: 992px) {
  .picture-wrapper {
    padding: 15px 0 0;
  }
}

.image-description-text {
  color: var(--primary-purina-dark-grey);
  /* stylelint-disable-next-line */
  display: -webkit-box;
  height: 32px;
  min-height: 32px;
  overflow: hidden;
  /* stylelint-disable-next-line */
  -webkit-line-clamp: 2;
  /* stylelint-disable-next-line */
  -webkit-box-orient: vertical;
}

.image-heading-text {
  color: var(--primary-purina-black);
}

.post-description {
  padding: 16px;
  margin: 0;
}
@media (min-width: 992px) {
  .post-description {
    padding: 24px;
  }
}

.common-image-component {
  width: 100%;
}

.image-description-container {
  margin: 16px 0 0;
}

.pdp-page-designer-content-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
}
@media (min-width: 992px) {
  .pdp-page-designer-content-grid {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 16px;
  }
}

.custom-image-with-text {
  width: calc(95% - 1px);
}
@media (min-width: 992px) {
  .custom-image-with-text {
    width: calc(33% - 16px);
  }
}

.asset-divider {
  border-top: none;
  border-bottom: 1px solid #ccc;
}

/*# sourceMappingURL=default\css\experience\components\assets\contentGridItem.css.map*/