.hero.gallery {
    position:relative;
    
    .not-splide .splide__slide{
        width:100%
    }
    
    .banner-overlay {
        position:relative;
        width:100%;
        
        img{
            object-fit:cover;
            object-position: 50% 50%;
            height: 100%;
            width: 100%;
        }
        
        .listing-info {
            pointer-events:none;
            position:absolute;
            background:#1b1b1b60;
            padding:10px 15px 10px 5px;
            top:30px;
            transition-property:opacity, top;
            opacity:0;
            transition-duration: 500ms;
            left:20px;
            z-index:1;
            color: white;
            text-decoration:none;
            
            span {
                display:block;
                margin:0;
                padding:0;
            }

            span.listing-title {
                font-family: var(--theme--heading-font);
                font-size:1rem;
                line-height:1.2em;
                margin-bottom:0.25em;
                
            }

            span.suburb {
                font-size:0.722222em;
                line-height: 0.722222em;
            }
            
            i.thd-icon {
                display:block;
                width:auto;
                height:30px;
                width: 100%;
                background-size:contain;
                background-repeat:no-repeat;
                background-position:50% 50%;
            }

            i.thd-icon.camera.white {
                background-image:url('../../icons/camera-white.png');
            }
            
            i.thd-icon.angle-right {
                transition-duration:300ms;
            }

            i.thd-icon.angle-right.white {
                background-image:url('../../icons/angle-right-white.png');
            }
            
        }
        
        .listing-info:hover {
            i.thd-icon.angle-right {
                margin-left:8px;
            }
        }

    }
    
    .splide__slide.is-active{
        .banner-overlay {
            .listing-info {
                opacity:1;
                top:20px;
                pointer-events:unset;
            }
        }
    }
    
    .search-bar-below {
        max-width:unset !important;
    }

    .desktop-search-bar-holder-bottom,
    .mobile-search-bar-holder-bottom{
        position: absolute;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
    }
}