/*!
Theme Name: lafrutteria
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lafrutteria
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

lafrutteria is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&Outfit:wght@100..900&display=swap');
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	    display: block;
    max-width: 1600px;
    display: block;
    margin: 0 auto;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
    margin: 0;
    padding-bottom: 20px;
    float: left;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #666;
    font-weight: 600;
}

a:visited {
	color: #666;
}

a:hover,
a:focus,
a:active {
	color: #666;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.overlay{
    height: 100%;
    position: fixed;
    background: rgba(202,169,102,.2);
    z-index: 2;
	opacity: 0;
	display: none;
	transition: all 0.25s cubic-bezier(0.57, 0.28, 0.25, 0.69);
}
.overlay.show{
	opacity: 1;
	display: block
}

.header-container{
	height: auto;
}

.site-header{ 
	display: flex;
	/* justify-content: center; */
	align-items: center;
	padding-top: 20px;
	margin: 0;
	padding-bottom: 0px;
	z-index: 5;
	opacity: 0;
	padding-top: 0px;
	padding-bottom: 70px;
	    padding-bottom: 0px;
    background-color: #1d6b4a;
    margin: 0 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
	width: calc(100% - 40px);
}
@media screen and (min-width: 37.5em) {
	.site-header{
		
	}
	.site-header .social{ 
		padding-top: 0;
	}
}
.site-header.blur{ 
	filter: blur(5px);
}
.site-header.shrink{ 
	position: fixed;
	height: 80px;
	z-index: 3;
	top: -100px;
	margin: 0;
	padding: 0 30px 0 0;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 0 20px;
}

.site-header .menu{ 
	display: none;
	    width: 50%;
    font-size: .8em;
    /* font-weight: 800; */
}

@media screen and (min-width: 37.5em) {
	.site-header .menu{ 
		display: flex;
	}
}

.site-header .menu a{
    background-color: 589f81;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 10px;
    font-family: 'Outfit', serif; 
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 1.3em;
    padding-left: 20px;
    letter-spacing: 1px;
}

.site-header .social{ 
	float: left;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 10;
}
.site-header.shrink .social{ 
	display: none;
}
@media screen and (min-width: 37.5em) {
	.site-header.shrink .social{
		display: block;
	}
}
.site-header .social a{ 
	float: left;
}
@media screen and (min-width: 37.5em) {
	.site-header .social{ 
		margin-right:20px;
	float: left;
	position: relative;
	z-index: 3; 
	width: 20%;
	right: 0;
	}
}
.site-header .ecommerce-icons{ 
		position: absolute;
		top: 0;
		right: 20px;
		width: 30%;
		z-index: 10;
}
.site-header.shrink .ecommerce-icons{
	display: none;
}
@media screen and (min-width: 37.5em) {
	.site-header.shrink .ecommerce-icons{
		display: block;
	}
}
.site-header .ecommerce-icons div.icon-qty{ 
	position: absolute;
    bottom: 3px;
    /* height: 30px; */
    /* width: 30px; */
    float: left;
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 15px;
    text-align: center;
    background: #046311;
	color: #fff;
    font-weight: 600;
    right: 0;
    font-size: .7em;
    line-height: 16px;
}
.site-header .ecommerce-icons div.icon-user{ 
	position: absolute;
    bottom: 10px;
    /* height: 30px; */
    /* width: 30px; */
    float: left;
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 15px;
    text-align: center;
    background: red;
	color: #fff;
    font-weight: 600;
    right: 6px;
    font-size: .7em;
    line-height: 6px;
}
.site-header .ecommerce-icons div.icon-user.active{ 
	position: absolute;
    bottom: 3px;
    /* height: 30px; */
    /* width: 30px; */
    float: left;
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 15px;
    text-align: center;
    background: #fff;
    color: #000;
    font-weight: 600;
    right: 0;
    font-size: .7em;
    line-height: 16px;
    text-transform: uppercase;
    border: 1px solid #000;
}
.site-header .ecommerce-icons div.icon-qty{ 
	bottom: 24px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	background: #fff;
	color: #000;
	border: 1px solid #000;
}
@media screen and (min-width: 37.5em) {
	.site-header .ecommerce-icons div.icon-qty{ 
	}
	.site-header .ecommerce-icons div.icon-user{
		bottom: 24px;
}
	.site-header .ecommerce-icons div.icon-user.active{ 
		bottom: 24px;
		height: 20px;
		width: 20px;
		line-height: 20px;
		right: 0;
	}
}
.site-header .ecommerce-icons div.icon-qty p{ 
	margin: 0;
}
.site-header .ecommerce-icons a{ 
	position: relative;
	float: right;
	margin-top: 30px;
}
@media screen and (min-width: 37.5em) {
	.site-header .ecommerce-icons{ 
	float: left;
	position: relative;
	z-index: 3;
	width: 20%;
	padding-right: 30px;
	margin-top: 0;
	}
}
.site-header .social img, .site-header .ecommerce-icons img{ 
	height: 30px;
    margin: 5px 7px;
}
@media screen and (min-width: 37.5em) {
	.site-header .social img, .site-header .ecommerce-icons img{ 
		height: 56px;
	}
}
.site-branding{ 
	text-align: left;
    position: relative;
    top: 0px;
    flex: 1;
    width: 60%;
    z-index: 1;
	padding: 30px;
}
.site-header.shrink .site-branding{ 
	top: 0px;
}
@media screen and (min-width: 37.5em) {
	.site-branding{ 
	text-align: left;
    position: relative;
    top: 0px;
	padding: 0;
    padding-left: 60px;
	}
	.site-header.shrink .site-branding{ 
	}
}
.site-branding h1{ 
	margin: 0;
}
.site-branding h2{ 
    font-weight: 600;
    margin: 0;
    text-align: center;
    width: 100%;
    float: left;
    font-weight: 300;
    font-family: 'Libre Baskerville', serif;;
	padding-bottom: 0;
	margin-bottom: 0;
	text-transform: uppercase;
    font-weight: 800;
    font-size: .6em;
}
@media screen and (min-width: 37.5em) {
	.site-branding h2{ 
		bottom: 7px;
		font-size: .8em;
		}
}
.site-header.shrink .site-branding h2{ 
	display: none;
}

.site-branding img{ 
	height: 45px;
}

@media screen and (min-width: 37.5em) {
	.site-branding img{ 
		height: 80px;
	}
}

.site-header.shrink .site-branding img{ 
	height: 40px;
}
div.titolo-home{
	text-align: center;
	font-family: 'Afacad';
	font-size: 2.2em;
	padding-top: 30px;
	/* padding-left: 90px; */
	/* padding-right: 90px; */
	float: left;
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	/* background: rgba(0,0,0,.1); */
	padding-bottom: 40px;
	color: #999;
	padding-bottom: 8px;
	padding-top: 10px;
	position: relative;
	line-height: 40px;
	opacity: 0;
	margin-bottom: 40px;
}
@media screen and (min-width: 37.5em) {
	div.titolo-home{ 
		background-position: center bottom;
		margin-bottom: 0px;
		font-size: 2.6em;
		padding-left: 20%;
		padding-right: 20%;
	}
}
div.titolo-home:after{
	position: absolute;
    width: 2px;
    background-color: #046311;
    height: 30px;
    content: '';
    left: 50%;
}
@media screen and (min-width: 37.5em) {
	div.titolo-home:after{ 
		top:0;
	}
}

div.icone-home{
	display: flex;
    height: 200px;
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
}

div.icone-home p {
	background: #f0f0f0;
    border-radius: 10px;
    margin: 5px;
    width: 40%;
    display: flex;
    padding-top: 40px;
}

div.icone-home a {
	margin-top: 30px;
    float: left;
    text-transform: uppercase;
    text-decoration: none;
    margin: 20px 5px;
    padding-top: 60px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto;
    font-family: 'Afacad';
    text-align: center;
    font-size: .9em;
    display: block;
    margin: 0 auto;
}

div.icone-home a.olio {
    background-image: url('risorse/icone-olio.png');
}

div.icone-home a.vino {
    background-image: url('risorse/icone-vino.png');
}

div.titolo-home p {
	background: #046311;
    background: linear-gradient(to top, #046311 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 20px;
    font-weight: 400;
	margin-bottom: 0;
	font-size: .8em;
	line-height: 30px;
}

@media screen and (min-width: 37.5em){
	div.titolo-home p{
		font-size: 1em;
	}
}

.top-home-container{
	    margin: 0 0px;
    float: left;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    height: auto;
    padding-bottom: 90px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0px;
    background-image: url('risorse/foto-home.jpg');
    width: calc(100% - 40px);
    margin: 20px 20px;
    border-radius: 30px;
}

@media screen and (min-width: 37.5em) {
	.top-home-container{ 
    
    padding: 30px;
    background-color: #f0f0f0;
    
    
	}
}

.top-home-container p.titolo{
         width: 100%;
    font-size: 2em;
    margin: 0;
    font-family: 'Outfit', serif;
    /* text-transform: uppercase; */
    font-weight: 800;
    padding: 40px 0px 0 0;
    float: left;
    text-align: center;
	color: #fff;
	padding-bottom: 40px;
}

@media screen and (min-width: 37.5em) {
	.top-home-container p.titolo{ 
    
    font-size: 3.4em;
    
    
	}
}

.overlay-top-home-container-first{
	position: absolute;
	bottom: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: 2;
	left: 0;
	opacity: 1;
}

.overlay-top-home-container-second{
	position: absolute;
	bottom: 0;
	background-color: #fff;
	width: 600%;
	height: 100%;
	z-index: 2;
	height: 40%;
	right: 0;
}

.top-home-container div.first{
	    width: calc(100% - 20px);
    margin: 10px;
    height: 700px;
    /* border-radius: 10px; */
    overflow: hidden;
	
}

@media screen and (min-width: 37.5em) {
	.top-home-container div.first{
		    margin: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	}
}

.top-home-container div.first div{
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 40px;
	height: 700px;
}

@media screen and (min-width: 37.5em) {
	.top-home-container div.first div{
		      background-size: cover;
    border-radius: 20px;
    margin: 0;
    padding: 0;
    height: 680px;
	}
}

.top-home-container div.first .scritta-gallery{
	font-family: 'Afacad';
position: absolute;
bottom: 0;
padding-top: 0px;
padding-bottom: 30px;
padding-left: 50px;
background-color: rgba(202,169,102,0);
width: 90%;
top: 100%;
height: auto;
margin: 0;
font-size: 2em;
color: #fff;
line-height: 13px;
z-index: 5;
opacity: 1;
}

@media screen and (min-width: 37.5em) {
	.top-home-container div.first .scritta-gallery{
		font-size: 4.7em;
		z-index: 1;
		padding-top: 35px;
		line-height: 53px;
		z-index: 2;
		width: 100%;
	}
}

.top-home-container div.first span.titolo-fin-home {
	      color: #fff;
    line-height: 80px;
    font-size: 30px;
    line-height: 40px;
    /* height: 520px; */
    border-radius: 20px;
    border-bottom-right-radius: 240px;
    font-weight: 800;
    width: 100%;
    /* float: left; */
    padding: 0;
    min-height: 220px;
    display: flex;
    align-items: center;
    text-align: center;
}


.top-home-container div.first span.descrizione{
	    color: #000;
    width: 100%;
    float: left;
    font-family: 'Outfit', serif;
    color: #fff;
    font-weight: 200;
    text-transform: none;
    padding-top: 60px;
    font-size: .8em;
    line-height: normal;
    border-top: 4px solid;
    margin-top: 20px;
}

.top-home-container div.first p{
	     color: #fff;
    padding-right: 30%;
    line-height: 80px;
    padding: 80px 60px;
    font-size: 30px;
    line-height: 50px;
    height: 520px;
    background: rgba(29,107,94,.3);
    margin: 0;
    backdrop-filter: url("filters.svg#filter") blur(4px) sepia(150%);
    font-family: 'Libre Baskerville', serif;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    line-height: 32px;
    border-top-left-radius: 70px;
    color: #fff;
    font-size: 1.7em;
    text-align: left;
	border-radius: 20px;;
}

@media screen and (min-width: 37.5em) {

}

.top-home-container div.second{
	margin-top: 40px;
	width: 38%;
	height: 100%;
	background-image:url('risorse/grappolo-home.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
	margin-left: 2%;
}

.top-home-container div.second div{
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 40px;
	height: 300px;
}

@media screen and (min-width: 37.5em) {
	.top-home-container div.second div{
		height: 100%;
	}
}

.home-middle{
	margin: 0;
	float: left;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: auto;
	padding-bottom: 90px;
	position: relative;
	margin-top: 40px;
	overflow: hidden;
	height: auto;
    background: rgba(0,0,0,.1);
	background-size: 40% auto;;
    /* padding: 30px; */
    float: left;
}

@media screen and (min-width: 37.5em) {
	.home-middle{
		height: 500px;
	}
}

.home-middle div.home-middle-first{
	width: 100%;
	background-color: #000;
	background-image:url('risorse/lafrutteria-territorio.jpg');
	background-size: cover;
	opacity: 0;
	position: relative;
	top: 0%;
	height: 400px;
	width: 100%;
    position: relative;
    height: 460px;
    border-radius: 10px;
    margin: 20px;
	background-position: center;
}

@media screen and (min-width: 37.5em) {
	.home-middle div.home-middle-first{
		width: 60%;
		position: absolute;
		border-radius: 10px;
	}
}

.home-middle div.home-middle-first div.overlay{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.4);
} 

.home-middle div.home-middle-first div.overlay p{
	text-align: right;
	margin: 50px;
	color: #fff;
	margin-left: 30%;
	font-size: 1.3em;
} 

.home-middle div.home-middle-first div.overlay p.titolo{
	font-family: 'Afacad';
	font-size: 3em;
} 

.home-middle div.home-middle-second{
	width: 90%;
	margin: 0 5%;
	opacity: 0;
	position: relative;
	top: 0%;
	height: 400px;
}

.home-middle div.home-middle-second p{
	font-size: 1.4em;
    font-weight: 300;
    line-height: 26px;
    text-align: justify;
}

@media screen and (min-width: 37.5em) {
	.home-middle div.home-middle-second{
		width: 30%;
		position: absolute;
		height: auto;
		display: flex;
		flex-direction: column;
		flex-flow: wrap;
		height: 100%;
	}
}

.home-middle div.home-middle-second p.titolo{
	margin-right: 20%;
	font-size: 1.5em;
}

.home-middle div.home-middle-second p.titolo{
	font-family: "Afacad";
	color: #336633;
	font-size: 2em;
	padding-top: 60px;
    opacity: 1;
    line-height: 40px;
    margin: 0;
}

.home-ecommerce{
	    width: calc(100%  - 40px);
    margin: 20px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    overflow: hidden;
}

@media screen and (min-width: 37.5em) {
	.home-ecommerce{
	       padding-top: 0px;
    opacity: 1;
    padding: 20px;
    background: rgba(29,107,94,.1);
	border-radius: 20px;;
	}
}

.home-ecommerce p.titolo{
	     /* font-size: 1.8em; */
    font-size: 3.5em;
    line-height: 65px;
    padding-bottom: 50px;
    text-align: left;
    font-weight: 00;
    font-family: 'Libre Baskerville', serif;
    padding-bottom: 0;
    color: #1d6b4a;
    padding-bottom: 20px;
    position: relative;
    margin: 20px;
    font-size: 2.4em;
    line-height: 40px;
    padding: 20px;
}

.home-ecommerce p.titolo:after{
	    position: absolute;
    width: 140%;
    background-color: rgba(29,107,94,.1);
    height: 100px;
    content: '';
    left: 0%;
    /* bottom: 0; */
    border-radius: 20px;
    top: 0px;
    z-index: -1;
    left: 0px;
    backdrop-filter: url("filters.svg#filter") blur(4px) sepia(150%);
    opacity: 1;
}

@media screen and (min-width: 64em) {
	.home-ecommerce p.titolo{
	     font-size: 3.5em;
    line-height: 65px;
    padding-bottom: 50px;
    text-align: left;
    font-weight: 00;
    font-family: 'Libre Baskerville', serif;
    padding-bottom: 0;
    color: #1d6b4a;
    padding-bottom: 20px;
	}
}

.home-ecommerce p.sottotitolo{
	color: #666;
	font-size: 1.8em;
	padding: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	padding-bottom: 30px;
}

@media screen and (min-width: 64em) {
	.home-ecommerce p.sottotitolo{
		font-size: 1.5em;
	}
}

.home-ecommerce .fin1, .home-ecommerce .fin2{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
    align-items: center; 
    margin-bottom: 0px;
}

.home-ecommerce .fin1 a, .home-ecommerce .fin2 a{
	display: flex;
	width: 100%;
}

@media screen and (min-width: 64em) {
	.home-ecommerce .fin1 a, .home-ecommerce .fin2 a{
		    /* flex: 1 1 0; */
    width: 0;
    margin: 0 15px;
    width: 18%;
    float: left;
	}
}

.home-ecommerce .fin1{
	position: relative;
    margin-bottom: 40px;
    width: 100%;
    margin: 0px;
}

@media screen and (min-width: 64em) {
	.home-ecommerce .fin1{
		    display: flex;
    width: 100%;
    margin: 0px;
    background: #fff;
    border-radius: 20px;
	padding: 60px;
	}
}

.home-ecommerce .fin1 .fin1-bg{
	    background: rgba(29,107,94,.3);
    position: absolute;
    width: 100%;
    z-index: 0;
    bottom: 0;
    border-radius: 20px;
}

@media screen and (min-width: 37.5em) {
	.home-ecommerce .fin1 .fin1-bg{
		height: 60%;
	}
}


.home-ecommerce .fin2{
	position: relative;
	width: 100%;
}

.home-ecommerce .fin2 div.fin2-bg{
	position: absolute;
	width: 100%;
	top: 0;
	height: 60%;
	z-index: -1;
}



.home-ecommerce .fin1 p, .home-ecommerce .fin2 p{
	float: left;
	width: 100%;
	font-size: 1em;
	vertical-align: center;
}

@media screen and (min-width: 37.5em) {
	.home-ecommerce .fin1 p, .home-ecommerce .fin2 p{
		/*width: 50%;*/
	}
}

.home-ecommerce .fin1 p, .home-ecommerce .fin2 p{
	    padding: 0 40px;
    margin: 0;
    color: #000;
    font-size: 1.6em;
    font-weight: 400;
    text-align: left;
    padding-bottom: 50px;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 0px;
    font-weight: 300;
    padding-bottom: 80px;
    /* background: #f0f0f0; */
    border-radius: 20px;
    margin-bottom: 40px;
    font-weight: 400;
    font-family: 'Outfit', serif;
    text-align: center;
}

@media screen and (min-width: 37.5em) {
	.home-ecommerce .fin1 p, .home-ecommerce .fin2 p{
		font-size: 2em;
		padding-bottom: 40px;
	}
}

.home-ecommerce .fin1 p.titolo, .home-ecommerce .fin2 p.titolo{
	font-size: 3em;
    color: #000;
    border-right: 3px solid #fff;
    padding-bottom: 0;
}

.home-ecommerce .fin1 div.fin-prodotto, .home-ecommerce .fin2 div.fin-prodotto{
	    float: left;
    padding: 0 0px 0 0;
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 0px;
    position: relative;
    background: #1d6b4a;
    width: 15%;
    float: left;
    border-radius: 20px;
}

#finestre-promo {
    float: left;
    width: 100%;
    display: flex;
	flex-direction: column;
}

@media screen and (min-width: 37.5em) {
	#finestre-promo {
		flex-direction: row;
	}
}

#finestre-promo .fin1{
	width: 60%;
    height: auto;
    width: 100%;
    margin: 20px;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
	background-image: url('risorse/bg1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (min-width: 37.5em) {
	#finestre-promo .fin1 {
		height: 500px;;
	}
}

#finestre-promo .fin2{
	    width: 100%;
    height: 500px;
    background: #fff;
    margin: 20px;
    border-radius: 20px;
    background-image: url('risorse/segnala-ad-un-amico.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    padding: 50px;
    padding-right: 15%;
    font-size: 2.8em;
    color: #fff;
    line-height: 50px;
    font-weight: 600;
    font-family: 'Outfit', serif;
}

@media screen and (min-width: 37.5em) {
	#finestre-promo .fin2 {
		width: 40%;
	}
}

#finestre-promo .fin1 p{
	    padding-top: 60px;
    opacity: 1;
    padding-left: 50px;
    padding-right: 50%;
    text-align: left;
    padding-top: 20px !important;
    margin: 0;
    font-size: 1.8em;
}

#finestre-promo .fin1 p.titolo{
	    padding-top: 20px;
    opacity: 1;
    padding-top: 30px;
    padding-right: 30%;
    font-size: 2.4em;
    border: 0;
    line-height: 50px;
    font-weight: 600;
}

#box{
	    width: 100%;
    float: left;
    background-color: #1d6b4a;
    /* height: 340px; */
    margin: 20px;
    border-radius: 20px;
}

#box p{
	    color: #fff;
    padding: 0 60px;
    font-size: 2em;
    font-weight: 600;
    margin: 0;
    padding-top: 30px;
    font-family: 'Outfit', serif;
}

#box div.container{
	    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    flex-direction: column;
}

@media screen and (min-width: 37.5em) {
	#box div.container {
		flex-direction: row;
	}
}

#box div.container div{
    background-color: #fff;
    width: 100%;
    margin: 30px;
    border-radius: 20px;
	height: 400px;
}

.barra-offerta{
	width: 100%;
	float: left;
}

.barra-offerta p.titolo{
	font-size: 2em;
    float: right;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    text-transform: uppercase;
    color: #000;
    padding-top: 20px !important;
    padding-bottom: 0px;
    margin-top: 0px;
    text-align: center;
}

.barra-offerta div.fin-prodotto div.foto{
	width: 100%;
	width: 100%;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 60em) {
	.barra-offerta div.fin-prodotto div.foto{
		width: 40%;
	}
}

.home-ecommerce div.offerta{
	background: rgba(202,169,102,.2);
    width: 100%;
    float: left;
    margin-bottom: 50px;
	border-radius: 20px;
}

.home-ecommerce div.offerta div.guarda p{
		background: #046311;
		color: #fff;
		float: left;
		margin-bottom: 50px;
		padding: 20px 50px;
		border-radius: 50px;
		font-size: 1.3em;
		text-transform: uppercase;
		font-family: 'Afacad';
}

.home-ecommerce div.offerta div.foto img{
	width: 90%;
	margin: 0 auto;
	display: block;
	height: auto;
}

.home-ecommerce div.offerta div.info{
	width: 100%;
	float: right;
	background-color: transparent;
	position: static;
	border: 0;
	height: auto;
	font-size: .7em;
	padding: 30px;
	color: #000;

}

.home-ecommerce div.offerta div.info ul{
	margin: 0;
    font-size: 1.4em;
    font-weight: 400;
}

@media screen and (min-width: 60em) {
	.home-ecommerce div.offerta div.info{
		width: 60%;
		font-size: 1em;
		padding: 30px 10% 0 0;
	}
}


.home-ecommerce div.offerta div.info p.nome{
	font-size: 4em;
    font-family: 'Afacad';
    color: #666;
    margin-bottom: 0;
	line-height: 60px;
	font-weight: 300;
	margin: 0;
}

@media screen and (min-width: 37.5em) {
	.home-ecommerce div.offerta div.info p.nome{
		font-size: 3em;
	}
}

.home-ecommerce div.offerta div.info p.short{
	font-size: 1.4em;
    color: #000;
    font-weight: 400;
    
}

@media screen and (min-width: 37.5em) {
	.home-ecommerce div.offerta div.info p.short{
		padding-right: 0;
		padding: 0;
		padding-top: 20px;
	}
}

.home-ecommerce div.offerta div.info p.prezzo{
	font-size: 3em;
    font-family: 'Afacad';
    color: #000;
	margin-top: 0;
	margin-bottom: 0;
}

.home-ecommerce div.offerta div.info p.prezzo span.offerta{
	font-size: .4em;
    display: flex;
    text-transform: uppercase;
}

.home-ecommerce .fin1 div:first-of-type, .home-ecommerce .fin2 div:first-of-type{
	border-left: 0;
}

.home-ecommerce .fin1 div.fin-prodotto div.foto, .home-ecommerce .fin2 div.fin-prodotto div.foto{
	    z-index: 2;
    /* position: relative; */
    /* top: 40px; */
    overflow: hidden;
    height: 300px;
    padding: 0;
    margin: 10px;
    border-radius: 10px;
}

@media screen and (min-width: 37.5em) {
	.home-ecommerce .fin1 div.fin-prodotto div.foto, .home-ecommerce .fin2 div.fin-prodotto div.foto{
		z-index: 2;
    /* position: relative; */
    /* top: 40px; */
	height: 250px;
	overflow: hidden;
	}
}

.home-ecommerce .fin1 div.fin-prodotto div.foto img, .home-ecommerce .fin2 div.fin-prodotto div.foto img{
	    height: 100%;
    width: auto;
    max-width: none;
    margin: 0 auto;
    display: block;
    padding-bottom: 0px;
    background: transparent;
    /* margin: 10px; */
    /* width: calc(100% - 0px); */
}

@media screen and (min-width: 37.5em) {
	.home-ecommerce .fin1 div.fin-prodotto div.foto img, .home-ecommerce .fin2 div.fin-prodotto div.foto img{
		height: 320px;
		padding-bottom: 10px;
	}
}

.home-ecommerce .fin1 div.fin-prodotto div.info, .home-ecommerce .fin2 div.fin-prodotto div.info{
	width: calc(100% - 0px);
	float: right;
	z-index: 1;
}

.home-ecommerce .fin1 div.fin-prodotto:first-child, .home-ecommerce .fin2 div.fin-prodotto:first-child{
	
}

.home-ecommerce .fin1 div.fin-prodotto:last-child, .home-ecommerce .fin2 div.fin-prodotto:last-child{
	
}

.home-ecommerce .fin1 div.fin-prodotto div.info p, .home-ecommerce .fin2 div.fin-prodotto div.info p{
	width: 100%;
    padding-left: 40%;
    display: flex;
    flex-direction: column;
	padding: 40px;
}

.home-ecommerce .fin1 div.fin-prodotto div.info p.nome, .home-ecommerce .fin2 div.fin-prodotto div.info p.nome{
	text-align: right;
    font-family: 'Libre Baskerville', serif;;
    color: #fff;
    font-size: 1.4em;
    padding-top: 40px;
    font-weight: 300;
    padding-right: 20px;
    height: auto;
    text-align: left;
	height: 180px;

}

.home-ecommerce .fin1 div.fin-prodotto div.info p.nome span, .home-ecommerce .fin2 div.fin-prodotto div.info p.nome span{

	font-family: sans-serif;
	font-size: .8em;
	font-weight: 300;
	/* text-align: left; */
	padding-top: 20px;
}

.home-ecommerce .fin1 div.fin-prodotto div.info p.nome:after, .home-ecommerce .fin2 div.fin-prodotto div.info p.nome:after{
    height: 20px;
    position: absolute;
    content: '';
    right: 10px;
    width: 60%;
    top: 40px;
}

.home-ecommerce .fin1 div.fin-prodotto div.info p.nome:after{
	/*background: rgb(62,95,69);
    background: radial-gradient(circle, rgba(62,95,69,1) 0%, rgba(37,62,40,1) 100%);*/
}

.home-ecommerce .fin2 div.fin-prodotto div.info p.nome:after{
	/*background: rgba(101,13,123,1);
    background: radial-gradient(circle, rgba(101,13,123,1) 0%, rgba(64,4,79,1) 100%);*/
}

.home-ecommerce .fin1 div.fin-prodotto div.info p.prezzo, .home-ecommerce .fin2 div.fin-prodotto div.info p.prezzo{
	color: #fff;
	font-size: 1.4em;
	font-weight: 600;
	text-align: right;
	justify-content: center;
	margin-bottom: 0px;
	padding: 0;
	padding-right: 60px;
	position: relative;
	font-family: 'Afacad';
}
.home-ecommerce .fin1 div.fin-prodotto div.info p.prezzo{
	/*background: radial-gradient(circle, rgba(62,95,69,1) 0%, rgba(37,62,40,1) 100%);*/
}
.home-ecommerce .fin1 div.fin-prodotto div.info p.prezzo span.woocommerce-Price-amount{
	padding-bottom: 10px;
}
.home-ecommerce .fin2 div.fin-prodotto div.info p.prezzo{
	/*background: radial-gradient(circle, rgba(101,13,123,1) 0%, rgba(64,4,79,1) 100%);*/
}
.home-ecommerce .fin1 div.fin-prodotto div.info p.prezzo del, .home-ecommerce .fin2 div.fin-prodotto div.info p.prezzo del{
	font-size: .6em;
	padding-top: 10px;
	color: #fff;
}
.home-ecommerce .fin1 div.fin-prodotto div.info p.prezzo ins, .home-ecommerce .fin2 div.fin-prodotto div.info p.prezzo ins{
	padding-bottom: 10px;
	font-weight: 600;
	color: #fff;
}
.home-ecommerce .fin1 div.fin-prodotto div.info p.confezione, .home-ecommerce .fin2 div.fin-prodotto div.info p.confezione{
	color: #fff;
    display: flex;
    align-items: flex-end;
    font-family: 'Afacad';
    font-size: .7em;
    background: #fff;
    width: auto;
    float: right;
    padding: 0;
    padding: 10px 5%;
    margin-top: 20px;
    margin-right: 10px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
	margin-right: 20px;
}
@media screen and (min-width: 37.5em) {
	.home-ecommerce .fin1 div.fin-prodotto div.info p.confezione, .home-ecommerce .fin2 div.fin-prodotto div.info p.confezione{
		font-size: .8em;
	}
}
.home-ecommerce .fin1 div.fin-prodotto div.info p.prezzo span.prezzo, .home-ecommerce .fin2 div.fin-prodotto div.info p.prezzo span.prezzo{
    font-size: 30px;
    color: #046311;
    text-align: left;
    /* width: 50%; */
    /* background: #fff; */
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.home-ecommerce .fin1 div.fin-prodotto div.info p.prezzo span.prezzo{
	font-size: 15px;
}
    

.home-ecommerce .fin1 div.fin-prodotto div.info p.prezzo span.prezzo .price, .home-ecommerce .fin2 div.fin-prodotto div.info p.prezzo span.prezzo .price{
	color: #fff;
}

	.home-ecommerce .fin1 div.fin-prodotto div.info span.cart-icon, .home-ecommerce .fin2 div.fin-prodotto div.info span.cart-icon{
		height: 100%;
		background-color: #fff;
		width: 40px;
		height: 40px;
		right: 20px;
		position: absolute;
		/* background-image: url('risorse/icona-add-to-cart.png');*/
		background-size: 60%;
		background-position: center;
		background-repeat: no-repeat;
		color: #000;
		border-radius: 40px;
		text-align: center;
		line-height: 40px;
		font-weight: 800;
		font-size: 1.4em;
		
		}

div.categorie-home {
	    position: relative;
    display: flex;
    width: 100%;
    float: left;
    flex-direction: column;
    flex-wrap: nowrap;
}

@media screen and (min-width: 37.5em) {
	div.categorie-home{
    flex-direction: row;
    margin-top: 40px;
    background: #fff;
    margin: 30px;
    border-radius: 20px;
    padding: 20px;
	height: 500px;
	}
}

div.categorie-home .categoria{
	    z-index: 1000;
    top: 0;
    text-align: center;
    width: 100%;
    position: relative;
    height: 300px;
    margin: 0 20px;
    border-radius: 20px;
    overflow: hidden;
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width: 37.5em) {
	div.categorie-home .categoria{
    height: auto;
	width: 25%;
	}
}

div.categorie-home .categoria img{
	    height: 210px;
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 0;
}

div.categorie-home .categoria .nome-categoria{
	    position: absolute;
    top: 0;
    /* height: 100%; */
	height: 500px;
    display: flex;
    align-items: center;
    width: calc(100% - 0px);
    justify-content: center;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    background-color: rgba(0,0,0,.3);
    /* width: 200px; */
    /* margin-left: 100px; */
    /* border: 6px solid #666; */
    background-filter: url("filters.svg#filter") blur(4px) sepia(150%);
    /* filter: blur(1px); */
    box-shadow: rgba(17, 12, 46, 0.15) 0px 28px 100px 0px;
    margin: 0px;
}

div.categorie-home .categoria .nome-categoria p{
	    width: 200px;
    text-align: center;
    border-radius: 200px;
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 35px;
    font-weight: 300;
}

.fin-galleria{
	    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    /* text-align: center; */
}

@media screen and (min-width: 37.5em) {
	.fin-galleria{
    margin: 60px;
    width: calc(100%  - 120px);
	}
}

.fin-pag-galleria{
	width: calc(100%  - 0px);
	float: left;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-bottom: 40px;
	margin-top: 10px;
}

.fin-galleria p.titolo{
	font-family: 'Afacad';
    bottom: 0;
    padding-top: 0px;
    width: 100%;
    margin: 0;
    font-size: 4em;
    color: #336633;
	padding-left: 40px;
	padding-bottom: 40px;
}

.fin-galleria div{
	float: left;
}

.fin-novita{
	width: calc(100%  - 0px);
    margin: 0;
    float: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background-color: #336633;
    position: relative;
	padding: 50px 5%;
}

@media screen and (min-width: 37.5em) {
	.fin-novita{
		width: calc(100%  - 0px);
		margin: 40px 0px;
		border-radius: 40px;
		width: calc(100%  - 120px);
		margin: 0 60px;
	}
}

.fin-novita a{
	text-decoration: none;
	color: #000;
	flex: 1 1 0;
	
}

@media screen and (min-width: 37.5em) {
	.fin-novita a{
		width: 50%;
	}
}

.fin-novita p.titolo{
	font-family: 'Afacad';
    bottom: 0;
    padding-top: 0px;
    width: 100%;
    margin: 0;
    font-size: 4em;
    color: #fff;
	padding-left: 40px;
	padding-top: 30px
}

.fin-novita div.finestra-novita{
	padding-top: 40px;
    opacity: 1;
    background: #fff;
    padding: 0;
    right: 0;
    padding: 20px;
    font-size: 2em;
	border-radius: 10px;
	margin: 5px;
	margin: 5px;
}

@media screen and (min-width: 37.5em) {
	.fin-novita div{
		width: 98%;
		margin: 20px 1%;
	}
}

.fin-novita div.finestra-novita p{
	font-size: .5em;
	padding: 0 20px;
	margin: 0;
}

.fin-novita div.finestra-novita p.titolo{
	font-size: 1em;
    color: #666;
    line-height: 30px;
    padding-bottom: 30px;
    font-weight: 300;
	
}

.fin-novita div.finestra-novita p.foto{
	height: 200px;
    background-size: cover;
    width: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
	border-radius: 10px;
	margin-top: 40px;
}

.fin-novita div.finestra-novita p.categoria{
		width: auto;
		text-transform: uppercase;
		font-family: 'Afacad';
		margin-bottom: 10px;
		float: left;
		background: #046311;
		border-radius: 20px;
		font-size: .5em;
		color: #fff;
}

.chi-siamo-top {
	width: 100%;
	float: left;
	position: relative;
}

.chi-siamo-top .first{
    text-align: center;
    background-image: url('risorse/lafrutteria-chi-siamo.jpg');
    padding: 20px;
    font-family: 'Afacad';
    font-size: 2em;
    color: #666;
    letter-spacing: .2em;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 220px;
    padding-bottom: 220px;
    /* opacity: .7; */
    color: #fff;
    font-size: 3em;
    width: 100%;
    margin-top: 40px;
    /* margin: 20px 60px; */
    /* border-radius: 20px; */
	float: left;
	z-index: 2;
	position: relative;
}

@media screen and (min-width: 37.5em) {
	.chi-siamo-top .first{ 
		width: 50%;
	}
}

.chi-siamo-top .first .overlay-fin{
    background-color: rgba(202,169,102,.1);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.chi-siamo-top .second{
	width: 100%;
    height: 500px;
    float: right;
    background-color: rgba(0,0,0,.3);
    justify-content: center;
    display: flex;
    position: absolute;
    right: 0;
    z-index: 2;
    font-family: 'Afacad';
    padding-left: 15%;
    font-size: 2em;
    height: 100%;
    flex-direction: column;
    top: 40px;
    color: #fff;
}

@media screen and (min-width: 37.5em) {
	.chi-siamo-top .second{ 
		width: 60%;
		z-index: 1;
		top: 0;
		background-color: rgba(202,169,102,.3);
	}
}

.chi-siamo-top p{
	text-align: left;
    float: left;
    font-size: 1em;
    margin: 0;
    color: #fff;
    padding-right: 40px;
}

@media screen and (min-width: 37.5em) {
	.chi-siamo-top p{
		color: #000;
	}
}

.chi-siamo-top p.titolo_sopra{
	text-align: left;
float: left;
font-size: .5em;
margin: 0;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 80px;
position: relative;
}

.chi-siamo-top p.titolo_sopra:after{
position: absolute;
	bottom: 30px;
	left: 0;
	height: 2px;
	width: 60px;
	border-radius: 10px;
	position: absolute;
	background-color: #046311;
	content: '';
}

/* galleria top */

.galleria-top, .contatti-top {
	width: 100%;
	float: left;
	position: relative; 
    background-size: cover;
    background-repeat: no-repeat;
}

.galleria-top div.foto, .contatti-top div.foto{
    text-align: center;
    font-family: 'Afacad';
    font-size: 2em;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff;
    font-size: 3em;
    width: 100%;
	float: left;
	z-index: 2;
	position: relative;
	color: #046311;
	padding-left: 10%;
	text-align: left;
}

.galleria-top .overlay-fin, .contatti-top .overlay-fin{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	text-align: left;
	padding-left: 10%;
}

/* fine galleria top */

.territorio-top, .visite-top {
	width: 100%;
	float: left;
	position: relative;
	height: 450px;
}

.territorio-top .first, .visite-top .first{
	text-align: center;
    background-image: url('risorse/lafrutteria-territorio.jpg');
    padding: 20px;
    font-family: 'Afacad';
    font-size: 2em;
    color: #666;
    letter-spacing: .2em;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: bottom;
    padding-top: 220px;
    padding-bottom: 220px;
    color: #fff;
    font-size: 3em;
    width: 100%;
    /* margin-top: 40px; */
    float: left;
    z-index: 2;
    position: absolute;
}

.visite-top .first{
    background-image: url('risorse/lafrutteria-visite.jpg');
}

.full-div-images {
	float: left;
	width: 100%;
	
}

.full-div-images div{
}

.full-div-images div {
	background-color: #fff;
    width: 90%;
    height: 600px;
    flex: 0 0 90%;
    flex-grow: 1;
    background-size: cover;
    margin: 5%;
    border-radius: 10px;
	background-position: center;
}

@media screen and (min-width: 37.5em) {
	.full-div-images{ 
		display: flex;
    flex-direction: row;
    width: 50%;
    /* flex: 0 0 100%; */
    flex-grow: 1;
    float: left;
		flex-direction: row;
	}
}

.territorio-top .first .overlay-fin-territorio, .visite-top .first .overlay-fin-territorio{
    background-color: rgba(202,169,102,0);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.territorio-top p, .visite-top p{
	text-align: left;
    float: left;
    font-size: 1em;
    margin: 0;
    color: #000;
    background: rgba(255,255,255,.7);
    padding: 40px;
}

.visite-top p{
	background: #046311;
    color: #fff;
}

.territorio-top p.titolo_sopra{
    text-align: left;
    float: left;
    font-size: .5em;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 80px;
    position: relative;

}

.territorio-top p.titolo_sopra:after{
	position: absolute;
    bottom: 30px;
    left: 0;
    height: 2px;
    width: 60px;
    border-radius: 10px;
    position: absolute;
    background-color: #fff;
    content: '';

}

.territorio-top .second, .visite-top .second{
	width: 100%;
    height: 100%;
    float: right;
    justify-content: center;
    align-items: left;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    z-index: 1;
    font-family: 'Afacad';
    padding-left: 15%;
    font-size: 2em;
    z-index: 2;
    float: left;
}

.visite-top .second{
    padding-left: 0%;
}

@media screen and (min-width: 37.5em) {
	.territorio-top .second, .visite-top .second{
		width: 60%;
	}
}

.bg-big{
	position: absolute;
    right: 0px;
    background-image: url('risorse/bg-frantoio.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 30%;
    height: 100%;
    border-radius: 20px;
    z-index: 2;
    margin-left: 10px;
    margin-right: 2.5%;
}

.bg-big.cantina{
    background-image: url('risorse/bg-cantina.png');
	background-repeat: no-repeat;
}

@media screen and (min-width: 37.5em) {
	.bg-big{
		width: 20%;
	}
}

.cantina {
	background: radial-gradient(circle, rgba(101,13,123,.2) 0%, rgba(64,4,79,.1) 100%);
	
}

.frantoio {
	background: radial-gradient(circle, rgba(62,95,69,.2) 0%, rgba(37,62,40,.1) 100%);
	
}

.cantina .foto-testo, .frantoio .foto-testo {
	background-color: #f0f0f0;
	
}

.frantoio-top, .vino-top {
	width: 100%;
	float: left;
	position: relative;
	height: 450px;
	background: radial-gradient(circle, rgba(62,95,69,.4) 0%, rgba(37,62,40,.7) 100%);
	display: flex;	
	align-items: center;
}

.frantoio-top .first, .vino-top .first{
	text-align: center;
    font-family: 'Afacad';
    font-size: 4em;
    padding-top: 220px;
    padding-bottom: 220px;
    color: #fff;
    font-size: 3em;
    width: 50%;
    float: left;
    z-index: 2;
    position: absolute;
	text-align: left;
	padding: 40px 20px 40px 20px;
}

@media screen and (min-width: 37.5em) {
	.frantoio-top .first, .vino-top .first{
		font-size: 4em;
		color: #fff;
	}
}

.frantoio-top p, .vino-top p{
	text-align: left;
float: left;
font-size: .4em;
margin: 0;
}

.frantoio-top p.titolo_sopra, .vino-top p.titolo_sopra{
	text-align: left;
float: left;
font-size: .5em;
margin: 0;

}

.frantoio-top .second, .vino-top .second{
	width: 50%;
    height: 100%;
    float: right;
    background-color: rgba(202,169,102,0);
    justify-content: center;
    align-items: left;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    z-index: 1;
    font-family: 'Afacad';
    padding-left: 15%;
    font-size: 2em;
    /* height: 100%; */
    /* position: absolute; */
    z-index: 2;
    /* top: 50%; */
    /* height: 100%; */
    /* margin-top: 20%; */
    float: left;
}

.contenuto-testo{
	float: left;
    width: 100%;
    font-size: 1.4em;
    font-weight: 300;
}

.contenuto-testo.right-padding{
	background-color: #fff;
}

.contenuto-testo.right-padding .titolo{
	margin-bottom: 0;
    text-align: left;
    padding-left: 40px;
    line-height: 40px;
	padding-bottom: 30px;
}

.contenuto-testo p{
    font-size: .8em;
    padding: 0 80px 120px 80px;
}

.contenuto-testo p.centro{
   text-align: center;
}

@media screen and (min-width: 37.5em) {
	.contenuto-testo p{
		font-size: 1.2em;
		
	}
}

.contenuto-testo p.intro{
	font-size: 1.4em;
	font-family: 'Afacad';
	color: #000;
	padding: 120px 10% 120px 10%;
	background-color: #666;
	margin: 0;
	float: left;
	background-color: rgba(0,0,0,.1);
	}
	.contenuto-testo p.intro.bianco{
		color: #fff;
		}

		.contenuto-testo p.intro a{
		    height: 90px;
    /* width: 90px; */
    background: #046311;
    float: right;
    line-height: 90px;
    text-align: center;
    border-radius: 45px;
    margin-left: 20px;
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
	width: 100%;
		}

@media screen and (min-width: 37.5em) {
	.contenuto-testo p.intro{
		padding: 120px 10% 120px 30%;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
}

.contenuto-testo p.intro span {
	font-size: 3em;
	font-style: italic;
	line-height: 10px;
	color: #046311;
	  }

.contenuto-testo.right-padding p{
	padding: 0px 40% 10% 10%;
    color: #000;
}

.contenuto-testo p.titolo{
	font-family: 'Afacad';
    font-size: 1.6em;
    text-align: left;
    color: #046311;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 50px;
    float: left;
    
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
}

@media screen and (min-width: 37.5em) {
	.contenuto-testo p.titolo{ 
		font-size: 2em;
		padding: 90px 40% 0 80px;
	}

	.contenuto-testo p.titolo.full{ 
		font-size: 2em;
		padding: 90px 80px 0 80px;
		padding-bottom: 40px;
	}
}

.contenuto-testo.right-padding .foto-testo{
	width: 100%;
    float: left;
	position: relative;
	z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
	padding-bottom: 420px;
}

@media screen and (min-width: 37.5em) {
	.contenuto-testo.right-padding .foto-testo{ 
		background-size: 60%;
    background-position: right;
	padding-bottom: 0;
	}
}

.contenuto-testo.right-padding .foto-testo.frantoio{
	background-image: url(risorse/galleria/foto1.jpg);
}

.contenuto-testo.right-padding .foto-testo.cantina{
	background-image: url(risorse/cantina.jpg);
}

.contenuto-testo.right-padding .foto-testo p{
	color: #fff;
    padding: 0px 10% 10% 10%;
}

.right-padding .foto-testo .testo{
	width: 100%;
    float: left;
	z-index: 4;
	position: relative;
	background: radial-gradient(circle, rgba(62,95,69,1) 0%, rgba(37,62,40,1) 100%);
}

@media screen and (min-width: 37.5em) {
	.right-padding .foto-testo .testo{
		width: 40%;
		font-size: .8em;
	}
}

.foto-testo .foto{
	width: 60%;
    float: right;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
}

.right-padding .foto-testo .foto{
	width: 100%;
}

.contenuto-contatti{
	float: left;
    width: 100%;
    font-size: 1em;
    font-weight: 300;
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 37.5em) {
	.contenuto-contatti{
		flex-direction: row;
	}
}

.contenuto-contatti .error{
	color: red;
	font-weight: 600;
}

.contenuto-contatti div.first p{
	margin-bottom: 20px;
    color: #000;
    width: 100%;
    float: left;
}

.contenuto-contatti div.first p.contatto{
	margin-bottom: 0px;
    color: #000;
    padding: 20px;
    padding: 20px;
    padding-left: 0px;
    display: flex;
    flex-flow: column;
    font-family: 'Afacad';
    font-size: .9em;
    padding: 30px;
    border-left: 2px solid #046311;
    margin-left: 10px;
}

.contenuto-contatti div.first{
	float: left;
    width: 100%;
    margin: 0%;
    background-color: #fff;
    padding: 50px;
    font-size: 1.2em;
    font-weight: 400;
}

.contenuto-contatti div.first a {
	font-size: .8em;
    background: rgba(4,99,17,.1);
    padding: 10px 30px;
    border-radius: 20px;
    margin-right: 20px;
    /* margin-left: 20px; */
    width: auto;
	text-decoration: none;
	margin-top: 10px;
}

.contenuto-contatti div.second{
	float: left;
    width: 100%;
    margin-top: 50px;
    padding: 90px 0%;
    margin: 0%;
    border-radius: 10px;
    background: #f0f0f0;
    padding-left: 40px;
}

@media screen and (min-width: 37.5em) {
	.contenuto-contatti div.second{
		padding-left: 80px;
	}
}

.contenuto-contatti div.second p.titolo{
	float: left;
    width: 100%;
    margin-top: 50px;
    padding: 30px 0%;
    margin: 0%;
    border-radius: 10px;
	font-size: 2em;
}

@media screen and (min-width: 37.5em) {
	.contenuto-contatti div.first, .contenuto-contatti div.second{
		width: 50%;
	}
}

.contenuto-contatti p{
	margin: 0;
}

.contenuto-contatti p.titolo{
	text-align: left;
	font-size: 1.4em;
	font-family: 'Afacad';
}

.contenuto-contatti div form input, .contenuto-contatti div form .control-wrap{
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.contenuto-contatti div form input, .contenuto-contatti div form textarea{
	border: 0;
    background-color: transparent;
    padding: 10px;
    width: 80%;
    /* margin: 0% 10%; */
    /* font-size: 1.6em; */
    border-radius: 0px;
    padding: 10px 40px;
    border: 1px solid green;
    margin-right: 20%;
}

.contenuto-contatti div form input.submit{
	background-color: green;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}

.contenuto-contatti div.privacy label{
	width: 60%;
    float: right;
    margin-right: 20%;
    padding-bottom: 40px;
}

.contenuto-contatti div.privacy input.form-checkbox{
	width: 20px;
    height: 20px;
    margin: 0;
    margin-left: 20px;
    margin-top: 30px;
}

.contenuto-contatti div.mappa{
	width: 100%;
	float: left;
}

.barra-waze{
	text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    background-color: #f0f0f0;
}

.barra-waze a{
	display: block;
    margin: 0 auto;
    text-transform: uppercase;
    text-decoration: none;
	font-weight: 400;
}

.barra-waze img{
	margin-right: 5px;
	height: 30px;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	     display: none;
    position: fixed;
    right: 0;
    background: #1d6b4a;
    /* min-height: 100vh; */
    /* top: 0; */
    /* padding: 130px 30% 50px 5%; */
    z-index: 2;
    overflow: scroll;
    overflow-x: hidden;
    left: 0;
    width: 68%;
    padding: 30px;
    border-radius: 20px;
    left: 20px;
    height: 100vh;
    width: calc(100% - 40px);
    padding: 60px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	    padding: 5px 20px 5px 30px;
    /* background-color: #696912; */
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 30px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 1.5em;
    font-family: 'Outfit', serif;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: none;
}

.menu-main-menu-container ul.menu {
	display: flex;
    flex-direction: column;
}

.menu-main-menu-container ul.menu li {
	display: block;
    padding-right: 30px;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		flex-direction: column;
		position: absolute;
		height: 100%;
		overflow-y: visible;
		top: 150px;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.site-main.blur{
	transition:  all .4s ease-in;
		}

.site-main.blur{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* footer */
.pre-footer {
	    height: 600px;
    float: left;
    width: calc(100% - 40px);
    background-size: cover;
    margin: 0 20px;
    border-radius: 40px;
    margin-top: 20px;
}
@media screen and (min-width: 37.5em) {
	.pre-footer {
		height: 400px;
		margin: 40px 0px;
		width: 100%;
	}
}
.pre-footer div{
	display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
    font-size: 2em;
    color: #fff;
	padding: 40px;
}
@media screen and (min-width: 37.5em) {
	.pre-footer div {
		font-size: 4em;
	}
}
.site-footer {
	    margin: 0;
    float: left;
    width: calc(100% - 0px);
    position: relative;
    z-index: 1;
    margin-top: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    background: rgba(29,107,94,.1);
}

.site-footer h1 img{
		margin: 0 auto;
		display: block;
}

.site-footer div.social {
	border: 0;
	display: flex;
    padding: 20px;
    width: 60%;
}

.site-footer div.social a {
	padding: 10px;
	float: left;
}

.site-footer div.social img {
	height: 30px;
    width: auto;
    max-width: none;
}

.site-footer div {
	    float: right;
    padding: 10px 3%;
    border-left: 0px solid #666;
    width: 100%;
    margin: 20px;
    border-radius: 20px;
}

.site-footer div.menu-main-menu-container, .site-footer div.menu-main-menu-en-container {
	padding: 0;
}

.site-footer div.menu-main-menu-container ul, .site-footer div.menu-main-menu-en-container ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
@media screen and (min-width: 37.5em) {
	.site-footer div {
			width: calc(25% - 40px);
			float: left;
	}

	.site-footer div.menu-main-menu-container, .site-footer div.menu-main-menu-en-container {
		border-left: 0px solid #666;
		margin: 0;
		padding: 0;
		width: 100%;
	}
}
.site-footer div p {
	font-family: 'Afacad';
	margin-top:0;
	text-align: left;
	padding-top: 10px;
}

.site-footer div a {
	
width: 100%;
float: left;
color: #666;
font-weight: 600;
text-decoration: none;
padding-top: 10px;
}

.site-footer div p.titolo {
	font-family: 'Libre Baskerville', serif;;
    font-weight: 600;
    color: #046311;
    margin-bottom: 0;
    font-size: 1.6em;
    font-weight: 300;
	text-align: left;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* breadcrumbs
--------------------------------------------- */
.woocommerce .woocommerce-breadcrumb, .breadcrumb{
	padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 4;
    margin: 0 0 1em;
    font-size: .8em;
    color: #fff;
    background-color: rgba(0,0,0,.4);
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 20px;
    border-radius: 10px;
    background-image: url('risorse/foto-home.jpg');
    background-position: center;
}
@media screen and (min-width: 37.5em) {
	.woocommerce .woocommerce-breadcrumb, .breadcrumb{
		font-size: .92em;
	}
	
}
.woocommerce .woocommerce-breadcrumb a, .breadcrumb a{
	color: #fff;
    font-weight: 600;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    padding-bottom: 0px;
}

/* Product Woocommerce
--------------------------------------------- */
.products, .products-footer{
	display: flex;
  flex-flow: row wrap;
	width: 100%;
	padding: 0px 0%;
	font-size: .9em;
}

.products .reminder{
	    width: 80%;
    float: left;
    background: #fff;
    padding: 5px 20%;
    border-radius: 0px;
    background-color: rgba(185,27,24,1);
    color: #fff;
    font-weight: 300;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    /* text-transform: uppercase; */
    margin: 20px;
    /* border: 1px solid red; */
    background: transparent;
    color: #fff;
    border-radius: 5px;
    background: #cc3300;
    padding: 20px;
    text-align: left;
}

.products-footer p.description, .products-footer p.categoria{
	padding: 0 !important;
}

@media screen and (min-width: 37.5em) {

	.products, .products-footer{
		display: flex;
	  flex-flow: row wrap;
		width: 100%;
		padding: 0px 10%;
		font-size: .9em;
	}
}

.products-footer p {
	
}

.barra-prodotti{
	background-color: #fff;
}

.barra-prodotti.olio{
	font-size: .6em;
}

.barra-prodotti p.titolo{
	font-family: 'Afacad';
	font-size: 2em;
	padding: 120px 10%;
	float: left;
	margin: 0;
	color: #000;
}

.products.related, .products.columns-4{
      justify-content: flex-start;
    position: relative;
    padding: 0px 0px;
    background: #efede1 !important;
    margin: 0 20px;
    width: calc(100% - 40px);
    border-radius: 20px;
}

@media screen and (min-width: 37.5em) {

	.products.related, .products.columns-4{
		
	  }
}

.products.related h2{
	    font-family: 'Libre Baskerville', serif;
    font-size: 2em;
    font-weight: 300;
    padding-bottom: 0px;
    padding: 30px 40px;
    font-size: 3em;
  }

.woocommerce-result-count{
	float: left;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 1.4em;
    font-weight: 300;
}

.woocommerce-products-header__title{
	text-align: center;
    font-family: 'Afacad';
    font-weight: 300;
    font-size: 3em;
    margin-bottom: 0;
}

@media screen and (min-width: 37.5em) {

	.woocommerce-products-header__title{
	    font-size: 2.4em;
    font-family: 'Libre Baskerville', serif;
    color: #1d6b4a;
    /* padding-top: 40px; */
    padding-bottom: 0px;
    text-align: left;
    padding-left: 30px;
    background: #efede1 !important;
    margin: 0 20px;
    padding: 20px 90px 0px 90px;
    border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	}
}

.woocommerce-products-header p{
	    padding: 0px 90px 20px 90px;
    font-size: 1.1em;
    font-weight: 300;
    font-weight: 400;
    background: #efede1 !important;
    margin: 0 20px;
    /* border-radius: 20px; */
    color: #999;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /* margin: 0; */
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
	float: left;
    text-align: left;
    padding-left: 30px;
    color: #046311;
    font-weight: 600;
    /* text-transform: uppercase; */
    font-size: 1.6em;
    font-weight: 300;
}

.products .product{
	width: calc(100% - 10px);
	margin: 0 5px;
	position: relative;
}

@media screen and (min-width: 64em) {

	.products .product{
		width: calc(20% - 30px);
		margin: 0 15px;
	}
}

.products-footer .product{
	width: calc(100% - 10px);
	margin: 5px;
	position: relative;
}

@media screen and (min-width: 55em) and (max-width: 64em) {

	.products-footer .product{
		width: calc(50% - 30px);
		margin: 15px;
		height: 600px;
	}
}

@media screen and (min-width: 65em) {

	.products-footer .product{
		width: calc(25% - 30px);
		margin: 15px;
		height: 600px;
	}
}

.product{
	font-weight: 300;
	text-align: center;
}

.products-footer .product .foto img{
	height: 400px;
	width: auto;
}

@media screen and (min-width: 60em) {

	.products-footer .product .foto img{
		height: 300px;
	}
}

div.fin-prodotto{
	display: flex;
    flex-wrap: wrap;
    flex-flow: column wrap;
    flex: 1 1 0px;
    position: relative;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 40px;
    border-radius: 0px;
	background: #1d6b4a;
	border-radius: 20px;;
}

div.fin-prodotto div.spedizione {
	    width: 100%;
    float: left;
    color: #fff;
    background: #776258;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin: 10px;
    border-radius: 20px;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (min-width: 60em) {

	div.fin-prodotto{
		flex-flow: row wrap;
		overflow: visible;
	}
}

div.fin-prodotto span.price{
	    background-color: transparent !important;
    font-weight: 600;
    color: #000;
    text-align: center;
    float: left;
    padding-right: 0px;
    font-size: 30px;
    height: 90px;
    display: flex;
    padding-left: 20px;
    padding: 0;
    padding-left: 30px;
    flex-direction: column;
	height: 100%;
	justify-content: center;
	align-items: flex-start;
}

div.fin-prodotto span.price del{
	font-weight: 300;
	float: left;
	width: 100%;
	font-size: .8em;
}

div.fin-prodotto div.foto{
	position: relative;
    width: 100%;
    z-index: 2;
    padding-top: 10px;
	padding-top: 0px;
	padding-bottom: 30px;
	left: 0px;
}

@media screen and (min-width: 60em) {

	div.fin-prodotto div.foto{
		position: relative;
width: 100%;
padding: 0;
left: 0;
	}
}


div.fin-prodotto div.foto img{
	height: 100%;
	width: auto;
	margin-top: 30px;
	border-radius: 20px;
}

@media screen and (min-width: 37.5em) {

		div.fin-prodotto div.foto img{
			height: 220px;
			border: 10px;
		}
	}

div.fin-prodotto div.info{
	width: calc(100% - 0px);
    float: right;
    z-index: 1;
    width: 100%;
    float: right;
    z-index: 1;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-right: 0px;
	height: 350px;
	
}

div.fin-prodotto div.info .categoria{
	padding-left: 0 !important;
	
}

.product div.fin-prodotto div.info{
	padding: 20px;
}

div.fin-prodotto div.info div.prezzo {
	width: 100%;
    float: right;
    font-size: .8em;
	margin-top: 0px;
}

div.fin-prodotto div.info div.prezzo p.confezione, div.fin-prodotto div.info div.prezzo p.prezzo {
	text-align: right;
}

div.fin-prodotto div.info div.prezzo p.confezione{
        padding-right: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 1.2em;
    border-radius: 20px;
    text-align: center;
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    text-align: left;
    width: 100%;
    padding: 0;
    background: #fff;
    padding: 5px 30px;
    width: auto;
    float: left;
    font-size: 1em;
    font-weight: 400;
}

div.fin-prodotto div.info p.categoria{
	text-align: left;
    padding-right: 0px;
    /* font-family: 'Noto'; */
    text-transform: uppercase;
    color: #fff;
    font-size: .8em;
    letter-spacing: 1px;
    font-weight: 600;
    /* padding-top: 20px; */
    padding-bottom: 0;
    font-size: 1.1em;
    width: 100%;
    float: right;
	margin: 0;
	padding: 0;
}

div.fin-prodotto div.info div.prezzo p.prezzo{
	font-size: 2.8em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    padding-right: 0;
    padding-bottom: 20px;
    width: 100%;
    float: left;
	margin-top: 0;
}

div.fin-prodotto div.info div.prezzo p.prezzo del{
	    font-size: 0.7em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    padding-right: 0;
    padding-bottom: 20px;
    width: 100%;
    float: left;
    margin-top: 0;
    padding: 0;
}

div.fin-prodotto div.info h2{
	    padding-left: 0%;
    padding-right: 0px;
    padding-top: 10px;
    text-align: left;
    font-size: 1.6em;
    font-weight: 300;
    position: relative;
    z-index: 3;
    background-color: rgba(202,169,102,0);
    padding-bottom: 20px;
    margin: 0;
    height: 60px;
    line-height: 23px;
    color: #000;
    font-family: 'Libre Baskerville', serif;
    color: #fff;
}

div.fin-prodotto:hover div.info h2{
	color: #000;
	}

div.fin-prodotto div.info h2:after{
height: 20px;
position: absolute;
content: '';
right: 0px;
width: 60%;
top: 10px;

	}

	div.fin-prodotto div.info p.description{
		width: 100%;
		float: right;
		text-align: left;
		height: 40px;
		font-weight: 400;
		font-size: 1.1em;
		padding-top: 15px;
		line-height: 19px;
		color: #fff;;
	}


.vino div.fin-prodotto div.info h2:after{
	
		}

.olio div.fin-prodotto div.info h2:after{
		
			}


.button.product_type_simple{
	width: 100%;
	float: left;
	flex: 1;
}

.product a{
	text-decoration: none;
}

.product a h2{
	color: #fff;
}


.product img.size-woocommerce_thumbnail{
	margin-left: 30px;
	display: block;
	height: 290px;
	width: auto;
}

@media screen and (min-width: 37.5em) {

	.product img.size-woocommerce_thumbnail{
		height: 200px;
	}
}

.products-footer .product img.size-woocommerce_thumbnail{
	margin-left: 30px;
	display: block;
	height: 300px;
	width: auto;
}

.product .entry-title{
	text-align: center;
	font-family: 'Afacad';
    padding-top: 40px;
    font-weight: 300;
    color: rgba(62,95,69,1);
	font-size: 2.3em;
}

.product-type-simple{
	
	position: relative;
}
.product .bg-scheda-prodotto{
}
@media screen and (min-width: 37.5em) {

	.product .bg-scheda-prodotto{
		top: 180px;
	}
}
.page-description p{
	    font-size: 1.4em;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    font-weight: 300;
    padding: 0 30px;
    text-align: left;
    margin: 0;
}
.woocommerce div.product div.images.woocommerce-product-gallery{
	position: static !important;
    margin-left: 40px;
    border-radius: 10px;
    margin-left: 0px;
    width: calc(100% - 0px);
    /* float: left; */
}

@media screen and (min-width: 37.5em) {

	.woocommerce div.product div.images.woocommerce-product-gallery{
		bottom: -100%;
		margin-left: 50px;
		width: 38%;
	}
}

.woocommerce div.product div.images.woocommerce-product-gallery img{
	margin: 0 auto;
    max-width: 100%;
    margin: 0 20px;
    max-height: 800px;
    margin: 0 auto;
	width: auto;
}

.woocommerce div.product_cat-offerte div.images.woocommerce-product-gallery img{
	height: auto;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	width: 100%;
}
@media screen and (min-width: 60em) {

	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
		width: 38%;
	}
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	width: 100%;
	min-height: 600px;
}

@media screen and (min-width: 60em) {

	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
		width: calc(62% - 50px);
	}
}

div.summary .descrizione-prodotto{
    /* background: #f0f0f0; */
}
div.summary .descrizione-prodotto p{ 
	font-size: 1.2em;
    padding: 40px 20% 40px 0%;
    text-align: left;
    margin-right: 20%;
    color: #000;
    font-family: 'Afacad';
  }

  div.summary .descrizione-prodotto p.abbinamenti{
	background-image: url('risorse/info-icon.png');
    background-repeat: no-repeat;
    background-size: 40px;
    padding: 0 70px;
    background-position: 20px center;
    margin: 0px 10px 0px 10px !important;
    border: 0;
    font-size: 1em;
    /* background-color: rgba(4,99,17,.1); */
    padding: 40px 40px 40px 80px;
    border-radius: 20px;
    background-color: rgba(4,99,17,.1);
	margin: 0px 5% 0px 5% !important;
  }

  @media screen and (min-width: 60em) {

	div.summary .descrizione-prodotto p.abbinamenti{
		margin: 0px 20% 0px 10% !important;
	}
}

  div.summary .descrizione-prodotto li {
	text-align: left;
    font-family: 'Noto';
    font-size: 1.7em;
  }
.woocommerce #content div.product div.summary p, .woocommerce div.product div.summary p, .woocommerce-page #content div.product div.summary p, .woocommerce-page div.product div.summary p{
	margin:0;
    margin-left: 20px;
}

.woocommerce #content div.product div.summary p.weight, .woocommerce div.product div.summary p.weight, .woocommerce-page #content div.product div.summary p.weight, .woocommerce-page div.product div.summary p.weight{
	    margin: 0 20px;
    background: #f0f0f0;
    border-radius: 20px;
    width: auto;
    float: right;
    font-size: .5em;
    padding-left: 20px;
    background: green;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 0 20px;
}

@media screen and (min-width: 37.5em){
	div.summary .descrizione-prodotto p{ 
		font-size: 2em;
	}
	.woocommerce #content div.product div.summary p, .woocommerce div.product div.summary p, .woocommerce-page #content div.product div.summary p, .woocommerce-page div.product div.summary p{
		margin-left: 0px;
		padding-right: 40px;
		text-align: left;
	}

	.woocommerce-page div.product div.summary p{
		    padding-right: 0px;
    padding-right: 60px;
    font-weight: 300;
    font-size: 1.4em;
	color: #000;
	line-height: 32px;
	}



	.woocommerce div.product form.cart .woocommerce-variation-description p{
		    margin-bottom: 1em;
    color: #000;
    padding-left: 20px;
    text-transform: none;
    font-weight: 600;
    font-size: 1.3em;
	}
}

.woocommerce-product-details__short-description p{
	color: #fff !important;
    text-align: left;
    padding-bottom: 16px;
    line-height: 18px;
    padding-right: 20px;
    padding-left: 20px;
    /* float: left; */
    text-align: center;
    margin: 30px;
    float: left;
    width: 50%;
}
.woocommerce-product-details__short-description ul{
margin: 0;
text-align: left;
padding-bottom: 30px;
}

.woocommerce-product-details__short-description ul li{
	color: #fff;
	font-size: 1.2em;
	text-align: left;
}

.woocommerce div.product .product_title{
	line-height: 60px;
    font-family: 'Libre Baskerville', serif;;
    padding-left: 20px;
    padding-bottom: 50px;
    color: #1d6b4a;
    text-align: left;
}
@media screen and (min-width: 37.5em){
	.woocommerce div.product .product_title{
	     padding-left: 50px;
    font-size: 2.9em;
    /* background: #efede1; */
    font-weight: 800;
    padding-bottom: 10px;
    margin: 0 40px;
	}
}
.woocommerce div.product .categoria{
	font-family: 'Afacad';
    text-transform: uppercase;
    /* text-align: left; */
    width: 100%;
    float: left;
    font-weight: 600;
    padding-top: 0px;
    margin-bottom: 0;
    text-align: left;
    padding-left: 20px;
}
@media screen and (min-width: 37.5em){
	.woocommerce div.product .categoria{
		padding-top: 20px;
		text-align: left;
		padding-left: 0px;
		font-size: 2em;
		padding-bottom: 10px;
		padding-left: 90px;
	}
}
div.product .entry-summay{
	width: 50%;
	background-color: #000;
	float: left;
	position: relative;
}

.woocommerce-product-details__short-description p {
	padding: 0;
    width: 100%;
    padding-bottom: 30px;
    text-align: left !important;
    font-size: 1.2em;
    line-height: 30px;
    padding-right: 0 !important;
    line-height: 24px;
	margin-left: 0 !important;

}

 .add-to-cart{
	        background-color: #1d6b4a;
    padding: 50px 10px;
    float: left;
    margin-left: 0%;
    padding: 40px;
    margin: 20px 0px;
    /* border: 1px solid #666; */
    border-radius: 10px;
    margin-left: 0px;
    width: 100%;
    padding: 40px;
	position: relative;
	display: flex;
	flex-direction: column;
	
}

@media screen and (min-width: 37.5em) {

	.add-to-cart{
			width: 80%;
			display: block;;
			
		   }
	}

.add-to-cart p {
	float: left;
	width: 100%;
}

.add-to-cart p.more-info-button {
	margin: 0 !important;
}

.add-to-cart p.more-info-button a {
	width: 100%;
    padding: 10px;
    border-radius: 40px;
    background-color: #fff;
    float: left;
    margin-top: 20px;
    color: rgba(62,95,69,1);
    font-weight: 600;
	text-align: center;
}

@media screen and (min-width: 60em) {

	.add-to-cart{
		width: 90%;
		padding: 40px;
	   }
}

.add-to-cart .seleziona{
	text-align: left;
    font-weight: 300;
    color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top:10px;
	order: 3;
   }

.add-to-cart .promo-left{
	     position: static;
    width: 100%;
    /* height: 400px; */
    background: #FFF1D0;
    border-radius: 20px;
    padding-bottom: 30px;
    float: left;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    font-size: .9em;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 2.5%;
	order: 4;
    
}

@media screen and (min-width: 60em) {

	.add-to-cart .promo-left{
		position: absolute;
		right: -40px;
		top: -70px;
		width: 40%;
		
	   }
}

.add-to-cart .promo-left h1{
    text-align: left;
    padding: 30px;
    font-size: 2.8em;
    color: #1d6b4a;
    line-height: 40px;
    font-weight: 300;
}

.add-to-cart .promo-left p{
	    padding: 0 25px;
    font-size: 1.2em;
    color: #000 !important;
    font-weight: 400;
}

.add-to-cart .promo-left a.link{
	    width: calc(100% - 40px);
    background: #fff;
    float: left;
    margin: 20px;
    border-radius: 20px;
    padding: 10px;
    color: #1d6b4a;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0px;
    height: 80px;
    width: 80px;
    border-radius: 80px;
    line-height: 80px;
    padding: 0;
}

.add-to-cart .promo-left p span{
	     color: #000;
    font-weight: 600;
    width: 100%;
    float: left;
    padding-top: 20px;
    font-size: 1.2em;
}

.summary .add-to-cart .spedizione{
	    text-align: center;
    padding: 0;
    padding-bottom: 10px;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: 600;
    background: #f0f0f0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 10px;
	width: 100%;
	float: left;
}

.woocommerce-page div.product .add-to-cart .spedizione p {
    color: #000;
    line-height: 32px;
    font-size: 1em;
    text-align: center;
    padding: 0;
    font-weight: 500;
}

.variations .reset_variations{
	display: none !important;
}

.single_variation_wrap{
	    background: #fff;
    width: 100%;
    border-radius: 20px;
    float: left;
    padding-top: 30px;
    margin-top: 30px;
}

@media screen and (min-width: 60em) {

	.single_variation_wrap{
	    background: #fff;
    width: 60%;
		
	   }
}

.woocommerce div.product span.price ins {
	color: #666;
}

.woocommerce div.product form.cart .variations select{
	background-color: #cc3300;
    width: 100%;
    width: 100%;
    border: 0;
    color: #fff;
    background-image: url('risorse/select-arrow.png');
    background-position: 94% center;
    background-repeat: no-repeat;
    background-size: 5%;
}

.woocommerce-variation-description{
	color: #fff;
    font-family: 'Afacad';
    text-transform: uppercase;
}

.add-to-cart .confezione{
	color: #fff;
    font-family: 'Libre Baskerville', serif;;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    /* background-color: #fff; */
    margin-bottom: 20px;
    font-size: 1.4em;

   }
.woocommerce div.product .woocommerce-variation-price, .woocommerce div.product .single-price{
	    width: 50%;
    float: left;
    border-right: 1px solid #666;
    font-size: 1.5em;
}

.woocommerce div.product .woocommerce-variation-availability p.out-of-stock{
	width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 600;
    margin-top: 20px;
    background: transparent;
    background: rgba(255,255,255,.1);
    border: 1px solid #fff;
	float: left;
	padding-right: 0;
	text-align: center;
}

.woocommerce div.product .woocommerce-variation-price span.price, .woocommerce div.product .single-price .price{
	    color: #666;
    font-size: 2em;
    font-weight: 600;
    width: 100%;
	padding-right: 20px;
	text-align: right;
	line-height: 60px;
}
.home-ecommerce .fin1 div.fin-prodotto div.info p.weight, .home-ecommerce .fin2 div.fin-prodotto div.info p.weight{
	    float: left;
    width: 100%;
    float: left;
    text-align: right;
    padding-right: 20px;
    width: 100%;
    float: left;
    padding: 0;
    padding-left: 30px;
    font-size: .9em;
    text-align: left;
    font-weight: 600;
    color: #fff;
    background: green;
    width: auto;
    margin: 0 30px;
    text-align: center;
    padding: 0;
    padding: 5px 30px;
    border-radius: 20px;
}
.woocommerce div.product .price{
	background-color: transparent !important;
    font-weight: 300;
    color: #000;
    text-align: right;
    float: left;
    padding-right: 20px;
    font-size: 1.3em;
	font-family: 'Afacad';
   }

.woocommerce div.product:hover span.price{
    background: rgba(202,169,102,1);
	-webkit-transition: background-color 50ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
   }

   .woocommerce div.product .price del{
	    color: red;
    width: 100%;
    font-weight: 500;
    font-size: .6em;
   }

   

   .woocommerce div.product p.price{
	color: #fff;
    width: 100%;
    text-align: right;
    text-align: center;
    font-size: 2em;
    text-align: left;
    padding-left: 20px;
	font-weight: 600;
   }

   .woocommerce div.product p.price del{
	font-size: .6em;
   }

.dettaglio{
	float: left;
    padding: 50px 10px;
    width: calc(100% - 0px);
    /* margin-left: 10px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.8em;
    margin-top: 0px;
    border-radius: 20px;
    flex-flow: wrap;
    margin-left: 0px;
   }

   @media screen and (min-width: 60em) {

	.dettaglio{
		width: calc(70% - 0px);
		margin-right: 50px;
		
		   }
	}

.dettaglio p.titolo-dettaglio{
	    width: 100%;
    float: left;
    font-family: 'Libre Baskerville', serif;
    /* padding-left: 40px; */
    /* text-transform: uppercase; */
    font-size: .9em;
    text-align: left;
    color: #999;
    letter-spacing: 2px;
    font-weight: 200;
    font-size: 1em;
    font-weight: 300;
    padding-bottom: 40px;
    text-align: left;
    padding-left: 0;

}
@media screen and (min-width: 37.5em) {

	.dettaglio p.titolo-dettaglio{
		width: calc(100% - 20px);
		   }
	}

.dettaglio p.nome{
	font-weight: 600;
    font-family: 'Libre Baskerville', serif;;
    font-weight: 300;
    font-size: 1em;
    letter-spacing: 1px;
    width: calc(100% - 20px);
    float: left;
    text-align: left;
    color: #000;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: .6em;
    padding: 10px;
    margin: 10px;
    float: left;
    position: relative;
    background-color: #fff;
    margin-bottom: 20px !important;
    float: left;
   }

   @media screen and (min-width: 37.5em) {

	.dettaglio p.nome{
		width: calc(50% - 20px);
		   }
	}

.dettaglio p.valore{
	color: #000;
    font-size: .6em;
    width: 100%;
    float: right;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 20px;
    margin-bottom: 40px !important;
	padding-top: 20px;
   }

   @media screen and (min-width: 37.5em) {

	.dettaglio p.valore{
		width: 50%;
		   }
	}

   .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
	font-weight: 600;
	background-color: transparent;
	order: 2;
   }

   .woocommerce div.product .add-to-cart p.seleziona{
    font-weight: 800;
    color: #fff;
    font-family: 'Libre Baskerville';
    text-transform: none;
    padding: 20px;
    border-left: 4px solid #fff;
}

.woocommerce div.product form.cart{
	margin-bottom: 0;
	margin: 0%;
	order: 3;;
}

.woocommerce div.product form.cart div.quantity{
float: right;
margin: 0;
padding: 0;
width: 50%;
}

.woocommerce div.product form.cart .button{
	    float: left;
    height: 40px;
    width: calc(100% - 40px);
    margin-top: 30px;
    /* border-radius: 10px; */
    background-color: #cc3300;
    margin: 30px 20px;
}

.woocommerce div.product.outofstock div.quantity{
	display: none !important;
} 

.woocommerce div.product div.entry-summary form.cart .button:hover {
	background: rgba(0,0,0,.3) !important;
 }

.woocommerce .quantity .qty{
	text-align: center;
    border-radius: 0;
    border: 0;
    padding: 10px;
    height: 40px;
    width: 60%;
    height: 100%;
    font-size: 1.8em;
    border-radius: 40px;
    background: #eee;
}

.woocommerce .cart .button, .woocommerce .cart input.button{
	border-radius: 30px;
    font-family: 'Afacad';
    font-size: .8em;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
	width: 100%;
	padding-right: 20px;
}

.woocommerce-page table.cart td.actions .coupon .button{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
    background: #696912;;
}

@media screen and (min-width: 37.5em) {
	.woocommerce-cart table.cart td.actions .coupon .input-text{
		width: 40%;
	}

	.woocommerce-page table.cart td.actions .coupon .button{
		width: 48%;
		margin: 0;
	}
	
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
	display: block;
    margin: 0 auto;
    height: auto;
    width: auto;
    /* max-width: 100%; */
    max-height: 100px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	    background-color: #1d6b4a;
    /* font-family: 'Afacad'; */
    /* font-weight: 600; */
    color: #000;
    border-radius: 30px;
    font-size: 1em;
    text-transform: none;
    letter-spacing: normal;
    color: #fff;
    font-weight: 600;
}

.woocommerce a.added_to_cart{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 600;
    margin-top: 20px;
    background: transparent;
    background: rgba(255,255,255,.1);
    border: 1px solid #fff;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background-color: #046311;
	color: #fff;
	width: 100%;
	float: right;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
	display: none !important;
}

.single-price{
	margin: 0;
	width: 50%;
	float: left;
}

.single-price .price{
	margin: 0;
}
/*--------------------------------------------------------------
# Cart page
--------------------------------------------------------------*/
.woocommerce-cart .page{
	padding: 0;
}
@media screen and (min-width: 37.5em) {
	.woocommerce-cart .page, .woocommerce-checkout .page{
		    padding: 40px 10% 40px 10%;
    margin: 20px;
    border-radius: 20px;
    height: auto;
    height: auto;
    /* height: 100vh; */
    float: left;
	}
	
}

.woocommerce-checkout .page .entry-content{
	float: left;
    background-color: #efede1 !important;
    border-radius: 20px;
    padding: 30px;
}

.cart-empty{
	background-color: #fff;
	border: 0;
	font-size: 1.4em;
}

.entry-header{
	font-family: 'Afacad';
    font-weight: 300;
    font-size: 1em;
    text-align: center;
    position: relative;
    padding-bottom: 40px;
    padding-top: 30px;
}

.woocommerce-cart .entry-header{
	font-family: 'Afacad';
	font-weight: 300;
	font-size: 1em;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	padding-top: 30px;
}

.entry-header .categoria{
	padding: 0 5%;
    float: left;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #046311;
    /* background: #f0f0f0; */
    padding-top: 10px;
    padding-bottom: 0px;
    font-weight: 600;
}

.entry-header .posted-on{
	float: left;
    padding-left: 50px;
}

.entry-meta p{
	margin-bottom: 1.5em;
    margin-left: 5%;
    float: left;
    background: #046311;
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px;
    margin-top: 0;
}

.woocommerce-cart .page h1.entry-title:after{
	position: absolute;
    width: 50%;
    height: 30px;
    bottom: 0;
    left: 0%;
    content: '';
    bottom: 0px;
    border-radius: 20px;
}

.woocommerce-cart .woocommerce{
}

.woocommerce-cart .cart_item{
	background-color: rgba(202,169,102,.2);
	border-top: 0;
}

.woocommerce-cart .cart_item span{
	padding: 0px;
}

@media screen and (min-width: 37.5em) {
	.woocommerce-cart .cart_item span{
		padding: 10px;
	}
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
        width: 100%;
    background: #efede1 !important;
    padding: 20px;
    border-radius: 20px;
}

.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2{
	    font-family: 'Libre Baskerville', serif;
    font-weight: 300;
    color: #000;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form{
	width: 100%;
	margin-right: 1%;
	float: left;
}

@media screen and (min-width:59em) {
	.woocommerce-cart .woocommerce .woocommerce-cart-form{ 
		width: 65%;
	}
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table{
	border-radius: 0;
	border: 0;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table thead{
	display: none;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table tr{
	width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    display: block;
    align-items: center;
    border-radius: 20px;
    padding-bottom: 60px;
    padding-top: 30px;
    background: #FFE5D4 !important;
}

@media screen and (min-width: 37.5em) {
	.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table tr.cart_item{ 
		
	}
}

.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table tr td.product-remove{
	position: absolute;
    left: 10px;
    bottom: 0;
}

@media screen and (min-width: 37.5em) {
	.woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table tr td.product-remove{
		position: absolute;
		right: 0;
		left: auto;
		bottom: 0;
	}
}

.woocommerce-cart .woocommerce .cart-collaterals{
	width: 100%;
    /* padding: 20px; */
    position: static;
    right: 0px;
    float: right;
}

@media screen and (min-width: 60em) {
	.woocommerce-cart .woocommerce .cart-collaterals{ 
		width: 30%;
		top: 180px;
	}
}

/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/
.woocommerce-info{
	margin: 0;
}

.account-link{
	    padding-left: 0px;
    padding-bottom: 20px;
    text-align: left;
    font-size: 1.3em;
    padding-top: 20px;
    font-weight: 600;
    padding: 30px;
    /* margin: 0 40px; */
    font-family: 'Libre Baskerville', serif;
}

.account-link a{
    padding: 5px 40px;
    margin-left: 20px;
    font-family: 'Afacad';
    text-decoration: none;
    font-weight: 600;
    color: #046311;
    border-bottom: 1px solid #666;
}

.form-title{
	font-size: 1.4em;
    padding-bottom: 30px;
    padding-top: 40px;
    padding-right: 50px;
    border-top: 3px solid #000;
    margin-top: 40px;
}

.woocommerce div.col2-set{
	width: 100%;
}

@media screen and (min-width: 60em) {
	.woocommerce div.col2-set{
		    width: 60%;
    float: left;
    padding: 50px;
    border-radius: 20px;
	}
	
}

.woocommerce div.col2-set .col-1, .woocommerce div.col2-set .col-2{
	width: 100%;
    margin: 0;
    margin-bottom: 40px;
}

@media screen and (min-width: 60em) {
	.woocommerce div.col2-set .col-1, .woocommerce div.col2-set .col-2{
		width: calc(100% - 20px) !important;
		margin-bottom: 0;
		margin: 10px;
	}
	
}

.woocommerce-form-register .form-row select {
	cursor: pointer;
    margin: 0;
    padding: 20px;
    border-radius: 40px;
    border: 0;
    background: #fff;
    color: #000;
}

.woocommerce input[type=checkbox] {
	position: relative;
    border: 2px solid green;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    opacity: .5;
    display: inline-block !important;
    margin-left: 0px;
	background: #fff;
  }
  
  .woocommerce input[type=checkbox]:hover {
	opacity: 1;
  }
  
  .woocommerce input[type=checkbox]:checked {
	background-color: green;
	opacity: 1;
	display: inline-block;
  }
  
  .woocommerce input[type=checkbox]:before {
	content: '';
	position: absolute;
	right: 50%;
	top: 50%;
	width: 4px;
	height: 10px;
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	margin: -1px -1px 0 -1px;
	transform: rotate(45deg) translate(-50%, -50%);
	z-index: 2;
  }

  .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select{
	border-color: #e2401c;
  }

  .woocommerce-checkout p.woocommerce-invalid-required-field .error {
	color: #e2401c;
    display: block !important;
    font-size: .8em;
 }

.woocommerce .checkout h3{
	    font-weight: 600;
    font-family: 'Libre Baskerville', serif;
    font-weight: 300;
    font-size: 1.2em;
    /* color: #cc3300; */
    font-weight: 300;
    font-weight: 800;
    text-transform: uppercase;
    padding-left: 20px;
    /* border-bottom: 20px solid #cc3300; */
    padding-top: 50px;
}

.woocommerce .checkout .woocommerce-checkout-review-order h3{
	
}

.woocommerce .checkout .woocommerce-checkout-review-order p{
		font-size: .8em;
		color: #000;
		width: 100%;
	}

	@media screen and (min-width: 37.5em) {
		.woocommerce .checkout .woocommerce-checkout-review-order p{
			
		}
		
	}

.woocommerce .checkout .woocommerce-checkout-review-order .coupon_form{
	background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #000;
    padding: 1em;
}

.woocommerce .checkout .woocommerce-checkout-review-order p.coupon-text{
		font-size: .8em;
		color: #666;
	}

.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address span{
	position: relative;
    top: -15px;
    width: 90%;
    float: right;
    line-height: 25px;
}

#order_review.woocommerce-checkout-review-order{
	width: 100%;
    float: right;
    padding: 20px;
    float: right;
    padding: 20px;
	border-radius: 20px;
	background: #fff;
}

@media screen and (min-width: 50em) {
	#order_review.woocommerce-checkout-review-order{
		    width: 40%;
    background: #efede1 !important;
	}
	
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	width: 100%;
}

.woocommerce table.shop_table{
	    border: 0;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 20px;
    padding: 40px;
    font-size: .7em;
}

.woocommerce table.woocommerce-checkout-review-order-table{
	background-color: transparent;
}

#add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button{
	    color: #666;
    /* border: 3px solid #666; */
    text-decoration: none;
    background: transparent;
    padding: 20px;
}

.woocommerce table.shop_table th{
	font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
    font-weight: 300;
    font-size: .8em;
    text-align: center;
    margin-top: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    text-align: left;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
	    text-transform: none;
    color: #000;
    font-weight: 600;
    font-size: 1em;
}

.woocommerce table.shop_table td{
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
    text-align: right;
	font-size: 1em;
	font-weight: 600;
	border: 0;
	flex: 1;
	color: #000;
}

.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
	content: attr(data-title) " ";
    font-weight: 600;
    text-transform: uppercase;
    font-size: .7em;
	display: none;
}

@media screen and (min-width: 37.5em) {
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
		display: none;
	}
	
}

.woocommerce table.shop_table .cart_item td{
	border: 0;
    font-family: 'Afacad';
	color: #000;
}
.woocommerce table.shop_table .cart_item td.product-thumbnail{
	display: block;
    width: 30%;
    float: left;
	background-color: transparent;
	
} 

.woocommerce table.shop_table .cart_item td.product-thumbnail:before{
	display: none;
} 

.woocommerce table.shop_table td .qty{
	font-size: 1em;
	width: 80px;
}

.woocommerce table.shop_table td.product-name{
	text-align: left;
    font-size: 1.2em;
    width: 100%;
    line-height: 28px;
    font-weight: 300;
}

.woocommerce td.product-name .wc-item-meta {
	font-size: .6em;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
	display: none;
}

.woocommerce table.shop_table td.product-name a{
	    color: #000;
    font-weight: 600;
    padding: 0px;
    text-decoration: none;
    background: transparent;
    width: auto;
    font-size: .8em;
    width: auto;
    text-align: left;
    font-family: 'Libre Baskerville', serif;
}

.woocommerce table.shop_table td.product-name a .product-quantity{
	padding: 10px;
	float: left;
	}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	background-color: #f0f0f0;
    border-radius: 10px;
}

.woocommerce-message{
	background: #fff;
    border-color: #fff;
    font-size: 1em;
    width: 100%;
}

@media screen and (min-width: 37.5em) {

	.woocommerce-message{
		width: 60%;
		   }
	}

.woocommerce-info::before{
	color: green;
}

.woocommerce-notices-wrapper{
	display: flex;
    justify-content: center;
    margin-top: 20px;
    flex-direction: column;
}



.woocommerce-notices-wrapper .woocommerce-error{
	border-top-color: #b81c23;
    margin: auto 10px;
    border: 1px solid #666;
    border: 0;
    font-size: .9em;
    background: #fff;
    color: #000;
    font-weight: 400;
    font-weight: 300;
    border-radius: 10px;
    color: #046311;
    /* box-shadow: 10px 10px #888888; */
    /* border: 1px solid #666; */
    -webkit-box-shadow: 0px 0px 26px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 26px -14px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 26px -14px rgba(0,0,0,0.75);
    font-weight: 600;
}

@media screen and (min-width: 37.5em) {

.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error{
	 margin: auto calc(30% + 1%) 50px 0%;
	   }
}

.woocommerce-error::before{
	content: "\e016";
	color: #666;
}

.woocommerce-lost-password .woocommerce{
	margin: 0 10%;
}

.woocommerce-MyAccount-content a{
	background: #fff;
    padding: 10px 20px;
    border-radius: 40px;
    font-size: .8em;
    text-decoration: none;
	color: #000;
	width: 100%;
	float: left;
	text-align: center;
}

.woocommerce table.my_account_orders thead{
	font-size: .8em;
    float: left;
    width: 100%;
}

.woocommerce table.my_account_orders{
	font-size: 1em;
    border: 0;
	padding: 20px;
}

.woocommerce table.my_account_orders .button{
	white-space: nowrap;
    background: transparent;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-size: .8em;
    color: #046311;
    font-weight: 600;
}

.woocommerce-order-details{
	font-size: 1em
}

@media screen and (min-width: 37.5em) {

	.woocommerce-order-details{
		min-width: 600px;
		font-size: 1em;
	}
	}

.woocommerce ul.order_details li{
	float: left;
    margin-right: 2em;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1;
    /* border-right: 1px dashed #d3ced2; */
    padding-right: 2em;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    padding-top: 20px;
    margin: 10px;
    padding: 10px;
	border: 0;
	font-family: 'Afacad';
}

.woocommerce ul.order_details li.bank_name,.woocommerce ul.order_details li.iban{
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

.wc-bacs-bank-details{
	padding: 0;
}

@media screen and (min-width: 37.5em) {
	.woocommerce ul.order_details li,.woocommerce ul.order_details li.bank_name,.woocommerce ul.order_details li.iban{
		margin: 10px;
    padding: 10px;
	}
	
}

.woocommerce ul.order_details li strong{
    display: block;
    font-size: 1.4em;
    text-transform: none;
    line-height: 1.5;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.woocommerce .col2-set .col-1 .woocommerce-column__title, .woocommerce-page .col2-set .col-2 .woocommerce-column__title{
	font-size: .8em;
	font-weight: 300;
}

.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{
	width: 100%;
}

.woocommerce .woocommerce-customer-details h2, .woocommerce .woocommerce-order-details h2, .woocommerce .woocommerce-order-downloads h2{
	width: 100%;
	font-family: 'Afacad';
	font-weight: 300;
}

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{
	text-align: center;
    font-size: .9em;
    font-weight: 500;
	max-width: 100% !important;
    width: 100% !important;
	background-color: transparent !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.woocommerce table.my_account_orders td .woocommerce-Price-amount{
	padding-right: 20px;
}

.woocommerce-error{
	    border-top-color: #b81c23;
    /* margin: auto 100px; */
    margin-top: 40px;
    /* border: 1px solid #666 !important; */
    border: 0;
    font-size: .7em;
    background: rgba(255,0,0,.5);
    /* border-radius: 20px; */
    color: #fff;
    font-weight: 600;
}

/* form */
.woocommerce form .form-row label{
	font-size: .8em;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
	padding: 10px;
    border-radius: 5px;
    background: rgba(255,255,255,.6);
    border: 0;
    /* border-bottom: 3px solid #000; */
    border-radius: 0;
    padding: 20px;
    font-size: .8em;
    color: #000;
    border-radius: 10px;
}

.woocommerce form select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
	vertical-align: top;
    margin-right: 10px;
    border-radius: 10px;
    border: 0;
    background: #046311;
    text-transform: uppercase;
    font-size: .8em;
    padding-left: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 3px;
}

.select2-container--default .select2-selection--single{
	    padding: 5px;
    height: auto;
    border-radius: 5px;
    font-size: .7em;
    font-weight: 400;
    border: 0;
    padi: 20px;
    padding: 20px;
    border-radius: 10px;
    font-size: .8em;
    font-weight: 400;
    background-color: rgba(255,255,255,.6);
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	    height: 66px;
    width: 40px;
}

#customer_login.u-columns{
	width: 100%;
    display: block;
    margin: 0 auto;
}

#customer_login.lost_password{
	padding: 60px 20px 0px 20px;
	margin: 0 auto;
	float: left;
	background-color: rgba(0,0,0,.1);
	border-radius: 20px;
	margin-bottom: 20px;
	width: calc(100% - 0px);
	padding: 60px 60px 60px 60px;
	margin: 0 !important;
}

#customer_login.lost_password p{
	font-size: 1.4em;
	font-weight: 300;
}

#customer_login.lost_password p label, #customer_login.lost_password p button{
	font-size: .6em;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	font-size: 80%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #046311;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
	width: 100%;
	font-family: 'Afacad';
	letter-spacing: 2px;
}

.woocommerce h2.login{
	text-align: left;
    font-family: 'Libre Baskerville', serif;;
    padding-top: 60px;
    font-size: 2.8em;
    font-weight: 200;
    padding-left: 60px;
    padding-bottom: 50px;
}


@media screen and (min-width: 37.5em) {
	#customer_login.u-columns{
		width: 100%;
		float: none;
	}

	#customer_login.lost_password{
		width: calc(70% - 20px);
		margin: 20px 15% !important;
	}

	#customer_login.lost_password p{
		font-size: 2em;
	}
	
}

#customer_login{
}

#customer_login .u-column1, #customer_login .u-column2{
	width: 100%;
    padding: 60px 20px 0px 20px;
    margin: 0 auto;
    float: left;
    background-color: rgba(0,0,0,.1);
	border-radius: 20px;
	margin-bottom: 20px;
}

@media screen and (min-width: 37.5em) {
	#customer_login .u-column1, #customer_login .u-column2{
		width: calc(30% - 20px) !important;
		padding: 60px 60px 0px 60px;
		margin: 10px;
		
	}

	#customer_login .u-column2{
		width: calc(70% - 20px) !important;
		background-color: #696912;
	}
	
}

#customer_login label{
	width: 100%;
    float: left;
    padding-bottom: 10px;
    font-size: .9em;
    letter-spacing: -.8px;
    text-transform: uppercase;
    font-weight: 600;
}

#customer_login .checkbox label{
	text-transform: none;
}

#customer_login h2{
    /* text-align: center; */
    font-family: 'Libre Baskerville', serif;;
    font-size: 2.6em;
    color: #046311;
    font-weight: 300;
}

#customer_login .u-column2 h2{
	color: #fff;
}

div.bottoni{
	margin: 0 auto;
    display: block;
    display: flex;
}

div.bottoni .button{
	font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 10px 60px;
    font-weight: 700;
    border-radius: 3px;
    /* left: auto; */
    color: #fff;
    background-color: #046311;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    font-size: 1em;
    border-radius: 40px;
    margin: 0 auto;
    font-weight: 400;
    text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: 'Afacad';
}

.register-message{
	font-weight: 600;
    padding-left: 20px;
    
    margin-bottom: 30px;
}

.register-message p{
	padding: 20px;
    background: #fff;
}

.error-input{
	color: red;
	font-weight: 600;
}

.woocommerce form .password-input, .woocommerce-page form .password-input{
	width: 100%;
	float: left;
}

.woocommerce form.login{
	border: 0;
	
}

p.success-message {
	font-size: 1.4em;
    font-weight: 600;
    color: red;
	
}

form.login div.status{
	background-color: #fff;
	padding: 20px;
	border-bottom: 3px solid red;
	display: none;
	
}

.woocommerce-form-login.login .checkbox{
	display: none;
}

.woocommerce-form-login{
	text-align: center;
	padding-bottom: 60px;
	
}

.woocommerce-form-login .woocommerce-form-login__rememberme{
	text-align: center;
}

.woocommerce-form-login .woocommerce-form-login__submit{
	display: flex;
    margin: 0 auto;
    margin-top: 30px;
	background-color: #046311;
	color: #fff;
	font-family: 'Noto';
	padding: 10px 30px;
	border-radius: 30px;
	font-weight: 400;
}

.woocommerce-form-login input, .woocommerce-form-register {
	border: 0 !important;
}

.woocommerce-form-login input, .woocommerce-form-register input{
	border: 0;
    border-radius: 0;
    padding: 10px;
    /* border-bottom: 1px solid #666; */
    width: 100%;
    padding: 20px;
    border-radius: 30px;
}

.woocommerce-MyAccount-navigation {
	padding: 50px;
}

.woocommerce-MyAccount-navigation {
float: left;
width: 100%;
margin: 0;
padding: 0;
}

.woocommerce-MyAccount-navigation li {
	float: left;
	width: 100%;
	list-style: none;
}

.woocommerce-MyAccount-navigation li a{
	color: #046311;
    font-weight: 600;
    padding: 7px;
    /* border-bottom: 2px solid #666; */
    float: left;
    text-decoration: none;
    font-weight: 300;
}

.woocommerce-order-received .page{
	margin: 0;
}

@media screen and (min-width: 37.5em) {
	.woocommerce-order-received .page{
		margin: 0 20%;
	}
	
}

.woocommerce-order-received .page .woocommerce-notice{
	font-size: 1.4em;
    text-align: center;
    font-weight: 300;
}

.woocommerce-order-received .page .woocommerce-order-overview, .woocommerce-bacs-bank-details {
	background: rgba(4,99,17,.1);
    padding: 20px;
	border-radius: 10px;
	font-size: 80%;
}

.woocommerce-bacs-bank-details h2{
	font-family: 'Afacad';
    font-weight: 300;
}

.woocommerce .wc-bacs-bank-details-account-name{
	font-weight: 400;
    padding-left: 0px;
}

@media screen and (min-width: 37.5em) {
	.woocommerce .wc-bacs-bank-details-account-name{
		padding-left: 20px;
	}
}

.woocommerce-order-received .page .woocommerce-order-details__title{
	font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
}

.woocommerce-order-received .page .woocommerce-column{
	background: #f0f0f0;
    padding: 30px;
}

.woocommerce-order-received .page .woocommerce-column address{
	border: 0;
} 

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* fluid 5 columns */
.grid { width: 100%; float: left; }
.grid-sizer,
.grid-item { width: 100%; background-size: cover; 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
@media screen and (min-width: 37.5em) {
	.grid-sizer, .grid-item { height: 600px;width: 33.33333333333%; 
	}
}
.grid-item {         
	height: 600px;
    overflow: hidden;
    border: 8px solid #fff;
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
}
.grid-item img {width: 100%; min-height: 400px; border-radius: 20px;}
/* 2 columns */
@media screen and (min-width: 60em) {
	.grid-item { width: 33.33333333333%; height: 300px; }
}

.galleria { width: 100%; float: left; }
.galleria-sizer,
.galleria-item { width: calc(100% - 20px); margin: 10px; height: 400px; overflow: hidden;background-size: cover;  background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 10px;}
@media screen and (min-width: 60em) {
	.galleria-sizer,.galleria-item{
		width: calc(50% - 20px); margin: 10px; height: 500px;
	}
}
.galleria-item img {width: 100%; min-height: 400px;}
/* 2 columns */
.galleria-item--width2 { 
    margin: 10px;
    height: 400px;
    width: calc(100% - 20px);
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(62,95,69,1);
    font-family: 'Afacad';
    font-size: 2em;
    color: #fff; }
	@media screen and (min-width: 50em) {
		.galleria-item--width2{
			height: 60vh;
			width: calc(50% - 20px);
		}
	}
/* nav icon */
.icona-menu{
	    position: absolute;
    top: 85px;
    right: 0px;
    /* height: 20px; */
    width: 100px;
    background: #fff;
    /* left: 0; */
    height: 60px;
    width: 60px;
    border-radius: 100%;
    right: 20px;
    z-index: 10;
}

@media screen and (min-width: 50em) {
	.icona-menu{
		display: none;
	}
}

.shrink .icona-menu{
    top: 0px;
}

.icona-menu.shrink{
    top: 0px;
}

@media screen and (min-width: 37.5em) {
	.icona-menu{
		position: static;
	}

	.icona-menu.shrink{
		top: 20px;
	}
}

.navicon {
	display:block; 
	padding:22px 16px;
	margin:0px 0;  
	border:none;
	outline:none;
	background-color:transparent;
	position: relative;
	z-index: 3;
  }

  @media screen and (min-width: 37.5em) {
	.navicon {
		margin:30px 0; 
		
	  }
}
  
  .navicon__holder {
	  display:block;
	  cursor:pointer;
	}
  
  .navicon__line {
	      position: relative;
    display: block;
    width: 26px;
    height: 2px;
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: #666;
    transition: all 0.25s cubic-bezier(0.57, 0.28, 0.25, 0.69);
	}
  
  .navicon__line:last-of-type {
		margin-bottom:0;
	  }

	.navicon__line:nth-of-type(2) {
		width: 50%;
	  }
  
  .navicon--toggle .navicon__line:first-of-type {
	  transform:
		rotate(45deg)
		translateY(5px)
		translateX(5px);
	}
  
  .navicon--toggle .navicon__line:nth-of-type(2) {
	  
	  transform:
		rotate(-45deg)
		translateY(0px)
		translateX(0px);
		width: 100%;
	}
  
  .navicon--toggle .navicon__line:last-of-type {
	opacity: 0;
	}

	.swiper{
		width: 100%;
		float: left;
		height: 200px;
	}

/* animazione */

	.left{
		left: -100%;
	}
	
	.right{
		right: -100%;
	}

	.bottom_top{
		padding-top: 60px;
		opacity: 1;
	}

	/* timeline */

	.storia{
		width: calc(100% - 0px);
		float: left;
		position: relative;
		background-color: rgba(0,0,0,.1);
		border-radius: 10px;
		margin: 60px 0px;
		font-size: .7em;
	  }

	  @media screen and (min-width: 37.5em) {
		.storia {
			width: calc(100% - 100px);
			margin: 60px 50px;
	   }
   }

	  .storia .titolo.storia{
		padding: 0;
		font-size: .65em;
		text-align: center;
		font-family: 'Afacad';
		font-size: 2.4em;
		color: #000;
		padding-bottom: 50px;
		padding: 0 10px;
		background-color: transparent;
	  }

	  @media screen and (min-width: 37.5em) {
	 .storia .titolo.storia{
	}
}

	  .storia .titolo.storia span{
		font-size: 2em;
		font-style: italic;
		line-height: 10px;
		color: #666;
	  }
	  
	  .timeline:before {
		content: '';
		position:absolute;
		height:100%;
		left:50%;
		width:2px;
		top:-20px;
		background:#fff;
		z-index:1;
	  }
	  .timeline{
		position: relative;
		margin: 0px auto;
		width: 100%;
		padding: 10% 0;
		padding: 0px 0;
		float: left;
		margin: 100px 0%;
	  }

	  .timeline div.bg-timeline{
		width: 100%;
		background-color: #fff;
		height: 400px;
		border-radius: 20px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
	  }

	  .timeline h2{
		margin: 0;
		font-family: 'Afacad';
		font-weight: 300;
		font-size: 1.2em;
	  }

	  .timeline h3{
		margin: 0;
		font-family: 'Afacad';
		font-weight: 300;
		font-size: 1.8em;
		display: flex;
		padding-bottom: 20px;
	  }
	  
	  
	  .timeline ul{
		margin:0;
		padding:0 ;
	  }
	  
	  .timeline ul li{
		list-style:none;
		box-sizing:border-box; 
		line-height:normal;
		position:relative;
		width:50%;
		padding: 80px 60px;
		min-height: 430px;
	  }
	  
	  .timeline ul li .right_content {
		padding-top: 400px;
	  }

	  @media screen and (min-width: 37.5em) {
		.timeline ul li .right_content {
			padding-top: 0px;
		  }
	}
	  
	  .timeline ul li .right_content h2{
		padding:0px 2px 18px 0px;
	  }

	  
	  .timeline ul li:nth-child(odd){
		float:left;
		text-align:right;
		clear:both;
	  }
	  
	  .timeline ul li:nth-child(even){
		float:right;
		text-align:left;
		clear:both;
	  }

	  .timeline p{
		padding: 0;
		font-size: 1em;
		line-height: 25px;
		font-size: 1.1em;
		margin: 0;
	  }
	  
	  .left_content{
		padding-bottom:20px;
	  }
	  
	  .timeline ul li:nth-child(odd):before{
		content: '';
		position:absolute;
		width:30px;
		height:30px;
		background:#fff;
		border-radius:50%;
		box-shadow: 0 0 0 3px rgba(0,0,0,0.3);
		right:-15px;
		top:24px;
		z-index:1;
	  }
	  
	  .timeline ul li:nth-child(even):before{
		content: '';
		position:absolute;
		width:30px;
		height:30px;
	   background:#fff;
		border-radius:50%;
		box-shadow: 0 0 0 3px rgba(0,0,0,.3);
		left:-14px;
		top:24px;
	  }
	  
	  .timeline ul li:nth-child(odd) .left_content{
		position: absolute;
		top: 0px;
		right: -100%;
		margin: 0;
		padding: 5px 76px;
		color: #046311;
		width: 100%;
	  }
	  
	  .timeline ul li:nth-child(even) .left_content{
		position:absolute;
		top:8px;
		left:calc(-100% - 0px);
		margin:0;
		padding:8px 76px;
		color:#046311;
		width: 100%;
		
	  }

	  .timeline ul li:nth-child(even) .left_content h3{
		
		
	  }
	  
	  
	  @media (max-width: 1000px){
		
		.timeline{
		  width:100%;
		}

		.timeline ul li:nth-child(even) .left_content h3{
			flex-direction: row;
			
		  }
	  }
	  
	  @media (max-width: 767px){
		.timeline{
		  width:100%;
		}
		.timeline:before{
		  left:20px;
		}
		.timeline ul li:nth-child(odd),
		.timeline ul li:nth-child(even){
		  width:100%;
		  text-align:left;
		 padding-left:50px; 
		}
		
		.timeline ul li:nth-child(odd):before
		  {
		  top:-18px;
		  left:6px;
		
		}
		.timeline ul li:nth-child(even):before
		{ 
		  top:-18px;
		  left:6px;
		}
		
		  .timeline ul li:nth-child(odd) .left_content,
		.timeline ul li:nth-child(even) .left_content
		{
		  top:-30px;
		  left:50px;
		  right:inherit;
		  width: auto;
		  padding: 5px 0px;
		  width: 80%;
		}
	  
		
	  }

	/* fine timeline */

	/* area cliente */


	.woocommerce-account .woocommerce-MyAccount-navigation{
		float: left;
		width: 100%;
		background: #046311;
		margin: 0 4px;
		width: calc(100% - 8px);
		border-radius: 10px;
		padding-left: 20px;
	}

	@media screen and (min-width: 37.5em){
		.woocommerce-account .woocommerce-MyAccount-navigation{
			margin: 0 40px;
			width: calc(100% - 80px);
		}
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul{
		margin: 0;
		padding: 0;
		float: left;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li{
		width: auto;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li a{
		color: #fff;
		font-size: .8em;
		text-transform: uppercase;
			font-weight: 600;
	}

	@media screen and (min-width: 37.5em){
		.woocommerce-account .woocommerce-MyAccount-navigation li a{
			font-size: .9em;
			padding: 10px 20px;
			
		}
	}

	.woocommerce-account .woocommerce-MyAccount-content{
		min-height: 600px;
		display: block;
		flex-wrap: wrap;
		font-size: 1.8em;
		align-items: flex-start;
		padding: 10px;
		float: none;
		align-items: center;
		flex-direction: column;
		display: flex;
		align-items: center !important;
	}

	@media screen and (min-width: 37.5em) {
		.woocommerce-account .woocommerce-MyAccount-content{
			padding: 50px;
			display: flex;
		}
		
	}

	.woocommerce-account .woocommerce-MyAccount-content{
		float: left;
		width: 90%;
		justify-content: center;
		text-align: left;
		font-size: 1.3em;
		align-items: flex-end;
		margin-left: 5%;
		background: rgba(4,99,17,.1);
		margin-top: 50px;
		border-radius: 10px;
	}

	.woocommerce-account .woocommerce-MyAccount-content form{
		width: 100%;
		max-width: 800px;
	}

	.woocommerce-account .woocommerce-MyAccount-content form p{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.woocommerce-account .woocommerce-MyAccount-content h3{
		font-family: "Afacad";
		font-size: 1.3em;
		text-align: center;
		float: left;
		width: 100%;
		font-weight: 300;
	}

	.woocommerce-account .addresses .title h3{
		font-size: 1em;
		color: #000;
	}

	.woocommerce-MyAccount-content .woocommerce-Address {
		background-color: #f0f0f0;
		border-radius: 40px;
		margin: 40px;
		width: calc(50% - 80px);
	}

	@media screen and (min-width: 37.5em){
		.woocommerce-MyAccount-content .woocommerce-Address {
			width: calc(50% - 0px) !important;
		}
	}

	.woocommerce-account .addresses .title .edit{
		float: left;
		font-size: .6em;
		text-decoration: none;
		padding: 10px 40px;
		background: transparent;
		border: 1px solid #000;
		border-radius: 20px;
		margin-bottom: 30px;
		text-transform: uppercase;
		color: #000;
		margin-left: 0;
	}

	.woocommerce-account address{
		margin: 0 0 1.5em;
		font-style: normal;
		font-size: .7em;
		/* color: #fff; */
		background: #fff;
		border-radius: 20px;
		padding: 20px;
		line-height: 24px;
	}

	.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{
		background-color: #046311;
		border-radius: 0;
		float: left;
	}

	.woocommerce-MyAccount-content .woocommerce-Addresses .title{
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.woocommerce-MyAccount-content .woocommerce-Addresses h3{
		font-family: 'Afacad';
		color: #fff;
	}

	/* fine area cliente */

	/* single post */
	.post-thumbnail{
	height: auto;
    overflow: hidden;
	width: 100%;
}

@media screen and (min-width: 60em){
	.post-thumbnail {
		height: 500px;
	}
}

.post .entry-header .entry-title, .page .entry-header .entry-title{
	padding: 0 5%;
    font-size: 2.6em;
    color: #000;
    line-height: 50px;
    text-align: left;
    font-weight: 400;
}

@media screen and (min-width: 60em){
	.post .entry-header .entry-title, .page .entry-header .entry-title{
		text-align: left;
		padding-right: 40%;
	}
}

.page .entry-header .entry-title{
	color: #000;
}

.woocommerce-page .page .entry-header .entry-title{
	text-align: center;
    width: 100%;
    padding: 0;
    color: #000;
    font-family: 'Libre Baskerville', serif;;
    text-align: left;
    font-size: 3em;
}

.post .entry-content, .page .entry-content{
	margin: 5% 10px;
    padding: 0 20%;
    font-size: 1.4em;
    font-weight: 300;
    /* background: #f0f0f0; */
    padding: 0px 0px;
}

@media screen and (min-width: 60em){
	.post .entry-content, .page .entry-content{
		margin: 0;
	}
}

.page .entry-content{
	background: transparent;
	margin-top: 0;
	min-height: 500px;
}

.page .entry-content .sottotitolo{
	font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 400;
}

#page .foto div{
        width: 100%;
    height: 260px;
    width: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background: #fff;
    margin: 10px;
    width: calc(100% - 20px);
    border-radius: 10px;
}



.page .entry-content .sottotitolo.serif{
	font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 400;
	font-family: 'Afacad';
}

.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 40px;
	border-radius: 20px;
    border-radius: 40px;
    margin-bottom: 20px;
	display: flex;
}

.woocommerce-page table.shop_table_responsive tr.woocommerce-orders-table__row {
    border: 1px solid #999;
}

@media screen and (min-width: 60em){
	.woocommerce-MyAccount-content .woocommerce-Address {
		padding: 90px 200px;
	}

	.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr {
		display: block;
		float: left;
		width: auto;
		margin-bottom: 0px;
		background: transparent;
		border-radius: 0px;
		display: flex;
		width: 100%;
		max-width: 100%;
		border-radius: 40px;
		margin-bottom: 20px;
	}
}



.post .entry-content .wp-block-heading{
	font-family: 'Afacad';
    color: #046311;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 40px;
}

@media screen and (min-width: 60em){
	.post .entry-content .wp-block-heading{
		font-size: 2em;
	}
}

.not-found{
	padding: 90px 90px;
}

.not-found .bg-top{
	height: 400px;
	background-image: url('risorse/lafrutteria2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}

.not-found h1{
	font-family: 'Noto';
    font-size: 3em;
    font-weight: 300;
	text-align: center;
}

.not-found .page-content p{
	text-align: center;
    font-size: 1.5em;
    font-weight: 300;
}

a.remove {
    text-indent: -9999px;
    border: 0;
}
 
/* Add a Fontawesome icon instead */
/* Learn More in the Following Paragraphs */
 
.woocommerce a.remove {
	background-image: url('risorse/icona-cestino.png');
    float: left;
    text-indent: 0;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.woocommerce a.remove:hover {
    background:#fff url('risorse/icona-cestino.png');
}

.lingue{
    display: flex;
    margin-left: 30px;
    padding-left: 20px;
	position: relative;
}

.lingue:after {
	position: absolute;
	left: 0;
	height: 10px;
	width: 2px;
	height: 30px;
	top: 0px;
	border-radius: 10px;
	background-color: #666;
	content: '';
}

@media screen and (min-width: 37.5em) {
	.lingue:after{ 
		top: 16px;
	}
}

.lingue a{
	text-decoration: none;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: .8em;
}

@media screen and (min-width: 37.5em) {
	.lingue a{ 
		padding: 20px 10px;
	}
}

/* modal */
.modal.black-modal {
    background: rgba(62,95,69,1);
    max-width: 900px;
	border-radius: 15px;
	font-size: .6em;
    }
    

.blocker{
    padding-bottom: 120px;
    padding-top: 120px;
    z-index: 10 !important;
}

@media screen and (max-width: 767px) {
    .blocker{
        padding: 0;
        z-index: 100000;
    }
    .modal{
        width: 100%;
        margin: 0;
    }

   .modal a.close-modal{
        top: 20px;
        bottom: 0;
        right: 20px;
        width: 50px;
        height: 50px;
    }
    
                        }

.modal.black-modal p.titolo {
        color: #fff;
        font-size: 2em;
        margin: 20px;
        text-transform: uppercase;
        font-size: 3em;
        font-weight: 300;
		font-family: 'Afacad';
        }
.modal.black-modal p.prodotto {
            
        color: #fff;
        font-size: 2em;
        padding: 0;
            }
.modal.black-modal #success {         
        width: 100%;
        color: #fff;
        margin: 0;
                                }  

.form #success {         
		width: 100%;
		color: green;
		margin: 0;
		float: left;
								} 
.form #success p {         
	padding: 20px;
    font-size: 1em;
							}   
 .modal.black-modal #success p {     
    padding: 10px;
    font-size: 2em;
    color: #fff;
                    }   


@media screen and (max-width: 767px) {
    .modal.black-modal p.titolo {
        font-size: 1.6em;
        margin: 20px 0px;
        }
                        }

.modal.black-modal form div {
            width: 50%;
            float: left;
			margin-bottom: 10px;
            }

@media screen and (max-width: 767px) {
				.modal.black-modal form div {
					width: 100%;
					}
			}

.modal.black-modal form div label.error {
	font-weight: 800;
    font-size: 1.2em;
    width: 100%;
    margin-left: 10px;
                }

@media screen and (max-width: 767px) {
    .modal.black-modal form div.message {
        width: 100%;
       
        }
                }

.modal.black-modal form div.privacy {
	font-size: .8em;
    width: 45%;
    margin-left: 5%;
                }

@media screen and (max-width: 767px) {
    .modal.black-modal form div.privacy{
                    width: 95%;
                }
            }


.modal.black-modal input {
            background: none;
            border: 0;
            border-bottom: 1px solid #fff;
            width: 95%;
            padding: 10px;
            color: #fff;
            }

.modal.black-modal textarea {
                padding: 10px;
                font-family: 'Roboto', Helvetica, Arial, sans-serif;
                }

.modal.black-modal input.submit {
                background: #fff;
                color: #000;
                }

.modal.black-modal input.form-checkbox {
    
    width: auto;
    background: green;
    height: auto;
    padding: 10px;
    color: #000;
	height: 25px;
	width: 25px;
	border-bottom: 0;
	margin-left: 10%;
                }


.modal.black-modal label {
    color: #fff !important;
    font-size: 1.7em;
    font-weight: 300;
    padding-top: 20px;
    float: left;

                }

@media screen and (max-width: 767px) {
    .modal.black-modal label{
        font-size: 1.4em;
    }
}

.modal.black-modal textarea {
    width: 100%;
                
                                }

@media screen and (max-width: 767px){
    .modal.black-modal textarea{
        height: 100px;
    }
}

/* cookie */

.cky-consent-container{
	
}

.cky-notice .cky-title{
    font-family: 'Afacad';
}

.cky-consent-bar .cky-notice-des p{
	line-height: 15px;
}

.cky-notice-des{
	line-height: 18px;

}

.cky-btn{
	border-radius: 10px !important;
}

/* breadcrumbs
--------------------------------------------- */
#fkcart-modal .fkcart-preview-ui{
	    background-color: #efede1 !important;
    margin: 20px;
    height: calc( 100% - 50px) !important;
    border-radius: 20px;
    width: calc(100% - 40px) !important;
}

#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-title{
	    display: block;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: var(--fkcart-primary-text-color);
    outline: 0;
    margin-bottom: 2px;
    font-family: 'Libre Baskerville', serif;
    font-size: 1em;
    color: #333;
}

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button{
	background-color: #1d6b4a !important;
}

#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-title{
	font-size: 18px;;
}

.fkcart-quick-view-drawer.fkcart-show{
	    transform: translate(0)!important;
    display: flex;
    flex-direction: column;
    margin: 20px;
    border-radius: 20px !important;
    height: calc(100% - 40px);
    background: #f0f0f0;
}

.fkcart-quick-view-drawer .fkcart-drawer-header, .fkcart-quick-view-drawer .fkcart-drawer-content .fkcart-product-form-button, .fkcart-quick-view-drawer .fkcart-drawer-shimmer .fkcart-product-form-button{
	background-color: transparent !important;
}

.fkcart-quick-view-drawer.fkcart-show, #fkcart-modal .fkcart-quick-view-drawer .fkcart-product-form-wrap table, #fkcart-modal .fkcart-quick-view-drawer .fkcart-product-form-wrap table td, #fkcart-modal .fkcart-quick-view-drawer .fkcart-product-form-wrap table th, #fkcart-modal .fkcart-quick-view-drawer .fkcart-product-form-wrap table tr{
	background-color: #efede1 !important;
}

#fkcart-modal .fkcart-primary-button,#fkcart-modal .fkcart-primary-button {
	background-color: #1d6b4a !important;
}

.button-variable-item {
	    height: 80px !important;
    width: 80px !important;
    box-shadow: none !important;
    padding: 20px !important;
	padding-bottom: 60px !important;
	position: relative !important;
	opacity: .7 !important;
	margin-right: 30px !important;
}

.button-variable-item.selected {
	opacity: 1 !important;
	box-shadow: 0 0 20px rgba(0,0,0,.2) !important;
}

.button-variable-item-cassetta-da-10-kg{
	background-image: url('risorse/bg-cassetta.png');
}


.variable-item-contents{
	    position: absolute !important;
    top: 60px;
    font-size: .7em;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
	border-radius: 0;
}

.variable-item-contents span{
	  border-radius: 0 !important;
}

.woo-variation-swatches .variable-items-wrapper{
	margin-left: 40px;
}

#fkcart-floating-toggler{
}