div.component.image-content-hover .wrap{position:relative;height:auto}div.component.image-content-hover .font-size-sub-header{font-size:35px;letter-spacing:2px;color:#000;line-height:1em;font-weight:300}div.component.image-content-hover .hover-title{position:absolute;top:50%;transform:translateY(-50%);width:84%;left:8%;text-align:center;opacity:1;border:1px solid #000;background:hsla(0,0%,100%,.6);padding:10px 0}div.component.image-content-hover .hover-content{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease}div.component.image-content-hover .hover-content .text{color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:84%}div.component.image-content-hover .wrap:focus .hover-content,div.component.image-content-hover .wrap:hover .hover-content{opacity:1;background:hsla(0,0%,100%,.9)}div.component.image-content-hover .wrap:hover .hover-title{opacity:0}@media only screen and (max-width:1002px){div.component.image-content-hover{max-width:100%}div.component.image-content-hover img{height:auto!important}div.component.image-content-hover .hover-title{display:none}div.component.image-content-hover .hover-content{position:relative;top:0;bottom:0;left:0;right:0;width:100%;opacity:1;padding:3% var(--page-gutter)}div.component.image-content-hover .hover-content .text{position:relative;top:0;left:0;width:100%;transform:inherit}}