.elementor-3398 .elementor-element.elementor-element-56001fb{padding:40px 40px 40px 40px;}.elementor-3398 .elementor-element.elementor-element-fd0a554 > .elementor-widget-container{margin:50px 50px 50px 50px;padding:0% 18% 0% 18%;}.elementor-3398 .elementor-element.elementor-element-fd0a554{text-align:center;}.elementor-3398 .elementor-element.elementor-element-05df0fe{--grid-row-gap:40px;--grid-column-gap:40px;}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__thumbnail__link{width:100%;margin-bottom:calc(80px / 2);}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__meta-data span + span:before{content:"•";}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__card{background-color:var( --e-global-color-a2174fa );}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__text{margin-top:0px;}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__avatar{top:calc(-80px / 2);}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__avatar img{width:80px;height:80px;}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__title, .elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__title a{color:var( --e-global-color-02bab32 );font-family:"Causten", Sans-serif;font-size:25px;}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__title{margin-bottom:0px;}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__excerpt p{color:var( --e-global-color-02bab32 );font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__excerpt{margin-bottom:0px;}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:1440px){.elementor-3398 .elementor-element.elementor-element-fd0a554 > .elementor-widget-container{padding:0% 10% 0% 10%;}}@media(max-width:767px){.elementor-3398 .elementor-element.elementor-element-56001fb{padding:5px 5px 5px 5px;}.elementor-3398 .elementor-element.elementor-element-fd0a554 > .elementor-widget-container{margin:60px 0px 30px 0px;padding:0% 0% 0% 0%;}.elementor-3398 .elementor-element.elementor-element-05df0fe .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-05df0fe *//* Apply folder mask to Elementor Posts thumbnails */
.folder-mask :is(.elementor-post__thumbnail, .elementor-post__thumbnail__link) {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 18px;           /* keeps lower corners rounded */
  aspect-ratio: 4 / 3;           /* your 600×450 thumbs */
  width: 100%;

  /* Use your uploaded SVG mask */
  -webkit-mask: url("https://renderby.com/wp-content/uploads/2025/10/Folder_mask_blog.svg") center / 100% 100% no-repeat;
  mask:         url("https://renderby.com/wp-content/uploads/2025/10/Folder_mask_blog.svg") center / 100% 100% no-repeat;
}

/* Make the image fill the masked box */
.folder-mask :is(.elementor-post__thumbnail, .elementor-post__thumbnail__link) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Base state — set the transition here */
.folder-mask :is(.elementor-post__thumbnail, .elementor-post__thumbnail__link) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease; /* <-- move transition here */
}

/* Hover state — only set the transform */
.folder-mask :is(.elementor-post__thumbnail, .elementor-post__thumbnail__link):hover img {
  transform: scale(1.03);
}/* End custom CSS */