/*
	Theme Name: Gnambox
	Theme URI: Gnambox
	Description: Gnambox
	Version: 1
	Author: Martina Zonno
	Author URI: https://neue-milano.it
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* :root {
    --ctext:#FFFF00;
    --cbg:#005AE7
  }*/ 

/* @font-face {
   font-family: 'ABCDiatypeVariable';
   src: url('fonts/ABCDiatypeVariable-Trial.ttf') format('opentype');
   font-weight: normal;
   font-style: normal;
  }
   */



/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html, body{
	margin:0px;
	padding:0px;
}


body.intro--on {
    overflow: hidden;
    height: 100dvh;
}





/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}


 body{
    /*font-family: 'ABCDiatypeVariable';*/
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 0px;
    margin: 0px;
 } 

 body.homepage{
    background-color:#fff
 }

ul, ol{
    list-style: none;
    padding: 0px;
    margin: 0px;
}


 .box_flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
}
 
h1, #titolo_ricetta{
    font-size: 104px;
    font-style: normal;
    font-weight: 500;
    line-height: 92px; /* 88.462% */
    letter-spacing: -3.12px;
    text-align: center;
    margin: 0px;
    padding: 0px 22px;
    padding-bottom: 40px;
}

body.post #titolo_ricetta{
    visibility:hidden;
    pointer-events:none
}

body.post #content{
     transition: all 1s cubic-bezier(0.72, 0, 0.28, 1);  
    opacity:0
}

body.post #content.active{
    opacity:1
}

#content_ricetta{
    pointer-events: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    justify-content: center; /* centra orizzontalmente */
    align-items: center;     /* centra verticalmente */
  
  /* opzionale */
  z-index: 9999;
}

body:not(.archive )main#ricetta article {
    position: absolute;
    top: 0px;
    transform: translate(0px, 45vh);
}

.archive section#content .overlay{
    position: fixed;
   /* left: 50%;
   transform: translate(-50%, 0%);
   */
    top: 0px;
    
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    overflow: hidden;
    transition: top 0.4s ease, transform 0.4s ease;
    z-index: 10;
    opacity: 1;
    /*pointer-events: none;*/
}

#close_btn{
    width: auto;
    z-index: 10000;
    position: fixed;
    right: 10px;
    top: 10px;
    font-size: 14px;
    cursor: pointer;
}

#close_btn:hover{
    text-decoration: underline;
}


a#close_ricetta {
    position: fixed;
    right: 0px;
    padding: 10px;
    top: 00px;
    font-size: 14px;
    width: 100%;
}

a#close_ricetta span{
    text-align: right;
    padding-right: 0px;
    padding-top: 0px;
    display: block;
    width: 100%;
}

.overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.overlay.lock-top {
    top: 0;
    transform: translate(-50%, 0);
    height: 100dvh;
    border-radius: 0;
}

.overlay-content {
    overflow-y: auto;
    height: 100%;
    position: relative;
}


body.hover-state{
    color:black;
}



body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
    background-color: transparent!important;
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 0px;
    line-height: 13px!important; /* 92.857% */
    border: none;
    outline: none;
}

button.mgbutton.moove-gdpr-infobar-reject-btn {
    margin-left: 12px;
}

.moove-gdpr-button-holder button:hover {
    text-decoration: underline;
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p{
     font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px; /* 92.857% */
    margin:0px
}

body .moove-gdpr-info-bar-content {
    display: flex;
}


body #moove_gdpr_cookie_info_bar{
    max-width:700px;
    left:15px;
    min-height: auto;
    bottom:15px
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder{
    padding-left: 5vw;
    display:flex;
    align-self: flex-start;
}

body #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder, 
body #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
       flex-flow: row;
       align-self: flex-start;
}


#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{
    padding:5px!important
}

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
 border: none !important;
    border-radius: 0px!important;
    position:fixed;
    z-index:9995;
}

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container{
    padding:0px!important
}

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme{
    background-color: #000;
}

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme button{
    color:#fff
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
    font-weight: 500!important;
}



/* STATO DEI COLORI */
body.active-state{ background-color: #fff;}

body:not(.homepage) #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p,
body:not(.homepage) #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
    color: var(--cbg);
}

body:not(.homepage) #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: var(--ctext);
}
body #intro_box,
body:not(.homepage){
    color: var(--ctext);
    background-color: var(--cbg);
}

body.homepage{
   transition:background-color 600ms cubic-bezier(0.63, 0, 0.37, 1);

}

input::placeholder{
     color:  var(--ctext);
}
body:not(.active-state) #gradient_box{
    color:  var(--cbg);
}
/*body:not(.active-state) #layer_lighten,*/
body:not(.active-state) #gradient_box{
     background-color:var(--ctext);
}
/* STATO DEI COLORI */


body.homepage #gradient_box,
body.homepage #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme{
    background-color: black;
    color: #fff;
}


body.active-state .feed-item:not(.active) img.threshold {
    mix-blend-mode: luminosity;
    opacity: 0.2;
}

body.active-state .feed-item:not(.active) .cover_proj {
    opacity: 0;
}

.homepage img.cover_proj{
    cursor: pointer;
}

.feed-item img{
    cursor: pointer;
}

.feed-item:not(.hover,.active).threshold img.cover_proj{
 /*--threshold:50%;
 filter: brightness(calc(100% + var(--threshold))) grayscale(100%) contrast(1000%);
 mix-blend-mode: color-burn;*/
}

div#feed img.threshold {
   position: absolute;
    z-index: 2;
}

.feed-item.hover img.threshold,
.feed-item.active img.threshold {
    opacity: 0;
}

div#feed .cover_proj {
    position: relative;
}


div#feed .cover_proj img {
    display: block;
    width: 100%; /* opzionale */
}

body.active-state .feed-item .layer_lighten{
    opacity: 0;
}


.lighteen-box {
    width: 100%;
    padding-bottom: 125%;
    height: 0px;
    background-color:var(--ctext);
    
    /* uso immagine come maschera */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
  }


.feed-item.active .other_info {
    display: block !important;
}



body.active-state .feed-item.inactive,
.feed-item.hide{
    opacity: 0.2;
}

body.sleep-mode.active-state .feed-item.inactive,
body.active-state .feed-item.inactive.hover,
body.sleep-mode .feed-item.hide{
    opacity:1
}


#gradient_box{
    width: 400px;
    position: fixed;
    z-index: 1000;
    font-size: 14px;
    line-height: 11.667px;
    font-weight: 500;
    padding: 5px;
    bottom: 12px;
    right: 12px;
}


div#gradient_box .bg_gradient {
    background-repeat: repeat-y;
    height: 68px;
    background-size: cover;
    background-image:url(imgs/gradient-box.png);
    width: 100%;
}


/* body #gradient_box,
body #gnambox_menu,
#moove_gdpr_cookie_info_bar{
     transition: all 600ms cubic-bezier(0.63, 0, 0.37, 1);
}*/

body.show_intro #gradient_box,
body.show_intro #gnambox_menu,
body.show_intro #moove_gdpr_cookie_info_bar{
    transition: all 1.4s cubic-bezier(0.63, 0, 0.37, 1);
     transition-delay: 0.7s;  
}

.list ul li, ul.list_ricette:not(.search-results) li, ul#gnambox_menu li {
    display: none;
    opacity: 0;
}


.menu-item-animated {
    opacity: 1 !important;
    display: block!important;
}


#gradient_box ul.hours {
    padding-bottom: 10px;
}

#gradient_box ul.hours li{
    border: none;
}

#gradient_box img{
    width: 100%;
}

#main_menu {
    padding: 10px;
    gap: 10px;
    padding-top: 11px;
}

body div#menu_mob,
body.notfound header,
body.notfound #gradient_box,
body.notfound #moove_gdpr_cookie_info_bar{
    display:none!important 
}

body.notfound section#content .inner_box {
    height: 100vh;
    max-width: 1200px;
    display: flex;
    align-items: anchor-center;
    justify-self: center;
}

body.notfound section#content .inner_box h1 {
    padding-bottom: 0px;
}

 #main_menu ul,
  #main_menu div{ 
    flex: 1;
    max-width: 25%;
    display: inline;
   }





#main_menu ul li{
    border-bottom: thin solid;
    cursor: pointer;
}


#main_menu ul li, input.search-input, .list ul li, .list h3,
ul.list li, #main_menu #menu_mob{
     font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}


.text_xl{
    font-size: 181.872px;
    font-style: normal;
    font-weight: 500;
    line-height: 161.979px; /* 89.063% */
    letter-spacing: -3.637px;
}

.text_m{
    font-size: 104px;
    font-style: normal;
    font-weight: 500;
    line-height: 87px; /* 83.654% */
    letter-spacing: -3.12px;
}

.text_s{
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 57px; /* 89.063% */
    letter-spacing: -1.28px;
}


body.homepage.show_intro #intro_box{
    height: 100dvh;
}

body.homepage.show_intro.intro--on #gnambox_menu,
body.homepage.show_intro.intro--on #menu_mob{
    opacity: 0;
}

body.homepage #intro_text{
    margin: 0px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
    width: 100%;
    max-width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 57px;
    font-size: 64px;
    letter-spacing: -1.28px
  }

  #intro_box {
    overflow: hidden;
    transition: margin-top 1.4s cubic-bezier(0.72, 0, 0.28, 1)
}

body.show_intro:not(.intro--on) #intro_box {
    margin-top: -100dvh;
}

body.show_intro.intro--on #gradient_box,
body.show_intro.intro--on #moove_gdpr_cookie_info_bar{
    opacity:0;
    bottom: 0px;
}

body.show_intro:not(.intro--on) #gradient_box,
body.show_intro:not(.intro--on) #moove_gdpr_cookie_info_bar {
    opacity:1;
}

      
div#feed img {
    width: 100%;
    display: block;
}

div#feed img,
div#feed .cover_proj .layer_lighten{
    max-width: 460px;
}

.owl-carousel{
 width: 460px !important;
}

.owl-carousel:not(.owl-loaded) .owl-item {
    opacity: 0;
}

.page article {
    min-height: calc(100vh - 56px);
}

article .inner_box {
    width: calc(50% - 20px);
    margin: auto;
    padding-bottom: 180px;
}

.page article .inner_box {
    padding-bottom: 60px;
}

article p{
     margin: 0px;
     padding-bottom: 40px;
    /*  hyphens: auto;
    -webkit-hyphens: auto; 
    -ms-hyphens: auto;     
    word-break: auto-phrase;
     */
}


p.no-margin b {
    padding-top: 0px;
}

article p a {
    text-decoration: underline;
}

article p b, article span.titoletto{
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    padding-top: 40px;
    margin-bottom: 10px;
    border-bottom: thin solid;
    letter-spacing: 0px;
    font-family: "helvetica-neue-lt-pro", sans-serif;
   padding-bottom: 2px;    
}

article span.titoletto {
    padding-top: 0px;
}


article p b + br {
    display: none;
}

#content, .list_ricette {
    transition: opacity .6s ease;
}
.hidden-content {
    opacity: 0;
    pointer-events: none;
}

body.homepage .list_ricette, 
body.homepage #search_menu,
body.post .list_ricette,
body.post #search_menu,
body.page .list_ricette,
body.page #search_menu,
body.homepage .intro_ricette_page, body.homepage .intro_ricette_page, body.post .intro_ricette_page, 
body.post .intro_ricette_page, body.page .intro_ricette_page{
    display: none !important;
}

p, .content_ricetta, .page ul.wp-block-list li  {
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.23px;
}

.content_ricetta img {
    display: none;
}

#close_gradient{
    cursor: pointer;
}

.search_result span,
ul.search-results {
    padding-top: 20px;
}

ul.search-results.list_ricette {
    margin-top: 0px;
    display: block !important;
    max-width: 100% !important;
}




.search_result span {
    font-size: 14px;
    display: inline-block;
}


form.search {
    width: 100%;
    position: relative;
}

input.search-input {
    font-family: "helvetica-neue-lt-pro", sans-serif;
    width: 100%;
    background: no-repeat;
    outline: none;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px;
    padding-left: 0px;
    color: inherit;
}

button.search-submit {
    position: absolute;
    right: 0px;
    visibility: hidden;
}

.content_ricetta{
    position: relative;
}

#gnambox_menu, #search_menu{
    z-index:11;
    position: fixed;
    top: 10px;
    width: calc(25% - 10px);
    opacity: 1;
}

#search_menu{
    right: 10px;
}

#search_menu.hidden-content{
    opacity: 0;
}


#main_menu ul li a{
    display: inline-block;
    width: 100%;
}

.homepage #main_menu ul:first-child{
     top: inherit;
}


#ingredienti, #sidebar, body.homepage .project {
     max-width: calc(25% - 20px);
    position: absolute;
    right: 10px;
    width: 100%;
    display: none;
}

div#ingredienti{
    transition: padding 0.3s ease-in-out;
}

div#ingredienti.fixed {
    padding-top: 28px;
}


body.active-state .feed-item.inactive .project {
    display: none !important;
}

ul.list_ricette li{
    opacity: 0; /* nascosti di default */
}

ul.search-results.list_ricette li {
    opacity: 1;
}


.intro_ricette_page{
    width: 50%;
    margin-left: 25%;
    padding: 0px 10px;
}

.intro_ricette_page p {
    margin-top: 10px;
}

.single-ricetta .intro_ricette_page {
    display: none;
}

#ingredienti.fixed, #sidebar, body.homepage .project {
  position: fixed;
  z-index: 1000;
 top: 10px !important;  
}

body.homepage .project{
    pointer-events:none
}


 #ingredienti ul:not(:first-child) li:nth-child(1){
   /* text-align: right;
    position: absolute;
   width: 100%;*/
    width: 100%;
    margin-bottom: 15px;
        margin-top: 15px;
}


#sidebar {
    display: block;
}

.list h3 {
    padding: 0px;
    margin: 0px;
    border-bottom: thin solid;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.list li h3 {
    margin: 0px;
    border: none;
}

.page .list h3 {
    margin-bottom: 0px;
    border: none;
}

.list ul {
    padding-bottom: 20px;
}

.list ul li{
      border-bottom: thin solid;
        
}

li.intestazione {
    margin-bottom: 15px;
}


img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:inherit;
	text-decoration:none;
}

a:focus, a:active {
	outline:0;
}
input:focus {
	outline:0;
}

div#intro_box {
    width: 100%;
    position: relative;

}
body:not(.show_intro) div#intro_box,
body:not(.homepage) div#intro_box{
        display:none
}

div#feed {
    display: flex;
    flex-direction: column;
    padding-top: 136px;
}

.feed {
    display: flex;
    flex-direction: row;
}

.feed-item{
    transition: all 0.5s cubic-bezier(0.72, 0, 0.28, 1)  
}

.feed-item:nth-child(odd) {
    justify-items: self-end;
    padding-right: 10%;
}

.feed-item:nth-child(odd) .owl-carousel {
    float: right;;
}

.feed-item:not(:first-child){
   margin-top: -12%;
}

.feed-item:nth-child(even) {
    padding-left: 10%;
}

.feed-item:last-child{
    padding-bottom: 10%;
}

.owl-carousel .owl-nav button.owl-prev span{ 
		position: absolute;
		left: 15px;
	}

	.owl-carousel .owl-nav button.owl-next span{ 
		position: absolute;
		right: 15px;
	}


	
  .owl-carousel {
    display: inline-block !important;
}




    .owl-nav{
	width: 70%;
	width:100%;
	height: 100%;
	position: absolute;
	z-index: 2;
        filter: invert(1) !important;
    mix-blend-mode: difference;
	top: 0px;
	left: 0px;
	overflow: hidden;
	}

	
	.owl-carousel .owl-nav button span .custom-counter {
		font-size: 14px;
		color:#000;
		width: 55px;
		position: absolute;
		filter: invert(1);
       text-align: left;
       letter-spacing: 0px;
	}
    .owl-carousel .owl-nav button.owl-prev span .custom-counter {
		padding-left: 35px;
        text-align: right;
		margin-top: -5px;
	}

    .owl-carousel .owl-nav button.owl-next span .custom-counter {
		padding-right: 30px;
		margin-top: -4px;
	}
.owl-carousel .owl-nav button.owl-prev span .custom-counter:before,
.owl-carousel .owl-nav button.owl-next span .custom-counter:after {
    display: inline-block;
    position: absolute;
    letter-spacing: 0px;
}

.owl-carousel .owl-nav button.owl-prev span .custom-counter:before {
 content: "Prev";
     left: 0px;
   padding-right: 5px;
}

.owl-carousel .owl-nav button.owl-next span .custom-counter:after {
   content: "Next";
     padding-left: 5px;
}


	.owl-carousel .owl-nav button {
		border: none !important;
		outline: none !important;
	}


.owl-carousel .owl-nav button span {
    font-size: 14px;
    filter: invert(1);
    color: transparent;
    position: absolute;
}


.owl-carousel .owl-nav button.owl-prev.disabled span,
.owl-carousel .owl-nav button.owl-next.disabled span {
    opacity: 0.4 !important;
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-prev span .custom-counter{
	transform: rotate(180deg);
}

.owl-prev, .owl-next {
	top: 0;
	height: 100%; /* Altezza uguale al container */
	width: 50%; /* Larghezza metà del container */
	border: none;
	z-index: 10; /* Assicura che siano sopra le immagini */
	left:0px
}

 button.owl-next  {
		right: 0px;
		left: inherit;

}	

div#footer{
    padding: 10px;
    font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 15px; /* 107.143% */
}

#footer .ajax_link {
    padding-right: 25px;
}

div#footer a:hover{
    text-decoration: underline;
}

/*------------------------------------*\
   SLEEP MODE
\*------------------------------------*/
body.sleep-mode,
body.sleep-mode .owl-carousel .owl-stage-outer,
body.sleep-mode .owl-carousel,
body.sleep-mode #gradient_box,
body.sleep-mode #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
 {
    transition: all 600ms cubic-bezier(0.63, 0, 0.37, 1);
}

#sleep-mode_logo {
		position: fixed;
		top: 0;
        font-size: 135dvh;
        line-height: 100dvh;
        letter-spacing: -7dvh;
        margin: auto;
		display: flex;
        color: white;
		transform: translateX(-20vw);
		height: 100vh;
		min-width: 100vw;
        opacity: 0;
		z-index: 99999;
		width: max-content;
        pointer-events: none;
	}


body.sleep-mode #sleep-mode_logo {
	visibility: visible;
	animation: fadeIn 0.3s ease-out 0.9s forwards,
    slideLeft 135s linear infinite 0.6s;
  }
  
  
  @keyframes fadeIn {
  from {
    opacity: 0;
   }
  to {
    opacity: 1;
  }
}

  @keyframes slideLeft {
	from {
	  transform: translateX(-20vw);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  
body.sleep-mode{
     background:var(--cbg)!important;
}

body.sleep-mode div#gradient_box .bg_gradient{
    visibility: hidden;
} 

body.sleep-mode .owl-carousel,
body.sleep-mode #gradient_box,
body.homepage.sleep-mode #gradient_box,
body.homepage.sleep-mode #gradient_box, 
body.sleep-mode #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background:var(--ctext);
    color:var(--ctext);
    pointer-events: none;
}

body.sleep-mode #main_menu ul li {
    border-color: var(--ctext);
}

body.sleep-mode #main_menu ul li a,
body.sleep-mode #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme button,
body.sleep-mode #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p, 
body.sleep-mode #footer a, body.sleep-mode #footer span,
body.sleep-mode .btn-item button,
body.sleep-mode #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
    color:var(--ctext);

}


body.sleep-mode .owl-carousel .owl-stage-outer {
    opacity: 0;
}


.page ul.wp-block-list li {
    list-style: disc;
    padding-bottom: 10px;
}

ul.wp-block-list {
    padding-left: 30px;
    padding-bottom: 40px;
    margin-top: -20px;
}

ul.wp-block-list ul {
    margin: 0px;
    padding-top: 10px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media screen and (min-width:769px) {
    .btn-item{
        display: none;
    }
    a:hover{
	outline:0;
}

body.archive.noscroll{
    overflow: hidden;
    height: 100dvh;
}



.visible-mob, body div#menu_mob li.chiudi-ricette{
    display: none!important;
}

body.post ul#gnambox_menu {
    position: fixed;
    left: 10px;
}

body.post #main_menu{
    padding:0px
}

       #main_menu ul,
  #main_menu div{ 
    max-height: 100dvh;
    scroll-behavior: auto;
    overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}
selector::-webkit-scrollbar {
    display: none; /* Chrome, Safari e Opera */
}

form.search {
   margin-top: -3px;
}



    #main_menu .list_ricette li,
#main_menu ul li.active, #main_menu ul li:hover,
#main_menu ul li.current-menu-item,
#main_menu ul li.menu-item-animated:hover {
    opacity: 1!important;
}

#main_menu ul:hover li:not(:hover),
#main_menu .list_ricette li.dimmed,
ul#gnambox_menu li:not(.current-menu-item, .current-post-ancestor),
ul#gnambox_menu li.menu-item-animated:not(.current-menu-item, .current-post-ancestor),
 .intro_ricette_page.hide{
 opacity: 0.2!important;
}

#main_menu .list_ricette li.active-item,
ul#gnambox_menu:hover li.current-menu-item,
ul#gnambox_menu li:hover{
    opacity: 1!important;
}


#main_menu ul li.active, #main_menu ul li:hover,
#main_menu ul li.menu-item-animated:hover {
    opacity: 1!important;
}


  #ingredienti_mobile{ display: none;}
}


@media screen and (max-width:1200px) {
    .feed-item:nth-child(even) {
        padding-left: 7%;
    }

    .feed-item:nth-child(odd) {
        padding-right: 7%;
    }

       .owl-carousel {
        width: 380px !important;
    }
}


@media screen and (max-width:960px) {
   
      .owl-carousel {
        width: 340px !important;
    }

    .feed-item,.feed-item:not(:first-child) {
        margin-top: 120px;
    }

   
}


@media screen and (max-width:768px) {
.btn-item button {
    outline: none;
    border: none;
    background: transparent;
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    padding: 0px;
    color: black;
}

.feed-item:nth-child(odd) .btn-item {
float: right;
}

.btn-item {
    width: 270px;
    text-align: right;
}

.btn-item button.customPrev {
    margin-right: 5px;
}

   body.homepage li.chiudi-ricette,
   body.archive li.chiudi-ricette,
   body.page li.chiudi-ricette,
   body.page .mob-ricette,
   .current-menu-item {
    display: none!important;
   }

   ul.list_ricette:not(.search-results) li{
    opacity: 1!important;
     /*    transition:opacity 1s cubic-bezier(0.72, 0, 0.28, 1);  */

    display: block!important;
   }


    ul.list_ricette li.dimmed,
    .intro_ricette_page.hide{
        opacity: 0.2!important;
    }

   body.post li.chiudi-ricette, body.single-ricetta li.chiudi-ricette,
   body.archive.single-ricetta li.chiudi-ricette {
        border-bottom: none !important;
        text-align: right;
        display: block!important;
        padding-top: 15px;
}

 body.archive.single-ricetta li.chiudi-ricette.hide{
     display: none!important;
 } 

    div#main_menu #gnambox_menu,
    #search_menu, #close_btn{
         display: none !important;  
    }

    .visible-mob{
    display: block;
}

li.secondary_menu {
    margin-top: 15px;
}


  body div#menu_mob{
    display: block!important;
        position: fixed;
        width: 100%;
        top: 0px;
        z-index: 110;
   }
   
  body.homepage #menu_mob #page_name{
    display:none
  }

   div#gradient_box .bg_gradient {
     height: 50px;
    }

   #main_menu{
    gap: 0;
   }

   ul.list_ricette li{
    opacity: 1;
   }
 
      body.homepage #menu_mob #container_menu_mob {
        background:#fff;
     
    }

    #menu_mob #container_menu_mob{
        padding-top: 8px;
    }

     body:not(.homepage) #menu_mob #container_menu_mob,
     body.homepage.sleep-mode #container_menu_mob,
     body.sleep-mode #container_menu_mob {
        background:var(--cbg)!important;
    }

   input {
    -webkit-appearance: none;
    appearance: none;
    } 


    #menu_mob:after{
        content:"";
        height:90px;
        display: block;
        width: 100%;
    } 

    #close_btn {
        top: 30%;
    }

    li.current_page_item {
    display: none !important;
}

    .search--mob,
    body.homepage .search--mob,
    body.archive .mob-pagename,
    body.post .mob-pagename{
        display: none;
    }

    

    body.archive .search--mob,
    body.post .search--mob{
        display: block;
    }


   body.sleep-mode div#container_menu_mob ul li, 
   body.sleep-mode div#container_menu_mob ul li a, 
   body.sleep-mode div#container_menu_mob ul li span,
   body.sleep-mode .project,
   body.sleep-mode #footer a,
   body.homepage.sleep-mode .project{
        color: var(--ctext)!important;
    }

    body.sleep-mode div#menu_mob ul.intestazione{
         border-color: var(--ctext)!important;
    }

    body.post #menu_mob:after, body:not(.homepage) #menu_mob:after,
     body.homepage.sleep-mode #menu_mob:after {
       background: linear-gradient(180deg, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 1) 0%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.99) 11.79%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.97) 21.38%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.93) 29.12%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.88) 35.34%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.82) 40.37%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.75) 44.56%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.67) 48.24%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.59) 51.76%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.50) 55.44%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.41) 59.63%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.33) 64.66%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.24) 70.88%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.15) 78.62%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0.07) 88.21%, 
        rgba(var(--cbg-r), var(--cbg-g), var(--cbg-b), 0) 100%);
     }

     body.homepage #menu_mob:after {
         background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.99) 11.79%, rgba(255, 255, 255, 0.97) 21.38%, rgba(255, 255, 255, 0.93) 29.12%, rgba(255, 255, 255, 0.88) 35.34%, rgba(255, 255, 255, 0.82) 40.37%, rgba(255, 255, 255, 0.75) 44.56%, rgba(255, 255, 255, 0.67) 48.24%, rgba(255, 255, 255, 0.59) 51.76%, rgba(255, 255, 255, 0.50) 55.44%, rgba(255, 255, 255, 0.41) 59.63%, rgba(255, 255, 255, 0.33) 64.66%, rgba(255, 255, 255, 0.24) 70.88%, rgba(255, 255, 255, 0.15) 78.62%, rgba(255, 255, 255, 0.07) 88.21%, rgba(255, 255, 255, 0.00) 100%);
     }

       body div#menu_mob ul.intestazione {
        width: calc(100% - 16px);
        margin-left: 8px;
        display: flex !important;
        border-bottom: thin solid;
        justify-content: space-between;
    }
    body div#menu_mob ul:not(.search-results){
        width: calc(100% - 16px);
        margin-left: 8px;
    }

    body div#menu_mob ul:not(.intestazione) li {
         border-bottom: thin solid;
    }

    body div#menu_mob li.search--mob {
        border: none !important;
}

   .owl-carousel {
        width: 270px !important;
    }

    div#menu_mob ul li a, div#menu_mob ul li span {
    font-size: 14px;
    line-height: 17px;
}

div#feed {
    padding-top: 0px;
}



 .feed-item:nth-child(even) {
        padding-left: 25px;
    }

    .feed-item:nth-child(odd) {
        padding-right: 25px;
    }

body.page section#content {
    width: 100%;
    padding: 0px 10px;
    padding-bottom: 100px;
    padding-top: 160px;
}


#sidebar{
    position:relative;
    top:inherit;
    right:inherit;
    max-width:100%
    
}


    body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
       left: 10px;
        width: calc(100% - 20px);  
    }

    #ingredienti.fixed, body.homepage .project {
      max-width: calc(100% - 20px);
    }

    body.homepage .project {
        top: 48px !important;
    }
    
  
    ul#gnambox_menu li {
       opacity: 0;
        display: none; /* non occupa spazio */
    }

    ul#gnambox_menu li:first-child {
    display: none!important;
}


   

   body.homepage #intro_text, h1, #titolo_ricetta{
        font-size: 36px;
        line-height: 84%; /* 30.24px */
        letter-spacing: -1.08px;
    }
   
    .content_ricetta {
       padding: 0px 8px;
    }

    article .inner_box {
        width: 100%;    
    }
    
    body.page article .inner_box,
    body.archive:not(.single-ricetta) #main_menu{
        padding-bottom: 40px;
        /*padding-top: 160px;*/
    }

    .intro_ricette_page {
    width: 100%;
    margin-left: 0px;
    padding: 0px 10px;
    padding-top: 160px;
}


    article p {
        padding-bottom: 20px;
    }

    body.page article p, .intro_ricette_page p {
        padding-bottom: 0px;
        font-size: 23px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: -0.23px;
    }

    p, .content_ricetta {
        font-size: 14px;
        line-height: 100%;
    }

    #ingredienti, .owl-carousel .owl-nav button span .custom-counter { display: none!important;}

   

    #main_menu ul, #main_menu div {
        flex: auto;
        max-width: 100%;
        width: calc(100% - 16px);
    }

    #gnambox_menu {
       position: relative;
       top:0px;
       padding-top: 20px;
    }
    ul#clear{
        display: none;
    }

    

    body:not(.homepage) #main_menu ul {
    position: relative !important;
    padding-bottom: 90px;
}



.post #main_menu ul:first-child {
    position: fixed !important;
    background: linear-gradient(180deg, #EEEEC8 0%,
    rgba(238, 238, 200, 0.99) 11.79%, rgba(238, 238, 200, 0.97) 21.38%,
    rgba(238, 238, 200, 0.93) 29.12%, rgba(238, 238, 200, 0.88) 35.34%, 
    rgba(238, 238, 200, 0.82) 40.37%, rgba(238, 238, 200, 0.75) 44.56%,
    rgba(238, 238, 200, 0.67) 48.24%, rgba(238, 238, 200, 0.59) 51.76%,
    rgba(238, 238, 200, 0.50) 55.44%, rgba(238, 238, 200, 0.41) 59.63%,
    rgba(238, 238, 200, 0.33) 64.66%, rgba(238, 238, 200, 0.24) 70.88%,
    rgba(238, 238, 200, 0.15) 78.62%, rgba(238, 238, 200, 0.07) 88.21%,
    rgba(238, 238, 200, 0.00) 100%);
}

 body #moove_gdpr_cookie_info_bar {
    z-index: 1001;
 }
 
 body .moove-gdpr-info-bar-content {
        flex-direction: column;
        gap:30px
    }

    body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
    body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button {
        line-height: 11.667px;
        font-size: 13px;
        font-weight: 400!important;
    }

    body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p {
        padding-right: 60px;
    }

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
        font-weight: 400!important;
     }

     body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
        padding-left: 0px;
     }

     body #moove_gdpr_cookie_info_bar,#gradient_box {
        bottom:6px
     }

}

@media screen and (max-width:580px) {
    #gradient_box {
        width: 68%;
        right: 10px;
        left: inherit;
    }

    div#gradient_box .bg_gradient {
     height: 50px;
    }
}