/*!
Theme Name: teq_artology
Theme URI: https://tequila.ae
Author: Puneet.ae
Author URI: https://tequila.ae
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: teq_artology
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

/* Hide items beyond load limit */
.is-hidden { display: none !important; }

.grid .all { opacity: 0; }

.grid .all.is-visible { opacity: 1; }


.overlay-image{content: ""; position: absolute; inset: 0; background-image: linear-gradient(to right, #000000a1, #ffffff00); height: 100%; }

@media screen and (max-width: 767.98px) {
	.filters-content .item .info .card--title {
        display: none;
    }
	
}


.zoom-container {
	position: relative;
	overflow: hidden;
	cursor: zoom-in;
}

.zoom-container img {
	width: 100%;
	height: auto;
	transition: transform 0.3s ease;
	transform-origin: center center;
}

.zoom-container.zoomed {
	cursor: zoom-out;
}

.zoom-container.zoomed img {
	transform: scale(2.5);
}

.portfolio-modal { display: flex; opacity: 0; visibility: hidden; transition: all 0.5s; }
body.modal-open .portfolio-modal { opacity: 1; visibility: visible; }

/* Prevent swiper drag while zoomed */
.zoom-container.zoomed {
	touch-action: none;
}

@media screen and (max-width: 1199.98px) {
	.inner--banner { min-height: 50vh; }
	
	.modal-details .single-image-gallery .zoom-container, .modal-details .single-image-gallery .zoom-container img { width: 100% !important; object-fit: contain !important; object-position: center !important; }
}
@media screen and (max-width: 574.98px) {
	.inner--banner .banner--content { padding-bottom: var(--gap-lg); }
	
	.filters-content .item img { min-height: 50px; }
}
@media screen and (max-width: 394.98px){
	.container, .container-fluid { max-width: 100%; }
	.btn { padding: calc(var(--gap-xs) / 1.1) var(--gap-sm); }
	
	.header { padding: var(--gap-sm) 0 var(--gap-xs); }
	
	/* .banner .left--box .banner--content { bottom: 45px; } */
}