.elementor-widget-the7-image-widget{width:100%}[class*=elementor-widget-the7-image-widget] .the7-image-container{display:flex;flex-flow:column}[class*=elementor-widget-the7-image-widget] .the7-image-wrapper{display:inline-flex;width:100%;aspect-ratio:var(--the7-img-ratio);overflow:hidden;transition:all var(--transition-overlay-duration,.3s) var(--transition-overlay-timing,ease)}[class*=elementor-widget-the7-image-widget] .the7-overlay-container>.the7-overlay-content{border-radius:inherit;line-height:var(--the7-base-line-height)}[class*=elementor-widget-the7-image-widget].exceeding-frame-yes .post-thumbnail-rollover:after,[class*=elementor-widget-the7-image-widget].exceeding-frame-yes .post-thumbnail-rollover:before,[class*=elementor-widget-the7-image-widget].transform-overlay-yes .the7-overlay-container>.the7-overlay-content{transform:perspective(var(--the7-transform-perspective,0)) rotateZ(var(--the7-transform-rotateZ,0)) rotateX(var(--the7-transform-rotateX,0)) rotateY(var(--the7-transform-rotateY,0)) translate(var(--the7-transform-translate,0)) translateX(var(--the7-transform-translateX,0)) translateY(var(--the7-transform-translateY,0)) scaleX(calc(var(--the7-transform-flipX,1) * var(--the7-transform-scaleX,var(--the7-transform-scale,1)))) scaleY(calc(var(--the7-transform-flipY,1) * var(--the7-transform-scaleY,var(--the7-transform-scale,1)))) skewX(var(--the7-transform-skewX,0)) skewY(var(--the7-transform-skewY,0));transform-origin:var(--the7-transform-origin-y) var(--the7-transform-origin-x)}[class*=elementor-widget-the7-image-widget] .the7-image-wrapper:hover img.run-img-transitions,[class*=elementor-widget-the7-image-widget] .the7-image-wrapper:not(:hover) img{transform:perspective(var(--the7-transform-perspective,0)) rotateZ(var(--the7-transform-rotateZ,0)) rotateX(var(--the7-transform-rotateX,0)) rotateY(var(--the7-transform-rotateY,0)) translate(var(--the7-transform-translate,0)) translateX(var(--the7-transform-translateX,0)) translateY(var(--the7-transform-translateY,0)) scaleX(calc(var(--the7-transform-flipX,1) * var(--the7-transform-scaleX,var(--the7-transform-scale,1)))) scaleY(calc(var(--the7-transform-flipY,1) * var(--the7-transform-scaleY,var(--the7-transform-scale,1)))) skewX(var(--the7-transform-skewX,0)) skewY(var(--the7-transform-skewY,0))}[class*=elementor-widget-the7-image-widget] .the7-overlay-container:hover .the7-overlay-content:before,[class*=elementor-widget-the7-image-widget] .the7-overlay-container:hover>.the7-overlay-content{transition:transform var(--transition-img-forward-duration,.3s) var(--transition-overlay-timing,ease),opacity var(--transition-overlay-duration,.3s) var(--transition-overlay-timing,ease)}[class*=elementor-widget-the7-image-widget] .the7-overlay-container:not(:hover) .the7-overlay-content:before,[class*=elementor-widget-the7-image-widget] .the7-overlay-container:not(:hover)>.the7-overlay-content{transition:transform var(--transition-img-back-duration,.3s) var(--transition-overlay-timing,ease),opacity var(--transition-overlay-duration-out,.3s) var(--transition-overlay-timing,ease)}[class*=elementor-widget-the7-image-widget] .the7-image-wrapper:not(:hover) img.run-img-transitions{transition:all var(--transition-img-back-duration,.3s) var(--transition-overlay-timing,ease)!important}[class*=elementor-widget-the7-image-widget] .the7-image-wrapper:hover img.run-img-transitions{transition:all var(--transition-img-forward-duration,.3s) var(--transition-overlay-timing,ease)!important}[class*=elementor-widget-the7_image_box] .the7-hover-icon,[class*=elementor-widget-the7-image-widget] .the7-hover-icon{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}