@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100&display=swap');

body, .navbar-brand{font-family: 'Calibri', sans-serif !important; }
.imgultimi  {
    width:100%;
    height: auto;
}

#menu-main,#navdietasopra{display:inline;}
#header-brand{background-color: #24272B !important; font-family: 'Lato', sans-serif !important; }

html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
[ng-cloak],
.ng-cloak {
  display: none !important;
}
header>.container{ background-color: #24272B !important;}
header>.navbar-dark{ background-color: #24272B !important;}

.image-style-_00-200 {width: 100%;
  height: auto; }
  
  .containerspeciale{background-color:aquamarine;border: 1px solid white;
  padding: 16px;margin-bottom:16px;}
  
 
 #block-views-block-responsivegrid-block-1 {background-color:#00b2f8;padding-top:16px; padding-bottom:16px; color:white;}
 #block-views-block-responsivegrid-block-1 >h2{color:white;margin-left:16px;font-family:'anton' !important;}


.containerotto {background-color:white; color: black; font-style:bold;}


.block-views-blockresponsivegrid-block-1{margin-top:32px;}

.titoloultimiclasse {   margin-top:16px; margin-left: 16px; margin-right: 16px;  font-size:18px;  font-weight: bold; text-align:left; line-height:1em;}
.titoloultimiclasse a{color:white !important; font-family: 'Antonio', sans-serif !important;}
.argomentoprimo a[href="/taxonomy/term/2"] {
       background-color:#FFC914;font-family: 'Anton', sans-serif;
       color:white;
       border-radius: 4px;  border: 2px solid white;  padding: 8px;
}

.argomentoprimo a[href="/salute_e_benessere"] {font-family: 'Antonio', sans-serif;
       background-color:#a61e7c; font-size: 12px !important;
       color:white; border-radius: 4px;  border: 2px solid white;  padding: 8px;
}

.argomentoultimi a[href="/salute_e_benessere"] {
       background-color:#a61e7c; font-size: 12px !important;font-family: 'Antonio', sans-serif;
       color:white; border-radius: 4px;  border: 2px solid white;  padding: 8px;
} 


.argomentoprimo a[href="/scienza_e_alimenti"] {
       background-color:#FFC300;font-size: 12px !important;font-family: 'Antonio', sans-serif;
       color:darkgreen; border-radius: 4px;  border: 2px solid white;  padding: 8px;
}

.argomentoultimi a[href="/scienza_e_alimenti"] {
       background-color:#FFC300;font-size: 12px !important;font-family: 'Antonio', sans-serif;
       color:darkgreen; border-radius: 4px;  border: 2px solid white;  padding: 8px;
} 

.argomentoprimo a[href="/nutrizione"] {
       background-color:#FF5733;font-size: 12px !important;font-family: 'Antonio', sans-serif;
       color:white; border-radius: 4px;  border: 2px solid white;  padding: 8px;
}

.argomentoultimi a[href="/nutrizione"] {
       background-color:#FF5733;font-size: 12px !important;font-family: 'Antonio', sans-serif;
       color:white; border-radius: 4px;  border: 2px solid white;  padding: 8px;
} 



.argomentoprimo a[href="/idee_cucina"] {
       background-color:white;font-family: 'Antonio', sans-serif;
       color:red; font-size: 12px !important;border-radius: 4px;  border: 2px solid white;  padding: 8px;
}

.argomentoultimi a[href="/idee_cucina"] {
       background-color:white;font-family: 'Antonio', sans-serif;
       color:red; font-size: 12px !important;border-radius: 4px;  border: 2px solid white;  padding: 8px;
} 

.argomentoprimo a[href="/natale2021"] {
       background-color:#f70929;font-family: 'Antonio', sans-serif;
       color:white; font-size: 12px !important;border-radius: 4px;  border: 2px solid white;  padding: 8px;
}

.argomentoultimi a[href="/natale2021"] {
       background-color:#f70929;font-family: 'Antonio', sans-serif;
       color:white; font-size: 12px !important;border-radius: 4px;  border: 2px solid white;  padding: 8px;
} 
.argomentoultimi a[href="/estate2025"] {
       background-color:white;font-family: 'Antonio', sans-serif;
       color:blue; font-size: 12px !important;border-radius: 4px;  border: 2px solid white;  padding: 8px;
} 

@media (min-width: 992px) {
  .navbar-nav .dropdown-menu {
    margin-top: 0;
  }

  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
  }

  .navbar-nav .dropdown-toggle::after {
    transition: transform 0.2s ease;
  }

  .navbar-nav .dropdown:hover > .dropdown-toggle::after {
    transform: rotate(180deg);
  }
}
@media (min-width: 992px) {
  .navbar-nav .dropdown {
    position: relative;
  }

  .navbar-nav .dropdown::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 12px; /* zona di tolleranza */
  }

  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
  }
}



.immagineunico{width:100%; height:auto; margin-left: 10px; margin-right: 10px;}

.chiultimo {  display:block; margin-left:0px !; font-size:16px; float:left; display:inline; font-family:'Anton',sans-serif !important;}

.sintesiultimo p {  margin-left:0px; margin-right: 5px;font-size:12px; float:left; font-family:'Anton',sans-serif !important;}

nav,  .navbar-brand { font-family:'Anton',sans-serif !important; color:#002b52}
.quandoultimo {  margin-left:12px; font-size:16px; float:left; display:inline; font-family:'Anton',sans-serif !important;}

.bodyultimo  {  float: left;}
.bodyultimo p  {font-size:18px;    color:black;}
.titolounico a { color:#0489B1; font-size:20px; font-family: 'Anton', sans-serif;}
.titolounico  { margin-top:10px;  }

.argomentoultimi{position: absolute;
  top: 1px;
  left: 1px; opacity:92%;}
  
  .argomentoprimo {position: absolute;
  top: 1px;
  padding-left: 8px; opacity:92%;}
  
.containerspeciale{  position: relative;
  text-align: center;
  color: white;}
  .containerprimo {position: relative;}
  .horizontal_dotted_line{  border-bottom: 3px dotted grey;
  width: 100%;}

.containerspeciale img{  margin-top: 12px;}

.containerotto{  }
.containerottobis{
  width:100%;
  
}

.containerottobis > div{ 
float:left; display:inline;
  
}


.titolootto{width:66%; }
.titoloottolargo{width:100%; }
#titoloottotesto  { font-size:16px; font-family: 'Antonio', sans-serif !important;line-height:1em; padding-top:4px; padding-left:12px; padding-right:12px;}

#titoloottotesto > a {font-style:bold;  color:#373f51; }

.creatootto{font-style:italic; font-size:14px;padding-left:12px; padding-right:12px;font-family: 'Antonio', sans-serif !important;}


.imageotto {
  width: 33%;
  
  overflow: hidden;
}
.imageotto img {
  width: 100%;
  height:100px;
  object-position: center center;
  display: block;
}


.linea1{border-top: 1px solid #373f51;}
.linea2{border-top: 2px solid #373f51;  padding: 0px;
    margin: 0px;   }
.lineainiziale{border-top: 5px solid #373f51;width:10%;margin-right:0px; margin-top:0em;}

.classecampoargomento{padding-top:12px;}
@media all and (min-width: 50px) {
	.menu--main .nav-item .dropdown-menu{ display: none; }
	.menu--main .nav-item:hover .nav-link{   }
	.menu--main .nav-item:hover .dropdown-menu{ display: block; position:absolute; top:28px; }
	.menu--main .nav-item .dropdown-menu{ margin-top:0; }
	
	
}

.page-title>.titoloarticolo{display:none;}
.page-title>.titoloidea{display:none;}
.field--name-field-istruzioni-idee{background-color:lightgrey; padding:16px; font-family: Helvetica sans-serif;}

.field--name-field-sintesi{display: none;}

.block-field-blocknodearticlebody,.field--name-body{color:black; font-size:20px; line-height:1.5em; }

.block-field-blocknodearticlefield-argomento{}

.field--name-title {font-size:36px;}


.block-field-blocknodearticoliuid, .block-field-blocknodearticolicreated {float:left; display:inline;}
.block-social-sharing-buttons-block {float:left; display:inline; margin-top:-30px; margin-left:24px;}
.block-field-blocknodearticolicreated{margin-left:24px;font-style:italic;}
.block-field-blocknodearticoliuid <span { color:red !important;}
.bodyarticolo>.field__label{display:none;}
.bodyarticolo{}

.primaimmaginearticolo, .block-block-content20bead2a-b89d-4896-b247-9c28c7f935e6 {clear:both;}
.primaimmaginearticolo>.field__label{display:none;}


@media all and (min-width: 960px) 
{
.titoloarticolo{font-size:47px; color:black; font-weight: bold;font-family:'Anton';}
.secondapartebod {padding-left:56px; padding-right:56px;color:red;}
.bodyarticolo {padding-left:56px; padding-right:56px;}

.block-field-blocknodearticolifield-image{width:100%;height:100%}
.block-field-blocknodearticolifield-image img{width:100%;height:100%}
 .immaginericetta>.field__item>img{width:50%;} 
}

@media all and (max-width: 959px) {.titoloarticolo{font-size:27px; color:black; font-weight: bold;font-family:'Anton';}

.primaimmaginearticolo>.field__item>img{width:100%;}
   .immaginericetta>.field__item>img{width:100%;} 
}


/*
#views-bootstrap-seconda-block-1{display:none;}
.removesm{display:none;}*/




.immagineidea{width:50%;}
.immagineidea>.field__label{display:none;}
.bodyidea>.field__label{display:none;}
.autoreidea, .dataidea {display:inline;float:left;}

.field--name-field-argomento>.field__label{display:none;}
.titoloargomento >.field-content>a  {color:#373f51;    font-weight: bold;}

.autorearticolo>a {color: #373f51; text-decoration: underline;  }
.immagineargomento{width:50%;}
.immagineargomento img {
  display: block;
  width: 100%;
  height: auto;
}
.containerargomentopage > div{ 
  float:left; display:inline;
  }
.containerargomentopage{
  width:100%;  }

.titoloargomento  {width:50%;  padding-left:12px; padding-right:6px; line-height: 0.1em !important;}

#titoloargomentopage{  color:#373f51 !important;  line-height: 0.9em !important;}
.sintesiargomento{ padding-left:12px; padding-right:6px; float:left;}
/* per le pagine di lista articoli e schermi piccoli*/
@media all and (max-width: 768px) {
  .containerargomentopage > div {
    float: none !important;
    display: block !important;
    width: 100% !important;
  }

  .immagineargomento {
    width: 100% !important;
  }

  .titoloargomento {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 10px;
  }

  .sintesiargomento {
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* CONTENITORE ARTICOLO */
.node--type-articoli.node--view-mode-full {
  color: #111;
}

/* TITOLOarticolo */
.page-node-type-articoli #block-bootstrap-for-drupal-page-title h1 {
 display:none; !important
}
.block-field-blocknodearticolititle {
  margin: 10px 0 18px 0;
  font-family: 'Anton', sans-serif;
  font-size: 47px;
  line-height: 1.05;
  font-weight: 700;
  color: #000;
}
#block-bootstrap-for-drupal-page-title h1 span {
  display: inline;
}
#block-bootstrap-for-drupal-page-title h1 span {
  display: inline;
}
/* ARGOMENTO */
.block-field-blocknodearticolifield-argomento {
  margin-bottom: 8px;
}

.block-field-blocknodearticolifield-argomento a {
  color: #4aa3df;
  text-decoration: none;
  font-size: 18px;
}

/* DATA  */
.block-field-blocknodearticolicreated
 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 18px;
  margin-bottom: 18px;
  font-size: 22px;
  color: #6f6f6f;
}
/*  AUTORE */

.block-field-blocknodearticoliuid {
  display: inline-block;
  vertical-align: middle;
  margin-right: 18px;
  margin-bottom: 18px;
  font-size: 22px;
 color: #373f51;
}
.block-field-blocknodearticolicreated time {
  font-style: italic;
  color: #6f6f6f;
}

.block-field-blocknodearticoliuid a {
  color: #373f51;
  text-decoration: none;
}

/* HR */
.block-block-content20bead2a-b89d-4896-b247-9c28c7f935e6 {
  clear: both;
  margin: 8px 0 28px 0;
}



/* NASCONDI LABEL TIPO "Image" */
.block-field-blocknodearticolifield-image > div > div:first-child {
  display: none;
}

/* INTRODUZIONE */
.block-field-blocknodearticolifield-introduzione {
  font-size: 24px;
  line-height: 1.75;
  color: #111;
padding-left:28px;
padding-right:px28;
float:left;
}

.block-field-blocknodearticolifield-introduzione p {
  margin-top: 0;
}

/* BODY */
.block-field-blocknodearticolibody {
  font-size: 24px;
  line-height: 1.75;
  color: #111;
}

.block-field-blocknodearticolibody p {
  margin-bottom: 1.2em;
}

.block-field-blocknodearticolibody img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 14px 14px 14px 14px;
}

/* secondaparteBODY */
.block-field-blocknodearticolifield-secodapartebod {
  font-size: 24px;
  line-height: 1.75;
  color: #111;
}
.block-field-blocknodearticolifield-secodapartebod {
  margin-bottom: 1.2em;
}

.block-field-blocknodearticolifield-secodapartebod img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 14px 14px 14px 14px;
}
/* RESPONSIVE */

@media (max-width: 959px) {
  .page-node-type-articoli #block-bootstrap-for-drupal-page-title h1 {
    font-size: 27px;
    line-height: 1.08;
  }
  .block-field-blocknodearticolicreated,
  .block-field-blocknodearticoliuid {
    font-size: 18px;
  }

  .block-field-blocknodearticolifield-introduzione,
  .block-field-blocknodearticolibody {
    font-size: 20px;
    line-height: 1.6;
  }

  .layout--twocol-section--50-50 {
    display: block;
  }

  .layout--twocol-section--50-50 > .layout__region--first {
    margin-bottom: 20px;
  }
}



.argomentoslide {position:relative;}
.titoloslide { top: 63%;padding-left:38px; padding-right:38px;
  left: 0;  font-size:16px;  font-weight: bold; text-align:left; line-height:1em; position: absolute;z-index:999;}
  .sintesislide { top: 82%;padding-left:38px; padding-right:38px;
  left: 0;  font-size:11px;   text-align:left; line-height:1em; position: absolute;z-index:999;}
.titoloslide a{color:white !important; text-shadow: 2px 1px 0.5px #373f51; }
.sintesislide{color:white !important; text-shadow: 1px 1px 0.5px #373f51;}

@media all and (min-width: 960px) {.block-views-blockgligliaslide-block-1{width:50%!important;float:left;height:100%!important;}
#block-titoloseconda {width:50%;float:left;}
.titoloseconda{margin-left:50px;}
}
.block-views-blockgligliaslide-block-1{padding-bottom:32px;}

.carousel-caption>h3>a{font-size:18px !important;  color:white;text-shadow: 2px 1px 0.5px #373f51; line-height:1em; font-family: 'Anton', sans-serif;}

.carousel-caption>h3>a:hover{  color:white;text-shadow: 1px 1px 0.5px black; }
.carousel-caption>h3{line-height:18px;}

#block-bootstrap-for-drupal-subtheme-main-navigation-menu{background-color: #f19cac !important;}

#block-bootstrap-for-drupal-subtheme-content{clear: left}
#block-vistavetrina {}  
.block-views-blockvistavetrina-block-1 >h2{text-align: center;font-family:Anton;} 
.block-views-blockvistavetrina-block-1 {text-align: center;} 
.titolovetrina>a{color: #373f51; font-size:1em; font-family:antonio; border-style: ridge;
 background-color: #373f51 ; /* Green #4CAF50*/
  border: none;
  color: white;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;}
  
  .page-title{color:#24272B;font-family:'Anton';}
  .datalaterale{ font-size:11px;font-style:bold;}
  .block-field-blocknodecalcolatoribody{margin-left:10px;}
#informativo{color:red; margin:16px;}

.immaginericetta>.field__label{display:none;}

.introduzione>.field__label{display:none;}
.introduzione,.bodyarticolo, .secondapartebod {font-size:20px;padding-top:12px;}
.secondaparte>.field__label{display:none;}
.sintesiricetta >.field__label{display:none;background-color:white;}
.pubblicitaric>.field__label{display:none;background-color:white;}
.procedura >.field__label {display:none;}
.procedura2 >.field__label {display:none;}
.secondapartebod>.field__label {display:none;}
.secondapartebod
.sintesiricetta, .introduzione, .procedura, .procedura2, .secondapartebod {background-color:white;color:black;}

.sintesiricetta>.field__item {color:black;}
@media all and (min-width: 960px) {
.introduzione>.field__item, .procedura>.field__item, .procedura2>.field__item, .secondapartebod>.field__item{padding-left:56px;padding-right:56px;}
.sintesiricetta>.field__item {padding-left:56px;padding-right:56px;color:black;}
.block-field-blocknodearticolifield-secodapartebod, .secondapartebod>.field__item {padding-left:0px!important;padding-right:0px!important;}
.ingredienti>.field__item {padding-left:56px;padding-right:56px;}
.nascondigrandi{display:none;}
#block-views-block-alimenti-desc-block-1{background-color:#F8F2EA; }

}
@media all and (max-width: 959px) {
.introduzione>.field__item, .procedura>.field__item, .procedura2>.field__item, .secondapartebod>.field__item{ font-size:20px;}
.sintesiricetta>.field__item {color:black;font-size:20px;}
.ingredienti>.field__item {color:black;font-size:20px;}
.nascondipiccoli{display:none;}

.secondapartebod>.field__item {font-size:20px;
   }
   




}

.procedura{padding-top:12px;}
.procedura2{padding-top:12px;}

.boldricetta{color:white;background-color: #aa557c; }
.titoloricetta{color:black;font-family:'Antonio'; font-size:40px;}
.imgmenuric{width:100px;height:100px;}
.ricettemenu{color:#24272B;font-family:'Anton'; font-size:18px;}
.bloccorecenti>.view-content>.item-list>ul>li>.views-field-title{color:#24272B !important;font-family:'Anton'; font-size:14px !important;}
.ingredienti>.field__label{display:none;}
/* titoli barre laterali ricette contenuti recenti e ricette recenti*/
.ricettalaterale >a{ font-size:14 px; color:black;font-family:'Antonio';}
.titolorecentidup{font-family:'Antonio';}

.imgrecentiricette>a>img {width:50%}
.immaginerecentidup {width:50%}
.block-views-blockduplicate-of-ricette-recenti-block-1>h2, .block-views-blockduplicate-of-contenuti-recenti-block-1>h2 {font-family:'Anton';}
.block-views-blockduplicate-of-contenuti-recenti-block-1, .block-views-blockduplicate-of-ricette-recenti-block-1, .block-views-blockduplicate-of-recent-content-block-1{margin-top: 12px; background-color: #f5f5f5; border-radius: 12px;}
/* padding delle barre laterali ricette*/
.bloccorecentiricetta{padding-left: 16px; }
.ricettesidebarduplicate{padding-left: 16px; border-radius: 12px;}
/* dati ricette*/
.dataricrecenti{margin-top:0px; font-size:10px;}
.iconnote>.field__label,.iconpersone>.field__label, .icondifficolta>.field__label,.icontimer>.field__label {display:none}
      .icontimer{display: inline; float:left;padding-right:6px; color:#9b59b6;}
      .tempopreparazione{display:  inline-block; color:#9b59b6;}
      .icondifficolta{display: inline; float:left;padding-right:8px; color:#9b59b6;}
      .difficolta{display:  inline-block;color:#9b59b6; }
      .iconpersone{display: inline; float:left;padding-right:4px;color:#9b59b6;}
      .persone{display:  inline-block; color:#9b59b6;}
      .iconnote{float: left; width:5%;color:#9b59b6;}
      .notetesto{margin-left: 7%; color:#9b59b6;}
      .block-field-blocknodericettefield-image>.field--name-field-image>.field__label{display:none;}
      
   /* Contenitore solo dei campi ricetta */
.block-field-blocknodericettefield-preparazione,
.block-field-blocknodericettefield-difficolta,
.block-field-blocknodericettefield-persone,
.block-field-blocknodericettefield-note {
  margin-bottom: 12px; margin-left: 12px;
}

/* struttura interna */
.block-field-blocknodericettefield-preparazione > div,
.block-field-blocknodericettefield-difficolta > div,
.block-field-blocknodericettefield-persone > div,
.block-field-blocknodericettefield-note > div {
  display: flex;
  flex-direction: column;
}

/* titolo */
.block-field-blocknodericettefield-preparazione > div > div:first-child,
.block-field-blocknodericettefield-difficolta > div > div:first-child,
.block-field-blocknodericettefield-persone > div > div:first-child,
.block-field-blocknodericettefield-note > div > div:first-child {
  font-weight: bold;
  color: #7b4fa3;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* valore */
.block-field-blocknodericettefield-preparazione > div > div:last-child,
.block-field-blocknodericettefield-difficolta > div > div:last-child,
.block-field-blocknodericettefield-persone > div > div:last-child,
.block-field-blocknodericettefield-note > div > div:last-child {
  color: #7b4fa3;
  margin-left: 26px;
}
/* Tempo */
.block-field-blocknodericettefield-preparazione > div > div:first-child::before {
  content: "⏱️";
}

/* Difficoltà */
.block-field-blocknodericettefield-difficolta > div > div:first-child::before {
  content: "🍴";
}

/* Dosi */
.block-field-blocknodericettefield-persone > div > div:first-child::before {
  content: "👥";
}

/* Note */
.block-field-blocknodericettefield-note > div > div:first-child::before {
  content: "📝";
}

    
#bordorigaspesso{  border-bottom: 5px solid #888989; width:100%;     font-family:'Arial','Helvetica',sans-serif;padding-left:10px;}
#bordoriga{  border-bottom: 1px solid #888989; width:100%;    font-family:'Arial','Helvetica',sans-serif;padding-left:10px;}
.marginrg{float:right; padding-left:64px;}

.titoloalimento>a {color:red!important;font-family:'Antonio'!important;}
.titoloalimentodue  {color:red!important;font-family:'Antonio'!important;}
#valoricento{font-size:14px;}

.block_text
{
   
   display: flex;
 

}
.btext1, .btext2
{
     display: inline-block;


 
}
  .btext1
{  float:left;
  }


  .btext2
{  float:right;margin-left:16px;
  }
   .trasparente{color:rgba(0, 0, 0, 0);}
   .testopiccoli{float:left;}
   
   .ntesti{
margin: 0;
width: 100%;
position: relative;
}
.ntesto1{
float: left;
font-weight: bold;
margin: 0;
}
.ntesto2{
display: inline;
float: right;
font-weight: bold;
margin: 0;
}

#block_container
{
   
   display: flex;
 

}
.bloc1, .bloc2
{
     display: inline-block;

float:left;
 padding-right:12px;
}

.bloc1
{   margin-left: 6px;width:50%;
  }
  .bloc2
{ margin-left: 6px; width:50%;
  }
  
  
.performance-facts {
  border: 1px solid black;
  margin: 20px;
  float: left;
 

  padding: 0.5rem;
  table {
    border-collapse: collapse;
  }
}
.performance-facts__title {
  font-weight: bold;
  font-size: 2rem;
  margin: 0 0 0.25rem 0;
}
.performance-facts__header {
  border-bottom: 10px solid black;
  padding: 0 0 0.25rem 0;
  margin: 0 0 0.5rem 0;
  p {
    margin: 0;
  }
}
.performance-facts__table {
  width: 100%;
  thead tr {
    th,
    td {
      border: 0;
    }
  }
  th,
  td {
    font-weight: normal;
    text-align: left;
    padding: 0.25rem 0;
    border-top: 1px solid black;
    white-space: nowrap;
  }
  td {
    &:last-child {
      text-align: right;
    }
  }
  .blank-cell {
    width: 1rem;
    border-top: 0;
  }
  .thick-row {
    th,
    td {
      border-top-width: 5px;
    }
  }
}
.small-info {
  font-size: 0.7rem;
}

.performance-facts__table--small {
  @extend .performance-facts__table;
  border-bottom: 1px solid #999;
  margin: 0 0 0.5rem 0;
  thead {
    tr {
      border-bottom: 1px solid black;
    }
  }
  td {
    &:last-child {
      text-align: left;
    }
  }
  th,
  td {
    border: 0;
    padding: 0;
  }
}

.performance-facts__table--grid {
  @extend .performance-facts__table;
  margin: 0 0 0.5rem 0;
  td {
    &:last-child {
      text-align: left;
      &::before {
        content: "•";
        font-weight: bold;
        margin: 0 0.25rem 0 0;
      }
    }
  }
}

.text-center {
  text-align: center;
}
.thick-end {
  border-bottom: 10px solid black;
}
.thin-end {
  border-bottom: 1px solid black;
}
.marginesinistro{margin-left:20px;display: inline;
float: right;}
    .santanna-table {
    width: 100%;
    max-width: 600px;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
}

.santanna-table th,
.santanna-table td {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: left;
}

.santanna-table th {
    background-color: #0066cc;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
}

.santanna-table tr:nth-child(even) {
    background-color: #f0f8ff;
}

.highlight {
    color: #0066cc;
    font-weight: bold;
}

/* Stili per le tabelle su schermi grandi */
.half-width-table {
    margin: 10px 10px;
}

/* Contenitore per allineare le tabelle */
.table-wrapper {
    display: block;
}

/* Stile per l'immagine più grande e centrata */
.image-larger {
    max-width: 250px;
    height: auto;
    display: block;
    margin: 0 auto 20px auto;
}

/* Media Query per schermi grandi */
@media (min-width: 960px) {
    .table-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .half-width-table {
        width: 48%;
    }
    
    .santanna-table {
        margin: 0;
    }
}
.store-list {
    list-style-type: none; /* Rimuove i punti elenco predefiniti */
    padding-left: 0; /* Rimuove il padding predefinito */
    margin-left: 1em; /* Aggiunge un rientro */
}

.store-list li {
    position: relative;
    padding-left: 1em; /* Spazio per il punto personalizzato */
    line-height: 1.5; /* Spaziatura tra le righe */
}

.store-list li::before {
    content: '•'; /* Aggiunge un punto come elemento pseudo-selettore */
    position: absolute;
    left: 0; /* Posiziona il punto all'inizio della riga */
    color: #0066cc; /* Colore del punto, puoi modificarlo */
    font-weight: bold;
}
/* Se hai assegnato la classe all'immagine */
.img-ingrandisci img{
    transition: transform 0.3s ease; /* Aggiunge un'animazione fluida */
}

.img-ingrandisci: {
   width: 400px;height:400px;float:center; /* Ingrandisce l'immagine del 50% */
}
.img-adatta img {
    max-width: 100%;
    height: auto;
    display: block; /* Opzionale, ma consigliato per evitare spazi indesiderati */
}
.colonna-immagine img {
    transition: transform 0.3s ease;
}

.colonna-immagine:hover img {
    transform: scale(1.5);
}

#menu-main > .region {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #24272b;
}
.ultimo-grid {
  display: flex;
  flex-wrap: wrap;
}

.ultimo-grid > .containerprimo {
  width: 50%;
  box-sizing: border-box;
  padding-top: 6px;
padding-bottom:6px;
padding-right:12px;
padding-left:12px;
}

.ultimo-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.ultimo-item {
  width: 50%;
  box-sizing: border-box;
  padding: 12px;
}

.ultimo-item img {
  display: block;
  width: 100%;
  height: auto;
}

.sintesiultimo {
  overflow: hidden;
}

@media (max-width: 768px) {
  .ultimo-item {
    width: 100%;
  }
}
@media all and (min-width: 960px) {
  .block-views-blockgligliaslide-block-1,
  #block-bootstrap-for-drupal-titoloseconda {
    width: 50%;
    float: left;
  }

  #block-bootstrap-for-drupal-views-block-ultimo-block-1 {
    clear: both !important;
    width: 100% !important;
    float: none !important;
  }
}
.titlemenuric a{color: black !important}
.block-field-blocknodericettefield-image { max-width: 100%;
    height: auto;
    display: block;}
body {background: white !important}
/* CONTENITORE BLOCCO tabella ACQUE MINERALI */
#block-bootstrap-for-drupal-views-block-acque-block-1 {
  margin-top: 20px;
}

/* SEARCH BOX */
#block-bootstrap-for-drupal-views-block-acque-block-1 .form-text {
  width: 240px;
  max-width: 100%;
  height: 44px;
  padding: 10px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background: #fff;
  font-size: 16px;
  color: #666;
  box-sizing: border-box;
  margin-bottom: 12px;
}

#block-bootstrap-for-drupal-views-block-acque-block-1 .form-text:focus {
  outline: none;
  border-color: #6bb5ee;
  box-shadow: 0 0 0 2px rgba(107, 181, 238, 0.15);
}

/* TABELLA */
#block-bootstrap-for-drupal-views-block-acque-block-1 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
  font-size: 18px;
  color: #8a8a8a;
}

/* HEADER */
#block-bootstrap-for-drupal-views-block-acque-block-1 thead th {
  padding: 14px 8px;
  border: 1px solid #d7d7d7;
  background: #fff;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  color: #4aa3df;
  vertical-align: middle;
}

/* corpo */
#block-bootstrap-for-drupal-views-block-acque-block-1 tbody td {
  padding: 16px 8px;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  background: #fff;
}

/* link prima colonna */
#block-bootstrap-for-drupal-views-block-acque-block-1 tbody td.views-field-name a {
  color: #4aa3df;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.3;
}

#block-bootstrap-for-drupal-views-block-acque-block-1 tbody td.views-field-name a:hover {
  text-decoration: underline;
}

/* larghezze colonne */
#block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-name {
  width: 23%;
}

#block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-field-immagine-alimento {
  width: 18%;
  text-align: center;
}

#block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-field-residuo-fisso {
  width: 22%;
}

#block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-field-ph,
#block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-field-calcio,
#block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-field-sodio {
  width: 12%;
}

/* immagini uniformi */
#block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-field-immagine-alimento img {
  display: block;
  margin: 0 auto;
  width: 106px;
  height: 126px;
  object-fit: contain;
  background: #fff;
}

/* nasconde la riga "Acque minerali" se è quella finta con celle vuote */
#block-bootstrap-for-drupal-views-block-acque-block-1 tbody tr:first-child td.views-field-field-immagine-alimento:empty,
#block-bootstrap-for-drupal-views-block-acque-block-1 tbody tr:first-child td.views-field-field-residuo-fisso:empty,
#block-bootstrap-for-drupal-views-block-acque-block-1 tbody tr:first-child td.views-field-field-ph:empty,
#block-bootstrap-for-drupal-views-block-acque-block-1 tbody tr:first-child td.views-field-field-calcio:empty,
#block-bootstrap-for-drupal-views-block-acque-block-1 tbody tr:first-child td.views-field-field-sodio:empty {
  background: #fff;
}

#block-bootstrap-for-drupal-views-block-acque-block-1 tbody tr:first-child:has(td.views-field-field-immagine-alimento:empty):has(td.views-field-field-residuo-fisso:empty):has(td.views-field-field-ph:empty):has(td.views-field-field-calcio:empty):has(td.views-field-field-sodio:empty) {
  display: none;
}

/* header "Logo" grigio come nello screenshot */
#block-bootstrap-for-drupal-views-block-acque-block-1 thead th.views-field-field-immagine-alimento {
  color: #9c9c9c;
}

/* righe un po' più ariose */
#block-bootstrap-for-drupal-views-block-acque-block-1 tbody tr {
  height: 92px;
}

/* responsive base */
@media (max-width: 991px) {
  #block-bootstrap-for-drupal-views-block-acque-block-1 table {
    font-size: 16px;
  }

  #block-bootstrap-for-drupal-views-block-acque-block-1 thead th {
    font-size: 17px;
  }

  #block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-field-immagine-alimento img {
    width: 82px;
    height: 98px;
  }
}
#block-bootstrap-for-drupal-views-block-acque-block-1 th a {
  position: relative;
  padding-right: 18px;
  text-decoration: none;
  color: #4aa3df;
}

/* freccia neutra */
#block-bootstrap-for-drupal-views-block-acque-block-1 th a::after {
  content: "⇅";
  position: absolute;
  right: 0;
  font-size: 12px;
  color: #bbb;
}

/* asc */
#block-bootstrap-for-drupal-views-block-acque-block-1 th.is-active a[href*="order=asc"]::after {
  content: "↑";
  color: #4aa3df;
}

/* desc */
#block-bootstrap-for-drupal-views-block-acque-block-1 th.is-active a[href*="order=desc"]::after {
  content: "↓";
  color: #4aa3df;
}

.path-taxonomy [data-contextual-id*="view=taxonomy_term"] + header {
  display: none !important;
}
.fontcalcolatore{font-size:20px;  font-family:'Arial','Helvetica',sans-serif;}
.scheda-nutrizionale {
  max-width: 430px;
  border: 1px solid #222;
  padding: 14px 10px 18px;
  background: #fff;
  color: #2f3b55;
  font-family: Arial, Helvetica, sans-serif;
}

.scheda-nutrizionale__titolo {
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 700;
  color: #2f3b55;
}

.scheda-nutrizionale__nome {
  margin: 6px 0 10px;
  text-align: left;
  font-family: 'Anton', sans-serif;
  font-size: 34px;
  line-height: 1.05;
  color: #e11919;
  letter-spacing: 0.3px;
}

.scheda-nutrizionale__linea-grigia {
  height: 6px;
  background: #9a9a9a;
  margin: 0 0 12px;
}

.scheda-nutrizionale__linea-nera {
  height: 12px;
  background: #000;
  margin: 0 0 14px;
}

.scheda-nutrizionale__header-grid {
  display: grid;
  grid-template-columns: 1fr 130px;
  column-gap: 24px;
  margin-bottom: 8px;
  color: #737373;
  font-size: 13px;
}

.scheda-nutrizionale__header-col {
  padding-bottom: 6px;
  border-bottom: 1px solid #555;
}

.scheda-nutrizionale__header-col--right {
  text-align: right;
}

.scheda-riga {
  display: grid;
  grid-template-columns: 1fr 130px;
  column-gap: 24px;
  align-items: end;
  margin-bottom: 12px;
}

.scheda-riga__sx,
.scheda-riga__dx {
  padding-bottom: 8px;
  border-bottom: 1px solid #8d8d8d;
  color: #2f3b55;
}

.scheda-riga__sx {
  font-size: 18px;
  line-height: 1.2;
}

.scheda-riga__dx {
  font-size: 18px;
  line-height: 1.2;
  text-align: right;
}

.scheda-riga__sx strong {
  font-weight: 700;
}

.scheda-riga--calorie .scheda-riga__sx,
.scheda-riga--calorie .scheda-riga__dx {
  font-size: 24px;
  border-bottom-color: #555;
}

.scheda-riga--indentata .scheda-riga__sx {
  padding-left: 18px;
}

.scheda-nutrizionale__footer-label {
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}

.scheda-nutrizionale__footer-valori {
  margin-top: 18px;
  text-align: center;
  font-size: 13px;
  color: #666;
}

@media (max-width: 480px) {
  .scheda-nutrizionale {
    max-width: 100%;
  }

  .scheda-nutrizionale__nome {
    font-size: 28px;
  }

  .scheda-nutrizionale__header-grid,
  .scheda-riga {
    grid-template-columns: 1fr 110px;
    column-gap: 14px;
  }

  .scheda-riga--calorie .scheda-riga__sx,
  .scheda-riga--calorie .scheda-riga__dx {
    font-size: 20px;
  }

  .scheda-riga__sx,
  .scheda-riga__dx {
    font-size: 16px;
  }
}
/* Forza il contenitore della sidebar a non far uscire gli annunci */
aside.col-md-3, .region-sidebar-second {
    overflow: hidden; /* Taglia l'annuncio se prova a uscire */
}

/* Obbliga l'annuncio a non superare mai la larghezza della colonna */
.adsbygoogle {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
}

/* Rimuove l'altezza fissa che lo script prova a imporre se rompe il CSS */
ins#aswift_1_host {
    max-width: 100% !important;
}
/* 1. Impedisce alla colonna sidebar di allargarsi oltre il dovuto */
aside.col-md-3, 
.region-sidebar-second {
    max-width: 100% !important;
    position: relative;
}

/* 2. Colpisce l'annuncio iniettato automaticamente */
ins.adsbygoogle[data-ad-status="filled"] {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    display: block !important;
}

/* 3. Corregge l'iframe che Google crea dinamicamente */
ins.adsbygoogle iframe {
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}
.region-sidebar-second {
    word-wrap: break-word;
    box-sizing: border-box;
}
@media (max-width: 768px) {

  #block-bootstrap-for-drupal-views-block-acque-block-1 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #block-bootstrap-for-drupal-views-block-acque-block-1 table {
    min-width: 620px !important;
    width: 100% !important;
    table-layout: auto;
  }

  #block-bootstrap-for-drupal-views-block-acque-block-1 thead th,
  #block-bootstrap-for-drupal-views-block-acque-block-1 tbody td {
    padding: 8px 6px;
    font-size: 14px;
    white-space: nowrap;
  }

  #block-bootstrap-for-drupal-views-block-acque-block-1 .views-field-field-immagine-alimento img {
    width: 60px;
    height: auto;
  }
/* Prima colonna più stretta */
#block-bootstrap-for-drupal-views-block-acque-block-1 th:first-child,
#block-bootstrap-for-drupal-views-block-acque-block-1 td:first-child {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  font-size: 12px;
  line-height: 1.2;
  white-space: normal;
  word-break: break-word;
}
}
.path-taxonomy .layout--onecol:has(.block-field-blocktaxonomy-termacque-mineralifield-residuo-fisso) {
  display: none !important;
}
.btn-group {
  white-space: nowrap;
}

.w3-modal,
.modal {
  z-index: 99999 !important;
}