[class*=the7-simple-widget] .dt-css-grid .wf-cell {
  position: relative;
  min-width: 0;
  border-color: var(--the7-divider-color);
  transition: all .3s ease;
  display: flex
}

[class*=the7-simple-widget]:not(.loading-effect-none) .dt-css-grid .wf-cell {
  opacity: 1
}

[class*=the7-simple-widget] .post-content-wrapper {
  display: flex;
  flex-flow: var(--content-wrapper-flex-flow, row nowrap);
  width: 100%;
  transition: all .3s ease
}

[class*=the7-simple-widget] .post-thumbnail-rollover {
  overflow: hidden;
  transform: translateZ(0);
  height: 100%
}

[class*=the7-simple-widget] .post-thumbnail-rollover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 1;
  z-index: 1
}

[class*=the7-simple-widget] .post-thumbnail-rollover:hover:before,
[class*=the7-simple-widget] a.post:hover .post-thumbnail-rollover:before,
[class*=the7-simple-widget] a.wf-cell:hover .post-thumbnail-rollover:before {
  opacity: 0
}

[class*=the7-simple-widget] .post-thumbnail-rollover:hover .the7-hover-icon,
[class*=the7-simple-widget] .post-thumbnail-rollover:hover:after,
[class*=the7-simple-widget] a.post:hover .post-thumbnail-rollover:after,
[class*=the7-simple-widget] a.post:hover .the7-hover-icon,
[class*=the7-simple-widget] a.wf-cell:hover .post-thumbnail-rollover:after,
[class*=the7-simple-widget] a.wf-cell:hover .the7-hover-icon {
  opacity: 1
}

[class*=the7-simple-widget] .post-thumbnail-rollover,
[class*=the7-simple-widget] .the7-simple-post-thumb {
  transition: all .3s ease
}

.the7-hover-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .3s ease
}

.the7-hover-icon svg {
  height: auto
}

div[class*=the7-simple-widget] {
  --image-spacing: 15px;
  --image-size: 80px
}

[class*=the7-simple-widget] .rp-heading {
  margin-bottom: 20px
}

div[class*=the7-simple-widget] .post.wrapper {
  display: flex;
  flex-flow: row nowrap;
  flex-wrap: inherit;
  border-color: var(--the7-divider-color);
  transition: all .3s ease;
  width: 100%
}

.desc-to-line .short-description {
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden
}

div[class*=the7-simple-widget] .the7-simple-post-thumb {
  position: relative;
  display: flex;
  flex-shrink: 0;
  margin: var(--thumb-margin, 0 var(--image-spacing) 0 0);
  width: var(--image-size);
  order: var(--thumb-order, 0);
  max-width: 100%
}

div[class*=the7-simple-widget] .post-entry-content {
  width: var(--content-width, 100%)
}

.img-align-top [class*=the7-simple-widget] .the7-simple-post-thumb {
  flex-direction: column
}

[class*=the7-simple-widget] .the7-simple-post-thumb img {
  transition: all .3s ease;
  border-color: var(--the7-divider-color);
  border-width: 1px
}

div[class*=the7-simple-] .box-button {
  margin-top: 15px
}