/*-------------------------------------------------------
Query
-------------------------------------------------------*/

@use "query/posts-grid-1";
@use "query/posts-grid-2";

@use "query/projects-grid-1";
@use "query/projects-grid-2";
@use "query/projects-grid-3";
@use "query/projects-grid-4";
@use "query/projects-grid-5";

/*-------------------------------------------------------
Query Item
-------------------------------------------------------*/

.wp-block-query {

	.wp-block-post {
		position: relative;

		&:not(.has-post-thumbnail):not(.uk-project) {
			align-self: self-start;
			padding: var(--wp--preset--spacing--10);
			background-color: var(--wp--custom--color--card--background, var(--wp--preset--color--base));
			border-radius: var(--wp--custom--border--radius);
		}
	}

	// Query item featured image
	.wp-block-post-featured-image {
		opacity: inherit;

		a {

			img {
				transform: scale(1);
				transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
			}

			&:hover,
			&:focus,
			&:active {

				img {
					transform: scale(1.04);
				}
			}
		}
	}

	// Post title
	.wp-block-post-title a {
		text-decoration-color: transparent;
		text-underline-offset: 0.25em;

		&:hover,
		&:focus,
		&:active {
			text-decoration-color: currentColor;
			text-underline-offset: 0.15em;
		}
	}
}

/*
Sticky post
*/

.post.sticky {

	.wp-block-post-title a {
		position: relative;

		&::after {
			content: "";
			display: inline-block;
			position: relative;
			height: 0.75rem;
			width: 0.75rem;
			top: -0.2em;
			left: 0.2em;
			transform: rotate(45deg);

			background-color: currentColor;
			mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M16,9V4l1,0c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H7C6.45,2,6,2.45,6,3v0 c0,0.55,0.45,1,1,1l1,0v5c0,1.66-1.34,3-3,3h0v2h5.97v7l1,1l1-1v-7H19v-2h0C17.34,12,16,10.66,16,9z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
			mask-position: center;
			mask-repeat: no-repeat;
			mask-size: cover;
		}
	}
}
