/*!
Theme Name: Taffy
Theme URI: 
Author: Andreas Reif
Author URI: https://andreasjr.com
Description: Taffy is a canvas for creating bright, elastic, and engaging content.
Requires at least: 6.2
Tested up to: 6.2
Requires PHP: 7.4
Version: 0.9.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: taffy
Tags: blog, photography, portfolio, grid-layout, two-columns, left-sidebar, wide-blocks, block-patterns, block-styles, featured-images, full-site-editing, full-width-template, post-formats, template-editing
*/

/* Elements */
/* body {
    background-attachment: fixed;
	background-repeat: repeat-x;
    background-size: 100vw 100vh;
} */

h1 em,
h2 em,
h3 em {
	font-family: var(--wp--preset--font-family--permanent-marker);
	font-weight: 400;
	font-style: normal;
}

/* CTA Styles */
.is-style-call-to-action.wp-block-navigation-item a {
	text-transform: uppercase;
	background-color: transparent;
	backdrop-filter: var(--wp--custom--backdrop-filter--x-bright);
	-webkit-backdrop-filter: var(--wp--custom--backdrop-filter--x-bright);
	border:solid 2px;
	border-radius: 2em;
	color: var(--wp--preset--color--primary);
	font-weight: 500;
	letter-spacing: 1px;
	opacity: 1;
	transition: var(--wp--custom--transition--normal);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.is-style-call-to-action.wp-block-navigation-item a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .is-style-call-to-action .wp-block-navigation-item__content {
	padding: 0.44em 1.25em;
}
.is-style-call-to-action.wp-block-navigation-item a:hover,
.is-style-call-to-action.wp-block-navigation-item a:focus {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	box-shadow: var(--wp--custom--shadow--small);
}

/* Nav modal styles */
html:not(.has-modal-open) .is-style-clear-background,
body.has-post-thumbnail .page-hero-heading--page-title {
	backdrop-filter: var(--wp--custom--backdrop-filter--normal);
    -webkit-backdrop-filter: var(--wp--custom--backdrop-filter--normal);
}
.wp-block-navigation-item.current-menu-item a {
	border-bottom: solid 2px;
}
.wp-block-navigation__responsive-container-content {
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
}

/* Has Classes */
.has-shadow-normal {
	box-shadow: var(--wp--preset--shadow--normal);
}
.has-rounded-corners-normal {
	border-radius: var(--wp--custom--rounded-radius--normal);
	overflow: hidden;
}
.has-rounded-corners-large {
	border-radius: var(--wp--custom--rounded-radius--large);
	overflow: hidden;
}

/* Is Classes */
.is-style-position-sticky {
	position: sticky;
	top:0;
}

.is-style-position-fixed,
body.page .wp-site-blocks > div:first-child,
body.single .wp-site-blocks > div:first-child,
body.blog .wp-site-blocks > div:first-child,
body.archive .wp-site-blocks > div:first-child {
	position: fixed;
	left: 0;
	right: 0;
}

/* Buttons */
.wp-block-button__link,
.wp-block-button__link::before {
	transition: var(--wp--custom--transition--normal);
}
.wp-element-button,
.wp-block-button__link {
	position: relative;
}
.wp-element-button::before,
.wp-block-button__link::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: -1;
	border-radius: inherit;
}
:not(div.is-style-outline) > .wp-element-button::before,
:not(div.is-style-outline) > .wp-block-button__link::before {
	background-color: inherit;
	opacity: 0.5;
	transform: translateY(3px);
	filter: blur(10px);
}
div:not(.is-style-outline) > .wp-element-button:hover::before,
div:not(.is-style-outline) > .wp-element-button:focus::before,
:not(div.is-style-outline) > .wp-block-button__link:hover::before,
:not(div.is-style-outline) > .wp-block-button__link:focus::before {
	transform: translateY(5px);
	filter: blur(12px);
	opacity: 0.8;
}
:not(div.is-style-outline) > .wp-element-button:active::before,
:not(div.is-style-outline) > .wp-block-button__link:active::before {
	transform: translateY(0px);
	filter: blur(5px);
}

/** Buttons (Outline) */
.wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline>.wp-block-button__link {
	padding-top: calc(var(--wp--preset--spacing--20) * 0.8);
    padding-right: calc(var(--wp--preset--spacing--20) * 2);
    padding-bottom: calc(var(--wp--preset--spacing--20) * 0.8);
    padding-left: calc(var(--wp--preset--spacing--20) * 2);
}
.is-style-outline > .wp-element-button::before {
	box-shadow: 0px 3px 15px currentColor;
	opacity: .5;
}
.is-style-outline > .wp-element-button:hover::before,
.is-style-outline > .wp-element-button:focus::before {
	box-shadow: 0px 5px 20px currentColor;
}
.is-style-outline > .wp-element-button:active::before {
	box-shadow: 0px 0px 5px currentColor;
}

/**
 * Page Hero
 */
body:not(.has-post-thumbnail) .page-hero-heading .wp-block-spacer {
	display: none;
}
body:not(.has-post-thumbnail) .page-hero-heading .page-hero-heading--page-title {
	color: var(--wp--preset--color--contrast);
}
body.has-post-thumbnail .page-hero-heading .page-hero-heading--page-title {
	background-color: var(--wp--preset--color--clear-alt);
	color: var(--wp--preset--color--base);
}

/**
 * Utilities
 */
.overflow-hidden {
	overflow: hidden;
}