/*grids*/
.site-grid{display: flex;flex-direction: row;flex-wrap: wrap;}
.site-grid .grid-element{width: 33%;}
.site-grid .grid-element.c1of1{width: 100%}
.site-grid .grid-element.c1of2{width: 50%}
.site-grid .grid-element.c1of3{width: 33.3334%}
.site-grid .grid-element.c2of3{width: 66.6667%}
.site-grid .grid-element.c1of4{width: 25%}
.site-grid .grid-element.c1of5{width: 20%}
.site-grid .grid-element.c2of5{width: 40%}
.site-grid .grid-element.c3of5{width: 60%}
.site-grid .grid-element.c4of5{width: 80%}
/*loader*/
.ajax-loader{opacity:0;position:absolute;display:block;width:100%;height: 100%;transition:all 200ms;top:0;left:0;z-index:-10;max-height: 200px;}
.ajax-loader .ball{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;}
.ajax-loader .ball > div{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;color:#fff;background:#fff;border-color:#fff;border-style:solid;border-width:0;display:inline-block;float:left;width:28px;height:28px;margin:0;background:0 0!important;border-style:solid;border-width:2px;border-bottom-color:transparent!important;border-radius:100%;color:#333;background:#333;border-color:#333;-webkit-animation:ball-clip-rotate .75s linear infinite;-moz-animation:ball-clip-rotate .75s linear infinite;-o-animation:ball-clip-rotate .75s linear infinite;animation:ball-clip-rotate .75s linear infinite;}
.archive-init .archive-wrap .ajax-loader{opacity:1;z-index:10}

body .products-loop{opacity:1;transition:all 600ms;}
body.archive-loading .products-loop{opacity:0.3}
body.archive-loading .ajax-loader{opacity:1;z-index:10}

.archive-loading:not(.archive-init ) .button-wrap .ajax-loader{opacity:1;z-index:10}
.load-more{opacity:0;z-index:10}
.load-more.show{opacity:1}
.archive-loading .load-more.show{opacity:0}
@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes ball-clip-rotate{0%{-moz-transform:rotate(0deg); transform:rotate(0deg);}50%{-moz-transform:rotate(180deg); transform:rotate(180deg);}100%{-moz-transform:rotate(360deg); transform:rotate(360deg);}}
@-o-keyframes ball-clip-rotate{0%{-o-transform:rotate(0deg);transform:rotate(0deg);}50%{-o-transform:rotate(180deg);transform:rotate(180deg);}100%{-o-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); -o-transform:rotate(180deg);transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg);transform:rotate(360deg);}}
/*archive*/
.archive-header {text-align: center;background-position: top-center;background-size: cover;}
.archive-header h1{font-size: 120px;margin-top: 0px;margin-bottom: 22px;text-align: center;}
.archive-header h2 {color: #ffffff;font-family: 'Merriweather', serif;font-weight: 400;font-size: 28px;line-height: 54px;letter-spacing: 0;margin-bottom: 44px;}
.archive-content{}
.archive-content .archive-wrap{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;justify-content: flex-start;}
.archive-content .archive-wrap .archive-side{width: 30%;}
.archive-content .archive-wrap .archive-main{width: 70%;}
/*filter*/
.side-filter .sidebox-label {position: relative;display: block;padding-left: 30px;height: 20px;line-height: 1;}
.side-filter .sidebox-label .sidebox-checkbox{display:none;}
.side-filter .sidebox-label .sidebox-placeholder{position:absolute;display:block;width:20px;height:20px;background:#fff;left:0px;border: 1px solid #462612;transition:all 150ms;top:0;box-sizing: content-box;}
.side-filter .sidebox-label .sidebox-placeholder:after{content:"";position:absolute;display:block;width: 16px;height: 16px;left:0px;background: #462612;transition:all 300ms;top:0;box-sizing: content-box;margin: 2px;opacity:0;}
.side-filter .sidebox-label .sidebox-checkbox:checked + .sidebox-placeholder:after{opacity:1;}
.side-filter li img {-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 400ms;max-width:45px;}
.side-filter li:hover img,.side-filter li.current-item-selected img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
/*icons*/
.custom-icon{position: relative;display: inline-block;min-width: 20px;min-height: 20px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.custom-icon.icon-forks{background-image: url(../images/ico-forchette.png);}
.custom-icon.icon-clock{background-image: url(../images/ico-tempo.png);}
.custom-icon.icon-hat{background-image: url(../images/ico-chef.png);}
.custom-icon.icon-people{background-image: url(../images/ico-persone.png);}
.custom-icon.icon-pot{background-image: url(../images/ico-procedimento.png);}
.custom-icon.icon-weight{background-image: url(../images/ico-bilancia.png);}
/*link*/
.link-wrap {position: relative;display: block;overflow: hidden;}
.link-wrap.align-right {text-align: right;}
.link-wrap.align-center {}
.link-wrap:before{content:"";position: absolute;display: block;top: 50%;margin-top: -1px;width: 100%;height: 2px;background: #AB8A3E;}
.link-wrap a{display: inline-block;position: relative;border: 2px solid #AB8A3E;padding: 10px 20px;background: #fff;border-radius: 100px;}


.fruits-category-filter{
    background-color: #3B2315;
}
.fruits-category-filter > div{
    padding: 0;
}
.fruits-category-filter .grid-element{
    text-align: center;
}
.fruits-category-filter .image{
    position: relative;
    display: inline-block;
    width: 55%;
    text-align: center;
    transition: all 400ms;
    margin: -10% auto 0;
    border: 5px solid #3b2315;
    border-radius: 100%;
}
.fruits-category-filter .image img{
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 100%;
    padding: 20px;
    border: 0;
    margin: 0;
    transition: all 400ms;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 400ms;
}
.fruits-category-filter .selected .image,
.fruits-category-filter .grid-element:hover .image{
    transform: scale(1.1);
    transform-origin:50%;
    border: 5px solid #AA8A3D;
    margin-bottom: 10px;
}
.fruits-category-filter .selected .image img, 
.fruits-category-filter .grid-element:hover .image img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.fruits-category-filter .text{
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 45px;
}
.fruits-category-filter .text h3{
    color: inherit;
    font-weight: inherit;
}

.fruits-posts-filter .image{
    display: block;
    margin: 0 auto;
    width: 60%;
}


.single-ricette .preparation-wrap ol {
	margin-left: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  list-style: none;
  counter-reset: item;
}
.single-ricette .preparation-wrap li {
    counter-increment: item;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding-left: 40px;
    position: relative;
    margin-bottom: 20px;
}
.single-ricette .preparation-wrap li:before {
    color: #aa8a3d;
    content: counter(item);
    font-size: 40px;
    font-family: "PtSerif";
    font-style: italic;
    font-weight: 600;
    display: flex;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 40px;
    justify-content: flex-start;
    line-height: 1;
    align-items: center;
}
.single-ricette .preparation-wrap li:after {
	content:"";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #eee;
	left: 0;
	bottom: -10px;
}

.single-ricette .preparation-wrap li:last-child:after{content:none;}

.site-slider .slick-track {
    margin-left: 0;
    margin-right: 0;
}	

.fruits-posts-filter .site-slider .slick-track {
    margin-left: auto;
    margin-right: auto;
}	

#post-345 .weights ul li span{display:none}
#post-345 .weights ul li:after{content:"ml";color: #fff;}