@import url("https://use.typekit.net/gcf4kqm.css");

@font-face {
	font-family: "gelato-luxe";
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Gotham Bold"
	src: url('../fonts/Gotham-Bold.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: "Gotham Book";
	src: url('../fonts/Gotham-Book.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Gotham Medium";
	src: url('../fonts/Gotham-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Gotham Condensed Bold";
	src: url('../fonts/GothamCond-Bold.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
}

/* ======= TEST Accessibilità ======== */

.uk-navbar-nav > li.uk-active > a, 
.uk-navbar-nav > li:focus > a, 
.uk-navbar-nav > li > a, 
.uk-navbar-nav > li:hover > a {
	background-color: transparent !important;
}
.uk-offcanvas-bar li.menu-item a {
	font-weight: bold;
}
.single-news-content h1, 
.single-news-content h2, 
.single-news-content h3, 
.single-news-content h4, 
.single-news-content h5 {
	color: #B07C0C !important;
}
.uk-offcanvas-bar .uk-nav-default>li.uk-active>a {
	color: #dea21f;
}

/* .uk-section-secondary p {
	color: #004d43!important;
}
.uk-section-default {
	background: #f8e7cc!important;
}
.uk-navbar-nav > li > a {
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 14px;
}
.uk-offcanvas-bar li.menu-item a {
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
}
 */
body.wp-child-theme-yootheme-vegamo {
	 padding-top: 0 !important;
 }
/* ============================================= */
/* ================ STICKY menu ================ */
.uk-sticky.uk-sticky-fixed.uk-sticky-below {
	background-color: #004D43;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-nav > li.uk-active > a {
	color: #f3b223;
}
.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-nav > li a {
	color: #fff;
	transition: color 0.2s ease;
}
.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-nav > li.uk-active > a::before, 
.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-nav > li.uk-active:hover > a::before {
	background-color: #f3b223;
	transition: background-color 0.2s ease;
}
.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-nav > li:hover > a::before {
	background-color: #f3b223;
	transition: background-color 0.2s ease;
}
.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-nav > li:hover > a {
	color: #f3b223;
}

/* ============================================= */
/* ==================== HOME =================== */


.uk-hidden-visually.uk-notification.uk-notification-top-left.uk-width-auto {
	display: none !important;
}
/* 
#logo-intro {
  transition: all 1.2s ease;
  position: relative;
  z-index: 980;
}

body.home.scrolled #logo-intro {
  transform: scale(0.4) translateY(-50vh);
  opacity: 0;
  pointer-events: none;
}
*/
/*
body.home #logo-intro { opacity: 0; }
.vg-home-hero-img { z-index: 980; }
body.home.scrolled .vg-home-hero-img { z-index: 979; }
.vg-home-hero-img img.el-image { width: 40%; }
body.home a.uk-logo.uk-navbar-item img { transform: scale(430%) translateY(5.5vh); transition: all 1.2s ease; position: relative; }
body.home.scrolled a.uk-logo.uk-navbar-item img { opacity: 1; transition: all 1.2s ease;  position: relative; transform: scale(1) translateY(0); }
@media all and (min-width: 960px) {
	body.home a.uk-logo.uk-navbar-item img { transform: scale(7) translateY(5.5vh); }
}
@media all and (max-width: 767px) {
	body.home a.uk-logo.uk-navbar-item img { transform: scale(200%) translateY(9vh); }
}
*/
/* Lascia pure queste regole come le avevi */
body.home #logo-intro { opacity: 0; }
.vg-home-hero-img { z-index: 981; }
body.home.scrolled .vg-home-hero-img { z-index: 979; }
.vg-home-hero-img img.el-image { width: 40%; }

/* Overlay per il clone */
#introLogoLayer{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 980;
}
#introLogo{
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  width: 1100px;
  max-width: 90vw;
  will-change: transform, width, opacity;
  opacity: 1;
  transition: opacity .2s linear;
}
/* Nasconde il logo navbar finché anima il clone */
body.home.has-intro-logo a.uk-logo.uk-navbar-item img { opacity: 0; }
/* Mobile */
@media (max-width: 767px){
  #introLogo{
	top: 35vh;
	width: 90vw;
  }
}
/* Preferenze utente: niente animazioni */
@media (prefers-reduced-motion: reduce){
  #introLogoLayer{ display: none !important; }
  body.home.has-intro-logo a.uk-logo.uk-navbar-item img { opacity: 1 !important; }
}

.vg-feed-ig .sbi_item {
	border-radius: 30px;
}
.vg-background-minus .uk-background-norepeat.uk-section {
	background-position: 50% calc(100% + 1px);
}
.vg-last-news .uk-background-norepeat {
	min-height: 380px;
}

.uk-heading-large .uk-font-tertiary, .vg-product-title span {
	line-height: 0.6 !important;
	position: relative;
	top: 0px;
	font-size: 4rem;
}
.uk-heading-xlarge .uk-font-tertiary {
	line-height: 0.6 !important;
	position: relative;
	/*top: -30px;*/
	font-size: 4rem;
}
.uk-heading-large {
	line-height: 0.8;
}
.uk-font-tertiary { 
	text-transform: initial;
}
.uk-heading-xlarge {
	line-height: 0.8;
}
.uk-section-secondary .uk-font-tertiary {
	color: #004d43;
}
.uk-section-primary .uk-font-tertiary, .uk-section-primary span.uk-heading-large.uk-font-tertiary {
	color: #69c04b;
}
.uk-section-primary span.uk-heading-large.uk-font-tertiary {
	font-size: 60px;
}

.uk-section-default h1.uk-heading-xlarge.uk-text-secondary .uk-font-tertiary, 
.uk-section-muted.uk-section h2.uk-heading-large.uk-font-secondary {
	color: #fff;
}
.uk-section-muted.uk-section h2.uk-heading-large.uk-font-secondary span.uk-font-tertiary {
	color: #004d43;
}


.uk-border-rounded {
	border-radius: 25px;
}
.grid-border-rounded .el-item .uk-card, 
.column-rounded .uk-tile, 
.grid-border-rounded .el-item .uk-card img {
	border-radius: 25px;
	overflow: hidden;
}
.single-news-content h1, 
.single-news-content h2, 
.single-news-content h3, 
.single-news-content h4, 
.single-news-content h5 {
	font-family: Gotham Condensed Bold;
	font-weight: 400;
	/* color: #f3b223 !important;*/
}
.uk-container.uk-container-expand-right .uk-grid-item-match.uk-flex-middle.uk-width-2-5\@m.uk-padding.uk-first-column {
	padding-left: 0;
}
@media (min-width: 960px) {
	.section-split-color.uk-section-secondary.uk-section.uk-padding-remove-vertical {
		background: #F3B223;
		background: linear-gradient(90deg, rgba(243, 178, 35, 1) 0%, rgba(243, 178, 35, 1) 50%, rgba(0, 77, 67, 1) 50%, rgba(0, 77, 67, 1) 100%);
	}
	.section-split-color.uk-section-primary.uk-section.uk-padding-remove-vertical {
		background: rgba(0, 77, 67, 1);
		background: linear-gradient(90deg, rgba(0, 77, 67, 1) 0%, rgba(0, 77, 67, 1) 50%, rgba(243, 178, 35, 1) 50%, rgba(243, 178, 35, 1) 100%);
	}
	.uk-heading-large .uk-font-tertiary, .vg-product-title span {
		top: -5px;
		font-size: 6rem;
	}
	.uk-font-tertiary { 
		line-height: 0.1 !important;
	}
	.uk-heading-xlarge .uk-font-tertiary {
		font-size: 8.5rem;
	}
	
}


/* ============================================= */
/* =================== FORM ==================== */


.uk-card-secondary .uk-form .uk-checkbox {
	border: 1px solid #004d43 !important;
	border-radius: 5px;
}
.uk-card-secondary .uk-form label {
	color: #004d43;
}

.uk-card-primary .uk-form .uk-checkbox {
	border: 1px solid #F3B223 !important;
	border-radius: 5px;
}
.uk-form .uk-checkbox {
	border: 1px solid #F3B223 !important;
	border-radius: 5px;
}
.vg-newsletter .uk-form .uk-checkbox {
	border: 1px solid #F3B223 !important;
	border-radius: 5px;
	height: 25px;
	width: 25px !important;
}
.vg-newsletter input:not(.uk-checkbox), .vg-newsletter select {
	margin-bottom: 15px !important;
}
.uk-card-primary .uk-form label {
	color: #F3B223;
}
.uk-checkbox:checked {
	background-color: #fff !important;
}
.uk-form span.wpcf7-list-item {
	margin-left: 0;
}
.uk-form input.uk-input.uk-form-large {
	height: 55px;
	padding-left: 12px;
	padding-right: 12px;
}
input:focus::placeholder, 
input:focus::-webkit-input-placeholder, 
input:focus:-ms-input-placeholder {
  color: #fff !important;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.uk-form fieldset br {
	display: none;
}
span.wpcf7-spinner {
	display: none;
}
.vg-form-access fieldset legend, .uk-form.vg-form-access fieldset label{
	position:absolute!important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,1px,1px);
	white-space: nowrap;
	border: 0;
}
label:has(> input.uk-checkbox),
.wpcf7-acceptance label {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  border-radius: .5rem;
}

.uk-form .uk-checkbox {
	height: 25px;
	width: 44px;
}

/* ============================================= */
/* ================ POP UP ===================== */
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {padding-right: 0 !important;}
.pum-content.popmake-content {
	color: #004d43;
	font-weight: 400;
}
.pum-title.popmake-title {
	font-weight: 600;
	color: #004d43;
}
.popmake-content .uk-input {
	border: 1px solid #004d43;
	margin: 5px 0;
}
.popmake-content label:has(> input.uk-checkbox), .wpcf7-acceptance label {
	display: block;
}
 .popmake-content .uk-form .uk-checkbox {
	width: 25px !important;
	margin-right: 10px;
	border: 1px solid #004d43 !important;
	background-color: transparent !important;
}
.popmake-content .uk-form .uk-checkbox:checked {
	background-color: #004d43 !important;
}
.pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close {
	background-color: #69c04b;
}
@media (max-width: 768px) {
	div#popmake-1929 {
		left: 25px !important;
		max-width: 80% !important;
	}
}

/* ============================================= */
/* =============== RICETTE ===================== */

.vg-ricetta-ingredienti-column .uk-card {
	border-radius: 25px;
}
.vg-ricetta-ingredienti-column em {
	color: #fff !important;
}
div#copy-ingredients-button button {
	padding: 10px;
	border-radius: 50px;
	line-height: 30px;
}
div#copy-ingredients-button button img {
	mix-blend-mode: luminosity;
}
.tag-subnav .el-link {
	font-size: 13px;
	text-transform: inherit;
	padding: 5px 11px;
}
.tag-subnav.uk-margin .el-item {
	margin-top: 10px;
}

.tag-subnav .uk-button {
	font-size: 13px;
	text-transform: inherit;
	background-color: #fff !important;
	color: #004d43 !important;
	padding: 5px 11px !important;
	line-height: 20px;
}
@media (min-width: 960px) {
	div#copy-ingredients-button button {
		margin-top: -30px;
	}	
}

@media (max-width: 959px) {
	div#copy-ingredients-button button img  {
		width: 30px;
		height: 30px;
	}	
	.section-split-color.uk-section-primary .uk-grid .uk-grid-item-match:nth-child(2) {
		background-color: #F3B223;
	}
}

/* ============================================= */
/* =============== PRODOTTO ==================== */



.mask1-img img {
	/* sostituisci solo il contenuto delle url() con questo */
	-webkit-mask-image: url('data:image/svg+xml;utf8,\
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 700.6">\
	  <g transform="translate(385 350.3) scale(-1 .78) translate(-385 -350.3)">\
		<path fill="white" d="M97.3,284.9C59.8,325.3,24,371.2,8.9,428S4.8,554.6,46.6,588.8c32.2,26.4,74.6,26.8,112.3,40 c38.5,13.4,72.5,40.4,110.5,55.6c43.8,17.5,92.3,18.6,136.6,3c44.5-15.6,84-47.1,128.8-61.5c45.4-14.6,94-10.7,139.7-24.1 s92-53.1,93.1-107.9c0.8-41.7-24.3-77.4-34.7-117.4c-23.3-89.8,29-196.1-12.4-276.5c-22.6-44.1-68-65.9-111.8-72 c-43.8-6.1-88.2,0.5-132.2-1.5c-83.5-3.7-213.8-60.9-284.7,14.8c-32.4,34.6-34.8,74.8-31.2,121.3C164.6,216.8,129,250.8,97.3,284.9 z"/>\
	  </g>\
	</svg>');
	mask-image: url('data:image/svg+xml;utf8,\
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 700.6">\
	  <g transform="translate(385 350.3) scale(-1 .78) translate(-385 -350.3)">\
		<path fill="white" d="M97.3,284.9C59.8,325.3,24,371.2,8.9,428S4.8,554.6,46.6,588.8c32.2,26.4,74.6,26.8,112.3,40 c38.5,13.4,72.5,40.4,110.5,55.6c43.8,17.5,92.3,18.6,136.6,3c44.5-15.6,84-47.1,128.8-61.5c45.4-14.6,94-10.7,139.7-24.1 s92-53.1,93.1-107.9c0.8-41.7-24.3-77.4-34.7-117.4c-23.3-89.8,29-196.1-12.4-276.5c-22.6-44.1-68-65.9-111.8-72 c-43.8-6.1-88.2,0.5-132.2-1.5c-83.5-3.7-213.8-60.9-284.7,14.8c-32.4,34.6-34.8,74.8-31.2,121.3C164.6,216.8,129,250.8,97.3,284.9 z"/>\
	  </g>\
	</svg>');
	-webkit-mask-repeat:no-repeat; 
	mask-repeat:no-repeat;
	-webkit-mask-size:9%;  
	mask-size: 90%;
	-webkit-mask-position:center; 
	mask-position: center;
	
  /*-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 700.6"><path fill="white" d="M97.3,284.9C59.8,325.3,24,371.2,8.9,428S4.8,554.6,46.6,588.8c32.2,26.4,74.6,26.8,112.3,40 c38.5,13.4,72.5,40.4,110.5,55.6c43.8,17.5,92.3,18.6,136.6,3c44.5-15.6,84-47.1,128.8-61.5c45.4-14.6,94-10.7,139.7-24.1 s92-53.1,93.1-107.9c0.8-41.7-24.3-77.4-34.7-117.4c-23.3-89.8,29-196.1-12.4-276.5c-22.6-44.1-68-65.9-111.8-72 c-43.8-6.1-88.2,0.5-132.2-1.5c-83.5-3.7-213.8-60.9-284.7,14.8c-32.4,34.6-34.8,74.8-31.2,121.3C164.6,216.8,129,250.8,97.3,284.9 z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 700.6"><path fill="white" d="M97.3,284.9C59.8,325.3,24,371.2,8.9,428S4.8,554.6,46.6,588.8c32.2,26.4,74.6,26.8,112.3,40 c38.5,13.4,72.5,40.4,110.5,55.6c43.8,17.5,92.3,18.6,136.6,3c44.5-15.6,84-47.1,128.8-61.5c45.4-14.6,94-10.7,139.7-24.1 s92-53.1,93.1-107.9c0.8-41.7-24.3-77.4-34.7-117.4c-23.3-89.8,29-196.1-12.4-276.5c-22.6-44.1-68-65.9-111.8-72 c-43.8-6.1-88.2,0.5-132.2-1.5c-83.5-3.7-213.8-60.9-284.7,14.8c-32.4,34.6-34.8,74.8-31.2,121.3C164.6,216.8,129,250.8,97.3,284.9 z"/></svg>');
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: right center;
  mask-position: right center;*/
  
}

.mask2-img img {
	-webkit-mask-image: url('data:image/svg+xml;utf8,\
	  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 700.6">\
		<g transform="translate(385 350.3) scale(1 .78) translate(-385 -350.3)">\
		  <path fill="white" d="M97.3,284.9C59.8,325.3,24,371.2,8.9,428S4.8,554.6,46.6,588.8c32.2,26.4,74.6,26.8,112.3,40 c38.5,13.4,72.5,40.4,110.5,55.6c43.8,17.5,92.3,18.6,136.6,3c44.5-15.6,84-47.1,128.8-61.5c45.4-14.6,94-10.7,139.7-24.1 s92-53.1,93.1-107.9c0.8-41.7-24.3-77.4-34.7-117.4c-23.3-89.8,29-196.1-12.4-276.5c-22.6-44.1-68-65.9-111.8-72 c-43.8-6.1-88.2,0.5-132.2-1.5c-83.5-3.7-213.8-60.9-284.7,14.8c-32.4,34.6-34.8,74.8-31.2,121.3C164.6,216.8,129,250.8,97.3,284.9 z"/>\
		</g>\
	  </svg>');
	mask-image: url('data:image/svg+xml;utf8,\
	  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 700.6">\
		<g transform="translate(385 350.3) scale(1 .78) translate(-385 -350.3)">\
		  <path fill="white" d="M97.3,284.9C59.8,325.3,24,371.2,8.9,428S4.8,554.6,46.6,588.8c32.2,26.4,74.6,26.8,112.3,40 c38.5,13.4,72.5,40.4,110.5,55.6c43.8,17.5,92.3,18.6,136.6,3c44.5-15.6,84-47.1,128.8-61.5c45.4-14.6,94-10.7,139.7-24.1 s92-53.1,93.1-107.9c0.8-41.7-24.3-77.4-34.7-117.4c-23.3-89.8,29-196.1-12.4-276.5c-22.6-44.1-68-65.9-111.8-72 c-43.8-6.1-88.2,0.5-132.2-1.5c-83.5-3.7-213.8-60.9-284.7,14.8c-32.4,34.6-34.8,74.8-31.2,121.3C164.6,216.8,129,250.8,97.3,284.9 z"/>\
		</g>\
	  </svg>');
	-webkit-mask-repeat:no-repeat; 
	mask-repeat:no-repeat;
	-webkit-mask-size:9%;  
	mask-size: 90%;
	-webkit-mask-position:center; 
	mask-position: center;
}


.vg-product-title span {
	font-family: gelato-luxe;
	font-weight: 400;
	color: #f3b223;
	text-transform: none;
}

.vg-product-tag > button {
	margin-top: 10px;
}
.vg-product-tag > button:nth-child(n+2) {
	margin-left: 10px;
}
.vg-box-border-radius .uk-card {
	border-radius: 30px;
}

.vg-prodotto-vlrntr, 
.vg-prodotto-vlrntr th, 
.vg-prodotto-vlrntr-accordion table, 
.vg-prodotto-vlrntr-accordion table th {
	font-size: 14px;
}
.vg-prodotto-vlrntr-sub, 
.vg-prodotto-vlrntr-accordion p {
	font-size: 13px;
}




/* ============================================= */
/* ================= CALCOLATORE =============== */


#tempo-calcolatore .grve-column-wrapper{
		background-color: #004F32;
		margin-bottom:10px;
	padding: 20px 3px;
}
#tempo-calcolatore input {
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
}

#tempo-calcolatore input[type="number"], #tempo-calcolatore input[type="number"]:focus, #tempo-calcolatore input[type="number"]::placeholder {
	color: #004F32;
	background-color: #fff;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
	font-size: 20px;
	font-weight: 700;
	opacity: 1;
		overflow: clip;
}
#tempo-calcolatore input[type="number"], #tempo-calcolatore input[type="number"]:focus{
	padding: 10px 30px;
	margin-bottom: 10px;
}
#tempo-calcolatore label {
	position: absolute;
	color: #068237!important;
	z-index: 9;
	right: 40px;
	top: 11px;
	text-align: right;
		font-weight: 700;
}

#tempo-calcolatore span.wpcf7-form-control-wrap {
	width: 100%;
	min-width: 220px;
	display: inline-block!important;
	margin: 0 0.5%;
}

.calcolatore-risultato {
	font-weight: 800;
	font-size: 26px;
}
.calcolatore-valori-container {
	height: 100%;
}
div#valori-calcolatore {
	height: 100%;
}
#valori-calcolatore .grve-column-wrapper-inner{
	padding: 40px 0;
}
@media (max-width : 1200px){
	#valori-calcolatore .grve-column-wrapper-inner{margin-bottom: 10px;}
}
.bg-white {background-color: #fff;}
.border-radius{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
div#tempo-calcolatore, #valori-calcolatore > div > .el-item {
	border-radius: 25px;
}





/* ============================================= */
/* =================== FOOTER ================== */

.link-footer .el-item a, .link-footer .el-item span {
	color: rgba(255, 255, 255, .8) !important;
	text-transform: inherit;
}
@media (min-width: 960px) {
	
	.link-footer .el-item:nth-child(n+2):before {
		margin-right: 15px;
	}
	.link-footer .el-item:nth-child(n+2) {
		padding-left: 10px;
	}	
}