/*
Theme Name: Yamas
Author: Philip Bradbury
Author URI:
Theme URI:
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: yamas
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: 1.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/**************************************/
/*          reset styles              */
/**************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	
	box-sizing: border-box;
}

.wrap-html-sitemap { text-align:center; }
.wrap-html-sitemap ul.sp-list-posts { list-style-type: none; }
.wrap-html-sitemap h2.sp-cpt-name, .wrap-html-sitemap h3.sp-cat-name { margin-bottom:0; }

/* languages styling */
div {
	/*-webkit-transform-style: preserve-3d;*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*transform-style: preserve-3d;*/
}

@media screen and (max-width: 600px) {
    #site-branding .logo-container img {
        height: auto!important;
    }
}

#pll-language-flags{
  display:flex;
  gap:8px;
  align-items:center;
}
#pll-language-flags a{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
#pll-language-flags img{
  width:24px;
  height:auto;
  display:block;
}
#pll-language-flags a.is-current{
  outline:2px solid rgba(0,0,0,.18);
  outline-offset:2px;
  border-radius:4px;
}
#pll-language-flags li.current-lang a {
  position: relative;
}
#pll-language-flags li.current-lang a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%) rotate(180deg);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #006EB7;
}

/*!* HTML5 display-role reset for older browsers *!*/
/*article, aside, details, figcaption, figure,*/
/*footer, header, hgroup, menu, nav, section {*/
/*	display: block;*/
/*}*/
/*body {*/
/*	line-height: 1;*/
/*}*/
ol, ul {
	list-style-position: outside;
	padding-inline-start: 1.3rem;
}

h2{
	word-break: keep-all;
}


/*blockquote, q {*/
/*	quotes: none;*/
/*}*/
/*blockquote:before, blockquote:after,*/
/*q:before, q:after {*/
/*	content: '';*/
/*	content: none;*/
/*}*/
/*table {*/
/*	border-collapse: collapse;*/
/*	border-spacing: 0;*/
/*}*/
/**************************************/
/* Styles root styles.*/
/**************************************/
:root {
	--wp--preset--shadow--color: rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--light: 0px 0px 12px 7px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--normal: 0px 0px 19px 0px rgba(0, 0, 0, 0.4);
}

/**************************************/
/* Styles intended only for the front.*/
/**************************************/
html {
	scroll-behavior: smooth;
	background-color: gray;
}
.wp-block-query-pagination-numbers {
	display:flex; gap:0.25rem;
}
.optional-cookie-header,
#ccc-necessary-title,
#ccc-title{
	font-family: var(--wp--preset--font-family--base-font)!important;
	font-size: 1.5em!important;
	line-height: 1.2!important;
}
.optional-cookie-header,
#ccc-necessary-title{
	font-size: 1.2em!important;
}
#ccc-icon.ccc-icon--dark{
	fill:var(--wp--preset--color--primary-3)!important;
}
#ccc-recommended-settings{
	background-color:var(--wp--preset--color--primary-3)!important;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.nf-error-msg, .ninja-forms-req-symbol{
	color:inherit!important;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
	height: 100%;
	max-width: var(--wp--style--global--wide-size);
	width: 100%;
	margin: auto;
	background: var(--wp--preset--color--base);
	-webkit-box-shadow: var(--wp--preset--shadow--light);
	-moz-box-shadow: var(--wp--preset--shadow--light);
	box-shadow: var(--wp--preset--shadow--light);
	position: relative;
	z-index: 0;
}

#page {
	overflow: hidden;
}

#primary {
	margin-top: var(--wp--preset--spacing--40);
}


/******************************/
/**    Typography Styling    **/
/******************************/
/* Most of this styling should be managed in the theme.json but this area is to manage overrides */


/******************************/
/**    Transition Styling    **/
/******************************/
.arrow,
.menu-button .line,
img,
a:before,
a:after,
a {
	transition: all ease-in-out 500ms;
}

@keyframes slideX {
	0% {
		padding-left: 0
	}
	50% {
		padding-left: var(--wp--preset--spacing--20)
	}
	100% {
		padding-left: 0
	}
}

/**************************/
/**      components      **/
/**************************/


#offcanvas-menu-container,
.page-bg {
	background-image: url('assets/images/yamas-woodenbg-lighter.jpg');
	background-repeat: repeat-y;
	background-position: top center;
}

input {
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--normal-large);
	line-height: 1;
	border-radius: 4px;
	border: 2px solid var(--wp--preset--color--grey);
	font-family: var(--wp--preset--font-family--base-font) !important;
}

input::placeholder {
	font-weight: bold;
	font-size: var(--wp--preset--color--grey);
	font-family: var(--wp--preset--font-family--base-font) !important;
}

/********************************/
/**  ---- Desktop Styling ---- **/
/********************************/
#sb_instagram .sbi_link{background: rgba(0,0,0,0.60)!important;}

	.wp-block-woocommerce-handpicked-products .wc-block-grid__products .wc-block-grid__product-image img{
		width:auto;
	}
	
.recipe-template-default.single-recipe #post-content{
	padding-top:var(--wp--preset--spacing--50);
	padding-bottom:var(--wp--preset--spacing--50);
}

/**************************/
/** Start Header Styling **/
/**************************/
#masthead {
	padding-top: var(--wp--preset--spacing--20);
}

#site-branding .logo-container {
	padding-top: 0rem;
	z-index: 10;
	position: relative;
}
#site-branding .logo-container .logged-in-role{
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	display:flex;
	justify-content: center;
	font-weight:700;
}
#site-branding .logo-container .logged-in-display-container{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
#site-branding .logo-container .logged-in-display-container .logged-in-display{
	display:flex;
	justify-content: space-between;
	width:80%;
	margin: auto;
}
#site-branding .logo-container .logged-in-actions{
	display:flex;
	justify-content: end;
	gap:16px;
}
#site-branding .logo-container .logged-in-user-menu{
	font-weight:700;
	text-align: center;
	width:100%;
}
#site-branding .logo-container .logged-in-settings,
#site-branding .logo-container .logged-in-user-logout{
	display:inline-block;
	width:20px;
	height:20px;
}
#site-branding .logo-container .logged-in-settings:hover,
#site-branding .logo-container .logged-in-user-logout:hover{
	fill:var(--wp--preset--color--primary-6);
}

/*********************************/
/**  My Account page styling    **/
/*********************************/

a.wc-account-link{
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--primary-6);
	text-decoration-thickness: 3px;
}

.woocommerce-account .woocommerce .woocommerce-Button{
	padding-top:0;
	margin-right: 0;
	margin-left: auto;
}
.woocommerce-account .woocommerce .woocommerce-Button:hover{
	background: transparent;
}
.woocommerce-account .woocommerce{
	margin-top:3rem;
	margin-bottom:3rem;
}
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation{
	border-bottom: 1px solid hsla(0, 0%, 7%, .11);
	border-spacing: 0;
	background: var(--wp--preset--color--white) !important;
	-webkit-box-shadow: var(--wp--preset--shadow--normal);
	-moz-box-shadow: var(--wp--preset--shadow--normal);
	box-shadow: var(--wp--preset--shadow--normal);
	padding: 1rem 2rem;
}
.woocommerce-MyAccount-navigation ul{
	list-style: none;
	margin-left:0;
	padding-left:0;
	display:flex;
	flex-direction: column;
	align-items: center;
}

.woocommerce-MyAccount-navigation ul li{
	margin-bottom:16px;
}
/*********************************/
/**  Start Top Menu Styling  **/
/*********************************/
#top-menu-container {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 100%;
	padding: 0 var(--wp--preset--spacing--20);
}

#top-menu-container .top-menu {
	display: flex;
	width: 100%;
	justify-content: end;
	align-items: center;
}

#top-menu-container .top-menu {
	justify-content: end;
}



/*********************************/
/**  Start Shop Menu Styling  **/
/*********************************/
#shop-menu {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	font-weight: bold;
}

.basket-count {
	background-color: var(--wp--preset--color--primary-6);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

/*********************************/
/**  Start Mobile Menu Styling  **/
/*********************************/
#mobile-menu {
	display: none;
	
}

#mobile-menu .menu-button {
	position: relative;
	z-index: 51;
}

#mobile-menu .menu-button .line {
	width: 50px;
	height: 5px;
	background-color: var(--wp--preset--color--primary-5);
	display: block;
	margin: 8px auto;
	border-radius: 5px;
	/*transition-delay: 200ms;*/
}

#mobile-menu .menu-button:hover {
	cursor: pointer;
}

#mobile-menu .menu-button.is-active .line {
	background-color: var(--wp--preset--color--primary-5);
}

#mobile-menu .menu-button.is-active .line:nth-child(2) {
	opacity: 0;
}

#mobile-menu .menu-button.is-active .line:nth-child(1) {
	-webkit-transform: translateY(13px) rotate(45deg);
	-ms-transform: translateY(13px) rotate(45deg);
	-o-transform: translateY(13px) rotate(45deg);
	transform: translateY(13px) rotate(45deg);
}

#mobile-menu .menu-button.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-13px) rotate(-45deg);
	-ms-transform: translateY(-13px) rotate(-45deg);
	-o-transform: translateY(-13px) rotate(-45deg);
	transform: translateY(-13px) rotate(-45deg);
}

#offcanvas-menu-container {
	height: 100vh;
	max-width: 400px;
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	overflow-y: scroll;
	right: -100%;
	z-index: 50;
	padding: var(--wp--preset--spacing--20) 0;
	/*background-color:var(--wp--preset--color--primary);*/
	box-shadow: var(--wp--preset--shadow--normal);
}

#offcanvas-menu-container .mobile-items {
	margin-top: 100px;
}

#offcanvas-menu-container .mobile-items ul {
	padding: 0;
}


#offcanvas-menu-container .mobile-items ul {
	list-style: none;
	
}

#offcanvas-menu-container .mobile-items ul li {
	position: relative;
}

#offcanvas-menu-container .mobile-items ul li a {
	color: var(--wp--preset--color--primary-5);
	font-size: var(--wp--preset--font-size--normal);
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

#offcanvas-menu-container .mobile-items ul li > .arrow {
	display: none;
}

#offcanvas-menu-container .mobile-items ul li.menu-item-has-children > .arrow,
#offcanvas-menu-container .mobile-items ul li a > span.arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(90deg);
}

#offcanvas-menu-container .mobile-items ul li.menu-item-has-children > .arrow {
	position: absolute;
	top: 0;
	right: var(--wp--preset--spacing--20);
	height: 50px;
	width: 50px;
	cursor: pointer;
}

#offcanvas-menu-container .mobile-items ul li span.arrow.rotate {
	transform: rotate(-90deg);
}

#offcanvas-menu-container .mobile-items ul li a:hover {
	opacity: 0.7;
}

#offcanvas-menu-container .mobile-items ul li ul.menu-list {
	/*background-color:var(--wp--preset--color--primary-7);*/
}

#offcanvas-menu-container .mobile-items ul li ul.menu-list ul.sub-menu {
	/*background-color:var(--wp--preset--color--primary-5);*/
}

#offcanvas-menu-container .mobile-items .list-container .sub-menu,
#offcanvas-menu-container .mobile-items .list-container {
	display: none;
}

/**************************/
/**  Start Menu Styling  **/
/**************************/

#menu-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--30);
}

#menu-container .menu ul {
	margin: 0;
	display: inline-flex;
	padding-left: 0;
	gap: var(--wp--preset--spacing--20);
	list-style: none;
	text-transform: uppercase;
}

#menu-container .menu ul li a {
	padding: 1rem 1.5rem;
	font-weight: 700;
	color: var(--wp--preset--color--primary-5);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	white-space: nowrap;
}


#menu-container .menu ul li a:before {
	content: '';
	position: absolute;
	min-height: 65px;
	top: 0;
	left: 0;
	background-image: url('assets/images/svg/button-swish.svg');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

#menu-container .menu ul li.current-menu-item a {
	color: var(--wp--preset--color--primary-7);
}

#menu-container .menu ul li.active a,
#menu-container .menu ul li a:hover {
	color: var(--wp--preset--color--base);
}


#menu-container .menu ul li.active a:before,
#menu-container .menu ul li a:hover:before {
	opacity: 1;
}

#menu-panels {
	position: relative;
	/*max-width:var(--wp--style--global--content-size);*/
	margin-top: -6rem;
	margin-bottom: 2rem;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--style--global--content-size);
	padding: 5rem var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	background-color: rgba(256, 256, 256, 0.9);
	-webkit-box-shadow: var(--wp--preset--shadow--normal);
	-moz-box-shadow: var(--wp--preset--shadow--normal);
	box-shadow: var(--wp--preset--shadow--normal);
}

#menu-panels .panel .view-all-links {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
	font-size: var(--wp--preset--font-size--normal-large);
	text-transform: uppercase;
	font-weight: 500;
}

#menu-panels .panel .view-all-links a {
	position: relative;
	color: var(--wp--preset--color--base);
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}

#menu-panels .panel ul li.current-menu-item a,
#menu-panels .panel a:hover {
	color: var(--wp--preset--color--primary-7) !important;
}

#menu-panels .panel .view-all-links a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--wp--preset--color--primary);
	-webkit-mask-image: url(./assets/images/svg/swish.svg);
	mask-image: url(./assets/images/svg/swish.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	display: inline-block;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#menu-panels .panel ul li > .arrow {
	display: none;
}

#menu-panels .panel ul li {
	position: relative;
	line-height: 1.2;
	padding-bottom: var(--wp--preset--spacing--20);
}


#menu-panels .panel ul ul li > .arrow {
	display: inline-flex;
	/*padding-left:var(--wp--preset--spacing--20);*/
	transition: none;
}

#menu-panels .panel ul ul li > .arrow img {
	height: 16px;
	width: 16px;
}

#menu-panels .panel ul li a:hover + .arrow {
	animation-name: slideX;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	
}

.menu-close {
	position: absolute;
	right: var(--wp--preset--spacing--30);
	top: var(--wp--preset--spacing--30);
	padding-right: 2rem;
	color: var(--wp--preset--color--primary-7);
	font-weight: bold;
	text-transform: uppercase;
}

.menu-close:after {
	content: '';
	background-image: url('assets/images/svg/close.svg');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 5px;
	height: 20px;
	width: 20px;
}

#menu-panels .panel nav .list-container ul.menu-list {
	display: flex;
	justify-content: center;
	list-style: none;
	padding-left: 0;
	text-transform: uppercase;
	font-weight: bold;
	gap: var(--wp--preset--spacing--40);
}

#menu-panels .panel .menu-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

#menu-panels .panel .menu-title h2 {
	mask-image: url('assets/images/svg/swish.svg');
	mask-repeat: no-repeat;
	mask-position: 100% 100%;
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--primary-7);
	padding: 2rem 6rem;
	margin-top: var(--wp--preset--spacing--20);
	margin-bottom: var(--wp--preset--spacing--30);
	
}

#menu-panels .panel nav .list-container ul.menu-list > li {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	/*row-gap: var(--wp--preset--spacing--30);*/
	font-size: var(--wp--preset--font-size--normal);
	flex-basis: 25%;
}

#menu-panels .panel nav .list-container ul.menu-list > li .menu-image {
	width: 200px;
	transform: rotate(-4.30deg);
}

#menu-panels .panel nav .list-container ul.menu-list > li > a {
	mask-image: url('assets/images/svg/swish.svg');
	mask-repeat: no-repeat;
	mask-position: 100% 100%;
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--primary);
	padding: 0.5rem 1rem;
	margin-top: 2rem;
}

#menu-panels .panel nav .list-container ul.menu-list ul.sub-menu {
	list-style: none;
	padding-left: 0;
	text-align: left;
	width: 100%;
}

#menu-panels .panel nav .list-container ul.menu-list ul.sub-menu a {
	color: var(--wp--preset--color--primary-5);
}


/***********************************/
/**  Start frontend permissions   **/
/***********************************/

#permissions-container {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 2em 0;
}
input::placeholder {
	margin: 2em 0;
}

.logged-in #permissions-container{
	display:none;
}

#post-content #permissions-container p{
    padding-right:0!important;
}

#permissions-container #apology h2 {
	margin-bottom: 0;
	line-height: 1;
	text-align: center;
}

#permissions-container #apology h5 {
	text-align: center;
}


#permissions-container > .message-container,
#permissions-container > form,
#permissions-container #loginform {
	background-color: var(--wp--preset--color--base);
	-webkit-box-shadow: var(--wp--preset--shadow--normal);
	-moz-box-shadow: var(--wp--preset--shadow--normal);
	box-shadow: var(--wp--preset--shadow--normal);
	border: 1px solid #cfc8d8;
	padding: 20px;
	text-align: left;
	border-radius: 5px;
	max-width:361px;
}

#permissions-container > form p{
	width:100%;
}
#permissions-container #loginform p {
	display: flex;
	flex-direction: column;
}

/*****************************/
/**  Start select 2 styling **/
/*****************************/
#page-content .select2-container--default .select2-selection--single {
	border: 4px solid var(--wp--preset--color--primary-6);
	height: auto;
}

#page-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--wp--preset--color--primary-6) transparent transparent transparent;
	margin-left: -10px;
	margin-top: 2px;
}

body .select2-dropdown {
	border: 4px solid var(--wp--preset--color--primary-6);
}

body .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--wp--preset--color--primary-6);
}

body .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
	background-color: rgba(247, 178, 0, 0.5);
	color: var(--wp--preset--color--contrast);
}

/**************************/
/**     MC4WP Styling    **/
/**************************/
.mc4wp-form-fields .mc4wp-form-fields-container {
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
}

.mc4wp-form-fields .mc4wp-term-container p a{
	color:inherit;
}
.mc4wp-form-fields .mc4wp-term-container{
	margin-top:1rem;
}
.mc4wp-form-fields .mc4wp-term-container p a:hover{
	color:var(--wp--preset--color--primary-6) !important;
}

.mc4wp-form-fields p {
	margin: 0;
}

.mc4wp-form-fields input[name='FNAME'] {
	max-width: 152px;
}

.mc4wp-form-fields input[name='LNAME'] {
	max-width: 210px;
}

.mc4wp-form-fields input[name='EMAIL'] {
	max-width: 347px;
}

/**************************/
/** Start Footer Styling **/
/**************************/
footer {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--primary-10);
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
	z-index: 1;
	position: relative;
}

footer a {
	color: var(--wp--preset--color--base);
}

footer h2 {
	margin: 0;
	color: var(--wp--preset--color--base);
}

footer ul {
	list-style: none;
	padding-left: 0;
}



footer .footer-links {
	display: grid;
	/*grid-template-columns: 256px calc(60% - 256px) 1fr;
	grid-template-areas: "footer-logo footer-menu-list contact-us";*/
	grid-template-columns: 60% 1fr;
	grid-template-areas: "footer-menu-list contact-us";
	gap: var(--wp--preset--spacing--60);
}

footer .footer-links .logo-container {
	grid-area: footer-logo;
}

footer .footer-links .logo-container #footer-logo {
	align-self: center;
	padding-top: var(--wp--preset--spacing--40);
}

footer .footer-links .menu-lists-container {
	align-self: start;
	display: flex;
	gap: var(--wp--preset--spacing--60);
	grid-area: footer-menu-list;
}

footer .footer-links .menu-lists-container .parent-links {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
}

.futura-foods {
	margin-bottom: 1em;
}


footer .footer-links .menu-lists-container a {
	font-weight: bold;
	text-transform: uppercase;
}

footer .footer-links .contact-us {
	grid-area: contact-us;
}

footer .follow-us ul {
	display: flex;
	gap: var(--wp--preset--spacing--20);
}

footer .follow-us ul li a {
	display: flex;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	font-size: var(--wp--preset--font-size--x-large);
}

footer .disclaimers {
	display: flex;
	justify-content: space-between;
	padding-top: var(--wp--preset--spacing--40);
	gap: var(--wp--preset--spacing--30);
}

footer .disclaimers .designed-by p a,
footer .disclaimers .designed-by{
	display: flex;
	gap:var(--wp--preset--spacing--20);
	align-items: center;
}
footer .disclaimers .designed-by p{
	margin-bottom:0;
}

footer .terms {
	display: flex;
	justify-content: start;
	gap: var(--wp--preset--spacing--20);
}

footer .terms p {
	margin: 0;
}

footer .terms #footer-quick-links ul {
	display: flex;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
}

footer .terms #footer-quick-links ul li {
	padding-left: var(--wp--preset--spacing--20);
	position: relative;
}

footer .terms #footer-quick-links ul li:before {
	content: '|';
	position: absolute;
	left: 0;
	top: 0;
}


/**************************/
/**     page styling     **/
/**************************/

#content {
	min-height: calc(100vh - 310px);
}

.hide-desktop {
	display: none !important;
}

.wp-block-cover > img.wp-block-cover__image-background {
	/*position: fixed;*/
	/*transform: perspective(0px);*/
	/*z-index:-10;*/
}
#nutrition-block{
	margin-bottom:var(--wp--preset--spacing--60)!important;
}
.nutritional-values-container{
	flex-wrap: wrap;
}
.nutritional-values-container .nutritional-value-first{
	order:1;
	flex: 0 0 45%;
}

.nutritional-values-container .nutritional-value-second{
	order:2;
	flex: 0 0 45%;
}

.nutritional-values-container .nutritional-label{
	order:3;
	flex:0 0 100%;
	text-align: right;
}

/*******************************************/
/**  ---- padding when content width ---- **/
/*******************************************/
/*@media screen and (max-width:1700px){*/
/*	#post-content > .page-description > .wp-block-group > .wp-block-columns > .wp-block-column:first-child >p,*/
/*	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column:first-child > p{*/
/*		padding-left:var(--wp--preset--spacing--30)!important;*/
/*	}*/
/*	*/
/*	#post-content > .page-description > .wp-block-group > .wp-block-columns > .wp-block-column:last-child >p,*/
/*	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column:last-child > p{*/
/*		padding-right:var(--wp--preset--spacing--30)!important;*/
/*	}*/
/*}*/
/****************************/
/**  ---- 4xl Styling ---- **/
/****************************/
@media screen and (max-width: 1600px) {
	
	/**************************/
	/** Start Header Styling **/
	/**************************/
	#site-branding .logo-container img {
		width: 443px;
		height: 187px;
	}
	
	/**************************/
	/**  Start Menu Styling  **/
	/**************************/
	#menu-container .menu {
		padding-top: var(--wp--preset--spacing--30);
	}
	
	#post-content > .wp-block-group > .wp-block-group:not(.has-background),
	#page-content > .woocommerce-products-page > .page-description .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group .wp-block-heading,
	#post-content > .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group .wp-block-heading,
	#post-content > .wp-block-group > .wp-block-group .wp-block-heading,
	#post-content > .wp-block-group > .wp-block-group {
		padding-left: var(--wp--preset--spacing--30);
		padding-right: var(--wp--preset--spacing--30);
	}
	
	
	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column p {
		padding-left: var(--wp--preset--spacing--30);
		padding-right: 0;
	}
	
	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column .wp-block-pb-accordion-item {
		margin-left: var(--wp--preset--spacing--30);
		margin-right: 0;
	}
	
	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column + .wp-block-column p {
		padding-left: 0;
		padding-right: var(--wp--preset--spacing--30);
	}
	
	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column + .wp-block-column .wp-block-pb-accordion-item {
		margin-left: 0;
		margin-right: var(--wp--preset--spacing--30);
	}
	#post-content > .wp-block-group ul:not(.slick-dots){
		padding-left: 3rem;
	}
	
	
}

/****************************/
/**  ---- 3xl Styling ---- **/
/****************************/
@media screen and (max-width: 1536px) {
	
	/**************************/
	/** Start Header Styling **/
	/**************************/
	/**************************/
	/**  Start Menu Styling  **/
	/**************************/
	#menu-panels {
		margin-top: -2rem;
	}
	
	/**************************/
	/** Start Footer Styling **/
	/**************************/
	footer .footer-links {
		grid-template-columns: 256px calc(58% - 256px) 1fr;
		gap: var(--wp--preset--spacing--40);
	}
	
	footer .footer-links .menu-lists-container {
		gap: var(--wp--preset--spacing--40);
	}
	
	/*************************/
	/*       content         */
	/*************************/
	.nutritional-value {
		white-space: nowrap !important;
	}
	
}

/****************************/
/**  ---- 2xl Styling ---- **/
/****************************/
@media screen and (max-width: 1324px) {
	
	/**************************/
	/** Start Header Styling **/
	/**************************/
	#site-branding .logo-container img {
		width: 347px;
		height: 166px;
	}
	
	/**************************/
	/**  Start Menu Styling  **/
	/**************************/
	#menu-container {
		gap: var(--wp--preset--spacing--20);
	}
	
	#menu-container .menu {
		padding-top: var(--wp--preset--spacing--50);
	}
	
	/**************************/
	/** Start Footer Styling **/
	/**************************/
	footer .footer-links {
		grid-template-columns: 256px 1fr;
		grid-template-areas:
		    "contact-us contact-us"
		    "footer-logo footer-menu-list";
		row-gap: var(--wp--preset--spacing--20);
	}
	
	footer .footer-links .contact-us ul {
		margin: 0 1rem;
	}
	
	footer .footer-links .contact-us {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	
	footer .disclaimers {
		flex-wrap: wrap;
		justify-content: start;
	}
	
	/*************************/
	/*       content         */
	/*************************/
	/*#nutrition-block.wp-block-columns .wp-block-column*/
	/*#nutritional-info.wp-block-group > .wp-block-columns{*/
	/*	flex-wrap: wrap!important;*/
	/*}*/
	/*#nutritional-info.wp-block-group > .wp-block-columns > .wp-block-column*/
	/*{*/
	/*	!*flex-basis:100%!important;*!*/
	/*	margin:auto;*/
	/*}*/
	/*#nutritional-info.wp-block-group > .wp-block-columns > .wp-block-column:last-child*/
	/*{*/
	/*	flex-basis:100%!important;*/
	/*}*/
	#nutritional-info.wp-block-group > .wp-block-columns > .wp-block-column:last-child > .wp-block-group > .wp-block-group > .wp-block-heading {
		width: 70%;
		justify-content: center;
		justify-items: center;
		display: flex;
		
	}
	
	#nutrition-block.wp-block-columns {
		flex-wrap: wrap !important;
	}
	
	#nutrition-block.wp-block-columns > .wp-block-column {
		flex-basis: 100% !important;
	}
	
}

/****************************/
/**  ---- xl Styling ----  **/
/****************************/
@media screen and (max-width: 1280px) {
	
	#product-info .acf_post_carousel_block,
	#product-info > .wp-block-columns > .wp-block-column:first-child > .wp-block-group:last-child > .wp-block-group {
		max-width: 80%;
	}
}

/********************************/
/**  ---- pre lg Styling ----  **/
/********************************/
@media screen and (max-width: 1180px) {
	
	/*********************************/
	/**   Start Top Menu Styling    **/
	/*********************************/
	#top-menu-container .top-menu {
		justify-content: space-between;
	}
	
	/*********************************/
	/**  Start Mobile Menu Styling  **/
	/*********************************/
	#top-menu-container #mobile-menu {
		display: block;
	}
	
	/**************************/
	/**  Start Menu Styling  **/
	/**************************/
	#menu-container .menu {
		display: none;
	}
	
	/**************************/
	/** Start Footer Styling **/
	/**************************/
	footer {
		padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
	}
	
	/*************************/
	/*       content         */
	/*************************/
	/*#nutrition-block.wp-block-columns .wp-block-column*/
	#nutritional-info.wp-block-group > .wp-block-columns {
		flex-wrap: wrap !important;
	}
	
	#nutritional-info.wp-block-group > .wp-block-columns > .wp-block-column {
		/*flex-basis:100%!important;*/
		margin: auto;
	}
	
	#nutritional-info.wp-block-group > .wp-block-columns > .wp-block-column:last-child {
		flex-basis: 100% !important;
	}
	
	#nutritional-info.wp-block-group > .wp-block-columns > .wp-block-column:last-child > .wp-block-group > .wp-block-group > .wp-block-heading {
		width: 70%;
		justify-content: center;
		justify-items: center;
		display: flex;
		
	}
	
	#nutrition-block.wp-block-columns {
		flex-wrap: nowrap !important;
	}
	
	#nutrition-block.wp-block-columns .wp-block-column:first-child {
		flex-basis: 30% !important;
	}
	
	#nutrition-block.wp-block-columns .wp-block-column:last-child {
		flex-basis: 70% !important;
	}
	
}

/**********************************/
/**  ---- lg Tablet Styling ---- **/
/**********************************/
@media screen and (max-width: 1024px) {
	
	/**************************/
	/** Start Footer Styling **/
	/**************************/
	footer .footer-links {
		grid-template-columns: 1fr;
		grid-template-areas:
		    "contact-us"
		    "footer-logo"
		    "footer-menu-list";
		row-gap: var(--wp--preset--spacing--20);
		
	}
	
	footer .footer-links .logo-container #footer-logo {
		text-align: center;
		padding-top: 0;
	}
	
	footer .footer-links .menu-lists-container {
		justify-content: center;
		display: none;
	}
	
	footer .footer-links .contact-us {
	}
	
	footer .disclaimers {
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: var(--wp--preset--spacing--20);
		gap: var(--wp--preset--spacing--20);
	}
	
	footer .disclaimers p {
		text-align: center;
		margin-top: 0;
	}
	
	footer .terms {
		flex-wrap: wrap;
		justify-content: center;
	}
	
}

/*************************************/
/**  ---- Tablet Styling ---- **/
/*************************************/
@media screen and (max-width: 991px) {
	
	#page-content img{
		border-width: 8px!important;
	}
	.mc4wp-form-fields .mc4wp-form-fields-container {
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--20);
		box-sizing: border-box;
		
	}
	
	.mc4wp-form-fields p {
		margin: 0;
		width: 100%;
		display: flex;
		flex: 1 0 100%;
	}
	
	.mc4wp-form-fields input[name='FNAME'],
	.mc4wp-form-fields input[name='LNAME'],
	.mc4wp-form-fields input[name='EMAIL'] {
		max-width: unset;
		width: 100%;
	}
	
	.mc4wp-form-fields .wp-block-button {
		margin: auto;
	}
	.mc4wp-form-fields .mc4wp-term-container p{
		text-align: center;
		display: block;
	}
	
	
	/**************************/
	/**        content       **/
	/**************************/
	.hide-desktop {
		display: flex !important;
	}
	
	.hide-mobile {
		display: none !important;
	}
	
	.acf_post_carousel_block .image-style.is-negative-rotated,
	.acf_post_carousel_block .image-style.is-rotated {
		margin: 5.6% auto!important;
		width: 90%;
	}
	
	.acf_post_carousel_block .image-style.hide_desktop_image {
		display: block !important;
	}
	
	.acf_post_carousel_block .image-style.hide_mobile_image {
		display: none !important;
	}
	
	.wp-block-columns {
		flex-wrap: wrap !important;
	}
	
	.wp-block-columns .wp-block-column {
		flex-basis: 100% !important;
	}
	
	#follow-us .wp-block-group .wp-block-columns {
		margin-top: var(--wp--preset--spacing--40);
		margin-bottom: var(--wp--preset--spacing--40);
	}
	
	.wp-block-group.is-content-justification-right > *,
	.wp-block-group.is-content-justification-left > *,
	.wp-block-group.is-nowrap {
		flex-wrap: wrap !important;
		justify-content: center !important;
		max-width: unset !important;
	}
	
	.wp-block-group.is-nowrap p,
	.wp-block-group.is-nowrap .wp-block-heading {
		text-align: center;
		width: 100%;
	}
	
	.wp-block-column.is-vertically-aligned-center {
		text-align: center;
	}
	
	.wp-block-group {
		width: 100%;
	}
	
	.wp-block-handpicked-products,
	#post-content > .page-description > .wp-block-group > .wp-block-columns > .wp-block-column p,
	#post-content > .page-description > .wp-block-group > .wp-block-group,
	#post-content > .page-description > .wp-block-group,
	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column p,
	#post-content > .wp-block-group > .wp-block-group,
	#post-content > .wp-block-group {
		padding-left: var(--wp--preset--spacing--20) !important;
		padding-right: var(--wp--preset--spacing--20) !important;
	}
	

	#post-content > .page-description > .wp-block-group,
	#post-content > .wp-block-group,
	#post-content > .page-description > .wp-block-group > .wp-block-columns > .wp-block-column,
	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column p {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.is-style-yamas-hover-overlay-post-featured-image {
		height: 200px !important;
	}
	
	.display_taxonomy_image_block.top-right,
	.display_taxonomy_image_block.bottom-right {
		right: -0.5rem;
	}
	
	.display_taxonomy_image_block.top-left,
	.display_taxonomy_image_block.bottom-left {
		left: -0.5rem;
	}
	
	.display_taxonomy_image_block img {
		width: 50px !important;
		height: auto!important;
	}
	
	#ingredients > .wp-block-group {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	
	#post-content > .wp-block-group > .wp-block-columns > #ingredients.wp-block-column,
	#post-content > .wp-block-group > .wp-block-columns > #method.wp-block-column {
		padding-right: var(--wp--preset--spacing--20) !important;
		padding-right: var(--wp--preset--spacing--20) !important;
	}
	
	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column + .wp-block-column .wp-block-pb-accordion-item,
	#post-content > .wp-block-group > .wp-block-columns > .wp-block-column .wp-block-pb-accordion-item {
		margin-left: var(--wp--preset--spacing--20);
		margin-right: var(--wp--preset--spacing--20);
	}
	
	#recipe-info .wp-block-post-title,
	#product-info .wp-block-post-title {
		margin-top: var(--wp--preset--spacing--40)
	}
	
	#recipe-info > .wp-block-columns > .wp-block-column:last-child > .wp-block-group.has-global-padding{
		padding-right:0!important;
		padding-left:0!important;
	}
	
	#recipe-info .wp-block-post-title,
	#recipe-info .wp-block-heading,
	#recipe-info p,
	#product-info p,
	#product-info .wp-block-post-title,
	#product-info .wp-block-heading {
		text-align: center;
	}
	
	#recipe-info .wp-block-buttons,
	#product-info .wp-block-buttons,
	#product-info .wp-block-cs-core-add-to-cart {
		display: flex;
		justify-content: center;
	}
	
	/*#product-info .display_taxonomy_image_block,*/
	/*#product-info .acf_post_carousel_block{*/
	/*	max-width:40%;*/
	/*}*/
	#product-info .acf_post_carousel_block,
	#product-info > .wp-block-columns > .wp-block-column:first-child > .wp-block-group:last-child > .wp-block-group {
		max-width: 40%;
	}
	
	#product-info > .wp-block-columns > .wp-block-column:first-child > .wp-block-group:last-child > .wp-block-group .display_taxonomy_image_block img {
		width: 40% !important;
	}
	
	.taxonomy-where-to-buy {
		flex-wrap: wrap;
	}
	
	.taxonomy-where-to-buy {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.taxonomy-where-to-buy a {
		flex: 1 0 40%;
		text-align: center;
	}
	
	#post-content > .wp-block-group ul{
		padding-left: 1.5rem;
	}
	
	#post-content > .wp-block-group ul:not(.slick-dots){
		padding-left: 1rem;
	}
	
	#post-content > .wp-block-group ul.wp-block-post-template{
		padding-left: 0rem;
	}
}

@media screen and (max-width: 781px) {
	.wp-block-columns {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	#nutrition-block.wp-block-columns {
		flex-wrap: wrap !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	#nutrition-block.wp-block-columns .wp-block-column {
		flex-basis: 100% !important;
	}
	
	/**************************/
	/*         Content        */
	/**************************/
	#product-info .acf_post_carousel_block,
	#product-info > .wp-block-columns > .wp-block-column:first-child > .wp-block-group:last-child > .wp-block-group {
		max-width: 60%;
	}
	
	
}

/*******************************/
/**  ---- Mobile Styling ---- **/
/*******************************/
@media screen and (max-width: 600px) {
	
	/**************************/
	/** Start Header Styling **/
	/**************************/
	#wpadminbar {
		position: fixed;
	}
	
	#site-branding .logo-container img {
		width: 251px;
		height: 130px;
	}
	
	
	/**************************/
	/**      components      **/
	/**************************/
	
	
	
	/**************************/
	/*         Content        */
	/**************************/
	#product-info .acf_post_carousel_block,
	#product-info > .wp-block-columns > .wp-block-column:first-child > .wp-block-group:last-child > .wp-block-group {
		max-width: 80%;
	}
	
	.nutritional-values-container{
		flex-wrap: wrap;
	}
	.nutritional-values-container .nutritional-value-first{
		order:1;
		flex: 0 0 45%;
	}
	
	.nutritional-values-container .nutritional-value-second{
		order:2;
		flex: 0 0 45%;
	}
	
	.nutritional-values-container .nutritional-label{
		order:3;
		flex:0 0 100%;
		text-align: right;
	}
	
}

/*******************************/
/**  ---- small Mobile Styling ---- **/
/*******************************/
@media screen and (max-width: 500px) {
	.wp-block-cs-nutritional-data-block{
		row-gap: 0.5rem;
	}
	.nutritional-data-line{
		flex-wrap: wrap;
	}
	.nutritional-data-line .nutritional-title-container{
		flex: 1 0 100%;
	}
	.nutritional-values-container{
		width:100%;
	}
}

.checkbox-container.label-above label:before {
	left: -29px!important;
	bottom: 31px!important;
}
.checkbox-container.label-above label:after {
	left: -27px!important;
	bottom: 31px!important;
}
.mailchimp-optin-wrap {
	margin-bottom:0!important;
	padding-left:29px!important;
}
@media screen and (max-width:800px) {
	.mailchimp-optin-container .checkbox-wrap { padding-left:0rem!important; }
}

#pll-language-flags{
	display: flex;
	gap: calc(var(--wp--preset--spacing--20) / 2);
	justify-content: flex-end;
	margin: 0 var(--wp--preset--spacing--20);
}
#pll-language-flags li{
	list-style:none;
}
#pll-language-flags li a img{
	width: 30px!important;
	height: 20px!important;
}

.sb-post-item-image-wrap {
    aspect-ratio: 3 / 4;
    height: 100% !important;
}

.owl-carousel .owl-item img {
    aspect-ratio: 3 / 4;
}