/*
Theme Name: Bricksy Pro
Theme URI: https://www.anarieldesign.com/themes/bricksy-pro/
Author: Anariel Design
Author URI: https://anarieldesign.com/
Description: Bricksy Pro is truly the next-generation WordPress theme. With its full-site editing experience, professionally designed block, and page patterns, it is fully customizable and easy to use. It’s never been easier to create a stunning-looking blog or a website.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.2.0
Woo: 18734001503396:b1028ff5289bc3b526d03800a4f69d82
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bricksy-pro
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

Bricksy Pro WordPress Theme, (C) 2021 Anariel Design
Bricksy Pro 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
 */

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

@media (prefers-reduced-motion: reduce) {
	body {
		-webkit-animation: none;
		animation: none;
	}
}

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

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0.01; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0.01; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0.01; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-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 {
	-webkit-box-shadow: currentColor 0 2px 0;
	-moz-box-shadow: currentColor 0 2px 0;
	box-shadow: currentColor 0 2px 0;
	text-decoration: none;
	text-decoration: none;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

a:hover,
a:focus {
	-webkit-box-shadow: currentColor 0 4px 0;
	-moz-box-shadow: currentColor 0 4px 0;
	box-shadow: currentColor 0 4px 0;
}

a:active {
	text-decoration: none;
}

.wp-block-site-title a,
.wp-block-post-featured-image a,
.is-style-bricksy-post-title-border a,
.is-style-bricksy-post-date-border a,
.wp-block-button__link,
.wp-block-button__link:hover,
figure a:hover,
a.custom-logo-link {
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

input#submit {
  background-color: var(--wp--preset--color--foreground);
}

figure {
	margin-top: 0;
}

.wp-block-image a,
.wp-block-image a:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* ------------------------------------------- */
/* Navigation
/* ------------------------------------------- */
.wp-block-navigation .wp-block-navigation-item__content {
	padding: .5em;
	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
}
.wp-block-navigation .has-child>.wp-block-navigation__submenu-container {
	transition: opacity .25s ease, transform .5s all;
	transform: translateY(15px)
}
.wp-block-navigation__container>.wp-block-navigation-item>a {
	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: bold;
}
.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;
}
.wp-block-navigation__container a:hover {
	opacity: .8;
}
.wp-block-navigation__submenu-container 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;
}
.wp-block-navigation__submenu-container a:hover {
    background-image: linear-gradient(transparent calc(100% - 2px), currentColor 5px);
    background-size: 100%;
}

/* 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:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item, 
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
		align-items: flex-start;
	}
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .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;
	}
	.wp-block-navigation .wp-block-navigation-item__content {
		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;
	}
	.wp-block-navigation .wp-block-navigation-item__content:hover {
		background-image: linear-gradient(transparent calc(100% - 2px), currentColor 5px);
		background-size: 100%;
	}
}
@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:where(:not(.disable-default-overlay)) .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:where(:not(.disable-default-overlay)) .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:where(:not(.disable-default-overlay)) .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:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container:before {
		content: "↑";
		position: absolute;
		left: 0;
		top: 10px
	}
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .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:where(:not(.disable-default-overlay)) .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:where(:not(.disable-default-overlay)) {
		overflow-x: hidden;
	}
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item, 
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
		align-items: flex-start;
	}
}
@media (min-width:962px) {
	.wp-block-navigation__container>.wp-block-navigation-item a::before,
	.wp-block-navigation__container>.wp-block-navigation-item a::after {
		content: '';
		height: 14px;
		width: 14px;
		position: absolute;
		transition: all .35s ease;
		opacity: 0;
	}
	
	.wp-block-navigation__submenu-container a::before,
	.wp-block-navigation__submenu-container a::after,
	.is-style-bricksy-navigation-line .wp-block-navigation__container>.wp-block-navigation-item a::before,
	.is-style-bricksy-navigation-line .wp-block-navigation__container>.wp-block-navigation-item a::after {
		display: none;
	}
	
	.wp-block-navigation__container>.wp-block-navigation-item a::before {
		content: '';
		right: 0;
		top: 0;
		border-top: 2px solid var(--wp--preset--color--foreground);
		border-right: 2px solid var(--wp--preset--color--foreground);
		transform: translate(-100%, 50%);
	}
	
	.wp-block-navigation__container>.wp-block-navigation-item a:after {
		content: '';
		left: 0;
		bottom: 0;
		border-bottom: 2px solid var(--wp--preset--color--foreground);
		border-left: 2px solid var(--wp--preset--color--foreground);
		transform: translate(100%, -50%)
	}
	
	.wp-block-navigation__container>.wp-block-navigation-item a:hover:before,
	.wp-block-navigation__container>.wp-block-navigation-item a:hover:after {
		transform: translate(0,0);
		opacity: 1;
	}
	.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.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	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);
}

/*
 * 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 linear;
	-webkit-transition: all .3s linear;
 } 

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.is-style-outline a.wp-block-button__link:hover,
.is-style-fill a.wp-block-button__link:hover,
a.wp-block-button__link.has-background:hover {
	margin-left: 5px;
}

/*
 * Separator
 */

.wp-block-separator {
	opacity: 1;
}

.wp-block-separator.has-background:not(.is-style-dots) {
	height: 2px;
}

.wp-block-separator.is-style-default {
	border-bottom-width: 1px;
}

.wp-block-separator.is-style-wide {
	border-bottom-width: 2px;
}

.wp-block-post-comments {
	padding-top: 0;
}

.wp-block-quote {
    margin: 1.2rem 0 1.75em;
}


/* ------------------------------------------- */
/* Block Patterns
/* ------------------------------------------- */
.bricksy-travel-two-column-text h1,
.bricksy-travel-two-column-text h2 {
	margin-top: 0;
}

.bricksy-travel-color-me-in {
	background: linear-gradient(189deg, #C3D9E7, #A7C6D8, #A7D5D2, #82C0BD);
	background-size: 800% 800%;
	-webkit-animation: AnimationName 5s ease infinite;
	-moz-animation: AnimationName 5s ease infinite;
	-o-animation: AnimationName 5s ease infinite;
	animation: AnimationName 5s ease infinite;
}

@-webkit-keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}

.bricksy-travel-three-column-image figure {
	cursor: crosshair;
	position: relative;
	overflow: hidden;
}

.bricksy-travel-three-column-image figure::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);
}
.bricksy-travel-three-column-image figure:hover::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.bricksy-travel-hero h1 {
	margin-top: 0;
}

.bricksy-travel-hero.one h1 {
	writing-mode: vertical-lr;
	letter-spacing: 5px;
}

.rotate {
	transform: rotate(180deg);
}

.bricksy-travel-hero .wp-block-column {	
	background-color: rgba(0, 0, 0, 0.34);
	border-radius: 10px;
	margin-bottom: 10px;
}

.bricksy-travel-hero .wp-block-column p {	
	letter-spacing: 1px;
}

.bricksy-travel-hero figure a img {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.bricksy-travel-hero figure a img:hover {
	opacity: 50%;
}

.bricksy-travel-hero figure a {
	box-shadow: none;
}

.header-sticky {
  background-color: var(--wp--preset--color--background);
	width: 100%;
	max-width: 100%;
	padding: 0;
	position: fixed;
	z-index: 999;
	top: 0;
}

.handwritten {
	font-family: var(--wp--preset--font-family--kristi);
	margin: 0;
}

.handwritten-alternative {
	font-family: var(--wp--preset--font-family--bestermind);
	margin: 0;
}

.bricksy-fashion.header .wp-block-separator.is-style-wide {
	border-bottom-width: 2px;
	margin-top: 0;
	opacity: 1;
}

.bricksy-fashion.header .wp-block-navigation {
	margin: 10px 0;
}

/* Navigation wrapped in a group (keeps the WooCommerce header icons inline). */
.bricksy-fashion.header > .wp-block-group:has(> .wp-block-navigation) {
	margin-top: 10px;
	margin-bottom: 10px;
}

.bricksy-fashion.header > .wp-block-group > .wp-block-navigation {
	margin: 0;
}

.bricksy-fashion.cover h1,
.bricksy-fashion.cover h2,
.bricksy-fashion.cover h3,
.bricksy-fashion.cover h4,
.bricksy-fashion.cover h5,
.bricksy-fashion.cover h6 {
	margin: 0;
}

.decoration {
	display: inline-block;
	z-index: 10;
	position: relative;
}

.decoration a {
	outline: none;
	text-decoration: none;
	position: relative;
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 1;
	color: #fff;
	display: inline-block;
}

.decoration-line a {
	text-transform: uppercase;
	font-weight: 700;
	overflow: hidden;
	line-height: .75;
	color: #fff;
}

.decoration-line a::before {
	content: attr(data-letters);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	color: #fee85d;
	white-space: nowrap;
	width: 0%;
	-webkit-transition: width 0.4s 0.3s;
	transition: width 0.4s 0.3s;
}

.decoration-line a::after {
	content: '';
	position: absolute;
	height: 16px;
	width: 100%;
	top: 50%;
	margin-top: -8px;
	right: 0;
	background: #fff;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
	transition-timing-function: cubic-bezier(.7,0,.3,1);
}

.bricksy-fashion-post-block {
	margin: -8em 10px 0 10px;
	position: relative;
}

.bricksy-fashion-post-block .wp-block-separator,
.bricksy-fashion-post-block .wp-block-post-author {
	margin: 0;
}

.bricksy-fashion-post-block .wp-block-separator.is-style-wide {
	border-bottom-width: 2px;
	opacity: 1;
}

.bricksy-fashion-order-block .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
	margin-left: 0;
}

.bricksy-fashion-order-block .wp-block-columns {
	gap: 0;
}

.bring-to-front {
	position: relative;
	z-index: 10;
}

.image-center-position {
	margin: 0!important;
}

.bricksy-fashion.cover.angled p.has-white-color.has-text-color {
	margin-top: 0;
}

.is-style-angled .wp-block-cover__image-background, 
.is-style-angled .wp-block-cover__video-background {
	-webkit-clip-path: polygon(0 0,30% 0,50% 100%,0 100%);
	clip-path: polygon(0 0,30% 0,50% 100%,0 100%);
	z-index: 1;
}

.wp-block-cover-image.is-position-center-right, 
.wp-block-cover.is-position-center-right {
	align-items: center;
	justify-content: flex-end;
}

.bricksy-fashion.about p.handwritten {
	margin-top: -20px;
	position: relative;
}

.bricksy-fashion.post-without-image p.wp-block-post-excerpt__more-text {
	text-align: right;
}

.bricksy-fashion.post-without-image p.wp-block-post-excerpt__more-text a {
	margin-right: 0;
	text-decoration: none;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	position: relative;
}

.bricksy-fashion.post-without-image p.wp-block-post-excerpt__more-text a:hover {
	margin-right: 5px;
}

.bricksy-fashion.post-without-image .has-background.wp-block-post-date{
	display: inline;
	padding: 5px;
}

.rotate-270 {
	transform: rotate(-90deg) translate(-50%,0);
	transform-origin: 0 0;
	display: inline-table;
}

.wp-block-cover.bricksy-header-on-image-background {
	align-items: start;
}

.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation__container a,
.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation__responsive-container-close, 
.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--background);
}

.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
	stroke: var(--wp--preset--color--background);
}

.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation__container a:hover {
	color: var(--wp--preset--color--background);
	opacity: .5;
}

.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation__container>.wp-block-navigation-item a::before {
	border-top: 2px solid var(--wp--preset--color--background);
	border-right: 2px solid var(--wp--preset--color--background);
}
  
.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation__container>.wp-block-navigation-item a:after {
	border-bottom: 2px solid var(--wp--preset--color--background);
	border-left: 2px solid var(--wp--preset--color--background);
}

.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
.wp-block-cover.bricksy-header-on-image-background .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) {
	background-color: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
}

.wp-block-cover.bricksy-header-on-image-background .wp-block-separator.is-style-dots:before {
	font-size: 3em;
	letter-spacing: .5em;
	padding-left: 1em;
}

.bricksy-wedding-covers {
	margin-top: 0!important;
}

.bricksy-wedding-covers .wp-block-columns {
	gap: 0;
}

.bricksy-wedding-covers .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
	margin-left: 0;
}

.bricksy-wedding-box-shadow,
.is-style-bricksy-shadow,
.is-style-bricksy-post-excerpt-border-shadow {
	box-shadow: 0 3px 10px 0 rgb(255 113 5 / 4%), 0 12px 30px 0 rgb(255 113 5 / 4%);
}

.is-style-bricksy-border,
.is-style-bricksy-post-excerpt-border-shadow,
.is-style-bricksy-post-excerpt-border {
	border: 2px solid;
}

.is-style-bricksy-post-excerpt-border-shadow,
.is-style-bricksy-post-excerpt-border {
	padding: 10%;
}

.wedding-handwritten {
	font-family: var(--wp--preset--font-family--bestermind);
	margin: 0;
}

.bricksy-wedding-post-sidebar .wp-block-query ul {
	margin-right: 20px;
}

.bricksy-food-categories {
	margin-top: 10px!important;
}

.bricksy-food-categories-circle {
	display: inline-block;
	margin-right: 5px;
	margin-top: 0!important;
}

.bricksy-button-shadow .wp-block-button__link {
	box-shadow: 5px 5px 0 currentColor;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.is-style-bricksy-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;
}

.bricksy-button-shadow .wp-block-button__link:hover,
.is-style-bricksy-button-shadow-outline .wp-block-button__link:hover {
	box-shadow: 0 0 0 currentColor;
}

.bricksy-grid-post .wp-block-column {
	position: relative;
}

.bricksy-grid-post .wp-block-post-date.has-small-font-size {
	bottom: 78px;
	left: 0;
	position: absolute;
	padding: 5px 10px;
	margin: 0;
	display: inline-block;
}

.bricksy-grid-post figure.wp-block-post-featured-image {
	box-shadow: 10px 10px 0 currentColor;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.bricksy-grid-post figure.wp-block-post-featured-image:hover {
	box-shadow: 0 0 0 currentColor;
}

.bricksy-list-post figure.wp-block-post-featured-image,
.bricksy-right-sidebar figure.wp-block-post-featured-image {
	margin: 0;
}

.bricksy-list-post .wp-block-post-date {
	margin-top: 10px;
}

.bricksy-list-post .wp-block-post-excerpt__more-link {
	display: inline-block;
	border: 2px solid;
	box-shadow: 3px 3px 0 currentColor;
	text-decoration: none;
	padding: 0 5px;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.bricksy-list-post .wp-block-post-excerpt__more-link:hover {
	box-shadow: 0 0 0 currentColor;
}

.bricksy-list-post .wp-block-post-template {
	max-width: 100%!important;
}

.bricksy-food-separator {
	height: 2px!important;
	opacity: 1;
}

.is-style-wide.bricksy-food-separator {
	border-bottom-width: 2px!important;
}

.bricksy-text-margin {
	margin: 0 0 -10px 0!important;
}

.wedding-handwritten.wp-block-site-title {
	font-family: var(--wp--preset--font-family--bestermind);
}

.wedding-handwritten.wp-block-site-title a {
	text-decoration: none;
}

.bricksy-header-background {
	margin-bottom: -25px;
}

.bricksy-footer-background {
	margin-top: -30px;
}

/* ------------------------------------------- */
/* Contact Form 7
/* ------------------------------------------- */
input,
textarea {
	border: 1px solid;
	padding: 10px;
	width: 100%;
}
.wpcf7-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.wpcf7-form-control{
	width: 100%;
	min-height: 2em;
}

.wpcf7-form-control input {
	width: auto;
}

.wpcf7-textarea {
	width: 100%;
}

.wpcf7-tel,
.wpcf7-date,
.wpcf7-submit {
	background: none;
	text-align: center;
	width: 100%;
}

.wpcf7-submit,
.wpcf7-form-control,
.wpcf7-textarea {
	border: 2px solid;
}

.wpcf7-submit {
	font-size: 18px;
}

.wpcf7 .ajax-loader {
	position: absolute;
}

/* 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;
}

@media only screen and (min-width: 961px) {
	.image-right-position {
		left: 100px;
	}
	.image-right-position .wp-block-image,
	.image-left-position .wp-block-image {
		margin: 0;
	}
	.image-left-position {
		right: 100px;
	}
	.is-style-angled .wp-block-cover__image-background, 
	.is-style-angled .wp-block-cover__video-background {
		-webkit-clip-path: polygon(0 0,55% 0,75% 100%,0 100%);
		clip-path: polygon(0 0,55% 0,75% 100%,0 100%);
	}
	.bricksy-fashion .overlapping-image {
		margin-left: -50px!important;
		margin-top: 30px;
	}
	.rotate.alternative {
		top: -20px;
		transform: rotate(90deg);
		position: relative;
	}
	/* Hide on Desktop Class */
	.hide-desktop {
		display: none!important;
	}
}


@media (min-width: 600px) and (max-width: 781px) {
	.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: 781px) {
	.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%;
	}
	.bricksy-fashion.grid-layout .wp-block-spacer {
		display: none;
	}
	.bricksy-fashion.grid-layout .responsive {
		padding: 0!important;
	}
	.bricksy-fashion.grid-layout .alignright {
		margin-left: 0;
	}
	.rotate-270 {
		z-index: 10;
		position: relative;
		margin-top: -30px;
	}
	.bricksy-menu-button a.wp-block-button__link {
		padding: 5px 7px!important;
		font-size: 16px!important;
	}
	.bricksy-travel-three-column-image .wp-block-spacer {
		height: 0!important;
	}
	.wp-block-column.bricksy-wedding-padding {
		padding-top: 0!important;
	}
}

@media only screen and (max-width: 482px) {
	.bricksy-travel-three-column-image .wp-block-spacer,
	.bricksy-about .wp-block-spacer,
	.bricksy-intro .wp-block-spacer  {
		display: none;
	}
	.bricksy-about {
		margin-bottom: -4rem!important;
	}
	.bricksy-team {
		margin-bottom: -25px;
		padding-bottom: 0!important;
	}
	.bricksy-team-additional .wp-block-column {
		padding-top: 0!important;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
	.bricksy-about .wp-block-column .wp-block-image .alignleft {
		margin-right: 0;
	}
	.bricksy-travel-color-me-in .wp-block-column,
	.bricksy-travel-color-me-in .wp-block-button {
		margin: 0 auto;
		text-align: center;
	}
}

@media only screen and (max-width: 961px) {
	.hide-mobile {
		display: none;
	}
	.wp-block-columns {
		flex-wrap: wrap!important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child),
	.bricksy-grid .wp-block-column,
	.bricksy-grid-post .wp-block-column {
		flex-basis: 100%!important;
	}
	.bricksy-grid .wp-block-columns {
		display: block;
	}
	.bricksy-grid .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column:not(:first-child) {
		margin-left: 0;
	}
	.bricksy-grid .wp-block-columns .wp-block-group {
		padding: 0!important;
	}
	.bricksy-grid .wp-block-columns .bricksy-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;
	}
	.bricksy-grid-post li:last-child .wp-block-column,
	.bricksy-grid-post li:nth-child(2) .wp-block-column {
		margin-left: 0;
	}
	.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%;
	}
	.rotate.alternative {
		transform: none;
	}
	.taxonomy-category.wp-block-post-terms {
		margin-top: 10px;
	}
}

/* ------------------------------------------- */
/* WooCommerce
/* ------------------------------------------- */
.woocommerce-shop [data-block-name="woocommerce/legacy-template"] {
	padding: 0 2rem;
}

.woocommerce ul.products li.product .button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	border: 2px solid;
	padding: 7px 24px;
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--foreground);
	margin-right: 10px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover {
	background: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
}

.woocommerce-Tabs-panel h2,
.related.products h2 {
	font-size: calc(.6*var(--wp--custom--typography--font-size--gigantic));
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: var(--wp--preset--color--foreground);
}

.woocommerce span.onsale,
.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
	border-radius: 0;
	background-color: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
}

.woocommerce .quantity .qty {
	padding: 13px 0;
}

.woocommerce-message {
	border-top-color: var(--wp--preset--color--primary);
}

.woocommerce-message::before {
	color:  var(--wp--preset--color--primary);
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
	padding: 10px;
}

.woocommerce .woocommerce-ordering select {
	padding: 10px;
}

.wc-block-grid__product-onsale,
.wc-block-grid .wc-block-grid__product-onsale, 
.wc-block-grid__product-image .wc-block-grid__product-onsale {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	margin: -0.5em -0.5em 0 0!important;
	border-radius: 0;
	background-color: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
	min-height: 3.236em;
	min-width: 3.236em;
	padding: 0.202em;
	text-align: center;
	line-height: 3.236;
	z-index: 9;
}

.wc-block-grid__product .wc-block-grid__product-image, 
.wc-block-grid__product .wc-block-grid__product-link,
.wp-block-woocommerce-related-products .wp-block-post-template a {
    box-shadow: none;
}

h1.woocommerce-products-header__title.page-title,
.woocommerce div.product .product_title {
	font-size: 46px;
}

.woocommerce .products ul, 
.woocommerce ul.products {
	margin: 0 0 4em;
}

#add_payment_method #payment, .woocommerce-cart #payment, 
.woocommerce-checkout #payment {
	background: transparent;
	border: 2px solid;
}

section.related.products {
	border-top: 1px solid;
	margin-top: 80px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	box-shadow: 2px 2px 0 #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	box-shadow: -2px 2px 0 #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom: 1px solid #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background-color: #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: #efefef!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
	color: #000!important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: 1px solid #000;
	border-radius: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	background: #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom-color: currentColor;
}

#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
	padding: 13px 5px;
	border: 1px solid currentColor;
}

.wc-block-components-product-title a {
	text-decoration: none;
	box-shadow: none;
	--webkit-box-shadow: none;
	--moz-box-shadow: none;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	-webkit-box-shadow: currentColor 0 4px 0;
    -moz-box-shadow: currentColor 0 4px 0;
    box-shadow: currentColor 0 4px 0;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.sfbk-flip-wrap .caxton-slider .flex-control-nav a {
	border: 3px solid #000;
}

.sfbk-flip-wrap .caxton-slider .flex-control-nav a.flex-active {
	background: #000;
}

.slides h3.product_title.entry-title {
	font-size: calc(1.2*var(--wp--preset--font-size--normal));
}

.bricksy-general-color-me-in .caxton-slider .slides li {
	background: none;
}

.bricksy-general-color-me-in .caxton-slider .flex-control-nav a,
.bricksy-general-color-me-in .caxton-slider .slides a {
	border: 2px solid #000;
	color: #000;
}

.bricksy-general-color-me-in .caxton-slider .flex-control-nav a:hover,
.bricksy-general-color-me-in .caxton-slider .slides a:hover {
	color: #fff;
}

.bricksy-general-color-me-in .caxton-slider .flex-control-nav a.flex-active {
	background: #000;
}

.bricksy-general-color-me-in .caxton-slider .slides li {
	padding: 0 0 9vh;
}

.woocommerce p.stars a {
	box-shadow: none;
}

.wc-block-grid__product .wc-block-grid__product-title {
	font-size: inherit;
}

@media (min-width: 481px) and (max-width: 600px) {
.wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid.has-3-columns .wc-block-grid__product,
.wc-block-grid.has-2-columns .wc-block-grid__product {
	flex: 1 0 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
}
/*--------------------------------------------------------------
# Navigation overlays (WordPress 7.0+)
# Used only when "Bricksy Navigation Overlay (Light)" or "(Dark)" is selected
# in the Navigation block settings. The default mobile menu is not affected.
# Submenus open as panels over the menu. The open/close state comes from
# WordPress' own navigation script; everything else is CSS.
--------------------------------------------------------------*/
.bricksy-nav-overlay {
	--bricksy-ov-line: rgba(0, 0, 0, .1);
	--bricksy-ov-muted: rgba(0, 0, 0, .55);
	--bricksy-ov-soft: rgba(0, 0, 0, .05);
	--bricksy-ov-bg: var(--wp--preset--color--background);
	--bricksy-ov-ease: cubic-bezier(.2, .7, .2, 1);
	--bricksy-ov-x: 28px;
	--bricksy-ov-panel-top: 89px;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	overflow-x: hidden;
	letter-spacing: -.02em;
}
.bricksy-nav-overlay.is-dark {
	--bricksy-ov-line: rgba(255, 255, 255, .12);
	--bricksy-ov-muted: rgba(255, 255, 255, .55);
	--bricksy-ov-soft: rgba(255, 255, 255, .06);
	--bricksy-ov-bg: var(--wp--preset--color--foreground);
}
.bricksy-nav-overlay a {
	color: inherit;
}

/* Top bar */
.bricksy-nav-overlay .bricksy-nav-overlay__top {
	position: relative;
	z-index: 20;
	box-sizing: border-box;
	width: 100%;
	height: 65px;
	border-bottom: 1px solid var(--bricksy-ov-line);
}
.bricksy-nav-overlay .bricksy-nav-overlay__top .wp-block-site-title,
.bricksy-nav-overlay .bricksy-nav-overlay__top .wp-block-site-title a {
	margin: 0;
	font-weight: 600;
	letter-spacing: -.03em;
	text-decoration: none;
	background-image: none;
}
.bricksy-nav-overlay .wp-block-navigation-overlay-close {
	color: inherit;
	width: 44px;
	height: 44px;
	border-radius: 0;
	border: 1px solid var(--bricksy-ov-line);
	transition: transform .45s var(--bricksy-ov-ease), background-color .25s ease, border-color .25s ease;
}
.bricksy-nav-overlay .wp-block-navigation-overlay-close svg {
	width: 20px;
	height: 20px;
}
.bricksy-nav-overlay .wp-block-navigation-overlay-close:hover,
.bricksy-nav-overlay .wp-block-navigation-overlay-close:focus-visible {
	transform: rotate(90deg);
	background-color: var(--bricksy-ov-soft);
	border-color: transparent;
}

/* Menu */
.bricksy-nav-overlay .bricksy-nav-overlay__menu,
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__container,
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation-item {
	position: static;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu {
	width: 100%;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__container {
	width: 100%;
	gap: 0;
	counter-reset: bricksy-ov-item;
}
/* Menu made from the page list (when no menu is selected) */
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-page-list {
	position: static;
	width: 100%;
	gap: 0;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation-item {
	width: 100%;
	border-bottom: 1px solid var(--bricksy-ov-line);
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation-item__content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	width: 100%;
	box-sizing: border-box;
	padding: .55em 0;
	font-size: clamp(24px, 7vw, 30px);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -.045em;
	text-align: left;
	text-decoration: none;
	background: transparent;
	background-image: none;
	color: inherit;
	border: 0;
	transition: transform .45s var(--bricksy-ov-ease), opacity .3s ease;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation-item__label {
	flex: 1;
}
/* Arrow at the end of a link row. */
.bricksy-nav-overlay .bricksy-nav-overlay__menu a.wp-block-navigation-item__content::after {
	content: "\2197";
	position: static;
	display: block;
	width: auto;
	height: auto;
	font-size: .6em;
	font-weight: 400;
	line-height: 1;
	background: none;
	opacity: .3;
	transform: translate(-6px, 6px);
	transition: opacity .35s ease, transform .45s var(--bricksy-ov-ease);
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu a.wp-block-navigation-item__content:hover,
.bricksy-nav-overlay .bricksy-nav-overlay__menu a.wp-block-navigation-item__content:focus,
.bricksy-nav-overlay .bricksy-nav-overlay__menu a.wp-block-navigation-item__content:focus-visible {
	background-image: none;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu a.wp-block-navigation-item__content:hover,
.bricksy-nav-overlay .bricksy-nav-overlay__menu a.wp-block-navigation-item__content:focus-visible {
	transform: translateX(6px);
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu a.wp-block-navigation-item__content:hover::after,
.bricksy-nav-overlay .bricksy-nav-overlay__menu a.wp-block-navigation-item__content:focus-visible::after {
	width: auto;
	opacity: 1;
	transform: none;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .current-menu-item > .wp-block-navigation-item__content {
	font-weight: 700;
}

/* Items with a submenu: the label button fills the row, the arrow sits on the right. */
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation-item.has-child {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 0;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle {
	grid-column: 1 / -1;
	grid-row: 1;
	cursor: pointer;
	font-family: inherit;
	padding-right: 48px;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation__submenu-icon {
	grid-column: 2;
	grid-row: 1;
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	border: 1px solid var(--bricksy-ov-line);
	pointer-events: none;
	transition: background-color .25s ease, transform .45s var(--bricksy-ov-ease);
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation__submenu-icon svg {
	width: 12px;
	height: 12px;
	margin: 0;
	stroke: currentColor;
	transform: rotate(-90deg);
	transition: transform .45s var(--bricksy-ov-ease);
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle:hover + .wp-block-navigation__submenu-icon,
.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle:focus-visible + .wp-block-navigation__submenu-icon {
	background-color: var(--bricksy-ov-soft);
	transform: translateX(4px);
}
/* Parent items that are links get a separate arrow button from WordPress: use that button. */
.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > button.wp-block-navigation__submenu-icon {
	pointer-events: auto;
	cursor: pointer;
	color: inherit;
	background: transparent;
}

/* Submenu container: hidden until its button is pressed. */
.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation__submenu-container {
	position: static;
	display: none;
	flex-direction: column;
	width: auto;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0 0 .75em 1em;
	border: 0;
	box-shadow: none;
	background: transparent;
	color: inherit;
	opacity: 1;
	visibility: visible;
	transform: none;
	gap: 0;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
	display: flex;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
	border-bottom: 0;
}
.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: clamp(19px, 5.4vw, 22px);
	margin: 0;
}

/* Modern browsers: the open submenu becomes a panel that slides in over the menu. */
@supports selector(:has(*)) {
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) {
		position: absolute;
		z-index: 10;
		top: var(--bricksy-ov-panel-top);
		right: 0;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		padding: 12px var(--bricksy-ov-x) 32px;
		overflow-y: auto;
		border: 0;
		background-color: var(--bricksy-ov-bg);
		animation: bricksy-ov-panel-in .45s var(--bricksy-ov-ease) backwards;
	}
	/* Panels inside a panel cover the panel they were opened from. */
	.bricksy-nav-overlay.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__submenu-container > .wp-block-navigation-item.has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) {
		top: 0;
		min-height: 100%;
		margin: 0;
		padding: 12px var(--bricksy-ov-x) 32px;
	}
	/* The pressed button becomes the panel's "back" row: arrow on the left, label after it. */
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto;
		align-content: start;
		align-items: start;
	}
	.bricksy-nav-overlay.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle.wp-block-navigation-submenu__toggle[aria-expanded="true"] {
		grid-column: 1 / -1;
		grid-row: 1;
		align-self: center;
		min-height: 46px;
		padding: 0 0 0 50px;
		margin: 0 0 .4em;
		border-bottom: 1px solid var(--bricksy-ov-line);
		font-size: 13px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: var(--bricksy-ov-muted);
		transform: none;
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-icon {
		grid-column: 1;
		grid-row: 1;
		align-self: center;
		margin: 0 0 .4em;
		transform: none;
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-icon svg {
		transform: rotate(90deg);
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"]:hover + .wp-block-navigation__submenu-icon {
		transform: translateX(-4px);
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		grid-column: 1 / -1;
		grid-row: 2;
		align-self: start;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		margin: 0;
		padding: 0;
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > .wp-block-navigation-item > a.wp-block-navigation-item__content {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > .wp-block-navigation-item > button.wp-block-navigation-submenu__toggle:not([aria-expanded="true"]) {
		margin: 0;
		padding-left: 0;
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		padding: 0;
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
		border-bottom: 1px solid var(--bricksy-ov-line);
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		font-size: clamp(24px, 7vw, 30px);
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		animation: bricksy-ov-item-in .5s var(--bricksy-ov-ease) backwards;
	}
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__submenu-container > .wp-block-navigation-item:nth-child(2) { animation-delay: .04s; }
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__submenu-container > .wp-block-navigation-item:nth-child(3) { animation-delay: .08s; }
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__submenu-container > .wp-block-navigation-item:nth-child(4) { animation-delay: .12s; }
	.bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__submenu-container > .wp-block-navigation-item:nth-child(n+5) { animation-delay: .16s; }
}
@keyframes bricksy-ov-panel-in {
	from {
		opacity: 0;
		transform: translateX(32px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
@keyframes bricksy-ov-item-in {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* Search */
.bricksy-nav-overlay .bricksy-nav-overlay__search {
	width: 100%;
}
.bricksy-nav-overlay .bricksy-nav-overlay__search .wp-block-search__inside-wrapper {
	border: 1px solid var(--bricksy-ov-line);
	border-radius: 0;
	padding: 4px;
	background-color: var(--bricksy-ov-soft);
}
.bricksy-nav-overlay .bricksy-nav-overlay__search .wp-block-search__input {
	border: 0;
	padding-left: 16px;
	background: transparent;
	color: inherit;
}
.bricksy-nav-overlay .bricksy-nav-overlay__search .wp-block-search__input::placeholder {
	color: var(--bricksy-ov-muted);
	opacity: 1;
}
.bricksy-nav-overlay .bricksy-nav-overlay__search .wp-block-search__button {
	border-radius: 0;
	margin-left: 4px;
}
.bricksy-nav-overlay.is-dark .bricksy-nav-overlay__search .wp-block-search__button {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
}

/* Bottom */
.bricksy-nav-overlay .bricksy-nav-overlay__bottom {
	width: 100%;
	margin-top: auto !important;
	border-top: 1px solid var(--bricksy-ov-line);
	color: var(--bricksy-ov-muted);
}
.bricksy-nav-overlay .bricksy-nav-overlay__bottom p {
	margin: 0;
	letter-spacing: -.01em;
}
.bricksy-nav-overlay .bricksy-nav-overlay__bottom .wp-block-social-links a {
	transition: transform .35s var(--bricksy-ov-ease);
}
.bricksy-nav-overlay .bricksy-nav-overlay__bottom .wp-block-social-links a:hover {
	transform: translateY(-2px);
}

/* Entrance animation */
.is-menu-open .bricksy-nav-overlay > * {
	animation: bricksy-ov-item-in .5s var(--bricksy-ov-ease) backwards;
}
.is-menu-open .bricksy-nav-overlay > *:nth-child(3) { animation-delay: .25s; }
.is-menu-open .bricksy-nav-overlay > *:nth-child(4) { animation-delay: .3s; }
.is-menu-open .bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__container > .wp-block-navigation-item {
	animation: bricksy-ov-item-in .55s var(--bricksy-ov-ease) backwards;
}
.is-menu-open .bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__container > .wp-block-navigation-item:nth-child(1) { animation-delay: .05s; }
.is-menu-open .bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__container > .wp-block-navigation-item:nth-child(2) { animation-delay: .09s; }
.is-menu-open .bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__container > .wp-block-navigation-item:nth-child(3) { animation-delay: .13s; }
.is-menu-open .bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__container > .wp-block-navigation-item:nth-child(4) { animation-delay: .17s; }
.is-menu-open .bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation__container > .wp-block-navigation-item:nth-child(n+5) { animation-delay: .21s; }

@media (prefers-reduced-motion: reduce) {
	.bricksy-nav-overlay *,
	.is-menu-open .bricksy-nav-overlay > *,
	.is-menu-open .bricksy-nav-overlay .bricksy-nav-overlay__menu .wp-block-navigation-item {
		animation: none !important;
		transition: none !important;
	}
}

/* Site Editor: show the menu items as a simple list while editing the overlay. */
.editor-styles-wrapper .bricksy-nav-overlay .bricksy-nav-overlay__menu .has-child > .wp-block-navigation__submenu-container {
	display: flex;
}



/*--------------------------------------------------------------
# WooCommerce blocks (Bricksy 1.2.0+)
# Small fixes for the newer WooCommerce blocks so they match the
# rest of the shop (Customer Account, Product Filters, Mini-Cart).
--------------------------------------------------------------*/

/* Customer Account: no link underline under the icon */
.wp-block-woocommerce-customer-account a,
.wp-block-woocommerce-customer-account a:hover,
.wp-block-woocommerce-customer-account a:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Customer Account: use the text color chosen in the block settings for the icon and link */
.wp-block-woocommerce-customer-account.has-text-color a,
.wp-block-woocommerce-customer-account.has-text-color a:hover {
	color: inherit;
}

/* Product Filters: theme font for the mobile filter buttons */
.wc-block-product-filters__open-overlay,
.wc-block-product-filters__apply,
.wc-block-product-filters__close-overlay {
	font-family: inherit;
}

/* Mini-Cart drawer: no link underline under the product image */
.wc-block-mini-cart__drawer .wc-block-cart-item__image a,
.wc-block-mini-cart__drawer .wc-block-cart-item__image a:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*--------------------------------------------------------------
# Keyboard focus (accessibility)
# Shown only when navigating with the keyboard (:focus-visible),
# never on mouse click or tap.
--------------------------------------------------------------*/
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible,
.wp-block-search__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
.skip-link.screen-reader-text:focus {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
	box-shadow: 0 3px 10px 0 rgb(15 16 18 / 10%);
}

/*--------------------------------------------------------------
# Editor: product grids look like on the front end
--------------------------------------------------------------*/
/* Same size as on the front end (WooCommerce thumbnail width set by the theme) */
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product-image img {
	width: 600px;
	max-width: 100%;
	height: auto;
}