/*
Theme Name: Glisten
Theme URI: https://videogorl.me/projects/glisten
Author: Felicity Reif
Author URI: https://videogorl.me
Description: A block theme focused on a great reading experience.
Requires at least: 6.4
Tested up to: 6.4.2
Requires PHP: 7.4
Version: 0.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glisten
Tags: blog, portfolio, grid-layout, one-column, two-columns, wide-blocks, block-patterns, block-styles, custom-colors, custom-logo, featured-images, full-site-editing, full-width-template, post-formats, sticky-post, style-variations, template-editing, 
*/

body.blog {
	margin-top: 0;
}
.w-100 {
	width: 100%;
}

.opacity-75 {
	opacity: .75;
}
.opacity-50 {
	opacity: .5;
}
.opacity-25 {
	opacity: .25;
}

.is-style-highlight-border {
	background: 
		var(--wp--custom--gradient--padding-mask),
		var(--wp--custom--gradient--border-mask),
		var(--wp--preset--gradient--highlight) border-box;
}

.is-style-gray-border {
	background: 
		var(--wp--custom--gradient--padding-mask),
		var(--wp--custom--gradient--border-mask),
		linear-gradient(var(--wp--preset--color--gray), var(--wp--preset--color--gray)) border-box;
}

.is-style-text-half-important {
	font-size: var(--wp--custom--text-styles--half-important--typography--font-size);
	font-weight: var(--wp--custom--text-styles--half-important--typography--font-weight);
	line-height: var(--wp--custom--text-styles--half-important--typography--line-height);
	letter-spacing: var(--wp--custom--text-styles--half-important--typography--letter-spacing);
}

.is-style-text-action {
	font-size: var(--wp--custom--text-styles--action--typography--font-size);
	font-weight: var(--wp--custom--text-styles--action--typography--font-weight);
	line-height: var(--wp--custom--text-styles--action--typography--line-height);
	text-transform: var(--wp--custom--text-styles--action--typography--text-transform);
}

/* Post Template */
/* body:where(.post-template-default, .page-template-default) */
.featured-image-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 85vh;
	min-height: 500px;
	z-index: -1;
	margin: 0 !important;
	overflow: hidden;
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%, #FFF 100%);
}
.featured-image-container::before {
	content: "";
	display: block;
	z-index: 2;
	background-image: var(--wp--custom--gradient--gloss);
	opacity: .5;
	position: absolute;
	inset: 0;
	offset: 0;
}

.featured-image-container figure {
	filter: blur(7.5px);
	transform: scale(1.05);
}
.featured-image-container figure,
.featured-image-container figure img {
	height: 100%;
}

/**
 * Icons
 */
:where(
	.wp-block-post-date,
	.wp-block-post-terms,
	.wp-block-post-comments-form .comment-reply-title,
	.has-icon 
):not(
	.components-button
)
{
	position: relative;
	&::before {
		content: "";
		--icon-size: 23px;
		display: block;
		height: var(--icon-size);
		width: var(--icon-size);
		mask-position: center center;
		mask-repeat: no-repeat;
		mask-size: contain;
		background-color: currentColor;
		mask-image: var(--local--icon);
	}
}

@media screen and (min-width: 810px) {

	.is-style-icon-section:where(
		.wp-block-post-date,
		.wp-block-post-terms
	)::before,
	.wp-block-post-comments-form.is-style-icon-section .comment-reply-title::before,
	.has-icon::before {
		position: absolute;
		right: calc(100% + 10px);
		top: 3px;
		margin-bottom: 5px;
	}

}