/*
Theme Name: Nội thất
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/*************** THU VIEN HINH ANH DU AN   ***************/

.portfolio-gallery-slider .slide {
    margin: 0 auto;
    background: #F2F2F2;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	height: 500px;
}
.portfolio-gallery-slider .slide img {
	object-fit: contain;
	max-height: none !important;
}
.portfolio-im .col
{
	margin-bottom:10px;
}
.portfolio-im .product-thumbnails img
{
	height: 106px;
}
.vertical-thumbnails.portfolio-im {
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.vertical-thumbnails.portfolio-im::-webkit-scrollbar, .portfolio-summary {
    display: none;
}

/*
<?php $i = 0; if( $portfolio_gallery ) : $i++; ?>
	<div class="woocommerce-product-gallery portfolio-gallery-slider slider slider-nav-small mb-half flickity-enabled is-draggable"
		data-flickity-options='{
		"cellAlign": "right",
		"wrapAround": true,
		"autoPlay": true,
		"prevNextButtons":true,
		"adaptiveHeight": false,
		"imagesLoaded": true,
		"lazyLoad": 1,
		"dragThreshold" : 15,
		"pageDots": false,
		"rightToLeft": false,
		"fullscreen": true 
		}'
		>
		<?php foreach ( $portfolio_gallery as $image ) { ?>
			<div class="slide <?php echo $i == 1 ? ' is-nav-selected' : ''; ?>"><a class="image-lightbox lightbox-gallery" href="<?php echo $image['url']; ?>"><img src="<?php echo $image['sizes']['medium_large']; ?>" alt="<?php echo $image['alt']; ?>" title="<?php echo $image['alt']; ?>"></a></div>
		<?php } ?>
	</div>
	<div class="product-thumbnails thumbnails slider-no-arrows slider row row-small row-slider slider-nav-small small-columns-6 is-draggable flickity-enabled slider-lazy-load-active"
	data-flickity-options='{
		"cellAlign": "right",
		"wrapAround": true,
		"autoPlay": true,
		"prevNextButtons": true,
		"asNavFor": ".portfolio-gallery-slider",
		"percentPosition": true,
		"imagesLoaded": true,
		"pageDots": false,
		"rightToLeft": false,
		"contain": false
		}'
		>
		<?php foreach ( $portfolio_gallery as $image ) { ?>
			<div class="col <?php echo $i == 1 ? ' first' : ''; ?>">
			<a><img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" class="attachment-woocommerce_thumbnail" /></a>
			</div>
		<?php } ?>
	</div>
	</div>
	<?php else : ?>
	<a class="image-lightbox lightbox-gallery" href="<?php the_post_thumbnail_url('full'); ?>">
		<?php the_post_thumbnail('large'); ?>
	</a>
	<?php endif; ?>

*/