div#content {
    padding-top: 80px;
} 

.home div#content, .single div#content {
    padding-top: 0;
} 



#mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:before {
	display: none;
}
#mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:after {
    width: 10px!important;
    height: 10px!important;
    transform: rotate(-135deg);
    border-left: 1px solid #487629!important;
    border-bottom: 1px solid #487629!important;
	background: transparent!important;
	    top: 38%!important;
}


/* storie **/

.page-id-5665060 input.sf-input-radio {
    opacity: 0;
}

.page-id-5665060 .sf-option-active label {
   background-color: #faf8cf;
}

.page-id-5665060 .sf-level-0 label:hover {
	transition-duration: 0.5s;
	background-color: #faf8cf;
}
.page-id-5665060 .sf-level-0 label {
	 border: 2px solid;
    border-radius: 25px;
	padding: 10px 20px!important;

}

.page-id-5665060 .sf-field-category {
    width: 100%;
    margin-bottom: 5%!important;
    margin-left: 0!important;
}

.page-id-5665060 .searchandfilter ul li {
    display: inline-block;
	/* min-height: 100px!important; */
}

 .page-id-5665060 label.sf-label-radio {
	 margin-top: 18px;
 }
 
 div#storie-sx {
    bottom: -150px;
    left: -25px;
} 

div#storie-dx {
    right: -90px;
}
 


.boxstoria a.img {
    width: 100%;
    height: 100%;
    float: left;
    min-height: 450px;
    background-size: cover;
    background-position: center center;
	box-shadow: -5px -5px 50px -10px #0f070275;
	margin-bottom: 35px;
	display: inline-block;
}



.boxstoria {
    width: 30.3%;
    margin-right: 1.5%;
    margin-left: 1.5%;
    float: left;
    margin-bottom: 7%;
    text-align: center;
}

.boxstoria h4 {
	text-align: center;
	
}

@media screen and (min-width: 1025px) and (max-width: 1450px){
	
	#masthead .header-wrap {
		padding: 0 5% 0!important;
	}
	
	
	h1#slider-1-slide-1-layer-17, h2#slider-1-slide-1-layer-18, p#slider-1-slide-1-layer-20, a#slider-1-slide-1-layer-21  {
		left: 215px!important; 
	}
	
	/* #masthead .site-title img, #masthead .site-title a img {
		max-height: 100px!important;
	} */
	
	span.icon.fa.fa-facebook, span.icon.fa.fa-instagram {
		width: 40px!important;
		height: 40px!important;
	}
	
	
}




/** header **/

a.cart {
    display: none!important;
}

header#masthead.site-header {
	background-image: url('/wp-content/uploads/2020/10/texture-header.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}


#masthead .header-wrap{
	padding: 0 7% 0!important;
}

span.icon.fa.fa-facebook {
    background-image: url(/wp-content/uploads/2020/10/fb-ico.png);
    width: 79px;
    height: 79px;
    background-size: contain;
}

span.icon.fa.fa-instagram {
    background-image: url(/wp-content/uploads/2020/10/ig-ico.png);
    width: 79px;
    height: 79px;
    background-size: contain;
}

#masthead .site-title img, #masthead .site-title a img {
    max-height: 100px!important;
}

.fa-instagram:before, .fa-facebook-f:before, .fa-facebook:before {
	content: ''!important;
}
#masthead .menu-other > li > a .icon {
    vertical-align: middle!important;
}


#mega-menu-wrap > ul .sub-menu, #mega-menu-wrap > ul .sub-sub-menu {
	border-radius: 0!important;
	top: -1px!important;
	background-image: url('/wp-content/uploads/2020/10/texture-header.jpg')!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;	
}

#mega-menu-wrap > ul ul.sub-sub-menu {
    left: -3px!important;
}

#masthead a:hover, #masthead a.open, #masthead a.focus, a:hover {
	opacity: 1!important;
}
/** fine header **/

/** articolo **/
/* .tags.no-transition, h1.page-title.no-transition {
    display: none!important;
} */


.single .post .entry-content {
	margin-bottom: 0!important;
}

/** fine articolo **/

rs-bullets {
	top: 98%!important;
}

.but-container{
    display: flex;
    position: relative;
    width: 220px;
    height: 60px;
}

.grande .but-container {
	width: 300px;
	margin: 6% auto;
}

button{
    z-index:1;
    width: 100%;
    height: 100%;
    position: absolute;
   background-color: #faf8cf !important;
    background-repeat:no-repeat;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    border-radius: 500px;
    display: inline-block;
    border: 3px solid #487629!important;
    color: #487629!important;
    font-family: 'aller', sans-serif!important;
	font-weight: 600!important; 
    text-align: center!important;
    padding: 5px 35px!important;
	text-transform: uppercase!important;
    font-size: 20px!important;
}



.but-shadow{
    z-index: 0;
    top: 8%;
    left: 3%;
    border-radius: 500px;
/*    display: inline-block;*/
    background-color: #faf8cf;
    height: 100%;
    width: 100%;
    position: absolute;
	display: none !important;
}

.sotto-tit-ricetta {
	background: rgb(70,52,34);
	background: linear-gradient(180deg, rgba(70,52,34,0) 0%, rgba(70,52,34,0.5886729691876751) 34%, rgba(70,52,34,1) 100%);
}

.img-ricetta {
	box-shadow: -5px -5px 50px -10px #0f070275;
}

.ombra-img img {
	box-shadow: -5px -5px 50px -10px #0f070275;
}

.widget {
	max-width: 100%;
}


#custom_html-1 span.testo-footer{
	font-size: 14px;
	/* font-weight: 600; */
}

.site-footer .widgets {
    padding: 45px 0 40px!IMPORTANT;
}


span.testo-footer {
    font-family: 'aller';
    font-size: 16px;
	font-weight: 300;
}

.testo-footer a {
	display: inline-block;
	padding-right: 20px;
}
li#custom_html-2 {
    max-width: 100%;
}

select.select-ricetta {
    max-width: 220px!important;
	width: auto!important;
	color: #487629!important;
}

#filtro-ricetta-home p, #filtro-ricetta-home select{
	    display: inline!important;
}

div#filtro-ricetta-home {
    text-align: center!important;
	/* max-width: 700px!important; */
    margin: 0 auto!important;
}

.img-abs {
	position: relative;
	display: inline-block;
}

#basilico-fascia-dx {
    top: -150px;
    right: -45%;
}

#prezzemolo-fascia {
	left: 5%;
    top: 85px;
}

#oliva-dx {
	top: -50px;
	left: 90%;
	/* animation: oliva-move 5s;
  animation-iteration-count: infinite; */
}

.single-post #oliva-dx {
    top: -50px;
    left: 15%;
}

.single-post .singprod-finalelista {
	width: 20%;
}

#oliva-sx {
    left: -3%;
    top: 50px;
}

.single-post #oliva-sx {
    left: -3%;
    top: 800px;
}

/* @keyframes oliva-move {
	0% {transform:rotate(0deg);}
    50% {transform:rotate(180deg);}
	100% {transform:rotate(0deg);}
} */

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {
	background-color: inherit!important;
}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active>span, .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span {
	color: inherit!important;
}

.scroll-top {
    color: #487629!important;
}

div.appari {
    font-size: 20px;
    line-height: 26px;
    max-width: 50%;
    position: absolute;
	opacity:0;
	background-image: url('/wp-content/uploads/2020/10/texture-header.jpg');
	background-repeat: no-repeat;
	background-size: cover;    
	padding: 20px;
}

.appari strong {
	color: #487629;
	font-family:"santelia-rough-two";
    font-weight:400;
    font-size: 24px;
}

div#primo {
    top: 95vh;
    left: -8vw;
}

div#secondo {
    max-width: 60%;
    top: 97vh;
    right: -16vw;
}

div#terzo {
    top: 129vh;
    right: -18vw;
}

div#quarto {
    top: 124vh;
    left: -19vw;
}

div#quinto {
    top: 157vh;
    left: -11vw;
}

#search-filter-results-5666801 .pagination {
	display: none !important;
}

/*.postid-5671462 .singprod-finalelista,.postid-5665633 .singprod-finalelista {
	width:16%;
}*/

.postid-5671462 .testo-singprod-finalelista,.postid-5665633 .testo-singprod-finalelista {
	font-size:25px;
}

@media screen and (max-width: 1450px){
	.header-wrap .logo img {
		width: auto!important;
		margin-right: 5%;
	}

	nav#site-navigation {
		float: none;
		max-width: 70%;
		margin: 0 auto;
		display: inline-block;
	} 

	.header-wrap .right {
		float: none;
		text-align: center; 
	}
	#masthead .menu-other {
		float:right!important; 
	}

}

@media screen and (min-width: 769px) and (max-width: 1450px) {
	
	 .page-id-5665060 .titolo-articolo-grid {
		height: 450px;
	}
	
	.boxstoria a.img {
		min-height: 350px;
	}
	

	#masthead .header-wrap {
		padding: 0px 3% 0!important;
	}
	
	div.appari {
		font-size: 16px;
		line-height: 22px;
		max-width: 55%;
	}
	
	.appari strong {
		font-size: 20px;
	}
	
	div#primo {
		top: 78vh;
	}
	
	div#secondo {
		top: 82vh;
	}
	
	div#quarto {
		top: 108vh;
	}
	
	div#terzo {
		top: 116vh;
		right: -20vw;
	}
	
	div#quinto {
		top: 141vh;
		left: -16vw;
	}
	
}

@media screen and (min-width: 769px) and (max-width: 1450px) and (max-height: 700px) {
	div#primo {
		top: 95vh;
		left: -8vw;
	}

	div#secondo {
    max-width: 60%;
    top: 97vh;
    right: -16vw;
}


	div#quinto {
		top: 168vh;
		left: -15vw;
	}
	
	div#quarto {
		top: 132vh;
	}
	
	div#terzo {
		top: 139vh;
		right: -20vw;
	}
}





@media screen and (min-width: 769px) and (max-width: 1100px) { 
	#masthead .site-title img, #masthead .site-title a img {
		max-height: 69px!important;
	}
	
	#mega-menu-wrap > ul > li > a {
		padding: 0px 10px!important;
	}
	
	#masthead.site-header .header-wrap, header#masthead.site-header, #masthead.site-header .header-wrap, .header-cap {
		height: 120px!important;
		line-height: 120px!important;
	}
	
	span.icon.fa.fa-facebook, span.icon.fa.fa-instagram {
		width: 40px!important;
		height: 40px!important;
	}
	
	#masthead .menu-other > li.social > a {
		padding: 0!IMPORTANT;
	}
	nav#site-navigation {
		float: left;
		max-width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	.single-post .img-abs img {
		max-width: 200%!important;
		width: 150%!important;
	}
	
	.single-post .img-abs#oliva-sx img {
		width: 120%!important;
	}
	
	.single-post #oliva-dx {
		top: -67px;
		left: -40%;
	}
	
	.singolavoceinforicetta {
		width: 33%!important;
	}
	
	.titolograndericetta {
		margin-top: 80px!important;
	}
	.fasciasingolaricetta > .elemento2fasciagrandericetta {
		top: -130px !important;
	}
}



@media screen and (max-width: 900px) and (min-width: 769px){
span.icon.fa.fa-facebook, span.icon.fa.fa-instagram {
    width: 30px!important;
    height: 30px!important;
}
}

@media screen and (max-width: 768px) {
	
	.fasciasingolaricetta > .elemento2fasciagrandericetta > img {
		width: 75%;
	}
	
	.titolograndericetta {
		margin-top: 40px!important;
	}
	
	.fasciasingolaricetta > .elemento2fasciagrandericetta {
		top: -110px !important;
	}
	.single-post .img-abs img {
		max-width: 300%!important;
		width: 260%!important;
	}
	
	.single-post .img-abs#oliva-sx img {
		width: 150%!important;
	}
	.single-post #oliva-dx {
		top: 140px;
		left: -115%;
	}
	
	#mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link:after {
    width: 10px!important;
    height: 10px!important;
    transform: rotate(-135deg);
    border-left: 1px solid #487629!important;
    border-bottom: 1px solid #487629!important;
	background: transparent!important;
	    top: 38%!important;
}
	#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link:before, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:before {
		display: none!important; 
	}
	
	
	
	.boxstoria {
		width: 45%;
	}
	
	.boxstoria a.img {
		min-height: 290px;
	}
	
	#masthead .site-title img, #masthead .site-title a img {
		max-height: 80px!important;
	}
	
	#masthead #site-navigation.main-nav {
		background: #fffdf4!important;
		width: calc(100vw - 40%)!important;
	}
	
	#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link {
		padding-top: 15px!important;
		padding-bottom: 15px!important;
		font-size: 26px!important;
	}
	
	#mega-menu-wrap > ul .sub-menu, #mega-menu-wrap > ul .sub-sub-menu {
		background-image: none!important;
		background: #fffdf4!important;	
	}
	
	li.socialbar.small.outline {
		padding: 0px;
	}
	.socialbar.small a {
		width: 79px!important;
		height: 79px!important;
	}
	
	.page-container.without-breadcrumbs {
		margin-top: 100px;
	}
}

@media screen and (max-width: 550px) {
	
	.boxstoria {
		width: 85%;
	}
	
	 .boxstoria a.img {
		min-height: 350px;
	} 
	
	#masthead .site-title img, #masthead .site-title a img {
		max-height: 80px!important;
	}
	
	#masthead #site-navigation.main-nav {
		width: calc(100vw - 20%)!important;
	}
}

.single .categorie-articolo {
	line-height:45px !important;
}