/*
 Theme Name:   Realar Child  
 Theme URI:    https://themeholy.com/wordpress/realar
 Description:  This is a child theme for Realar - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     realar
 Version:      2.0.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  realar-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */ 

/* .directorist-swiper .swiper-slide {
   
    justify-content: center  !important;
} */

/* .swiper-free-mode>.swiper-wrapper {
   
    justify-content: center;
    overflow-x: scroll;
} */
@media only screen and (max-width: 767px) {
    .listing-image img {
        height: 100px !important;
    }
}


.property-card2 .property-card-thumb img {
    width: 100% !important;
	height: 400px !important;align-content
}

/* Make slide auto width instead of fixed stretch */
/* .swiper-slide {
    width: auto !important;  
    display: flex !important;
    justify-content: center;
    align-items: center;
} */

/* Make images scale naturally */
.swiper-slide img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    object-fit: contain;  /* keeps aspect ratio */
}
.directorist-swiper.directorist-single-listing-slider-thumb.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-thumbs {
    
    overflow-y: hidden !important;
}

//// working code


section#directorist-single-listing-slider-wrap {
    display: flex
;
    flex-direction: column;
    align-items: center;
}


body.wp-singular.single-at_biz_dir .swiper-slide img {
    
    align-self: center !important;
}

body.wp-singular.single-at_biz_dir .swiper-slide {
/*     width: 100% !important; */
    display: flex !important;
    justify-content: center !important;

}


/* /////remove width  */
.directorist-swiper.directorist-single-listing-slider-thumb.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-thumbs {
    width: auto !important;
}