/* AXIS grid: no-AJAX behaviour layer (loads after the generated theme layer). */

/* Never let a stray theme preloader hide server-rendered content. */
.axis-grid-wrap .preloader + *,
.elementor-widget-container > .preloader + .portfolio-preloader-wrapper {
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
}

/* Items beyond the first batch when "Load More" is used; revealed by axis-grid.js. */
.axis-grid .portfolio-item.axis-item-hidden {
	display: none !important;
}

/* Server-rendered pagination reuses the theme's .gem-pagination look. */
.axis-grid .axis-pagination .prev.disabled,
.axis-grid .axis-pagination .next.disabled {
	opacity: .35;
	pointer-events: none;
}
.axis-grid .axis-pagination .pages .dots {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
}

/* Plain GET search form (replaces the theme's live-search form). */
.axis-grid .axis-search-filter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.axis-grid .axis-search-filter input[type="search"] {
	min-width: 180px;
}
.axis-grid .axis-search-filter .portfolio-search-filter-button {
	position: relative;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 0;
	line-height: 1;
	cursor: pointer;
}
.axis-grid .axis-search-filter .portfolio-search-filter-button:before {
	content: "\e67b"; /* magnifier glyph from the theme icon font */
	font-family: "axis-icons";
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-font-smoothing: antialiased;
}

/* Core WordPress image sizes replace fixed crops: the Image Ratio slider sets
   aspect-ratio on .image-inner, and the image fills that box. .full-image = no ratio set. */
.axis-grid:not(.full-image) .portfolio-item .image .image-inner:not(.empty) > picture,
.axis-grid:not(.full-image) .portfolio-item .image .image-inner:not(.empty) > picture > img,
.axis-grid:not(.full-image) .portfolio-item .image .image-inner:not(.empty) > a > picture > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.axis-grid .image-inner picture {
	display: block;
}
.axis-grid img.axis-grid-placeholder {
	display: block;
	width: 100%;
	height: auto;
}
.axis-grid:not(.full-image) .portfolio-item .image .post-featured-content picture,
.axis-grid:not(.full-image) .portfolio-item .image .post-featured-content a {
	display: block;
	height: 100%;
}
.axis-grid:not(.full-image) .portfolio-item .image .post-featured-content img {
	height: 100%;
	object-fit: cover;
}

/* Sticky filter bar / sidebar without the theme's scSticky script. */
.axis-grid .portfolio-top-panel.filters-top-sticky {
	position: sticky;
	top: 0;
	z-index: 20;
}
.axis-grid .with-filter-sidebar.sticky-sidebar > .filter-sidebar {
	position: sticky;
	top: 20px;
	align-self: flex-start;
}

/* Copy-link entry in the sharing pane */
.axis-grid .socials-sharing .socials-item.copy-link {
	border: 0;
	background: none;
	cursor: pointer;
	font: inherit;
	color: inherit;
}
.axis-grid .socials-sharing .socials-item.copy-link.copied {
	opacity: 0.5;
}