/*
Theme Name: Feast
Theme URI:
Author:
Author URI:
Description: Feast is a modern FSE block theme for building professional food websites. Stunning design, fully customizable patterns, and mobile-friendly.
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: feast
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, food-and-drink

Feast WordPress Theme, (C) 2025
Feast is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

html {
	scroll-behavior: smooth;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	animation: fadein 0.7s;
}

@keyframes fadein {
    from { opacity: 0.01; }
    to   { opacity: 1; }
}

/*
 * Text link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

 a {
	background-image: linear-gradient(transparent calc( 100% - 2px ), currentColor 5px);
	background-size: 0;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 3px;
	text-decoration: none;
	transition: all .4s ease, text-decoration 0s ease;
}
a:hover,
a:focus {
	background-image: linear-gradient(transparent calc( 100% - 2px ), currentColor 5px);
	background-size: 100%;
}
a:active {
	text-decoration: none;
}
.page-content p a,
.page-content ul li a {
	background-image: linear-gradient(transparent calc( 100% - 2px ), currentColor 5px);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 3px;
	text-decoration: none;
	transition: all .4s ease, text-decoration 0s ease;
}
.page-content p a.wp-block-post-excerpt__more-link,
.page-content ul li a.wp-block-post-excerpt__more-link {
	padding-bottom: 7px;
}
.page-content p a:hover,
.page-content ul li a:hover {
	background-size: 0;
}
.page-content ul li.wp-block-navigation-item a {
	background-image: linear-gradient(transparent calc( 100% - 2px ), currentColor 5px);
	background-size: 0;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 3px;
	text-decoration: none;
	transition: all .4s ease, text-decoration 0s ease;
}
.page-content ul li.wp-block-navigation-item a:hover {
	background-image: linear-gradient(transparent calc( 100% - 2px ), currentColor 5px);
	background-size: 100%;
}
.wp-block-post-featured-image a,
.is-style-feast-post-title-border a,
.is-style-feast-post-date-border a,
.wp-block-button__link,
.wp-block-button__link:hover,
figure a:hover,
a.custom-logo-link,
.taxonomy-category a,
a.wp-block-social-link-anchor,
.wp-block-post-excerpt__more-link {
	background-image: none!important;
}
figure {
	margin-top: 0;
}

/* ------------------------------------------- */
/* Navigation
/* ------------------------------------------- */
.wp-block-navigation .wp-block-navigation-item__content {
	position: relative;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	border: 1px solid transparent;
	transform: translateY(-15rem);
	transition: all .2s ease-in-out;
	transition-delay: .2s;
}
.wp-block-navigation .has-child>.wp-block-navigation__submenu-container {
	transition: opacity .25s ease, transform .5s all;
	transform: translateY(15px)
}
.wp-block-navigation__submenu-container .wp-block-navigation-item {
	padding: 0.5em 1em;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item a {
	padding: 0 0 5px 0;
}
.wp-block-navigation__container>.wp-block-navigation-item>a {
	line-height: 2.5;
	position: relative
}
.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child)>a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	height: 2px;
	width: 0;
	transition: width .5s;
	background-color: currentColor
}
.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child)>a:hover:after {
	width: 100%
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item:first-child>.wp-block-navigation-item__content {
	margin-top: .5em
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item:last-child>.wp-block-navigation-item__content {
	margin-bottom: .5em
}
.wp-block-navigation-item.current-menu-item > a {
	font-weight: 700;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
	z-index: 10;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	z-index: 100;
}
.wp-block-navigation__responsive-container-close {
	transition: transform .3s ease-in-out;
	opacity: .8
}
.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation__responsive-container-close:hover {
	transform: rotate(90deg);
	opacity: 1
}
.wp-block-navigation-item__content img {
	height: fit-content;
}
/* Media Queries for Navigation */
@media only screen and (max-width: 482px) {
	.wp-block-navigation__container {
		justify-content: start;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, 
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
		align-items: flex-start;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		align-items: flex-start;
	}
}
@media only screen and (max-width: 962px) {
	.wp-block-navigation.items-justified-right {
		--navigation-layout-justification-setting: flex-start;
		--navigation-layout-justify: flex-start;
	}
}
@media (min-width:600px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: block;
	}
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}
@media (max-width:960px) {
	.wp-block-navigation__responsive-container-close {
		top: 50px;
		right: 20px;
	}
	.wp-block-navigation__responsive-container {
		opacity: 0;
		visibility: hidden;
		transition: opacity 0s, visibility 0s;
		display: flex
	}
	.wp-block-navigation__responsive-container.is-menu-open {
		opacity: 1;
		visibility: visible;
		transition: opacity .3s ease-in-out, visibility .3s ease-in-out
	}
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		transition: transform .4s all, opacity .4s all;
		transform: translateY(-35px);
		opacity: 0;
		transition-delay: .2s;
		font-size: 20px;
		width: 90%
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		transform: translateY(0);
		opacity: 1;
		gap: 20px;
		padding: 0 0 0 40px;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		font-size: .9em;
		gap: 15px;
		padding: 0 30px 24px 30px;
		position: relative
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container:before {
		content: "↑";
		position: absolute;
		left: 0;
		top: 10px
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
		color: currentColor;
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container,
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container a,
	.wp-block-navigation .wp-block-navigation-item {
		width: 100%;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		min-width: 100%;
		width: 100%;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
		overflow-x: hidden;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
		overflow-x: hidden;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, 
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
		align-items: flex-start;
	}
}
@media (min-width:962px) {
	.wp-block-navigation .has-child:hover>.wp-block-navigation__submenu-container,
	.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-container {
		box-shadow: 0 20px 40px -5px rgb(15 16 18 / 18%);
		transform: translateY(0)
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none;
	}
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
	.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
		margin-right: .7em
	}
	[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container {
		flex-direction: row
	}
	[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li {
		max-width: 250px;
		display: block;
		min-width: 250px
	}
	[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li button {
		display: none
	}
	[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li>a {
		font-weight: var(--wp--custom--font-weight--bold, 700);
		margin: 5px 0 0 0 !important
	}
	[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li>a:hover {
		transform: translateX(0) !important
	}
	[class*=' is-style-mega-menu'].has-child>.wp-block-navigation__submenu-container>li>ul {
		position: static;
		visibility: visible;
		opacity: .9;
		font-size: .9em;
		width: auto;
		height: auto;
		display: block;
		box-shadow: none !important;
		transform: translateY(0) !important
	}
	ul.wp-block-navigation__submenu-container.is-style-mega-menu {
		padding: 10px 25px;
	}
	ul.wp-block-navigation__submenu-container.is-style-mega-menu a.wp-block-navigation-item__content {
		padding: 5px 0;
	}
}

/*
 * Search and File Block button styles.
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--foreground);
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--typography--font-size--normal);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/* Blog */
.wp-block-post-excerpt__more-link {
	background: var(--wp--preset--color--foreground);
	border-radius: 100px;
	color: var(--wp--preset--color--background);
	padding: 7px 25px;
	transition: all .3s ease;
}
.wp-block-post-excerpt__more-link:hover {
	padding: 7px 28px;
}

/* ------------------------------------------- */
/* Blocks Styles
/* ------------------------------------------- */
/* Button Styles */
.is-style-feast-button-shadow-outline .wp-block-button__link {
	background-color: transparent;
	color: currentColor;
	border: 2px solid;
	box-shadow: 5px 5px 0 currentColor;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.is-style-feast-button-shadow-outline .wp-block-button__link:hover {
	box-shadow: 0 0 0 currentColor;
}
.is-style-feast-3d-button-light .wp-block-button__link {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--foreground);
	box-shadow: 0px 2px 4px rgba(38, 23, 14, 0.1), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px #d6d0d0;
	padding: 7px 25px;
	transition: all .3s ease;
}
.is-style-feast-3d-button-dark .wp-block-button__link {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
	box-shadow: 0px 2px 4px rgba(66, 44, 35, 0.2), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgba(111, 81, 58, 0.5);
	padding: 7px 25px;
	transition: all .3s ease;
}
.is-style-feast-3d-button-dark .wp-block-button__link:hover,
.is-style-feast-3d-button-light .wp-block-button__link:hover {
	box-shadow: none;
	margin-left: 0;
}
.is-style-feast-button-line-light .wp-block-button__link {
	background: transparent;
	color: currentColor;
	padding: 0;
	transition: all .3s ease;
	display: inline-block;
	box-shadow: 0 -9px var(--wp--preset--color--primary) inset;
}
.is-style-feast-button-line-light .wp-block-button__link:hover {
	box-shadow: 0 -50px 0 0 var(--wp--preset--color--primary) inset;
	padding: 0;
}
.is-style-feast-button-line-dark .wp-block-button__link {
	background: transparent;
	color: currentColor;
	padding: 0;
	transition: all .3s ease;
	display: inline-block;
	box-shadow: 0 -9px var(--wp--preset--color--foreground) inset;
}
.is-style-feast-button-line-dark .wp-block-button__link:hover {
	color: var(--wp--preset--color--secondary)!important;
	box-shadow: 0 -50px 0 0 var(--wp--preset--color--foreground) inset;
	padding: 0;
}
.is-style-feast-button-shadow .wp-block-button__link {
	background: var(--wp--preset--color--foreground);
	box-shadow: var(--wp--preset--color--foreground) 0 8px 20px -10px;
	color: var(--wp--preset--color--background);
	transition: all .3s ease;
}
.is-style-feast-button-shadow .wp-block-button__link:hover {
	box-shadow: none;
	padding: 7px 28px;
}
.is-style-feast-button-effect-1 .wp-block-button__link {
	background: var(--wp--preset--color--foreground);
	position: relative;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}
.is-style-feast-button-effect-1 .wp-block-button__link:after {
	content: "";
	border: 2px solid var(--wp--preset--color--foreground);
	width: 100%;
	z-index: -1;
	position: absolute;
	height: 100%;
	top: 5px;
	left: 5px;
	transition: 0.3s all;
}
.is-style-feast-button-effect-1 .wp-block-button__link:hover:after {
	top: 0px;
	left: 0px;
}
.is-style-feast-button-effect-2 .wp-block-button__link {
	outline: none;
	border: 2px solid var(--wp--preset--color--foreground);
	background: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
	box-shadow: var(--wp--preset--color--foreground) 0 8px 20px -10px;
	transition: all 0.3s ease;
	position: relative;
	z-index: 1;
}
.is-style-feast-button-effect-2 .wp-block-button__link:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: var(--wp--preset--color--background);
	transition: all 0.3s ease;
 }
.is-style-feast-button-effect-2 .wp-block-button__link:hover {
	color: var(--wp--preset--color--foreground);
}
.is-style-feast-button-effect-2 .wp-block-button__link:hover:after {
	left: 0;
	width: 100%;
}

/* Image, Groups, Columns Styles */
.is-style-feast-shadow {
	box-shadow: 0 3px 10px 0 rgb(15 16 18 / 10%), 0 12px 30px 0 rgb(15 16 18 / 10%);
}
.is-style-feast-shadow-image img,
.is-style-feast-post-featured-image-shadow img {
	box-shadow: 0 3px 10px 0 rgb(15 16 18 / 10%), 0 12px 30px 0 rgb(15 16 18 / 10%);
}
.is-style-feast-hover-shadow,
.is-style-feast-hover-shadow-image img {
	transition: box-shadow 0.5s;
}
.is-style-feast-hover-shadow:hover,
.is-style-feast-hover-shadow-image img:hover {
	box-shadow: 0 3px 10px 0 rgb(15 16 18 / 20%), 0 12px 30px 0 rgb(15 16 18 / 20%);
}
.is-style-feast-border {
	border: 2px solid;
}
.is-style-feast-post-featured-image-effect-1 img,
.is-style-feast-effect-1-image img,
.is-style-feast-effect-3-image img {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.is-style-feast-post-featured-image-effect-1:hover img,
.is-style-feast-effect-1-image:hover img {
	transform: scale(.95);
}
.is-style-feast-effect-3-image:hover img {
	transform: scale(1.05);
}
.is-style-feast-post-featured-image-effect-2,
.is-style-feast-effect-2-image {
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.is-style-feast-post-featured-image-effect-2::before,
.is-style-feast-effect-2-image::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.is-style-feast-post-featured-image-effect-2:hover::before,
.is-style-feast-effect-2-image:hover::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.is-style-feast-shape-one .wp-block-cover__background,
.is-style-feast-shape-one img {
	border-radius: 500px;
	border-bottom-right-radius: 20px;
}
.is-style-feast-shape-two .wp-block-cover__background,
.is-style-feast-shape-two img {
	border-radius: 500px;
	border-top-left-radius: 20px;
}
.is-style-feast-shape-three .wp-block-cover__background,
.is-style-feast-shape-three img {
	border-radius: 13px;
}
/* Heading Border Style */
.is-style-feast-heading-border-radius {
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */
 .wp-block-search__button,
 .wp-block-file .wp-block-file__button,
 .wp-block-button__link {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
 } 
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.96;
	padding: 7px 28px;
}
.wp-block-search__button:hover {
	opacity: 0.96;
}

/* ------------------------------------------- */
/* Block Patterns
/* ------------------------------------------- */
/* Header */
.banner-info figure {
	display: grid;
}
p.banner-text-margin {
	margin-left: -1rem;
}
.wp-block-cover.additional {
	align-items: initial;
}
.hero-header .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}
.wp-block-group.columns-negative-top-margin {
	position: relative;
	margin-top: -100px;
	z-index: 1;
}
.hero-header .logo-menu {
	margin-top: 0;
}
.deco-line,
.negative-margin {
	margin-top: -30px!important;
	z-index: 10;
}
/* Hero */
.wp-block-cover.hero-default {
	overflow: initial;
}
/* Testimonials */
.testimonials .negative-margin {
	margin-top: 0!important;
	position: relative;
	z-index: 10;
}
.testimonials .negative-margin.alternative {
	margin-top: -30px!important;
}
.testimonials.one .negative-margin.alternative {
	margin-top: -30px!important;
}
.testimonials.one .wp-block-image {
	position: relative;
	z-index: 12;
}
/* What We Do */
.what-we-do .wp-block-column {
	position: relative;
}
.what-we-do .tagline,
.volunteers .tagline {
	margin-bottom: -15px;
}
.what-we-do .number,
.what-we-do .icon {
	display: inline-block;
}
.what-we-do .icon {
	position: absolute;
	top: -20px;
	left: -40px;
}
.feast-rating {
	margin: -5px 0 -20px 0!important;
}
.testimonials .rating{
	margin: 5px 0;
}
.testimonials blockquote.wp-block-quote.is-style-default {
	margin: 0;
}
/* Volunteers */
.volunteers .volunteers-box {
	position: relative;
	margin: -100px 30px 0 30px;
}
.volunteers .volunteers-box-1 {
	margin-top: 0;
}
.donations-4 .wp-block-column {
	position: relative;
}
.quote-mark {
	margin-bottom: -70px!important;
	left: 5%!important;
	position: relative;
}
/* Events */
.event-date {
	display: inline-block;
}
.events.alternative .is-layout-flex {
	gap: 0;
}
.events.alternative .is-layout-flow > * + * {
	margin-block-start: 0;
}
/* FAQ */
.faq .content {
	margin-top: 0;
}
.list-alternative li {
	list-style: none;
	padding-bottom: 20px;
}
.wp-block-column.facts {
	text-align: center;
}
#row-media img {
	border-top-left-radius: 13px;
	border-bottom-left-radius: 13px;
}
/* Footer */
.footer figure.icon img {
	margin-top: 0;
	display: block;
}
.margin-bottom-negative {
	margin-bottom: -24px!important;
}
/* Blog */
.wp-block-group.date-negative-margin {
	margin-top: -80px;
	position: relative;
}
.is-style-feast-post-excerpt-border-shadow, 
.is-style-feast-post-excerpt-border {
	border: 2px solid var(--wp--preset--color--senary);
	padding: var(--wp--preset--spacing--40);
	border-radius: 13px;
}
.is-style-feast-post-excerpt-border-shadow {
	box-shadow: 0 3px 10px 0 rgb(15 16 18 / 10%), 0 12px 30px 0 rgb(15 16 18 / 10%);
}
.wp-block-group.commments-block {
	margin-bottom: -1.5rem!important;
}

/* Scroll to Top */
.scroll-to-top {
	cursor: pointer;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.scroll-to-top:hover {
	opacity: 60%;
}
.float-right {
	float: right;
}

/* Scroll Text */
.scroll-container {
	overflow: hidden;
}
.is-style-feast-scroll-text,
.sale-banner .animated {
	transform: translateX(100%);
	animation: scroll-text 25s linear infinite;
}
@keyframes scroll-text {
	from { transform: translateX(100%); }
	to { transform: translateX(-100%); }
}

/* Effects */
.scroll {
	display: flex;
	overflow: hidden;
	overflow-x: hidden;
	user-select: none;
}
.scroll-group {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: var(--wp--style--block-gap);
	min-width: 100%;
	animation: scroll 20s linear infinite;
	margin-top: 0 !important;
}
.scroll-group > * {
	margin-top: 0 !important;
}
@keyframes scroll {
	0% {
	  	transform: translateX(0);
	}
	100% {
	  	transform: translateX(calc(-100% - var(--wp--style--block-gap)));
	}
}
/* Product Card */
.product-card{
	overflow: hidden;
}
.product-card h2, .product-card h1, .product-card p, .product-card .wp-block-buttons, .product-card .wp-block-ep-rating{ 
	transition: .5s;
	opacity: 0;
	transform: translateY(310px);
}
.product-card figure {
	transition: .5s;
	transform: translateY(180px);
}
.product-card:hover h2, .product-card:hover p, .product-card:hover .wp-block-buttons {
	opacity: 1;
	transform: translateY(0px);
}	
.product-card:hover figure {
	transform: translateY(0px);
}
/* ------------------------------------------- */
/* Effects
/* ------------------------------------------- */
/* Floating Images */
.floating-image {
	display: flex;
}
.floating-image figure {
	margin: 0px;
}
.floating-image img {
	object-fit: cover;
}
.floating-image .image-two img,
.floating-image .image-alternative-two img {
	height: 560px;
}
.floating-image .image-alternative-two img {
	margin: 0 40px;
}
.floating-image .image-one img, 
.floating-image .image-three img,
.floating-image .image-alternative-one img,
.floating-image .image-alternative-three img {
	width: 280px;
}
.floating-image .image-alternative-three {
	align-items: self-end;
	display: flex !important;
}
.floating-image .image-one {
	animation: left-right-effect 2.5s infinite alternate;
}
.floating-image .image-three {
	animation: right-left-effect 2.5s infinite alternate;
	margin-left: 0 !important;
	align-items: self-end;
	display: flex !important;
}
.floating-image .image-two {
	animation: updownEffect 2s infinite alternate;
	z-index: 1;
}
@keyframes updownEffect{
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-20px);
	}
}
@keyframes left-right-effect{
	0% {
		transform: translateX(70px);
	}
	100% {
		transform: translateX(110px);
	}
}
@keyframes right-left-effect{
	0% {
		transform: translateX(-70px);
	}
	100% {
		transform: translateX(-110px);
	}
}
/* Image Hover Effect */
.image-effect {
	position: relative;
	cursor: crosshair;
}
.image-effect .wp-block-cover {
	background-color: var(--wp--preset--color--foreground);
	overflow: hidden;
}
.image-effect .wp-block-column h2, 
.image-effect .wp-block-column p {
	transition: 1s;
	transition-delay: 0.5s;
	opacity: 0;
}
.image-effect .wp-block-column .wp-block-group{
	transform: scale(1.2);
	transition: 1s ease-in-out;
	opacity: 0;
}
.image-effect .wp-block-cover__image-background {
	transition: 0.8s ease-in;
}
/* Hover */
.image-effect .wp-block-column:hover .wp-block-group {
	transform: scale(0.9);
	opacity: 1;
}
.image-effect .wp-block-column:hover .wp-block-cover__image-background {
	opacity: .6;
	transform: scale(1.5);
}
.image-effect .wp-block-column:hover h2, 
.image-effect .wp-block-column:hover p {
	opacity: 1 !important;
}

/* ------------------------------------------- */
/* Contact Form Inputs & Textarea
/* ------------------------------------------- */
input[type = submit] {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
	border: none;
	cursor: pointer;
	font-size: 18px;
	padding: 7px 25px;
	transition: all .3s ease;
}
input[type = submit]:hover {
	opacity: 0.9;
}
input, textarea {
	border: 2px solid;
}
textarea {
	width: 100%;
}

/* ------------------------------------------- */
/* Media Queries
/* ------------------------------------------- */
@media (min-width: 600px) and (max-width: 781px) {
	/* Columns */
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
		flex-basis: 100%!important;
		flex-grow: 0;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
}

@media only screen and (max-width: 482px) {
	/* Header Banner */
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
	p.banner-text-margin {
		font-size: 14px;
	}
	.wp-block-group.banner-info img {
		width: 10px;
	}
	.feast-banner .wp-block-social-links {
		font-size: 18px;
	}
	.wp-block-group.banner-info {
		margin-bottom: -20px;
	}
	/* Floating Image Effect */
	.floating-image .image-two img, 
	.floating-image .image-alternative-two img {
		height: 150px;
	}
	.floating-image .image-one img, 
	.floating-image .image-three img, 
	.floating-image .image-alternative-one img, 
	.floating-image .image-alternative-three img {
		width: 100px;
	}
}

@media only screen and (max-width: 961px) {
	/* Header 1 - Default */
	.header-1 .banner-info,
	.header-2 .banner-info {
		justify-content: flex-end;
	}
	.header-2 .banner-info {
		margin-top: 6px;
	}
	.header-1 p.has-text-align-center.has-tiny-font-size,
	.header-2 p.has-text-align-center.has-tiny-font-size {
		font-size: 14px!important;
	}

	.header-1 .wp-block-social-links.has-small-icon-size,
	.header-2 .wp-block-social-links.has-small-icon-size {
		gap: 0.2rem;
		font-size: 14px;
	}
	.header-8 .wp-block-social-links.has-small-icon-size {
		gap: 0.4rem;
	}
	.header-1 .socials-cart .wp-block-social-links {
		justify-content: center;
	}
	.product-category .wp-block-cover {
	    min-height: 350px!important;
	}
	/* Cover */
	.cover-mobile .wp-block-cover {
		min-height: 40vh!important;
	}
	/* Post Template Columns */
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
		 width: 100%;
	}
	/* Columns */
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child),
	.feast-grid .wp-block-column,
	.feast-grid-post .wp-block-column {
		flex-basis: 100%!important;
	}
	.feast-grid .wp-block-columns {
		display: block;
	}
	.feast-grid .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column:not(:first-child) {
		margin-left: 0;
	}
	.feast-grid .wp-block-columns .wp-block-group {
		padding: 0!important;
	}
	.feast-grid .wp-block-columns .feast-food-categories-circle {
		padding: 4px 6px!important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
		margin-left: 0;
	}
	.wp-block-columns {
		flex-wrap: wrap;
	}
	.feast-grid-post li:last-child .wp-block-column,
	.feast-grid-post li:nth-child(2) .wp-block-column {
		margin-left: 0;
	}
	.taxonomy-category.wp-block-post-terms {
		margin-top: 10px;
	}
	/* Hero Patterns */
	.wp-block-social-links.mobile-center,
	.banner-info.mobile-center {
		justify-content: center;
	}
	.hero-1 .mobile-image img {
		margin-top: -50px;
	}
	.border-box {
		border: none;
		padding: 0;
	}
	.hero-header.additional {
		min-height: 550px!important;
	}
	.wp-block-image.wave img {
		height: 100px;
	}
	.grid-gallery {
		background: var(--wp--preset--color--background)!important;
		padding-top: 0!important;
		padding-bottom: 0!important;
		margin-bottom: -30px!important;
	}
	.mobile-padding-paragraph {
		padding-right: 0!important;
	}
	.hero-default {
		margin-bottom: 90px;
	}
	/* Product Category Patterns */
	.product-category .first-column {
		padding-top: 0!important;
	}
	/* About Patterns */
	.what-we-do .icon {
		top: -20px;
		left: -10px;
	}
	.what-we-do.gradient {
		background: none!important;
	}
	.what-we-do .wp-block-column {
		padding-right: 0!important;
	}
	/* Events Patterns */
	.events.alternative .wp-block-cover {
		min-height: 300px!important;
	}
	.events.alternative .wp-block-group {
		border-right: none;
	}
	.wp-block-column.facts {
		border-right: none;
	}
	.events.alternative.pricing .pricing-table {
		border: 2px solid var(--wp--preset--color--senary);
	}
	.events.alternative {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.events.alternative .wp-block-cover {
		margin-left: 30px;
		margin-right: 30px;
	}
	/* Blog Layout Patterns */
	.blog-sidebar .has-global-padding {
		padding: 0;
	}
	.blog-sidebar .has-global-padding .additional-column-padding {
		padding-right: 0!important;
	}
	.blog-sidebar .has-global-padding .additional-column-padding-left {
		padding-left: 0!important;
	}
	/* Footer */
	.footer-1 .has-global-padding.wp-block-group.alignfull {
		padding: 0;
	}
	/* Hide on Mobile Class */
	.hide-mobile {
		display: none!important;
	}
}

@media (max-width: 982px){
	/* Columns */
	.wp-block-columns {
		 flex-wrap: wrap!important;
	}
}
@media only screen and (min-width: 961px) {
	/* Layout Positions */
	.negative-top-margin {
		margin-top: -40px;
	}
	.image-right-position {
		left: 100px;
	}
	.bring-to-front {
		position: relative;
		z-index: 10;
	}
	.image-left-position {
		right: 100px;
	}
	.overlapping-image {
		margin-left: -50px!important;
		margin-top: 30px;
	}
	.rotate-text {
		transform: rotate(90deg);
		position: absolute;
		top: 0;
		right: 0;
	}
	.text-overlay {
		display: inline-block;
		float: right;
		margin-right: -100px;
		position: relative;
		z-index: 1;
	}
	.left-bottom {
		left: -100px;
		top: -100px;
		position: relative;
		z-index: 2;
	}
	/* Profile Card */
	.profile-card {
		position: relative;
		cursor: pointer;
	}
	.profile-card .wp-block-group {
		transition: 0.8s;
		position: relative;
		margin: 0;
	}
	.profile-card .wp-block-group:first-child {
		z-index: 1;
	}
	.profile-card .wp-block-group:last-child {
		transform: translateY(-350px);
	}
	.profile-card:hover .wp-block-group {
		transform: translateY(0);
	}
	.volunteers .volunteers-image {
		margin-top: -100px;
	}
	/* Hero Sale Pattern */
	.hero-sale .right {
		height: 700px;
		max-height: 700px;
	}
	.hero-sale .left .top {
		height: 350px;
		max-height: 350px;
	}
	.hero-sale .left .bottom {
		height: 320px;
		max-height: 320px;
	}
}

/* Post Author */
.wp-block-post-author__name {
	font-weight: 600;
}
img.avatar {
	border-radius: 100%;
}
/* Focus Visible */
*:focus-visible {
	outline: 2px solid var(--wp--preset--color--tertiary);
	outline-offset: 2px;
}

/* ------------------------------------------- */
/* Comments & Forms
/* ------------------------------------------- */
input,
textarea#comment,
.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
	border: 2px solid;
	padding: 10px;
	border-radius: 12px;
}

form#commentform {
	margin-top: 20px;
}

p.no-comments {
	background-color: var(--wp--preset--color--septenary);
	padding: 1rem;
	margin: 1rem 0;
	clear: both;
	border-left: 0.61805em solid rgba(0, 0, 0, 0.15);
	border-top: none;
	border-radius: 12px;
}

input#submit,
.wp-block-post-comments .comment-reply-title,
bdi,
h3#comments {
	font-weight: bold;
}

span#reply-title {
	font-size: 130%;
	font-weight: bold;
}

button.components-button.has-icon {
	background: var(--wp--preset--color--background);
}

.edit-account fieldset {
	border-radius: 12px;
}

select {
	background: transparent;
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-repeat: no-repeat;
	background-position: calc(100% - 25px) 50%, calc(100% - 20px) 50%;
	background-size: 5px 5px, 5px 5px;
	cursor: pointer;
	font-family: inherit;
	font-size: 90%;
}

@media only screen and (max-width: 1260px) {
	.testimonials .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
		flex-basis: 100%!important;
	}
	.testimonials .wp-block-columns {
		flex-wrap: wrap!important;
	}
}

/* Hidden banner - remove this class to show again */
.feast-banner-hidden {
	display: none !important;
}
