@charset "UTF-8";
/*!
Theme Name: Tema editoriale - Produzione
Theme URI: http://underscores.me/
Author: Foodweb Developement Team
Author URI: http://underscores.me/
Description: Tema per i siti editoriali (Produzione)
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foodweb
Tags:

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

FoodWeb is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Blocks
# User menu
--------------------------------------------------------------*/
/* #89a5c0; */
/*
 * IMPORTANT - tenere sincronizzato con:
 * - icone dentro images/mercati
 * - functions.php
 * */
/*
$mercati_categorie_slugs: 'bakery', 'beverage', 'carni', 'condimenti-mercati', 'conserve', 'dairy', 'fresco', 'frozen', 'grocery', 'olio', 'ortofrutta', 'pasta', 'salumi';
$mercati_names: 'bakery', 'beverage', 'carni', 'condimenti', 'conserve', 'dairy', 'fresco', 'frozen', 'grocery', 'olio', 'ortofrutta', 'pasta', 'salumi';
// Le icone sono state eliminate
$mercati_icons: 'beverage', 'condimenti', 'conserve', 'bakery', 'pasta',
  'formaggi', 'salumi', 'caffe-altro', 'cereali', 'dolciario', 'freddo',
  'fruit&vegetables', 'healthy', 'petfood', 'babyfood', 'vino';
// #TODO eliminare variabile
$mercati_colors: #c99d66, #5db1e4, #dd6b8b, #6ca547, #bc1d1d, #f18c00, #454b9a, #1990ac, #c63769, #a1973a, #7cc08c, #dbaf00, #ec6f68;
*/
/* IMPORTANT - '/' alla fine */
/*  OLD $mercati_colors: #62b3dd, #7ab14e, #404f91, #c89d68, #e9c35b, #ef8f24, #e97169; */
/* 1/radq(2) - same as image ratio (NOT 3/4 !!!) */
/*
$size__head-area-left-full-width-rems: 2/3*$size__site-max-width-rems + (1-2*$size__head-area-ratio)/3/$size__head-area-ratio;
$size__head-area-left-half-width-rems: ($size__head-area-left-full-width-rems - $size__head-area-gap-rems)/2;
$size__head-area-right-width-rems: $size__site-max-width-rems/3 - ((1+$size__head-area-ratio)/3/$size__head-area-ratio)*$size__head-area-gap-rems;
$size__head-area-page-half-width-rems: ($size__site-max-width-rems - $size__head-area-gap-rems)/2;
*/
/* ($size__site-max-width-rems/2 - $size__head-area-gap-rems - $size__head-area-right-width-rems); */
/* $size__site-mobile-max-width-rems: $size__head-area-page-half-width-rems; */
/* In visualizzazione tablet la dine dell'header della seconda notizia si allinea verticalmente con il margine sx di #main */
/*
 * Alcuni elementi, non essendo testuali o avendo un bordo o uno sfondo,
 * sembrano meno sepaziati verticalmente dagli altri
 * perché no hanno una line-height e lettere di diversa altezza che creano uno spazio ulteriore
 * -> aggiungo un po' di spazio per dare più omogeneità visiva.
 * IMPORTANT - attenzione al font-size dell'elemento in cui si applica ed eventualmete compensare
 * */
/*
 * Usato dal sottomenu per allinearsi correttamente quando compare
 * */
/*
 * Fattore moltiplicativo si $font__main-menu sul testo digitato di ricerca quando la ricerca è aperta
 * */
/* Elemento grafico che va con la size del box e non del font */
/*!
Theme Name: FoodWeb
Theme URI: http://underscores.me/
Author: Alessandro Ferrari
Author URI: http://underscores.me/
Description: Sito per la parte editoriale
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foodweb
Tags:

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

FoodWeb is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/
/*
 * Se è aperta la ricerca la secondary-navigation scompare
 * => devo adeguare la posizione degli elementi sottostanti
 * */
/*
 * Su mobile viene troppo grosso mantenendo i rem soliti + collassa anche la secondary-navigation bar
 * */
/*** variabili per box ***/
@font-face {
  font-family: "foodweb-icons";
  src: url("images/foodweb-icons.woff?v=1.0.0");
  src: url("images/foodweb-icons.woff?v=1.0.0") format("woff"), url("images/foodweb-icons.ttf?v=1.0.0") format("truetype"), url("images/foodweb-icons.svg?v=1.0.0") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
 * Usato in single, page e visual editor
 * */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

.wp-block-image .aligncenter > figcaption {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 600;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 600;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Social share
# IMPORTANT - High position for lower priority
--------------------------------------------------------------*/
.mshare {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  /*!owner element*/
}
.mshare--pane {
  position: absolute;
  top: -45px;
  left: 50%;
  z-index: 1;
}
.mshare-item {
  padding: 0 10px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 36px;
  text-decoration: none;
  user-select: none;
  touch-action: manipulation;
}
.mshare-item:hover, .mshare-item:visited {
  text-decoration: none;
}
.mshare-item-text {
  font-size: 13px;
  color: #fff;
  vertical-align: middle;
}
.mshare-item-text:not(:empty) {
  margin-left: 10px;
}
.mshare-item-icon {
  height: 1.4em;
  width: 1.4em;
  font-size: 15px;
  fill: #fff;
  vertical-align: middle;
}
.mshare-item-icon:first-child:last-child {
  padding: 0 5px;
}
.mshare-item--email, .mshare-item--email:visited, .mshare-item--email:hover {
  background-color: #4A586F;
  color: #4A586F;
}
.mshare-item--facebook, .mshare-item--facebook:visited, .mshare-item--facebook:hover {
  background-color: #3B5998;
  color: #3B5998;
}
.mshare-item--facebook .mshare-item-icon, .mshare-item--facebook:visited .mshare-item-icon, .mshare-item--facebook:hover .mshare-item-icon {
  margin-top: -0.1em;
}
.mshare-item--googleplus, .mshare-item--googleplus:visited, .mshare-item--googleplus:hover {
  background-color: #E34429;
  color: #E34429;
}
.mshare-item--googleplus .mshare-item-icon, .mshare-item--googleplus:visited .mshare-item-icon, .mshare-item--googleplus:hover .mshare-item-icon {
  width: 1.7em;
  height: 1.7em;
}
.mshare-item--linkedin, .mshare-item--linkedin:visited, .mshare-item--linkedin:hover {
  background-color: #027bb6;
  color: #027bb6;
}
.mshare-item--linkedin .mshare-item-icon, .mshare-item--linkedin:visited .mshare-item-icon, .mshare-item--linkedin:hover .mshare-item-icon {
  margin-top: -0.25em;
}
.mshare-item--pinterest, .mshare-item--pinterest:visited, .mshare-item--pinterest:hover {
  background-color: #C5282F;
  color: #C5282F;
}
.mshare-item--pinterest .mshare-item-icon, .mshare-item--pinterest:visited .mshare-item-icon, .mshare-item--pinterest:hover .mshare-item-icon {
  width: 1.25em;
  height: 1.25em;
  margin-top: 0.2em;
}
.mshare-item--reddit, .mshare-item--reddit:visited, .mshare-item--reddit:hover {
  background-color: #a1caf2;
  color: #a1caf2;
}
.mshare-item--reddit .mshare-item-icon, .mshare-item--reddit:visited .mshare-item-icon, .mshare-item--reddit:hover .mshare-item-icon {
  width: 1.7em;
  height: 1.7em;
}
.mshare-item--stumbleupon, .mshare-item--stumbleupon:visited, .mshare-item--stumbleupon:hover {
  background-color: #eb4823;
  color: #eb4823;
}
.mshare-item--stumbleupon .mshare-item-icon, .mshare-item--stumbleupon:visited .mshare-item-icon, .mshare-item--stumbleupon:hover .mshare-item-icon {
  width: 1.5em;
  height: 1.5em;
}
.mshare-item--twitter, .mshare-item--twitter:visited, .mshare-item--twitter:hover {
  background-color: #27aae1;
  color: #27aae1;
}
.mshare-item--whatsapp, .mshare-item--whatsapp:visited, .mshare-item--whatsapp:hover {
  background-color: #25D366;
  color: #25D366;
}
.mshare-item--sms, .mshare-item--sms:visited, .mshare-item--sms:hover {
  background-color: #63908D;
  color: #63908D;
}
.mshare-native {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
  padding: 4px 6px;
  min-width: 52px;
}
.mshare__container {
  position: relative;
}
.mshare--open:not(.mshare--native) {
  height: 40px;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 450ms cubic-bezier(0.515, 0.57, 0.11, 0.98), opacity 450ms cubic-bezier(0.515, 0.57, 0.11, 0.98), height 0ms;
}
.mshare--close:not(.mshare--native) {
  height: 0px;
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition: transform 350ms cubic-bezier(0.515, 0.57, 0.11, 0.98), opacity 350ms cubic-bezier(0.515, 0.57, 0.11, 0.98), height 0ms 350ms;
  pointer-events: none;
}
.mshare--open.mshare--native {
  height: 40px;
  visibility: visible;
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  transition: transform 450ms cubic-bezier(0.515, 0.57, 0.11, 0.98), opacity 450ms cubic-bezier(0.515, 0.57, 0.11, 0.98), height 0ms;
}
.mshare--close.mshare--native {
  height: 0px;
  transform: translate3d(-50%, 20px, 0);
  opacity: 0;
  transition: transform 350ms cubic-bezier(0.515, 0.57, 0.11, 0.98), opacity 350ms cubic-bezier(0.515, 0.57, 0.11, 0.98), height 0ms 350ms;
  pointer-events: none;
}
.mshare--button {
  cursor: pointer;
  user-select: none;
  touch-action: manipulation;
}
.mshare--expanded {
  margin: 1em;
}
.mshare--expanded .mshare-item {
  margin: 0 5px;
  padding: 0 12px;
}
.mshare--small {
  height: 30px;
  top: -35px;
}
.mshare--small .mshare-item {
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}
.mshare--small .mshare-item-text {
  font-size: 11px;
}
.mshare--small .mshare-item-icon {
  font-size: 13px;
}
.mshare--small.mshare--expanded .mshare-item {
  padding: 0 14px;
}
@media (max-width: 767px) {
  .mshare-item-text {
    display: none;
  }
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #2a2a2a;
  font-family: var(--font-main, Poppins, sans-serif);
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 1420px) {
  body,
  button,
  input,
  select,
  textarea {
    font-size: 1.1267605634rem;
  }
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 1.125;
}

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;
  font-size: 15px;
  font-size: 0.9375rem;
  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;
  font-size: 15px;
  font-size: 0.9375rem;
}

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

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

.widget-title,
.column-title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.5rem; /* CHECK */
}

.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper h1 {
  font-size: 2em;
  font-weight: 600;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

blockquote,
q {
  quotes: "" "";
}
blockquote:before, blockquote:after,
q:before,
q:after {
  content: "";
}

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;
}

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

dt {
  font-weight: 600;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  line-height: 0;
  /* Evita il problema del line-height che lascia spazio sotto o sopra */
}

figure:not(.wp-block-table) {
  /* Extra wide images within figure tags don't overflow the content area. */
  margin: 1em auto;
  /* Evita il problema del line-height che lascia spazio sotto o sopra */
  line-height: 0;
}
figure:not(.wp-block-table) figcaption {
  /* Ripristina una line-height ragionevole e formatta */
  line-height: 1.2;
  font-size: 85%;
  /* Serve per evitare problei su allineamento immagine */
  width: 100%;
}
figure:not(.wp-block-table).wp-has-aspect-ratio.wp-embed-aspect-16-9 {
  max-width: 800px !important;
  margin: 0 auto;
}
figure:not(.wp-block-table).wp-has-aspect-ratio.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  padding-top: 56.25%;
  position: relative;
}
figure:not(.wp-block-table).wp-has-aspect-ratio.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  width: 100%;
  max-height: 100% !important;
  /* Adhere to container width. */
}
figure:not(.wp-block-table) iframe {
  /* Usato per i video Vimeo e forse anche altri */
  max-width: 100% !important;
  /* Adhere to container width. */
  margin: 0 auto !important;
  /* Align center */
}

.wp-block-image figure {
  float: none !important;
}

figure.wp-block-table {
  margin: 0;
}
figure.wp-block-table table {
  margin: 0;
}

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

/* Open under icon and keep visible over other elements (z-index) */
.mshare--small {
  top: auto;
  bottom: -35px;
}

.mshare--pane {
  top: auto;
  bottom: -45px;
  z-index: 7;
}

.social-shares {
  cursor: pointer;
  position: relative;
}

.shareon--pane {
  display: flex;
  position: absolute;
  top: auto;
  bottom: -20px;
  right: 0;
  z-index: 7;
  --button-size: 25px;
  --icon-size: 14px;
  --padding-ver: calc(0.3 * var(--icon-size));
  --padding-hor: calc(var(--icon-size) / 2);
  --padding-icon: calc((var(--button-size) - var(--icon-size)) / 2);
  --height: calc(var(--button-size) - 2 * var(--padding-ver));
  --width: calc(var(--button-size) - 2 * var(--padding-hor));
  margin: calc(var(--padding-ver) / 2);
  opacity: 0;
  transition: all 0.25s linear;
}
.shareon--pane.show {
  opacity: 1;
  bottom: -45px;
}

.shareon-footer > * {
  margin-right: 12px;
}
@media only screen and (max-width: 549px) {
  .shareon-footer > * {
    margin-right: 6px;
    --button-size: 30px;
    --icon-size: 15px;
    --height: calc(var(--button-size) - 2 * var(--padding-ver));
    --width: calc(var(--button-size) - 2 * var(--padding-hor));
  }
}

.shareon > .sendmail {
  background-color: var(--color-level2, #89a5c0);
}
.shareon > .sendmail:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 5.3c0 .6-.2 1.3-.6 1.9-.4.6-.9 1.1-1.5 1.5-3.1 2.1-5 3.5-5.7 4-.1.1-.3.2-.5.4s-.5.3-.7.5c-.2.1-.4.3-.6.4-.3.1-.5.3-.7.3-.2.1-.4.1-.6.1-.2 0-.4 0-.6-.1-.2-.1-.5-.2-.7-.3-.3-.1-.5-.3-.6-.4-.2-.1-.4-.3-.7-.5-.3-.2-.4-.3-.5-.4-.7-.5-1.8-1.3-3.2-2.2S3.4 8.9 3.1 8.7c-.5-.3-1-.8-1.4-1.4-.5-.6-.7-1.2-.7-1.7 0-.6.2-1.2.5-1.6.3-.4.8-.6 1.5-.6h18c.5 0 1 .2 1.4.6s.6.8.6 1.3zm0 3.6v9.7c0 .5-.2 1-.6 1.4s-.8.6-1.4.6H3c-.5 0-1-.2-1.4-.6-.4-.3-.6-.8-.6-1.3V8.9c.4.4.8.8 1.2 1.1 3 2 5 3.4 6.1 4.2.5.3.8.6 1.1.8s.7.4 1.2.6c.5.2.9.3 1.4.3.4 0 .9-.1 1.4-.3.5-.2.9-.4 1.2-.6s.7-.5 1.1-.8c1.4-1 3.4-2.4 6.1-4.2.4-.3.8-.7 1.2-1.1z'/%3E%3C/svg%3E");
}
.shareon > .twitter {
  background-color: #333333;
}
.shareon > .twitter:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18,4.5h3L14.5,12l7.8,10.3h-6l-4.9-6.2l-5.5,6.2h-3l7.1-8.1L2.4,4.5h6.2l4.3,5.8L18,4.5z M16.9,20.6h1.6L7.8,6.3H6L16.9,20.6z'/%3E%3C/svg%3E");
}

.foodgallery * {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.foodgallery > input {
  display: none;
}
.foodgallery p,
.foodgallery figure,
.foodgallery dl,
.foodgallery .gallery-item {
  margin: 0;
}
.foodgallery figcaption,
.foodgallery dd,
.foodgallery .gallery-caption {
  margin: 0;
  text-align: center;
  line-height: 1.5;
}
.foodgallery.foodgallery-style-thumbs {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  /* Mostro quello selezionato grosso come primo che prende tutta la riga */
}
.foodgallery.foodgallery-style-thumbs > label {
  flex: 20% 0 0;
  cursor: pointer;
  margin: 1em;
  min-width: 10em;
  /* TODO */
  display: flex;
  flex-flow: row;
  justify-content: center;
  /* Copro il contenuto per evitare di innescarlo col click */
  position: relative;
}
.foodgallery.foodgallery-style-thumbs > label:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.foodgallery.foodgallery-style-thumbs > label img,
.foodgallery.foodgallery-style-thumbs > label iframe,
.foodgallery.foodgallery-style-thumbs > label figure,
.foodgallery.foodgallery-style-thumbs > label article {
  /* CHECK */
  width: auto !important;
  height: auto !important;
}
.foodgallery.foodgallery-style-thumbs > .item-container {
  display: none;
  /* flex-flow: column; IE11-FIX */
  justify-content: center;
  align-items: center;
  /* Nasconde il caption per maggiore pulizia - CHECK */
}
.foodgallery.foodgallery-style-thumbs > .item-container figcaption,
.foodgallery.foodgallery-style-thumbs > .item-container dd,
.foodgallery.foodgallery-style-thumbs > .item-container .gallery-caption {
  display: none;
}
.foodgallery.foodgallery-style-thumbs > input:checked + label + .item-container {
  display: flex;
  flex: 100% 1 0;
  /* prendo tutta la riga */
  order: -1;
  /* metto per primo */
}
.foodgallery.foodgallery-style-dots, .foodgallery.foodgallery-style-pager {
  display: flex;
  justify-content: center;
  /* Mostro quello selezionato grosso come primo che prende tutta la riga */
}
.foodgallery.foodgallery-style-dots > .item-container, .foodgallery.foodgallery-style-pager > .item-container {
  display: none;
}
.foodgallery.foodgallery-style-dots > .item-container .gallery-icon, .foodgallery.foodgallery-style-pager > .item-container .gallery-icon {
  line-height: 0;
}
.foodgallery.foodgallery-style-dots label, .foodgallery.foodgallery-style-pager label {
  cursor: pointer;
}
.foodgallery.foodgallery-style-dots > input:checked + .item-container, .foodgallery.foodgallery-style-pager > input:checked + .item-container {
  display: block;
}
.foodgallery.foodgallery-style-dots {
  position: relative;
  /* Evidenzia il dot corrispondente all'item selezionato */
}
.foodgallery.foodgallery-style-dots > .foodgallery-navigator {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 1em;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  z-index: 1;
}
.foodgallery.foodgallery-style-dots > .foodgallery-navigator > label {
  line-height: 0;
  display: inline-block;
  margin: 0.2em;
  width: 0.8em;
  height: 0.8em;
  border-radius: 0.4em;
  border: 0.2px solid #fff;
}
.foodgallery.foodgallery-style-dots > .foodgallery-navigator > label:hover {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_1]:checked ~ .foodgallery-navigator > label[for$=_1] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_2]:checked ~ .foodgallery-navigator > label[for$=_2] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_3]:checked ~ .foodgallery-navigator > label[for$=_3] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_4]:checked ~ .foodgallery-navigator > label[for$=_4] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_5]:checked ~ .foodgallery-navigator > label[for$=_5] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_6]:checked ~ .foodgallery-navigator > label[for$=_6] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_7]:checked ~ .foodgallery-navigator > label[for$=_7] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_8]:checked ~ .foodgallery-navigator > label[for$=_8] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_9]:checked ~ .foodgallery-navigator > label[for$=_9] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_10]:checked ~ .foodgallery-navigator > label[for$=_10] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_11]:checked ~ .foodgallery-navigator > label[for$=_11] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_12]:checked ~ .foodgallery-navigator > label[for$=_12] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_13]:checked ~ .foodgallery-navigator > label[for$=_13] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_14]:checked ~ .foodgallery-navigator > label[for$=_14] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_15]:checked ~ .foodgallery-navigator > label[for$=_15] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_16]:checked ~ .foodgallery-navigator > label[for$=_16] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_17]:checked ~ .foodgallery-navigator > label[for$=_17] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_18]:checked ~ .foodgallery-navigator > label[for$=_18] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_19]:checked ~ .foodgallery-navigator > label[for$=_19] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_20]:checked ~ .foodgallery-navigator > label[for$=_20] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_21]:checked ~ .foodgallery-navigator > label[for$=_21] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_22]:checked ~ .foodgallery-navigator > label[for$=_22] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_23]:checked ~ .foodgallery-navigator > label[for$=_23] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_24]:checked ~ .foodgallery-navigator > label[for$=_24] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_25]:checked ~ .foodgallery-navigator > label[for$=_25] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_26]:checked ~ .foodgallery-navigator > label[for$=_26] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_27]:checked ~ .foodgallery-navigator > label[for$=_27] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_28]:checked ~ .foodgallery-navigator > label[for$=_28] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_29]:checked ~ .foodgallery-navigator > label[for$=_29] {
  background: #fff;
}
.foodgallery.foodgallery-style-dots > input[id$=_30]:checked ~ .foodgallery-navigator > label[for$=_30] {
  background: #fff;
}
.foodgallery.foodgallery-style-pager > .item-container {
  position: relative !important;
}
.foodgallery.foodgallery-style-pager > .item-container figcaption,
.foodgallery.foodgallery-style-pager > .item-container dd,
.foodgallery.foodgallery-style-pager > .item-container .gallery-caption {
  /* Va sotto l'immagine perché, soprattutto su mobile, coprirebbe troppo */
  bottom: 0;
  left: 0;
  padding: 0.8em 1em !important;
  background: rgba(0, 0, 0, 0.85) !important;
  color: #fff;
  font-size: 85% !important;
  text-align: left;
  position: relative !important;
}
.foodgallery.foodgallery-style-pager > .item-container .item-navigator {
  position: absolute;
  bottom: auto;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 0.7em;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  display: flex;
  align-items: center;
}
.foodgallery.foodgallery-style-pager > .item-container .item-navigator .num-nav {
  margin: 0 0.5em;
  font-size: 100%;
  line-height: 1;
}
.foodgallery.foodgallery-style-pager > .item-container .item-navigator .material-icons {
  font-size: 130%;
}

.material-icons {
  /* Prevent the callout on tap-hold and text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
button.simple-button {
  background-color: inherit;
  border-radius: 0;
  border: 2px solid #fff;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  line-height: 1.1;
}
button.simple-button:hover {
  filter: saturate(0.5) brightness(1.5);
  box-shadow: none;
}
button.simple-button:active {
  transform: translateY(1px);
}

#ais-wrapper {
  padding-top: 1rem;
  position: relative;
  align-items: flex-start;
}
@media all and (max-width: 1023px) {
  #ais-wrapper {
    flex-direction: column;
  }
}
#ais-wrapper #ais-main {
  padding: 0;
  padding-right: 3rem;
}
@media all and (max-width: 1279px) {
  #ais-wrapper #ais-main {
    padding-right: 2rem;
  }
}
@media all and (max-width: 1023px) {
  #ais-wrapper #ais-main {
    padding-right: 0;
  }
}
#ais-wrapper #ais-main #algolia-search-box {
  margin-bottom: 1rem;
}
#ais-wrapper #ais-main #algolia-search-box .search-icon {
  top: 50%;
  left: auto;
  right: 0.5rem;
  transform: scaleX(-1) translateY(-50%);
}
#ais-wrapper #ais-main #algolia-search-box input {
  border-bottom: 0;
  background: #f5f5f5;
  border-radius: 1rem;
  padding: 0.3rem 2.3rem 0.3rem 0.9rem;
  font-size: 16px;
  line-height: 1.5;
}
#ais-wrapper #ais-main .ais-facets {
  margin-bottom: 1rem;
}
#ais-wrapper #ais-main .ais-facets .ais-root {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1;
  margin-top: -1em;
}
@media all and (max-width: 1279px) {
  #ais-wrapper #ais-main .ais-facets .ais-root {
    font-size: 14px;
  }
}
@media all and (max-width: 549px) {
  #ais-wrapper #ais-main .ais-facets .ais-root {
    flex-direction: column;
    margin-top: 0;
  }
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-header {
  padding: 1.5em 0.5em 0 0;
  white-space: nowrap;
}
@media all and (max-width: 549px) {
  #ais-wrapper #ais-main .ais-facets .ais-root .ais-header {
    padding: 0;
  }
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-body {
  flex-grow: 1;
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list {
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 549px) {
  #ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list {
    margin-left: -0.9em;
  }
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item {
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
@media all and (max-width: 1279px) {
  #ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item {
    padding-left: 0.9em;
  }
}
@media all and (max-width: 549px) {
  #ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item {
    flex-basis: 50%;
  }
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item div a {
  padding: 0.5em 0.5em 0.5em 1em;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 12px;
  color: #2a2a2a;
  letter-spacing: 1px;
  font-weight: 500;
  border: 1px solid #f1f1f1;
  line-height: 1;
  border-bottom-left-radius: 1em;
  border-top-right-radius: 1em;
  transition: background-color 0.3s, color 0.3s;
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item div a:hover {
  background-color: #e6e6e6;
}
@media all and (max-width: 1279px) {
  #ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item div a {
    font-size: 10px;
  }
}
@media all and (max-width: 549px) {
  #ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item div a {
    justify-content: space-between;
  }
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item div a .ais-menu--count {
  border-radius: 0.9em;
  background: #FFF;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2em;
  height: 2em;
  margin-left: 0.6em;
  letter-spacing: 0;
  line-height: 1;
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item.ais-menu--item__active div a {
  background-color: #2a2a2a;
  color: #f5f5f5;
}
#ais-wrapper #ais-main .ais-facets .ais-root .ais-body .ais-menu--list .ais-menu--item.ais-menu--item__active div a .ais-menu--count {
  background: #f5f5f5;
  color: #2a2a2a;
}
#ais-wrapper #ais-main #facet-terms-cluster {
  margin-top: 1em;
  margin-bottom: 1em;
}
#ais-wrapper #ais-main #facet-terms-cluster.hidden {
  display: none;
}
#ais-wrapper #ais-main #facet-terms-cluster .ais-hits {
  font-size: 11px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -2em;
  margin-bottom: -1em;
  line-height: 1;
}
#ais-wrapper #ais-main #facet-terms-cluster .ais-hits .ais-hits--item {
  padding-left: 2em;
  margin-bottom: 1em;
  border-bottom: none;
  padding-bottom: 0;
}
#ais-wrapper #ais-main #facet-terms-cluster .ais-hits .ais-hits--item a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 500;
  color: #2a2a2a;
}
#ais-wrapper #ais-main #facet-terms-cluster .ais-hits .ais-hits--item a svg {
  height: 1.2em;
  margin-right: 0.5em;
}
#ais-wrapper #ais-main #facet-terms-cluster .ais-hits .ais-hits--item a svg path {
  fill: #2a2a2a;
}
#ais-wrapper #ais-main #facet-terms-cluster .ais-hits .ais-hits--item a span {
  display: block;
  padding-top: 0.2em;
}
#ais-wrapper #ais-main #facet-terms-cluster .ais-hits .ais-hits--item a:hover {
  color: var(--color-main-logo, #e20613);
}
#ais-wrapper #ais-main #facet-terms-cluster .ais-hits .ais-hits--item a:hover svg path {
  fill: var(--color-main-logo, #e20613);
}
#ais-wrapper #ais-main #algolia-stats .ais-root {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid #f5f5f5;
  padding-top: 1rem;
  top: 0;
  font-weight: 500;
}
@media all and (max-width: 1023px) {
  #ais-wrapper #ais-main #algolia-stats .ais-root {
    margin-bottom: 0.4rem;
  }
}
#ais-wrapper #ais-main #algolia-stats .ais-root .ais-stats--time {
  display: none;
}
#ais-wrapper #ais-main .mobileMagazine {
  display: none;
}
@media all and (max-width: 1023px) {
  #ais-wrapper #ais-main .mobileMagazine {
    display: block;
  }
}
#ais-wrapper #ais-main #algolia-hits {
  margin-top: 2rem;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a {
  display: flex;
  align-items: flex-start;
}
@media all and (max-width: 549px) {
  #ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a {
    flex-direction: column;
  }
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a:hover {
  color: #2a2a2a;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a:hover .ais-hits--content h2 {
  color: var(--color-main-logo, #e20613);
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--thumbnail-wrapper {
  width: 30%;
  min-width: 200px;
  flex-shrink: 0;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  min-height: 165px;
}
@media all and (max-width: 549px) {
  #ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--thumbnail-wrapper {
    width: 100%;
  }
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--thumbnail-wrapper .ais-hits--thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  float: none;
  margin: 0;
  background-size: cover;
  background-position: center center;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--thumbnail-wrapper .ais-hits--thumbnail.fallback {
  background-size: 60% 60% !important;
  background-repeat: no-repeat;
  background-color: #CCC;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--thumbnail-wrapper .ais-hits--thumbnail.fallback:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  opacity: 0.7;
  z-index: 1;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--thumbnail-wrapper .ais-hits--main-taxonomy {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 90%;
  background: #FFF;
  border-top-right-radius: 5px;
  padding: 5px 6px 0 0.3em;
  font-weight: 500;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 2;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--thumbnail-wrapper + .ais-hits--content {
  padding-left: 2rem;
  width: 70%;
}
@media all and (max-width: 549px) {
  #ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--thumbnail-wrapper + .ais-hits--content {
    padding-left: 0;
    width: 100%;
    padding-top: 1rem;
  }
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content {
  flex-shrink: 1;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content > * {
  margin-top: 1rem;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content > *:first-child {
  margin-top: 0;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content h2 {
  width: 100%;
  font-weight: bold;
  font-size: 22px;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content .excerpt {
  font-size: 14px;
  opacity: 0.7;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content .excerpt p:first-child {
  margin-top: 0;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content .excerpt p:last-child {
  margin-bottom: 0;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content .ais-hits--footer {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content .ais-hits--footer > * {
  margin-right: 1em;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content .ais-hits--footer > *:last-child {
  margin-right: 0;
}
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content .ais-hits--footer .ais-hits--post-type,
#ais-wrapper #ais-main #algolia-hits .ais-hits .ais-hits--item article a .ais-hits--content .ais-hits--footer .ais-hits--main-taxonomy {
  background: #f1f1f1;
  border-radius: 0.5em;
  padding: 0.2em 0.5em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 10px;
}
#ais-wrapper #ais-main #algolia-pagination {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
#ais-wrapper #ais-main #algolia-pagination .ais-pagination {
  padding: 0;
  display: flex;
  justify-content: center;
}
#ais-wrapper #ais-main #algolia-pagination .ais-pagination .ais-pagination--item {
  padding: 0;
}
#ais-wrapper #ais-main #algolia-pagination .ais-pagination .ais-pagination--item a {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ais-wrapper #ais-main #algolia-pagination .ais-pagination .ais-pagination--item a:hover {
  background: #e6e6e6;
}
#ais-wrapper #ais-main #algolia-pagination .ais-pagination .ais-pagination--item.ais-pagination--item__active a {
  color: #fff;
  background: #2a2a2a;
  font-weight: normal;
}
#ais-wrapper aside {
  width: 300px;
  flex-shrink: 0;
  flex-grow: 0;
}
#ais-wrapper aside .widget.magazine {
  margin-bottom: 5rem;
}
@media all and (max-width: 1023px) {
  #ais-wrapper aside {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 -15px 3rem;
  }
  #ais-wrapper aside > * {
    flex-basis: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 !important;
  }
}
@media all and (max-width: 899px) {
  #ais-wrapper aside .widget.magazine {
    display: none;
  }
  #ais-wrapper aside > * {
    flex-basis: 50%;
  }
}
@media all and (max-width: 549px) {
  #ais-wrapper aside {
    margin: 0 0 3rem;
    flex-direction: column;
  }
  #ais-wrapper aside > * {
    flex-basis: 100%;
    margin-bottom: 2rem !important;
  }
  #ais-wrapper aside > *:last-child {
    margin-bottom: 0 !important;
  }
}

.algolia-autocomplete {
  font-family: var(--font-main, Poppins, sans-serif);
}
.algolia-autocomplete .aa-dropdown-menu {
  margin-top: -1px;
  margin-left: 1rem;
  box-shadow: none;
  border: 1px solid #f5f5f5;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding: 0.5rem;
  font-family: var(--font-main, Poppins, sans-serif);
  overflow: hidden;
}
.algolia-autocomplete .aa-dropdown-menu .autocomplete-header {
  margin: 0;
  padding: 0 0 0.3rem;
  line-height: 1;
}
.algolia-autocomplete .aa-dropdown-menu .autocomplete-header .autocomplete-header-title {
  display: none !important;
}
.algolia-autocomplete .aa-dropdown-menu .autocomplete-header .autocomplete-do-search {
  padding: 0.5rem 0.3rem;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  font-family: var(--font-main, Poppins, sans-serif);
}
.algolia-autocomplete .aa-dropdown-menu .autocomplete-header .autocomplete-do-search:hover {
  background: #f9f9f9;
  color: #d02d26;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestions .aa-suggestion {
  font-family: var(--font-main, Poppins, sans-serif);
  padding: 0;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link {
  padding: 0.3rem;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link .suggestion-thumb {
  float: left;
  margin-right: 0.6rem;
  width: 40px;
  height: 40px;
  position: relative;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link .suggestion-thumb .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  border-radius: 0.3rem;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link .suggestion-thumb .bg img {
  visibility: hidden;
  float: none;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link .suggestion-post-attributes .suggestion-post-title {
  font-size: 16px;
  font-weight: 500;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-]:not(:nth-child(2)) .autocomplete-header {
  display: none;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-]:empty + div[class*=aa-dataset-] .autocomplete-header {
  display: block;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions {
  flex-wrap: wrap;
  padding: 0.7em 0 0;
  margin-bottom: 0.7em;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions[style*="display: block"] {
  display: flex !important;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions .aa-suggestion {
  padding: 0.3em;
  margin-right: 0.7em;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions .aa-suggestion .suggestion-link {
  padding: 0;
  display: flex;
  align-items: center;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions .aa-suggestion .suggestion-link svg {
  height: 1em;
  width: auto;
  margin-right: 0.5em;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions .aa-suggestion .suggestion-link svg path {
  fill: #000;
}
.algolia-autocomplete .aa-dropdown-menu div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions .aa-suggestion .suggestion-link span {
  font-weight: 500;
}
.algolia-autocomplete.mobile {
  width: 100% !important;
}
.algolia-autocomplete.mobile > * {
  position: relative;
}
.algolia-autocomplete.mobile:before {
  content: " ";
  display: block;
  position: absolute;
  left: calc(-1rem - 2px);
  right: calc(-1rem - 2px);
  top: 0;
  bottom: 0;
  background: #FFF;
  border-left: 2px solid #2a2a2a;
  border-right: 2px solid #2a2a2a;
}
.algolia-autocomplete.mobile .aa-dropdown-menu {
  margin-left: 0;
  padding: 0;
  margin-top: 0.5em;
  border: none;
  background: #FFF;
  color: #2a2a2a;
  font-size: 14px;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .autocomplete-empty {
  line-height: 1.2;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .autocomplete-header {
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #DDD;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .autocomplete-header .autocomplete-do-search {
  padding: 0.65rem 1rem 0.6rem;
  font-size: 14px;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .aa-suggestions {
  line-height: 1.3;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .aa-suggestions .aa-suggestion {
  border-bottom: 1px dotted #DDD;
  padding: 0.6rem 1rem 0.6rem 1rem;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .aa-suggestions .aa-suggestion:last-child {
  border-bottom: none;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link {
  padding: 0;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link .suggestion-thumb {
  display: none;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link .suggestion-post-attributes .suggestion-post-title {
  font-size: 14px;
  color: #2a2a2a;
}
.algolia-autocomplete.mobile .aa-dropdown-menu .aa-suggestions .aa-suggestion .suggestion-link .suggestion-post-attributes .suggestion-post-content {
  text-transform: none;
  font-size: 12px;
}
.algolia-autocomplete.mobile div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions {
  padding: 0.7em 0.7rem 0;
}
.algolia-autocomplete.mobile div[class*=aa-dataset-][class*=terms_cluster] .aa-suggestions .aa-suggestion {
  padding: 0.3em;
  margin-right: 0.7em;
  border: none;
  line-height: 1;
}
.searchBarOpen .menu-search,
.menu-search.menu-search-mobile, .menu-search.search-404 {
  flex-grow: 1 !important;
  margin: 0 0 0 30px;
  padding: 0 0.4rem 0 0;
}
.searchBarOpen .menu-search:before,
.menu-search.menu-search-mobile:before, .menu-search.search-404:before {
  opacity: 1;
}
.searchBarOpen .menu-search .menu-search-close,
.menu-search.menu-search-mobile .menu-search-close, .menu-search.search-404 .menu-search-close {
  opacity: 1;
  left: -30px;
  transition-delay: 0.3s;
  transform: translateY(-50%) rotate(0deg);
}
.searchBarOpen .menu-search .menu-search-cutter,
.menu-search.menu-search-mobile .menu-search-cutter, .menu-search.search-404 .menu-search-cutter {
  width: auto;
}
.searchBarOpen .menu-search .menu-search-cutter .search-form label .search-field,
.menu-search.menu-search-mobile .menu-search-cutter .search-form label .search-field, .menu-search.search-404 .menu-search-cutter .search-form label .search-field {
  opacity: 1;
  width: 100%;
  transition-delay: 0.3s;
}
.searchBarOpen .menu-search .icon:before,
.menu-search.menu-search-mobile .icon:before, .menu-search.search-404 .icon:before {
  opacity: 1;
}
.searchBarOpen .menu-search .icon i.icon-mag,
.menu-search.menu-search-mobile .icon i.icon-mag, .menu-search.search-404 .icon i.icon-mag {
  opacity: 0;
  pointer-events: none;
}
.searchBarOpen .menu-search .icon i.icon-ret,
.menu-search.menu-search-mobile .icon i.icon-ret, .menu-search.search-404 .icon i.icon-ret {
  opacity: 1;
  pointer-events: all;
  transform: translate(-50%, -50%) scale(0.9);
}

.menu-search {
  display: flex;
  align-items: center;
  margin: 0 1.5rem;
  position: relative;
  transition: all 0.3s;
}
@media screen and (max-width: 899px) {
  .menu-search:not(.menu-search-mobile) {
    display: none;
  }
}
.menu-search:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f5f5f5;
  border-radius: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 1;
}
.menu-search .menu-search-close {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%) rotate(80deg);
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #f5f5f5;
  z-index: 0;
  opacity: 0;
  transition: all 0.5s, opacity 0s;
  transition-delay: opacity 0.3s;
  cursor: pointer;
}
.menu-search .menu-search-close:before, .menu-search .menu-search-close:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background: #919191;
  transition: background-color 0.3s;
}
.menu-search .menu-search-close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.menu-search .menu-search-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.menu-search .menu-search-close:hover:before, .menu-search .menu-search-close:hover:after {
  background: #666;
}
.menu-search .menu-search-cutter {
  display: flex;
  align-items: center;
  width: 0px;
  overflow: hidden;
  transition: width 0.3s;
  position: relative;
  flex-grow: 1;
  z-index: 2;
}
.menu-search .menu-search-cutter .search-form {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin: 0;
}
.menu-search .menu-search-cutter .search-form label {
  flex-grow: 1;
}
.menu-search .menu-search-cutter .search-form label .search-field {
  margin: 0;
  padding: 0.3rem 0 0.3rem 0.9rem;
  background: transparent;
  border: none;
  outline: none;
  width: 0px;
  opacity: 0;
  transition: all 0.3s;
}
.menu-search .menu-search-cutter .search-form .search-submit {
  display: none;
}
.menu-search .icon {
  position: relative;
  line-height: 1;
  color: #2a2a2a;
}
.menu-search .icon:before {
  content: " ";
  display: block;
  background: #FFF;
  border-radius: 100%;
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
}
.menu-search .icon i {
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.menu-search .icon i.icon-mag {
  transform: scaleX(-1);
}
.menu-search .icon i.icon-ret {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-search.menu-search-mobile {
  margin-left: 0;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 899px) {
  .menu-search.menu-search-mobile {
    display: none;
  }
}
.menu-search.menu-search-mobile:before {
  background: #FFF;
}
.menu-search.menu-search-mobile .menu-search-close {
  display: none;
}
.menu-search.menu-search-mobile .menu-search-cutter .search-form label .search-field {
  color: #2a2a2a;
}
.menu-search.menu-search-mobile .icon {
  color: #FFF;
}
.menu-search.menu-search-mobile .icon:before {
  background: #2a2a2a;
}
.menu-search.menu-search-mobile .icon i.icon-mag {
  opacity: 1 !important;
  pointer-events: all !important;
  transform: scaleX(-1) scale(0.8);
}
.menu-search.menu-search-mobile .icon i.icon-ret {
  opacity: 0 !important;
  pointer-events: none !important;
}
.menu-search.menu-search-mobile.searching:before {
  background: #f5f5f5;
}

/*--------------------------------------------------------------
# Libs
--------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  /* @include font-size(0.75); */
  font-size: 100%;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
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;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

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%;
}

.wpcf7 {
  opacity: 0;
}
.wpcf7.parsed {
  opacity: 1;
  transition: opacity 0.3s;
  transition-delay: 0.3s;
}
.wpcf7 .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.wpcf7 .wpcf7-form input {
  outline: none;
}
.wpcf7 .wpcf7-form p.field {
  box-sizing: border-box;
  width: auto;
  display: block;
  padding: 0 15px;
  margin: 1em 0 0 0;
}
.wpcf7 .wpcf7-form p.field br {
  display: none;
}
.wpcf7 .wpcf7-form p.field .wpcf7-form-control-wrap {
  display: block;
}
.wpcf7 .wpcf7-form p.field .wpcf7-not-valid-tip {
  font-size: 0.7rem;
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 0.4rem;
}
.wpcf7 .wpcf7-form p.field.placeholder {
  position: relative;
  width: 50%;
}
@media all and (max-width: 549px) {
  .wpcf7 .wpcf7-form p.field.placeholder {
    margin-bottom: 1rem;
  }
}
.wpcf7 .wpcf7-form p.field.placeholder .wpcf7-not-valid-tip {
  top: 0;
  right: 1rem;
  left: auto;
}
@media all and (max-width: 549px) {
  .wpcf7 .wpcf7-form p.field.placeholder .wpcf7-not-valid-tip {
    top: 100%;
    left: 0;
    right: auto;
  }
}
@media all and (max-width: 549px) {
  .wpcf7 .wpcf7-form p.field.placeholder {
    width: 100%;
  }
}
.wpcf7 .wpcf7-form p.field.placeholder > label {
  position: absolute;
  z-index: 1;
  font-size: 1rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 1rem;
  opacity: 0.5;
  pointer-events: none;
  color: #3f3f3f;
  transition: top 0.3s, transform 0.3s, font-size 0.3s;
}
.wpcf7 .wpcf7-form p.field.placeholder input {
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 0.5rem;
  background: white;
  line-height: 2.8rem;
  padding: 0.7rem 1rem 0;
  box-sizing: border-box;
  color: #3f3f3f;
  transition: border 0.3s;
}
.wpcf7 .wpcf7-form p.field.placeholder input:focus {
  border-color: #3f3f3f;
}
.wpcf7 .wpcf7-form p.field.placeholder.smallLabel label {
  top: 0.4rem;
  font-size: 0.7rem;
  transform: none;
  opacity: 1;
}
.wpcf7 .wpcf7-form p.field:not(.placeholder) {
  margin-bottom: 1rem;
}
.wpcf7 .wpcf7-form p.field:not(.placeholder) > label {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1em;
}
.wpcf7 .wpcf7-form p.field:not(.placeholder) .wpcf7-list-item.first {
  margin: 0;
}
@media all and (max-width: 549px) {
  .wpcf7 .wpcf7-form p.field:not(.placeholder) .wpcf7-list-item {
    display: block;
    margin: 0;
  }
}
.wpcf7 .wpcf7-form p.field.submit {
  width: 100%;
  text-align: center;
  margin-bottom: 1rem;
}
.wpcf7 .wpcf7-form p.field.submit input {
  background: transparent;
  border-radius: 0.5rem;
  text-shadow: none;
  border: 1px solid #3f3f3f;
  box-shadow: none;
  padding: 1rem 2rem;
  font-weight: 600;
  margin-top: 2rem;
  color: #3f3f3f;
  cursor: pointer;
  transition: all 0.3s;
}
@media all and (max-width: 549px) {
  .wpcf7 .wpcf7-form p.field.submit input {
    margin-top: 0rem;
  }
}
.wpcf7 .wpcf7-form p.field.submit input:hover {
  border: 1px solid #3f3f3f;
  box-shadow: none;
  background: #3f3f3f;
  color: white;
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
  width: 100%;
  margin: 1rem 1rem 0rem 1rem;
  border-width: 1px;
  font-size: 1rem;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: inherit;
}
a:visited {
  color: inherit;
}
a:hover, a:focus, a:active {
  color: var(--color-main-logo, #e20613);
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  display: none;
  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: 1.5em;
  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 {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
.menu-toggle {
  cursor: pointer;
}

/* Base configuration - Small menu */
.menu-toggle,
.main-navigation.toggled .menu-main-container {
  display: block;
}

.menu-main-container {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  top: 100%;
  z-index: 9;
}

.scrolled-down .menu-main-container,
.scrolled-up .menu-main-container {
  top: 100%;
  box-shadow: 0 0.0625em 0.1875em rgba(0, 0, 0, 0.12), 0 0.0625em 0.125em rgba(0, 0, 0, 0.24);
}

@media screen and (max-width: 899px) {
  .menu-main-container {
    top: 100%;
  }
  .scrolled-down .menu-main-container,
  .scrolled-up .menu-main-container {
    top: 100%;
  }
}
/* On larger screens */
@media screen and (min-width: 900px) {
  .menu-toggle {
    display: none;
  }
  .menu-main-container {
    display: block;
    position: static;
  }
  .scrolled-down .menu-main-container,
  .scrolled-up .menu-main-container {
    box-shadow: none;
  }
}
/*.comment-navigation,
.posts-navigation,*/
.post-navigation {
  /*
  .nav-previous {
  	float: left;
  	width: 50%;
  }

  .nav-next {
  	float: right;
  	text-align: right;
  	width: 50%;
  }
  */
}
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.post-navigation .nav-links {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; /* CHECK */
  align-items: center;
}
.post-navigation .nav-links > div {
  display: inline-block;
  margin: 2em;
}
@media only screen and (max-width: 899px) {
  .post-navigation .nav-links > div {
    /* C'è poco spazio e quindi tolgo i margini laterali */
    margin: 2em 0;
  }
}
.post-navigation .nav-links > div a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  text-align: right;
  /*
   * IMPORTANT - metto .post-thumb intorno a IMG perché molti browser
   * non supportano :after e fanno casini con flex sulle IMG
   * */
}
.post-navigation .nav-links > div a .post-thumb {
  flex: 8em 0 1;
  position: relative;
  line-height: 0;
}
@media only screen and (max-width: 549px) {
  .post-navigation .nav-links > div a .post-thumb {
    /* C'è poco spazio e quindi tengo il titolo e nascondo l'immagine */
    display: none;
  }
}
.post-navigation .nav-links > div a .post-thumb:after {
  display: flex;
  content: ">";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 1.5em;
}
.post-navigation .nav-links > div a .post-title {
  flex: auto 0 1;
  display: flex;
  align-items: center;
  margin: 1em;
}
@media only screen and (max-width: 549px) {
  .post-navigation .nav-links > div a .post-title {
    /* C'è poco spazio e quindi tengo il titolo e nascondo l'immagine */
    margin: 0;
  }
  .post-navigation .nav-links > div a .post-title:after {
    display: flex;
    content: ">";
    justify-content: center;
    align-items: center;
    padding: 1em;
  }
}
.post-navigation .nav-links > div a:hover {
  border-color: var(--color-main-logo, #e20613);
}
.post-navigation .nav-links > div.nav-previous a {
  flex-direction: row-reverse;
  text-align: left;
}
.post-navigation .nav-links > div.nav-previous .post-title {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 549px) {
  .post-navigation .nav-links > div.nav-previous .post-title {
    /* C'è poco spazio e quindi tengo il titolo e nascondo l'immagine */
  }
  .post-navigation .nav-links > div.nav-previous .post-title:after {
    content: "<";
  }
}
.post-navigation .nav-links > div.nav-previous .post-thumb:after {
  content: "<";
}

.toggler-container {
  padding-right: 0.5rem;
}
@media only screen and (max-width: 549px) {
  .toggler-container {
    width: 20%;
  }
}
.toggler-container .menu-toggler {
  display: flex;
  align-items: center;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
}
.toggler-container .menu-toggler .icon, .toggler-container .menu-toggler .icon::before, .toggler-container .menu-toggler .icon::after {
  background: #2a2a2a;
  content: " ";
  display: block;
  height: 3px;
  position: absolute;
  transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s;
  width: 30px;
}
.toggler-container .menu-toggler .icon::before {
  top: -8px;
}
.toggler-container .menu-toggler .icon::after {
  top: 8px;
}
.toggler-container .menu-toggler .icon.opened {
  background: transparent;
}
.toggler-container .menu-toggler .icon.opened::before {
  transform: rotate(45deg);
  top: 0;
  transition: top ease 0.3s, transform ease 0.3s 0.3s;
}
.toggler-container .menu-toggler .icon.opened::after {
  transform: rotate(-45deg);
  top: 0;
  transition: top ease 0.3s, transform ease 0.3s 0.3s;
}

.burger-menu {
  display: flex;
  min-width: 600px;
  background-color: #2a2a2a;
  border: 2px solid #2a2a2a;
  position: absolute;
  left: -600px;
  color: #fff;
  z-index: 8;
  font-size: 85%;
  line-height: 1.5;
  font-weight: 500;
  padding: 1rem 0;
  overflow: hidden;
  margin-top: -0.5rem;
  opacity: 0;
  transition: all 0.6s ease-out, background-color 0s;
}
@media only screen and (max-width: 1279px) {
  .burger-menu {
    min-width: 500px;
    left: -500px;
  }
}
@media only screen and (min-width: 899px) {
  .burger-menu {
    border: none;
  }
}
.burger-menu.opened {
  left: 0;
  opacity: 1;
}
@media only screen and (max-width: 899px) {
  .burger-menu {
    min-width: 50vw;
    width: auto;
    max-width: 100%;
  }
}
@media only screen and (max-width: 549px) {
  .burger-menu {
    min-width: auto;
    width: 100%;
    max-width: 549px;
  }
}
.burger-menu.searching {
  background: #FFF;
}
.burger-menu.searching nav ul {
  opacity: 0;
  pointer-events: none;
}
@media only screen and (min-width: 899px) {
  .burger-menu .burger-menu-block-1 {
    min-width: 50%;
    border-right: 1px solid #fff;
  }
}
@media only screen and (max-width: 899px) {
  .burger-menu .burger-menu-block-1 {
    width: 100%;
  }
}
.burger-menu .burger-menu-block-1 form.mobile-search {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  margin: 1rem 0;
}
.burger-menu .burger-menu-block-1 form.mobile-search input[type=text] {
  flex-grow: 1;
  width: 80%;
}
.burger-menu .burger-menu-block-1 form.mobile-search i {
  transform: scaleX(-1);
  margin-left: 0.5rem;
}
@media only screen and (min-width: 899px) {
  .burger-menu .burger-menu-block-1 form.mobile-search {
    display: none;
  }
}
.burger-menu .burger-menu-block-1 ul li {
  cursor: pointer;
}
.burger-menu .burger-menu-block-1 ul li.spacer {
  border-top: 1px solid #666;
  margin-top: 1.5rem;
  padding-top: 1rem;
}
@media only screen and (max-width: 899px) {
  .burger-menu .burger-menu-block-1 ul li.food-item-has-children a, .burger-menu .burger-menu-block-1 ul li[class^=generate-] a {
    pointer-events: none;
  }
}
.burger-menu .burger-menu-block-1 ul li:not(.food-item-has-children):not([class^=generate-]) i {
  display: none;
}
.burger-menu .burger-menu-block-1 ul li a {
  padding-left: 2rem;
}
.burger-menu .burger-menu-block-1 ul li a:hover, .burger-menu .burger-menu-block-1 ul li a:focus {
  color: #fff;
  outline: none;
  cursor: pointer;
}
@media only screen and (min-width: 899px) {
  .burger-menu .burger-menu-block-1 ul li a:hover, .burger-menu .burger-menu-block-1 ul li a:active, .burger-menu .burger-menu-block-1 ul li a.selected {
    color: #2a2a2a;
    background-color: #fff;
  }
}
@media only screen and (max-width: 899px) {
  .burger-menu .burger-menu-block-1 ul li a {
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 899px) {
  .burger-menu .burger-menu-block-2 {
    position: absolute;
    padding-left: 1rem;
    background-color: #2a2a2a;
    width: 100%;
    transition: all 0.6s ease-out;
  }
}
@media only screen and (max-width: 899px) and (max-width: 899px) {
  .burger-menu .burger-menu-block-2 {
    transform: translateX(100%);
  }
  .burger-menu .burger-menu-block-2.mobile-show {
    transform: translateX(0%);
  }
}
.burger-menu .burger-menu-block-2 .mobile-navigation {
  margin-bottom: 1rem;
  border-bottom: 1px solid #fff;
  margin-right: 1rem;
}
@media only screen and (min-width: 899px) {
  .burger-menu .burger-menu-block-2 .mobile-navigation {
    display: none;
  }
}
.burger-menu .burger-menu-block-2 .mobile-navigation span {
  display: flex;
  margin-left: 0.5rem;
  line-height: 4;
  align-items: center;
  cursor: pointer;
}
.burger-menu .burger-menu-block-2 .mobile-navigation span i {
  margin-right: 0.5rem;
  font-size: 150%;
}
.burger-menu .burger-menu-block-2 p.submenu-title {
  display: none;
}
@media only screen and (max-width: 899px) {
  .burger-menu .burger-menu-block-2 p.submenu-title {
    text-transform: uppercase;
    background-color: #fff;
    color: #2a2a2a;
    margin-right: 1rem;
    padding: 0.35rem 1rem;
    margin-bottom: 0.5rem;
  }
  .burger-menu .burger-menu-block-2 p.submenu-title.mobile-show {
    display: block;
  }
}
.burger-menu .burger-menu-block-2 ul {
  margin: 0 2rem;
  display: none;
  position: relative;
}
@media only screen and (min-width: 899px) {
  .burger-menu .burger-menu-block-2 ul.show {
    display: block;
  }
}
@media only screen and (max-width: 899px) {
  .burger-menu .burger-menu-block-2 ul {
    margin-right: 1rem;
    margin-left: 0;
  }
  .burger-menu .burger-menu-block-2 ul.mobile-show {
    display: block;
  }
}
.burger-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.burger-menu ul li a {
  display: flex;
  align-items: center;
  outline: none;
  justify-content: space-between;
  padding: 0.35rem 0;
}
@media only screen and (max-width: 899px) {
  .burger-menu ul li a {
    border-bottom: 1px dotted #666;
    padding-left: 1rem;
  }
}
.burger-menu ul li a i {
  margin-left: 15px;
  font-size: 150%;
}
.burger-menu ul li.menu-item-all {
  display: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 899px) {
  .burger-menu ul li.menu-item-all {
    display: block;
  }
}
.burger-menu nav.arguments, .burger-menu nav.about {
  padding-right: 0.5rem;
  transition: all 0.6s ease-out, opacity 0s;
  position: relative;
  left: 0;
}
@media only screen and (max-width: 899px) {
  .burger-menu nav.arguments, .burger-menu nav.about {
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 899px) {
  .burger-menu nav.arguments.mobile-show, .burger-menu nav.about.mobile-show {
    transform: translateX(-100%);
  }
}
.burger-menu nav.arguments ul:first-child, .burger-menu nav.about ul:first-child {
  margin-bottom: 0;
}
.burger-menu nav.arguments {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding-bottom: 3rem;
}
.burger-menu nav.about {
  padding: 1rem 0;
}
@media only screen and (max-width: 899px) {
  .burger-menu nav.about {
    padding: 1rem;
  }
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #2a2a2a;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/* AD */
.widget.foodw-widget div {
  width: 100%;
  /* IE-FIX */
}

.widget.foodw-widget > div img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto !important;
  width: auto !important;
}

/*
 * Tutti i vari effetti dei box
 * */
section {
  /* Allineo .widget-title con il bordo dei box a fianco */
}
section.bordered-section {
  border-top: 1rem solid transparent;
}
section.bordered-section .widget-title {
  top: -1rem;
  line-height: 1;
}

section.bordered-section {
  /* background-size: 0.5em 0.5em; creava un difetto su Chrome a certe esatte dimensioni per credo problemi di arrotondamento */
  /* background-repeat: round; creava un difetto su Chrome a certe esatte dimensioni per credo problemi di arrotondamento */
  background-clip: padding-box;
  padding: 2rem;
  position: relative;
  /* necessario per il bordino sfumato sotto fatto con &:aftr */
  border-bottom: 0.75rem solid transparent;
  /* occupato dal .widget-title - uso il border invece del margin perché il margin collasserebbe con il widget sopra */
  overflow: visible;
  position: relative;
  /*
   * Per far funzionare overflow: hidden a livello di .upw-posts
   * devo dargli una dimensione e quindi devo sostituire anche il padding
   * della section con un border transparent di .upw-posts
   * */
  /*
   * Default - colore pieno $color__color-level2
   * */
  background-color: var(--color-level2, #89a5c0);
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg"));
  /*
   * Altri colori
   * */
  /*
   * Colori dei mercati in evidenza
   * */
  /*
   * Gradienti
   * */
}
section.bordered-section.widget_ultimate_posts {
  padding: 0;
  /* In aggiunta, se resta posto, faccio in modo che la bordatura sia bilanciata */
  display: flex;
  justify-content: center;
}
section.bordered-section.widget_ultimate_posts .upw-posts {
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  border: 2rem solid transparent;
  background-clip: content-box;
}
section.bordered-section.widget_ultimate_posts .upw-posts > article {
  /*
   * Faccio in modo che riempia l'altezza in modo che Altezza riga - 2*padding_verticale - border_bottom trasparente
   * //FIXME - usare nth-child(..) method
   */
  min-height: 12.4722222222rem;
}
section.bordered-section .widget-title {
  background: none;
  font-size: 175%;
  position: absolute;
  left: 0;
  z-index: 1;
  /* Così resta clickabile sopra al bordo ma non va sopra ad altre cose popup come il menu */
}
section.bordered-section > * {
  background: #fff;
}
section.bordered-section:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  margin-top: 0.25rem;
  left: 0;
  right: 0;
  height: 0.5rem;
}
section.bordered-section:after {
  background: var(--color-level2, #89a5c0);
}
section.bordered-section.maincolor-border {
  background-color: var(--color-main-logo, #e20613);
}
section.bordered-section.maincolor-border:after {
  background: var(--color-main-logo, #e20613);
}
section.bordered-section.metacolor-border {
  background-color: var(--color-meta, #b7b7b7);
}
section.bordered-section.metacolor-border:after {
  background: var(--color-meta, #b7b7b7);
}
section.bordered-section.mercati-beverage-border {
  background-color: #5db1e4;
}
section.bordered-section.mercati-beverage-border:after {
  background: #5db1e4;
}
section.bordered-section.mercati-condimenti-border {
  background-color: #6ca547;
}
section.bordered-section.mercati-condimenti-border:after {
  background: #6ca547;
}
section.bordered-section.mercati-conserve-border {
  background-color: #bc1d1d;
}
section.bordered-section.mercati-conserve-border:after {
  background: #bc1d1d;
}
section.bordered-section.mercati-bakery-border {
  background-color: #c99d66;
}
section.bordered-section.mercati-bakery-border:after {
  background: #c99d66;
}
section.bordered-section.mercati-pasta-border {
  background-color: #dbaf00;
}
section.bordered-section.mercati-pasta-border:after {
  background: #dbaf00;
}
section.bordered-section.mercati-formaggi-border {
  background-color: #f18c00;
}
section.bordered-section.mercati-formaggi-border:after {
  background: #f18c00;
}
section.bordered-section.mercati-salumi-border {
  background-color: #ec6f68;
}
section.bordered-section.mercati-salumi-border:after {
  background: #ec6f68;
}
section.bordered-section.mercati-caffe-altro-border {
  background-color: #825e22;
}
section.bordered-section.mercati-caffe-altro-border:after {
  background: #825e22;
}
section.bordered-section.mercati-cereali-border {
  background-color: #C59D5F;
}
section.bordered-section.mercati-cereali-border:after {
  background: #C59D5F;
}
section.bordered-section.mercati-dolciario-border {
  background-color: #e099c2;
}
section.bordered-section.mercati-dolciario-border:after {
  background: #e099c2;
}
section.bordered-section.mercati-frozen-food-border {
  background-color: #1990ac;
}
section.bordered-section.mercati-frozen-food-border:after {
  background: #1990ac;
}
section.bordered-section.mercati-fruit-vegetables-border {
  background-color: #7cc08c;
}
section.bordered-section.mercati-fruit-vegetables-border:after {
  background: #7cc08c;
}
section.bordered-section.mercati-healthy-border {
  background-color: #008E93;
}
section.bordered-section.mercati-healthy-border:after {
  background: #008E93;
}
section.bordered-section.mercati-petfood-border {
  background-color: #702382;
}
section.bordered-section.mercati-petfood-border:after {
  background: #702382;
}
section.bordered-section.mercati-baby-food-border {
  background-color: #93C01F;
}
section.bordered-section.mercati-baby-food-border:after {
  background: #93C01F;
}
section.bordered-section.mercati-seasonals-border {
  background-color: #e7462f;
}
section.bordered-section.mercati-seasonals-border:after {
  background: #e7462f;
}
section.bordered-section.mercati-basic-ingredients-border {
  background-color: #8aacdb;
}
section.bordered-section.mercati-basic-ingredients-border:after {
  background: #8aacdb;
}
section.bordered-section.mercati-seafood-border {
  background-color: #de713d;
}
section.bordered-section.mercati-seafood-border:after {
  background: #de713d;
}
section.bordered-section.gradient1-border {
  background-color: transparent;
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg")), linear-gradient(270deg, var(--color-background-gradient1-start, #30499a), var(--color-background-gradient1-end, #e72d68));
  background-size: auto, cover;
  /* Non mettere niente da problemi a IE11 */
}
section.bordered-section.gradient1-border:after {
  background: linear-gradient(270deg, var(--color-background-gradient1-start, #30499a), var(--color-background-gradient1-end, #e72d68));
}
section.bordered-section.gradient2-border {
  background-color: transparent;
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg")), linear-gradient(0deg, var(--color-background-gradient2-start, #ff4e4e), var(--color-background-gradient2-end, #f8b629));
  background-size: auto, cover;
  /* Non mettere niente da problemi a IE11 */
}
section.bordered-section.gradient2-border:after {
  background: linear-gradient(270deg, var(--color-background-gradient2-start, #ff4e4e), var(--color-background-gradient2-end, #f8b629));
}

/*
 * .widget_ultimate_posts.magazine
 * Impostazioni di default generali
 * */
.widget_ultimate_posts.magazine {
  position: relative;
  overflow: visible;
  border-top: 0.75rem solid transparent;
  /* occupato dal .widget-title - uso il border invece del margin perché il margin collasserebbe con il widget sopra */
  border-bottom: 0.75rem solid transparent;
  /* occupato dal .widget-title - uso il border invece del margin perché il margin collasserebbe con il widget sopra */
  /* Se clicko vado a questo link quindi lo metto sopra a tutto */
}
.widget_ultimate_posts.magazine * {
  display: block !important;
}
.widget_ultimate_posts.magazine footer {
  display: none !important;
}
.widget_ultimate_posts.magazine:not(.generic) .widget-title,
.widget_ultimate_posts.magazine:not(.generic) .widget-title a {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  bottom: 100%;
  z-index: 1;
  margin: 0;
}
.widget_ultimate_posts.magazine:not(.generic) .widget-title a {
  position: absolute;
  bottom: 0;
  margin-bottom: 0.75rem;
  left: -0.07em;
}
.widget_ultimate_posts.magazine:not(.generic) > div {
  padding: 1.5em;
}
.widget_ultimate_posts.magazine:not(.generic) > div article .entry-image {
  flex: auto 0 0;
}
.widget_ultimate_posts.magazine:not(.generic) > div article .entry-image > a::after {
  content: var(--preview-string, "Guarda la preview");
  position: absolute;
  top: 50%;
  font-size: 120%;
  width: 9rem;
  height: 9rem;
  margin-top: -4.5rem;
  border-radius: 4.5rem;
  right: -3rem;
  border: 0.5rem solid #fff;
  text-align: center;
  background: var(--color-level2, #89a5c0);
  color: #fff;
  font-weight: 600;
  line-height: 125%;
  /*
   * Centra sia orizzontalmente che verticalmente
   * */
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1279px) {
  .widget_ultimate_posts.magazine:not(.generic) > div article .entry-image > a::after {
    width: 6em;
    height: 6em;
    border-width: 0.35em;
    font-size: 100%;
  }
}
@media only screen and (max-width: 549px) {
  .widget_ultimate_posts.magazine:not(.generic) > div article .entry-image > a::after {
    font-size: calc(90% + 1.5vw);
    width: calc(3em + 20vw);
    height: calc(3em + 20vw);
    margin-top: -4rem;
    border-radius: 10em;
    right: -0.9rem;
    border-width: 0.4rem;
  }
}
.widget_ultimate_posts.magazine.generic {
  border-top: none;
  border-bottom: none;
  position: relative;
}
.widget_ultimate_posts.magazine.generic .widget-title {
  margin-bottom: 0.9rem;
  text-transform: none;
  font-size: 145%;
}
@media all and (max-width: 899px) {
  .widget_ultimate_posts.magazine.generic .widget-title {
    font-size: 125%;
  }
}
.widget_ultimate_posts.magazine.generic > a > div article {
  padding: 1rem 1.5rem;
  max-height: 150px;
  overflow: hidden;
}
.widget_ultimate_posts.magazine.generic > a > div article .entry-image img {
  margin: auto;
}
.widget_ultimate_posts.magazine.generic .footer-description {
  position: relative;
  z-index: 1;
  background: var(--color-level2, #89a5c0);
  padding: 0.4rem;
  text-align: center;
  margin-top: 0.25rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
}
@media all and (max-width: 899px) {
  .widget_ultimate_posts.magazine.generic .footer-description {
    font-size: 0.7rem;
  }
}
.widget_ultimate_posts.magazine .widget-title {
  background: none;
  font-size: 185%;
  /* TODO - refactoring */
  height: auto;
}
.widget_ultimate_posts.magazine .widget-title,
.widget_ultimate_posts.magazine .widget-title a {
  color: var(--color-level2, #89a5c0);
  height: auto;
  line-height: 1;
}
.widget_ultimate_posts.magazine div.upw-posts {
  background-color: var(--color-level2, #89a5c0);
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg"));
  /* background-size: 0.5em 0.5em; creava un difetto su Chrome a certe esatte dimensioni per credo problemi di arrotondamento */
  /* background-repeat: round; creava un difetto su Chrome a certe esatte dimensioni per credo problemi di arrotondamento */
  background-clip: padding-box;
  position: relative;
  /* necessario per il bordino sfumato sotto fatto con &:aftr */
  /*
   * Normalmente è sovrascritto dalla regola generale, ma senza non si vede il bordo sotto
   * */
  overflow: visible !important;
  /*
   * Due righe sopra e sotto
   * */
}
.widget_ultimate_posts.magazine div.upw-posts article {
  margin: 0;
  width: 100%;
}
.widget_ultimate_posts.magazine div.upw-posts article .entry-image {
  margin: 0;
  /*
   * IE11-FIX
   * */
  flex: auto 0 0;
}
.widget_ultimate_posts.magazine div.upw-posts article .entry-image img {
  position: relative;
  width: auto !important;
  height: auto !important;
  /*
   * Evito che quando l'altezza è dinamica diventi troppo alto
   * */
  max-width: 75%;
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.75);
}
.widget_ultimate_posts.magazine div.upw-posts:before, .widget_ultimate_posts.magazine div.upw-posts:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 0.5rem;
  background: var(--color-level2, #89a5c0);
}
.widget_ultimate_posts.magazine div.upw-posts:before {
  bottom: 100%;
  margin-bottom: 0.25rem;
}
.widget_ultimate_posts.magazine div.upw-posts:after {
  top: 100%;
  margin-top: 0.25rem;
}
.widget_ultimate_posts.magazine.layout-string {
  display: inline-block;
}
.widget_ultimate_posts.magazine.layout-string a {
  display: inline !important;
}
.widget_ultimate_posts.magazine.layout-string a .widget-title {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  display: inline !important;
}
.widget_ultimate_posts.magazine.layout-string a .upw-posts {
  display: none !important;
}
.widget_ultimate_posts.magazine.layout-string a .footer-description {
  display: inline !important;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--color-level2, #89a5c0);
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
}
@media all and (max-width: 549px) {
  .widget_ultimate_posts.magazine.layout-string a .widget-title {
    font-size: 12px;
  }
  .widget_ultimate_posts.magazine.layout-string a .footer-description {
    font-size: 12px;
  }
}

/*
 * Adattamenti per quando è in #head-area
 * */
.home #head-area {
  /* Qui per questioni di priorità */
}
.home #head-area > .widget_ultimate_posts.magazine {
  /* Ripetuto qui per questioni di priorità */
  overflow: visible;
  /*
   * Altezza fissa di #head-area e varie conseguenze
   * */
}
.home #head-area > .widget_ultimate_posts.magazine > div {
  height: 100%;
}
.home #head-area > .widget_ultimate_posts.magazine > div * {
  height: 100%;
  display: block;
}
.home #head-area > .widget_ultimate_posts.magazine > div article {
  height: 100%;
}
.home #head-area > .widget_ultimate_posts.magazine > div article .entry-image {
  height: 100%;
}
.home #head-area > .widget_ultimate_posts.magazine > div article .entry-image img {
  /* Sfonda un po' verticalmente */
  top: -4%;
  /* IMPORTANT - se uso height su chrome in visualizzazione mobile si strecha verticalmente */
  max-height: 106% !important;
}

/*
 * Adattamenti per quando è in #secondary
 * */
#secondary section.widget_ultimate_posts.magazine .widget-title {
  background: none;
  font-size: 175%;
}
#secondary section.widget_ultimate_posts.magazine .widget-title a {
  padding: 0;
  background: none;
}
#secondary section.widget_ultimate_posts.magazine > div article {
  padding: 0 !important;
}
#secondary section.widget_ultimate_posts.magazine > div article .entry-image {
  margin: 0;
}
#secondary section.widget_ultimate_posts.magazine > div article .entry-image img {
  width: 60% !important;
  /* Sfonda un po' verticalmente */
  top: -1ex;
}

/**
 * Ajax Search Pro - results
 * */
#ajaxsearchprores1_1 .mCSBap_container,
#ajaxsearchprores1_2 .mCSBap_container,
div.ajaxsearchpro[id*=ajaxsearchprores1_] .mCSBap_container {
  margin-right: 1.4285714286em;
}
#ajaxsearchprores1_1 .asp_group_header,
#ajaxsearchprores1_2 .asp_group_header,
div.ajaxsearchpro[id*=ajaxsearchprores1_] .asp_group_header {
  margin: 0.625em 0 -0.1875em;
  padding: 0.4375em 0 0.4375em 0.625em;
}
#ajaxsearchprores1_1 .asp_group_header:first-of-type,
#ajaxsearchprores1_2 .asp_group_header:first-of-type,
div.ajaxsearchpro[id*=ajaxsearchprores1_] .asp_group_header:first-of-type {
  margin-top: 0 !important;
}
#ajaxsearchprores1_1.vertical,
#ajaxsearchprores1_2.vertical,
div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical {
  position: fixed !important;
  /* Faccio in modo che prenda tutta la larghezza della #masterhead */
  width: 80rem !important;
  box-sizing: border-box;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
}
@media only screen and (max-width: 549px) {
  #ajaxsearchprores1_1.vertical,
  #ajaxsearchprores1_2.vertical,
  div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical {
    /* Riscalo in modo da mantenere spaziature più coerenti che non si restringano troppo */
    width: 20.6666666667rem;
  }
}
#ajaxsearchprores1_1.vertical .results .item,
#ajaxsearchprores1_2.vertical .results .item,
div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical .results .item {
  padding: 0.1875em;
}
#ajaxsearchprores1_1.vertical .results .item .asp_content,
#ajaxsearchprores1_2.vertical .results .item .asp_content,
div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical .results .item .asp_content {
  padding: 0 0.625em !important;
  display: flex;
  font-size: inherit;
}
#ajaxsearchprores1_1.vertical .results .item .asp_content h3,
#ajaxsearchprores1_2.vertical .results .item .asp_content h3,
div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical .results .item .asp_content h3 {
  flex: auto 1 0;
  display: flex;
  font-size: inherit;
}
#ajaxsearchprores1_1.vertical .results .item .asp_content h3 a,
#ajaxsearchprores1_2.vertical .results .item .asp_content h3 a,
div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical .results .item .asp_content h3 a {
  flex: auto 1 0;
  display: flex;
  align-items: center;
  font-size: 100%;
}
#ajaxsearchprores1_1.vertical .results .item .asp_content h3 a:hover,
#ajaxsearchprores1_2.vertical .results .item .asp_content h3 a:hover,
div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical .results .item .asp_content h3 a:hover {
  font-size: inherit;
}
#ajaxsearchprores1_1.vertical .results .item .asp_image,
#ajaxsearchprores1_2.vertical .results .item .asp_image,
div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical .results .item .asp_image {
  width: 8em !important;
  height: 5.6569084995em !important;
}
#ajaxsearchprores1_1 .mCustomScrollBox .mCSBap_scrollTools,
#ajaxsearchprores1_2 .mCustomScrollBox .mCSBap_scrollTools,
div.ajaxsearchpro[id*=ajaxsearchprores1_] .mCustomScrollBox .mCSBap_scrollTools {
  width: 1em;
}
#ajaxsearchprores1_1 .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonUp,
#ajaxsearchprores1_2 .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonUp,
div.ajaxsearchpro[id*=ajaxsearchprores1_] .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonUp {
  margin: -0.5em 0 0 0.1875em;
  border-width: 0 0.3125em 0.375em;
}
#ajaxsearchprores1_1 .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonDown,
#ajaxsearchprores1_2 .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonDown,
div.ajaxsearchpro[id*=ajaxsearchprores1_] .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonDown {
  margin: -1em 0 0 0.1875em;
  border-width: 0.375em 0.3125em 0;
}
#ajaxsearchprores1_1 .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonUp + .mCSBap_draggerContainer,
#ajaxsearchprores1_2 .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonUp + .mCSBap_draggerContainer,
div.ajaxsearchpro[id*=ajaxsearchprores1_] .mCustomScrollBox .mCSBap_scrollTools .mCSBap_buttonUp + .mCSBap_draggerContainer {
  margin-top: 1.4285714286em;
  padding-bottom: 2.8571428571em;
}
#ajaxsearchprores1_1 .mCustomScrollBox .mCSBap_scrollTools .mCSBap_dragger .mCSBap_dragger_bar,
#ajaxsearchprores1_2 .mCustomScrollBox .mCSBap_scrollTools .mCSBap_dragger .mCSBap_dragger_bar,
div.ajaxsearchpro[id*=ajaxsearchprores1_] .mCustomScrollBox .mCSBap_scrollTools .mCSBap_dragger .mCSBap_dragger_bar {
  width: 0.375em;
  border-radius: 0.625em;
  box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.5);
}

/**
 * Mailchimp for WP form
 * */
.mc4wp-form {
  margin: 2.5rem;
  /* CHECK */
}
.mc4wp-form .mc4wp-form-fields {
  display: flex;
  flex-flow: column nowrap;
  /* IE11 FIXME */
  align-items: center;
}
.mc4wp-form .mc4wp-form-fields p {
  margin-bottom: 0.5rem;
  /* CHECK */
}
.mc4wp-form .mc4wp-form-fields label {
  min-width: 9em;
  /* CHECK */
  margin-right: 1em;
  display: inline-block;
}
.mc4wp-form .mc4wp-form-fields input[type=text],
.mc4wp-form .mc4wp-form-fields input[type=email],
.mc4wp-form .mc4wp-form-fields input[type=url],
.mc4wp-form .mc4wp-form-fields input[type=password],
.mc4wp-form .mc4wp-form-fields input[type=search],
.mc4wp-form .mc4wp-form-fields input[type=number],
.mc4wp-form .mc4wp-form-fields input[type=tel],
.mc4wp-form .mc4wp-form-fields input[type=range],
.mc4wp-form .mc4wp-form-fields input[type=date],
.mc4wp-form .mc4wp-form-fields input[type=month],
.mc4wp-form .mc4wp-form-fields input[type=week],
.mc4wp-form .mc4wp-form-fields input[type=time],
.mc4wp-form .mc4wp-form-fields input[type=datetime],
.mc4wp-form .mc4wp-form-fields input[type=datetime-local],
.mc4wp-form .mc4wp-form-fields input[type=color],
.mc4wp-form .mc4wp-form-fields textarea,
.mc4wp-form .mc4wp-form-fields select {
  width: 20em;
}
.mc4wp-form .mc4wp-form-fields .textarea-block {
  max-width: 30em;
}
.mc4wp-form .mc4wp-form-fields .textarea-block .textarea-title {
  display: block;
  text-align: center;
  background: var(--color-meta, #b7b7b7);
  padding: 0.5ex 0.5em;
  margin: 0;
}
.mc4wp-form .mc4wp-form-fields .textarea-block .textarea-description {
  max-height: 12em;
  overflow-y: scroll;
  display: block;
  padding: 0.5ex;
  border: 1px solid var(--color-meta, #b7b7b7);
}

/**
 * Show all
 * */
.show-all-container {
  width: 100%;
  display: flex;
  justify-content: center;
  cursor: pointer;
  color: var(--color-meta, #b7b7b7);
  padding: 1ex 0;
  /* IMPORTANT - L'eventuale padding laterale creava problemi su posizionamento absolute left:0 right:0 perché veniva spostato a dx*/
  text-transform: uppercase;
}
.show-all-container .material-icons {
  display: inline-block;
  margin: 0 0.5em;
}
.show-all-container:hover, .show-all-container:focus, .show-all-container:active {
  color: var(--color-main-logo, #e20613);
}

.show-all > .show-all-container {
  display: none;
}

/**
 * Add to calendar
 * */
.add2calendar-container {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  font-size: 90%;
  /* CHECK */
}
.add2calendar-container .text-label {
  padding: 0.5em;
  color: #fff;
  background: var(--color-level2, #89a5c0);
  line-height: 1;
  border-radius: 0.5em;
}
.add2calendar-container .icon-label {
  padding: 0.5em;
  color: #fff;
  background: var(--color-level2, #89a5c0);
  line-height: 1;
  border-radius: 0.5em;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}
.add2calendar-container .add2calendar.actions-container {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 10;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--color-level2, #89a5c0);
  background: #fff;
  min-width: 100%;
}
.add2calendar-container .add2calendar.actions-container li {
  white-space: nowrap;
  padding: 0.5em;
}
.add2calendar-container:hover .add2calendar.actions-container, .add2calendar-container:active .add2calendar.actions-container {
  display: block;
}

/*--------------------------------------------------------------
## Eventi
--------------------------------------------------------------*/
.online-now {
  align-items: center;
  padding: 0.3rem 2em;
  background-color: rgba(255, 255, 255, 0.6);
  display: none;
}
@keyframes hard_blink {
  33% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hard_blink_2 {
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.online-now.show {
  display: inline-flex;
}
.online-now svg#icon-streaming {
  width: 1.75rem;
  margin: 0 0.25rem;
}
.online-now svg#icon-streaming ellipse.st0 {
  fill: var(--color-main-logo, #e20613);
}
.online-now svg#icon-streaming path {
  fill: var(--color-main-logo, #e20613);
  opacity: 0;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
}
.online-now svg#icon-streaming path.st1 {
  animation-name: hard_blink;
}
.online-now svg#icon-streaming path.st2 {
  animation-name: hard_blink_2;
}
.online-now p {
  font-size: 80%;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin: 0;
  color: var(--color-main-logo, #e20613);
}

section.eventi {
  padding: 2em 0;
  overflow: visible !important;
}
section.eventi .full-row {
  background-color: #f8f8f8;
  border-top: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ededed' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
section.eventi .event-container {
  display: flex;
  justify-content: space-between;
  background-color: var(--color-main-logo, #e20613);
  border-radius: 0.5ex;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 990px) {
  section.eventi .event-container {
    flex-wrap: wrap;
  }
}
section.eventi .event-container .info-container {
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0.5rem;
  display: flex;
  flex-basis: 55%;
}
@media only screen and (max-width: 1279px) {
  section.eventi .event-container .info-container {
    flex-basis: 65%;
  }
}
@media only screen and (max-width: 990px) {
  section.eventi .event-container .info-container {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 549px) {
  section.eventi .event-container .info-container {
    padding-left: 0.5rem;
  }
}
section.eventi .event-container .info-container figure.logo {
  min-width: 80px;
  max-width: 80px;
  margin: 0 1rem 0 0;
}
section.eventi .event-container .info-container figure.logo img {
  object-fit: contain;
}
section.eventi .event-container .info-container .info {
  color: #fff;
}
section.eventi .event-container .info-container .info h2 {
  font-size: 200%;
  font-weight: 500;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 549px) {
  section.eventi .event-container .info-container .info h2 {
    font-size: 150%;
  }
}
section.eventi .event-container .info-container .info .meta {
  margin-bottom: 0.5rem;
  display: flex;
}
@media only screen and (max-width: 1279px) {
  section.eventi .event-container .info-container .info .meta {
    font-size: 90%;
  }
}
@media only screen and (max-width: 899px) {
  section.eventi .event-container .info-container .info .meta {
    font-size: 100%;
  }
}
@media only screen and (max-width: 549px) {
  section.eventi .event-container .info-container .info .meta {
    flex-wrap: wrap;
  }
}
section.eventi .event-container .info-container .info .meta span {
  display: flex;
  align-items: center;
  line-height: 1;
}
@media only screen and (max-width: 549px) {
  section.eventi .event-container .info-container .info .meta span {
    flex-basis: 100%;
    line-height: 2.2;
  }
}
section.eventi .event-container .info-container .info .meta span:not(:last-child) {
  margin-right: 1.5rem;
}
section.eventi .event-container .info-container .info .meta span i {
  margin-right: 0.25rem;
  position: relative;
  top: -1px;
}
section.eventi .event-container .info-container .info p.infolink {
  font-size: 90%;
  margin-top: 0.5rem;
}
section.eventi .event-container .info-container .info p.infolink a:hover {
  color: #fff;
  text-decoration: underline;
}
section.eventi .event-container .info-container .info .action {
  display: flex;
  align-items: center;
  margin-top: 1.2rem;
}
section.eventi .event-container .info-container .info .action .save-the-date {
  margin: 0 0 0 0.75rem;
  display: inline-flex;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 549px) {
  section.eventi .event-container .info-container .info .action .save-the-date {
    font-size: 90%;
    margin-left: 0.5rem;
  }
}
section.eventi .event-container .info-container .info .action .save-the-date a {
  outline: none;
  display: flex;
  align-items: center;
}
section.eventi .event-container .info-container .info .action .save-the-date a span {
  text-decoration: underline;
}
section.eventi .event-container .info-container .info .action .save-the-date a:hover, section.eventi .event-container .info-container .info .action .save-the-date a:focus, section.eventi .event-container .info-container .info .action .save-the-date a:active {
  color: inherit;
}
section.eventi .event-container .info-container .info .action .save-the-date i {
  margin-left: 0.25em;
  font-size: 120%;
}
section.eventi .event-container .info-container .info .action .save-the-date i.collapse {
  transform: rotate(180deg);
}
section.eventi .event-container .info-container .info .action .save-the-date .save-calendars {
  position: absolute;
  top: 1.75em;
  background-color: #fff;
  border-radius: 1ex;
  padding: 1em;
  box-shadow: 0 0.0625em 0.1875em rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 9;
}
section.eventi .event-container .info-container .info .action .save-the-date .save-calendars a {
  color: #2a2a2a;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  font-size: 90%;
  font-weight: 500;
  line-height: 1.7;
}
section.eventi .event-container .info-container .info .action .save-the-date .save-calendars a:hover {
  text-decoration: underline;
}
section.eventi .event-container .main-img {
  flex-basis: 45%;
  flex-shrink: 0.1;
  margin: 0;
  align-self: flex-end;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  section.eventi .event-container .main-img {
    flex-shrink: 1;
    flex-basis: 35%;
  }
}
@media only screen and (max-width: 990px) {
  section.eventi .event-container .main-img {
    flex-basis: 100%;
  }
}
section.eventi .survey-container {
  margin-top: 1.5rem;
}
section.eventi .survey-container h4 {
  text-align: center;
  font-size: 200%;
  font-weight: 700;
}
section.eventi .survey-container p.survey {
  text-align: center;
  font-size: 125%;
  margin-top: 0;
}
section.eventi .survey-container .survey-content {
  width: 95%;
  height: 480px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: none;
  margin: 1rem auto;
  box-shadow: 0 0.0625em 0.1875em rgba(0, 0, 0, 0.12);
  display: block;
}

/*--------------------------------------------------------------
# Header and Footer
--------------------------------------------------------------*/
/*!
Theme Name: FoodWeb
Theme URI: http://underscores.me/
Author: Alessandro Ferrari
Author URI: http://underscores.me/
Description: Sito per la parte editoriale
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foodweb
Tags:

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

FoodWeb is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/
/*
 * Header, Footer
 * */
#masthead {
  display: flex;
}

#masthead_sticky {
  display: none;
}

#masthead,
#masthead_sticky {
  position: relative;
  flex-flow: row nowrap;
  align-items: center;
  background-color: #fff;
  /* Colori dei mercati */
  /*
  * Ajax search pro - overwrite not configurable sizes
  * Messo qui altrimenti non riesce ad avere precedenza
  * visto che il css del plugin è successivo nell'html
  * */
}
@media only screen and (max-width: 549px) {
  #masthead,
  #masthead_sticky {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 549px) {
  #masthead:after, #masthead:before,
  #masthead_sticky:after,
  #masthead_sticky:before {
    content: none;
  }
}
#masthead > *,
#masthead_sticky > * {
  flex: auto 0 0;
}
#masthead .login-string,
#masthead_sticky .login-string {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 549px) {
  #masthead .login-string,
  #masthead_sticky .login-string {
    width: 20%;
    margin-left: 0;
  }
}
#masthead .header-user,
#masthead_sticky .header-user {
  margin-left: auto;
}
@media screen and (max-width: 899px) {
  #masthead .header-user,
  #masthead_sticky .header-user {
    margin-left: 0;
  }
}
#masthead .main-navigation,
#masthead_sticky .main-navigation {
  width: auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  flex: auto 1 0;
  /* Tiene il menu di primo livello a tutta altezza in modo che spostando il mouse verso il menu di secondo livello l':hover non esca */
}
@media screen and (max-width: 899px) {
  #masthead .main-navigation,
  #masthead_sticky .main-navigation {
    display: none;
  }
}
#masthead .main-navigation li,
#masthead_sticky .main-navigation li {
  position: static;
  float: none;
  flex: auto 1 0;
}
#masthead .main-navigation .menu-toggle,
#masthead_sticky .main-navigation .menu-toggle {
  align-self: center;
}
#masthead .main-navigation > .menu-main-container,
#masthead_sticky .main-navigation > .menu-main-container {
  flex-flow: row nowrap;
  align-items: stretch;
  flex: auto 0 0;
  /* On larger screens */
  /* Small menu */
}
@media screen and (min-width: 900px) {
  #masthead .main-navigation > .menu-main-container,
  #masthead_sticky .main-navigation > .menu-main-container {
    /* Messo qui perché messo fuori su menu small sovrascriveva il display: none e lo mostrava sempre */
    display: flex;
  }
}
#masthead .main-navigation > .menu-main-container > .menu,
#masthead_sticky .main-navigation > .menu-main-container > .menu {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: auto 0 0;
  padding-right: 0rem;
  padding-left: 0.5rem;
}
@media screen and (max-width: 1279px) {
  #masthead .main-navigation > .menu-main-container > .menu,
  #masthead_sticky .main-navigation > .menu-main-container > .menu {
    padding-left: 0;
    padding-right: 0rem;
  }
}
@media screen and (max-width: 1179px) {
  #masthead .main-navigation > .menu-main-container > .menu,
  #masthead_sticky .main-navigation > .menu-main-container > .menu {
    padding-left: 0;
    padding-right: 0rem;
  }
}
#masthead .main-navigation > .menu-main-container > .menu > li,
#masthead_sticky .main-navigation > .menu-main-container > .menu > li {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  flex: auto 1 0;
  flex-grow: 0;
  /*
  &:last-child {
  	> a {
  		padding-right: 0;
  	}
  }
  */
  /* On larger screens */
}
#masthead .main-navigation > .menu-main-container > .menu > li > a,
#masthead_sticky .main-navigation > .menu-main-container > .menu > li > a {
  font-size: 100%;
  text-transform: uppercase;
  padding: 0 1rem;
  /* Cover all li and center text */
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto 1 0;
  line-height: 1;
}
@media screen and (max-width: 1279px) {
  #masthead .main-navigation > .menu-main-container > .menu > li > a,
  #masthead_sticky .main-navigation > .menu-main-container > .menu > li > a {
    padding: 0 0.7rem;
  }
}
@media screen and (max-width: 1179px) {
  #masthead .main-navigation > .menu-main-container > .menu > li > a,
  #masthead_sticky .main-navigation > .menu-main-container > .menu > li > a {
    padding-left: 0.8vw;
    padding-right: 0.8vw;
    font-size: 100%;
  }
}
#masthead .main-navigation > .menu-main-container > .menu > li:first-child > a,
#masthead_sticky .main-navigation > .menu-main-container > .menu > li:first-child > a {
  padding-left: 0;
}
#masthead .main-navigation > .menu-main-container > .menu > li:last-child > a,
#masthead_sticky .main-navigation > .menu-main-container > .menu > li:last-child > a {
  padding-right: 0;
}
@media screen and (min-width: 900px) {
  #masthead .main-navigation > .menu-main-container > .menu > li.current-menu-item > a, #masthead .main-navigation > .menu-main-container > .menu > li:hover > a, #masthead .main-navigation > .menu-main-container > .menu > li:active > a,
  #masthead_sticky .main-navigation > .menu-main-container > .menu > li.current-menu-item > a,
  #masthead_sticky .main-navigation > .menu-main-container > .menu > li:hover > a,
  #masthead_sticky .main-navigation > .menu-main-container > .menu > li:active > a {
    /* Voce del menu corrente dello stesso colore del logo */
    color: var(--color-main-logo, #e20613);
  }
}
@media screen and (max-width: 899px) {
  #masthead .main-navigation > .menu-main-container,
  #masthead_sticky .main-navigation > .menu-main-container {
    height: auto;
    background-color: #fff;
    flex-flow: column nowrap;
  }
  #masthead .main-navigation > .menu-main-container > .menu,
  #masthead_sticky .main-navigation > .menu-main-container > .menu {
    flex-flow: column nowrap;
  }
  #masthead .main-navigation > .menu-main-container > .menu > li,
  #masthead_sticky .main-navigation > .menu-main-container > .menu > li {
    flex-flow: column nowrap;
    background-image: none !important;
    margin: 2ex 0;
    /* CHECK */
  }
  #masthead .main-navigation > .menu-main-container > .menu > li > a,
  #masthead_sticky .main-navigation > .menu-main-container > .menu > li > a {
    height: auto;
  }
}
#masthead .main-navigation ul.menu,
#masthead_sticky .main-navigation ul.menu {
  /* Menu di secondo livello */
  /* Sub-menu icon + posts solo nei mercati con menu espanso */
  /* Mostra il menu di secondo livello */
}
#masthead .main-navigation ul.menu .sub-menu-container,
#masthead_sticky .main-navigation ul.menu .sub-menu-container {
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  display: flex;
  flex-flow: column nowrap;
  background: var(--color-background-level2, #e8edf3);
  padding: 1rem;
  border-bottom: 3px solid var(--color-level2, #89a5c0);
  margin-top: 0;
  /* il margin-top va a zero altrimenti quando passo col mouse perdo l'hover */
  background-clip: padding-box;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  box-sizing: content-box;
  max-width: 100%;
  width: 80rem;
  /* Small menu */
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  #masthead .main-navigation ul.menu .sub-menu-container,
  #masthead_sticky .main-navigation ul.menu .sub-menu-container {
    width: 57.8333333333rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  #masthead .main-navigation ul.menu .sub-menu-container,
  #masthead_sticky .main-navigation ul.menu .sub-menu-container {
    width: 42.8333333333rem;
  }
}
@media only screen and (max-width: 549px) {
  #masthead .main-navigation ul.menu .sub-menu-container,
  #masthead_sticky .main-navigation ul.menu .sub-menu-container {
    width: 20.6666666667rem;
  }
}
@media only screen and (max-width: 899px) {
  #masthead .main-navigation ul.menu .sub-menu-container,
  #masthead_sticky .main-navigation ul.menu .sub-menu-container {
    /*
     * A questa larghezza la pagina occupa il 95% dello spazio
     * quindi sfondo del 2.5% da entrambe le parti.
     * Metterò comunque overflow-x: hidden al body perché
     * la scroll bar verticale può occupare spazio non qui calcolato.
     *
     * Per screen-size più grandi invece ci sta con i 2.5rem
     * */
    margin-left: -2.5vw;
    margin-right: -2.5vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media screen and (max-width: 899px) {
  #masthead .main-navigation ul.menu .sub-menu-container,
  #masthead_sticky .main-navigation ul.menu .sub-menu-container {
    position: static;
    flex-flow: column nowrap;
    background: none;
    border-top: none;
    display: none;
    padding-top: 1ex;
    /* CHECK */
    padding-bottom: 0;
    /* CHECK */
  }
}
#masthead .main-navigation ul.menu ul,
#masthead_sticky .main-navigation ul.menu ul {
  box-shadow: none;
  float: none;
  position: static;
  flex: 0 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-around;
  /* Small menu */
}
#masthead .main-navigation ul.menu ul > li,
#masthead_sticky .main-navigation ul.menu ul > li {
  flex-basis: 14%;
  /* 100 / 7 arrotondato per difetto */
  margin: 1.5ex 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  text-transform: uppercase;
}
#masthead .main-navigation ul.menu ul > li > a,
#masthead_sticky .main-navigation ul.menu ul > li > a {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  white-space: nowrap;
  width: auto;
  color: #2a2a2a;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: -1px;
  line-height: 1.5;
}
#masthead .main-navigation ul.menu ul > li:hover > a, #masthead .main-navigation ul.menu ul > li:active > a,
#masthead_sticky .main-navigation ul.menu ul > li:hover > a,
#masthead_sticky .main-navigation ul.menu ul > li:active > a {
  border-bottom-width: 3px;
  margin-bottom: -3px;
}
#masthead .main-navigation ul.menu ul > li:hover > a:before, #masthead .main-navigation ul.menu ul > li:active > a:before,
#masthead_sticky .main-navigation ul.menu ul > li:hover > a:before,
#masthead_sticky .main-navigation ul.menu ul > li:active > a:before {
  opacity: 1 !important;
}
@media screen and (max-width: 899px) {
  #masthead .main-navigation ul.menu ul,
  #masthead_sticky .main-navigation ul.menu ul {
    align-items: center;
    padding: 0;
  }
  #masthead .main-navigation ul.menu ul > li,
  #masthead_sticky .main-navigation ul.menu ul > li {
    margin: 1ex 0;
    /* CHECK */
  }
  #masthead .main-navigation ul.menu ul > li > a,
  #masthead_sticky .main-navigation ul.menu ul > li > a {
    color: #2a2a2a;
  }
}
#masthead .main-navigation ul.menu .sub-menu-posts,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts {
  flex: 0 1 auto;
  margin-top: 1rem;
  border-top: 1px solid #2a2a2a;
  padding-top: 1rem;
  display: none;
  /* IMPORTANT - di solito è nascosto */
  flex-flow: row wrap;
  justify-content: space-between;
  overflow: hidden;
  box-sizing: content-box;
  height: 15em;
  /* IMPORTAT */
  /* Small menu */
}
#masthead .main-navigation ul.menu .sub-menu-posts > h2,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > h2 {
  width: 100%;
  color: #2a2a2a;
  height: 1.25em;
  font-size: 120%;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article {
  flex: 0 0 auto;
  width: 12em;
  margin: 1em;
  height: 13em;
  /* CHECK- .sub-menu-posts_height -2*margin */
  /* Colori dei mercati */
}
#masthead .main-navigation ul.menu .sub-menu-posts > article .post-thumbnail,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article .post-thumbnail {
  height: 8.4853627493em;
  background-size: cover;
  background-position: center, center;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article header,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article header {
  padding-top: 1ex;
  position: relative;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article header .entry-cat {
  position: absolute;
  top: -3.5ex;
  left: 0;
  height: 2ex;
  box-sizing: content-box;
  padding: 0.75ex 0.75em;
  color: #ffffff;
  background: var(--color-level2, #89a5c0);
}
#masthead .main-navigation ul.menu .sub-menu-posts > article .entry-title,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article .entry-title {
  color: #2a2a2a;
  font-size: 100%;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-beverage > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-beverage > header .entry-cat {
  background: #5db1e4;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-olive-oil-vinegar > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-olive-oil-vinegar > header .entry-cat {
  background: #6ca547;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-tomato > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-tomato > header .entry-cat {
  background: #bc1d1d;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-bakery-snacks > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-bakery-snacks > header .entry-cat {
  background: #c99d66;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-pasta > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-pasta > header .entry-cat {
  background: #dbaf00;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-cheese > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-cheese > header .entry-cat {
  background: #f18c00;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-meats-other-product > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-meats-other-product > header .entry-cat {
  background: #ec6f68;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-coffee-other-product > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-coffee-other-product > header .entry-cat {
  background: #825e22;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-rice-legumes > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-rice-legumes > header .entry-cat {
  background: #C59D5F;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-sweets-other-product > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-sweets-other-product > header .entry-cat {
  background: #e099c2;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-frozen-food > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-frozen-food > header .entry-cat {
  background: #1990ac;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-fruit-vegetables > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-fruit-vegetables > header .entry-cat {
  background: #7cc08c;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-healthy-altro > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-healthy-altro > header .entry-cat {
  background: #008E93;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-petfood-altro > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-petfood-altro > header .entry-cat {
  background: #702382;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-baby-food-altro > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-baby-food-altro > header .entry-cat {
  background: #93C01F;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-seasonals > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-seasonals > header .entry-cat {
  background: #e7462f;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-basic-ingredients > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-basic-ingredients > header .entry-cat {
  background: #8aacdb;
}
#masthead .main-navigation ul.menu .sub-menu-posts > article.category-seafood > header .entry-cat,
#masthead_sticky .main-navigation ul.menu .sub-menu-posts > article.category-seafood > header .entry-cat {
  background: #de713d;
}
@media screen and (max-width: 899px) {
  #masthead .main-navigation ul.menu .sub-menu-posts,
  #masthead_sticky .main-navigation ul.menu .sub-menu-posts {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  #masthead .main-navigation ul.menu li.category-mercati,
  #masthead_sticky .main-navigation ul.menu li.category-mercati {
    /* I post si vedono solo qui */
  }
  #masthead .main-navigation ul.menu li.category-mercati ul > li > a:before,
  #masthead_sticky .main-navigation ul.menu li.category-mercati ul > li > a:before {
    display: block;
    /* IE fix */
    content: "";
    height: 3em;
    /* CHECK */
    width: 3em;
    /* CHECK */
    background-size: cover;
    opacity: 0.8;
  }
  #masthead .main-navigation ul.menu li.category-mercati .sub-menu-posts,
  #masthead_sticky .main-navigation ul.menu li.category-mercati .sub-menu-posts {
    display: flex;
  }
}
#masthead .main-navigation ul.menu li:hover,
#masthead .main-navigation ul.menu li.focus,
#masthead_sticky .main-navigation ul.menu li:hover,
#masthead_sticky .main-navigation ul.menu li.focus {
  /* TODO - aggiungere triangolino centrato in basso come background-image */
}
#masthead .main-navigation ul.menu li:hover.menu-item-has-children > a,
#masthead .main-navigation ul.menu li.focus.menu-item-has-children > a,
#masthead_sticky .main-navigation ul.menu li:hover.menu-item-has-children > a,
#masthead_sticky .main-navigation ul.menu li.focus.menu-item-has-children > a {
  position: relative;
}
#masthead .main-navigation ul.menu li:hover.menu-item-has-children > a:after,
#masthead .main-navigation ul.menu li.focus.menu-item-has-children > a:after,
#masthead_sticky .main-navigation ul.menu li:hover.menu-item-has-children > a:after,
#masthead_sticky .main-navigation ul.menu li.focus.menu-item-has-children > a:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  content: "arrow_drop_up";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 3em;
  margin-top: -1.1ex;
  /* CHECK */
  color: var(--color-background-level2, #e8edf3);
}
#masthead .main-navigation ul.menu li:hover > .sub-menu-container,
#masthead .main-navigation ul.menu li.focus > .sub-menu-container,
#masthead_sticky .main-navigation ul.menu li:hover > .sub-menu-container,
#masthead_sticky .main-navigation ul.menu li.focus > .sub-menu-container {
  left: 0;
  right: 0;
  /* Small menu */
}
@media screen and (max-width: 899px) {
  #masthead .main-navigation ul.menu li:hover > .sub-menu-container,
  #masthead .main-navigation ul.menu li.focus > .sub-menu-container,
  #masthead_sticky .main-navigation ul.menu li:hover > .sub-menu-container,
  #masthead_sticky .main-navigation ul.menu li.focus > .sub-menu-container {
    display: block;
  }
}
#masthead .sub-menu > li.category-beverage > a,
#masthead_sticky .sub-menu > li.category-beverage > a {
  border-color: #5db1e4;
}
#masthead .sub-menu > li.category-beverage > a:before,
#masthead_sticky .sub-menu > li.category-beverage > a:before {
  background: url("images/mercati/beverage.svg");
}
#masthead .sub-menu > li.category-olive-oil-vinegar > a,
#masthead_sticky .sub-menu > li.category-olive-oil-vinegar > a {
  border-color: #6ca547;
}
#masthead .sub-menu > li.category-olive-oil-vinegar > a:before,
#masthead_sticky .sub-menu > li.category-olive-oil-vinegar > a:before {
  background: url("images/mercati/condimenti.svg");
}
#masthead .sub-menu > li.category-tomato > a,
#masthead_sticky .sub-menu > li.category-tomato > a {
  border-color: #bc1d1d;
}
#masthead .sub-menu > li.category-tomato > a:before,
#masthead_sticky .sub-menu > li.category-tomato > a:before {
  background: url("images/mercati/conserve.svg");
}
#masthead .sub-menu > li.category-bakery-snacks > a,
#masthead_sticky .sub-menu > li.category-bakery-snacks > a {
  border-color: #c99d66;
}
#masthead .sub-menu > li.category-bakery-snacks > a:before,
#masthead_sticky .sub-menu > li.category-bakery-snacks > a:before {
  background: url("images/mercati/bakery.svg");
}
#masthead .sub-menu > li.category-pasta > a,
#masthead_sticky .sub-menu > li.category-pasta > a {
  border-color: #dbaf00;
}
#masthead .sub-menu > li.category-pasta > a:before,
#masthead_sticky .sub-menu > li.category-pasta > a:before {
  background: url("images/mercati/pasta.svg");
}
#masthead .sub-menu > li.category-cheese > a,
#masthead_sticky .sub-menu > li.category-cheese > a {
  border-color: #f18c00;
}
#masthead .sub-menu > li.category-cheese > a:before,
#masthead_sticky .sub-menu > li.category-cheese > a:before {
  background: url("images/mercati/formaggi.svg");
}
#masthead .sub-menu > li.category-meats-other-product > a,
#masthead_sticky .sub-menu > li.category-meats-other-product > a {
  border-color: #ec6f68;
}
#masthead .sub-menu > li.category-meats-other-product > a:before,
#masthead_sticky .sub-menu > li.category-meats-other-product > a:before {
  background: url("images/mercati/salumi.svg");
}
#masthead .sub-menu > li.category-coffee-other-product > a,
#masthead_sticky .sub-menu > li.category-coffee-other-product > a {
  border-color: #825e22;
}
#masthead .sub-menu > li.category-coffee-other-product > a:before,
#masthead_sticky .sub-menu > li.category-coffee-other-product > a:before {
  background: url("images/mercati/caffe-altro.svg");
}
#masthead .sub-menu > li.category-rice-legumes > a,
#masthead_sticky .sub-menu > li.category-rice-legumes > a {
  border-color: #C59D5F;
}
#masthead .sub-menu > li.category-rice-legumes > a:before,
#masthead_sticky .sub-menu > li.category-rice-legumes > a:before {
  background: url("images/mercati/cereali.svg");
}
#masthead .sub-menu > li.category-sweets-other-product > a,
#masthead_sticky .sub-menu > li.category-sweets-other-product > a {
  border-color: #e099c2;
}
#masthead .sub-menu > li.category-sweets-other-product > a:before,
#masthead_sticky .sub-menu > li.category-sweets-other-product > a:before {
  background: url("images/mercati/dolciario.svg");
}
#masthead .sub-menu > li.category-frozen-food > a,
#masthead_sticky .sub-menu > li.category-frozen-food > a {
  border-color: #1990ac;
}
#masthead .sub-menu > li.category-frozen-food > a:before,
#masthead_sticky .sub-menu > li.category-frozen-food > a:before {
  background: url("images/mercati/freddo.svg");
}
#masthead .sub-menu > li.category-fruit-vegetables > a,
#masthead_sticky .sub-menu > li.category-fruit-vegetables > a {
  border-color: #7cc08c;
}
#masthead .sub-menu > li.category-fruit-vegetables > a:before,
#masthead_sticky .sub-menu > li.category-fruit-vegetables > a:before {
  background: url("images/mercati/fruit&vegetables.svg");
}
#masthead .sub-menu > li.category-healthy-altro > a,
#masthead_sticky .sub-menu > li.category-healthy-altro > a {
  border-color: #008E93;
}
#masthead .sub-menu > li.category-healthy-altro > a:before,
#masthead_sticky .sub-menu > li.category-healthy-altro > a:before {
  background: url("images/mercati/healthy.svg");
}
#masthead .sub-menu > li.category-petfood-altro > a,
#masthead_sticky .sub-menu > li.category-petfood-altro > a {
  border-color: #702382;
}
#masthead .sub-menu > li.category-petfood-altro > a:before,
#masthead_sticky .sub-menu > li.category-petfood-altro > a:before {
  background: url("images/mercati/petfood.svg");
}
#masthead .sub-menu > li.category-baby-food-altro > a,
#masthead_sticky .sub-menu > li.category-baby-food-altro > a {
  border-color: #93C01F;
}
#masthead .sub-menu > li.category-baby-food-altro > a:before,
#masthead_sticky .sub-menu > li.category-baby-food-altro > a:before {
  background: url("images/mercati/babyfood.svg");
}
#masthead .sub-menu > li.category-seasonals > a,
#masthead_sticky .sub-menu > li.category-seasonals > a {
  border-color: #e7462f;
}
#masthead .sub-menu > li.category-seasonals > a:before,
#masthead_sticky .sub-menu > li.category-seasonals > a:before {
  background: url("images/mercati/seasonals.svg");
}
#masthead .sub-menu > li.category-basic-ingredients > a,
#masthead_sticky .sub-menu > li.category-basic-ingredients > a {
  border-color: #8aacdb;
}
#masthead .sub-menu > li.category-basic-ingredients > a:before,
#masthead_sticky .sub-menu > li.category-basic-ingredients > a:before {
  background: url("images/mercati/basic-ingredient.svg");
}
#masthead .sub-menu > li.category-seafood > a,
#masthead_sticky .sub-menu > li.category-seafood > a {
  border-color: #de713d;
}
#masthead .sub-menu > li.category-seafood > a:before,
#masthead_sticky .sub-menu > li.category-seafood > a:before {
  background: url("images/mercati/seafood.svg");
}
#masthead .site-branding,
#masthead_sticky .site-branding {
  max-width: 300px;
  box-sizing: border-box;
  padding: 1em 1.25em;
  /* Centra verticalmente */
  display: flex;
  align-items: center;
  width: 13.3rem;
  /*
   * Serve quando in mobile apro la ricerca e faccio scorrere a sx fuori schermo il logo
   * Lo metto qui così c'è la transition anche sul ritorno (chiusura ricerca)
   * */
  transition: margin-left 0.5s;
}
@media only screen and (max-width: 1599px) {
  #masthead .site-branding,
  #masthead_sticky .site-branding {
    padding: 1em 1vw;
  }
}
@media only screen and (max-width: 549px) {
  #masthead .site-branding,
  #masthead_sticky .site-branding {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
#masthead .site-branding .custom-logo-link,
#masthead_sticky .site-branding .custom-logo-link {
  display: block;
  /* Fix extra bottom space */
  line-height: 0;
  width: 100%;
  /* IE fix */
}
#masthead .site-branding .custom-logo-link img,
#masthead_sticky .site-branding .custom-logo-link img {
  width: 100%;
  /* SVG fix */
}
@media screen and (max-width: 1279px) {
  #masthead .site-branding,
  #masthead_sticky .site-branding {
    padding-left: 1.98rem;
    padding-right: 1.98rem;
    width: 13.3rem;
  }
}
@media only screen and (max-width: 899px) {
  #masthead .site-branding,
  #masthead_sticky .site-branding {
    /*
     * Su mobile viene troppo grosso mantenendo i rem soliti
     * */
    width: auto;
    padding-left: 0.9rem;
  }
  #masthead .site-branding img,
  #masthead_sticky .site-branding img {
    width: 9em !important;
  }
}
#masthead .main-navigation,
#masthead_sticky .main-navigation {
  flex: auto 0 0;
}
#masthead .asp_main_container,
#masthead_sticky .asp_main_container {
  font-size: 100%;
  /* Imposto anche il padding verticale perché così se aprendo la ricerca nascondo il brand ha comunque un pading restante e non si attacca al bordo */
  padding: 0.5rem 1rem;
  /* Centra verticalmente */
  display: flex;
  align-items: center;
  width: auto;
  /* altrimenti sballa il menu fino a che non ha caricato bene la ricerca */
  /* IMPORTANT - intanto che carica tutto tiene nascosto per evitare difetti grafici */
  visibility: hidden;
  /* Adatta all'area in cui si trova e grafica per la versione chiusa */
}
#masthead .asp_main_container[asp-compact=open],
#masthead_sticky .asp_main_container[asp-compact=open] {
  padding: 0.5rem 1rem 0.5rem 3rem;
}
@media screen and (max-width: 1279px) {
  #masthead .asp_main_container,
  #masthead_sticky .asp_main_container {
    padding-right: 0.7rem;
    padding-left: 0.7rem;
  }
}
@media screen and (max-width: 899px) {
  #masthead .asp_main_container,
  #masthead_sticky .asp_main_container {
    margin-left: auto;
  }
}
#masthead .asp_main_container.hasASP,
#masthead_sticky .asp_main_container.hasASP {
  visibility: visible;
}
#masthead .asp_main_container .probox,
#masthead_sticky .asp_main_container .probox {
  width: auto !important;
  height: auto !important;
  /* e centra il contenuto verticalmente */
  display: flex;
  align-items: center;
}
#masthead .asp_main_container .probox .promagnifier,
#masthead_sticky .asp_main_container .probox .promagnifier {
  color: var(--color-meta, #b7b7b7);
  /*
   * Solo su mobile devo compattare la ricerca
   * perché quando lo spazio scarseggia
   * il menu collassa liberandone tanto
   * */
}
#masthead .asp_main_container .probox .promagnifier div.asp_text_button,
#masthead_sticky .asp_main_container .probox .promagnifier div.asp_text_button {
  color: var(--color-meta, #b7b7b7);
  padding: 0;
  /* nascondo sempre la label "cerca" per far spazio nel menu; resta solo la lente */
  display: none !important;
}
@media screen and (min-width: 550px) {
  #masthead .asp_main_container .probox .promagnifier,
  #masthead_sticky .asp_main_container .probox .promagnifier {
    /*border-bottom: 1px solid $color__search-top;*/
  }
  #masthead .asp_main_container .probox .promagnifier div.asp_text_button,
  #masthead_sticky .asp_main_container .probox .promagnifier div.asp_text_button {
    display: block;
  }
}
#masthead .asp_main_container .probox .innericon svg,
#masthead_sticky .asp_main_container .probox .innericon svg {
  fill: var(--color-meta, #b7b7b7) !important;
}
#masthead > .resources-area,
#masthead_sticky > .resources-area {
  /* Grafica la resources-area */
  border-top: 1.875rem solid var(--color-main-logo, #e20613);
  margin-top: -2.5rem;
  padding-top: 0.625rem;
  /* Tiene a tutta altezza sempre per questioni di menu e hover (vedi sopra) */
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
}
#masthead > .resources-area > .user-container,
#masthead_sticky > .resources-area > .user-container {
  /* Centra verticalmente la scritta del menu di primo livello, ma non il sottomenu */
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#masthead .login-link,
#masthead_sticky .login-link {
  color: var(--color-main-logo, #e20613);
  border: 1px solid var(--color-main-logo, #e20613);
  border-radius: 2ex;
  padding: 0.5ex 1.5ex;
  font-variant: all-small-caps;
  text-decoration: none;
}
#masthead #ajaxsearchpro1_1,
#masthead #ajaxsearchpro1_2,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_],
#masthead_sticky #ajaxsearchpro1_1,
#masthead_sticky #ajaxsearchpro1_2,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] {
  box-shadow: none;
  /*
   * Così non copre la scritta MAGAZINE o simili, almeno visivamente.
   * Gestirlo con lo z-index, anche se più pulito tecnicamente, avrebbe potenziali effetti collaterali
   * nell'interazione dinamica da identificare e risolvere a parte.
   * */
  background: transparent;
}
#masthead #ajaxsearchpro1_1 .probox,
#masthead #ajaxsearchpro1_2 .probox,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox,
#masthead_sticky #ajaxsearchpro1_1 .probox,
#masthead_sticky #ajaxsearchpro1_2 .probox,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox {
  height: 2em;
}
#masthead #ajaxsearchpro1_1 .probox .proloading,
#masthead #ajaxsearchpro1_1 .probox .proclose,
#masthead #ajaxsearchpro1_1 .probox .promagnifier,
#masthead #ajaxsearchpro1_1 .probox .prosettings,
#masthead #ajaxsearchpro1_2 .probox .proloading,
#masthead #ajaxsearchpro1_2 .probox .proclose,
#masthead #ajaxsearchpro1_2 .probox .promagnifier,
#masthead #ajaxsearchpro1_2 .probox .prosettings,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proloading,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proclose,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .prosettings,
#masthead_sticky #ajaxsearchpro1_1 .probox .proloading,
#masthead_sticky #ajaxsearchpro1_1 .probox .proclose,
#masthead_sticky #ajaxsearchpro1_1 .probox .promagnifier,
#masthead_sticky #ajaxsearchpro1_1 .probox .prosettings,
#masthead_sticky #ajaxsearchpro1_2 .probox .proloading,
#masthead_sticky #ajaxsearchpro1_2 .probox .proclose,
#masthead_sticky #ajaxsearchpro1_2 .probox .promagnifier,
#masthead_sticky #ajaxsearchpro1_2 .probox .prosettings,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proloading,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proclose,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .prosettings {
  flex: 0 0 auto;
  height: 2em;
}
#masthead #ajaxsearchpro1_1 .probox .promagnifier,
#masthead #ajaxsearchpro1_2 .probox .promagnifier,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier,
#masthead_sticky #ajaxsearchpro1_1 .probox .promagnifier,
#masthead_sticky #ajaxsearchpro1_2 .probox .promagnifier,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier {
  height: 2em;
  /*
   * A causa della voce di menu aggiuntiva
   * sotto una certa dimensione il menu non ci sta e spinge fuori la ricerca
   * => per pezzarla nascondo l'etichetta lasciando solo la lente
   * poi quando il menu collassa lo spazio c'è e quindi la mostro di nuovo
   * */
}
#masthead #ajaxsearchpro1_1 .probox .promagnifier div.innericon,
#masthead #ajaxsearchpro1_2 .probox .promagnifier div.innericon,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier div.innericon,
#masthead_sticky #ajaxsearchpro1_1 .probox .promagnifier div.innericon,
#masthead_sticky #ajaxsearchpro1_2 .probox .promagnifier div.innericon,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier div.innericon {
  /*width: $elements__asp_size;*/
  height: 2em;
  /* Posiziono l'icona a sx così si allinea al border sottostante */
  text-align: left;
  width: auto;
}
#masthead #ajaxsearchpro1_1 .probox .promagnifier div.asp_text_button,
#masthead #ajaxsearchpro1_2 .probox .promagnifier div.asp_text_button,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier div.asp_text_button,
#masthead_sticky #ajaxsearchpro1_1 .probox .promagnifier div.asp_text_button,
#masthead_sticky #ajaxsearchpro1_2 .probox .promagnifier div.asp_text_button,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier div.asp_text_button {
  height: 2em;
  line-height: 2em;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  #masthead #ajaxsearchpro1_1 .probox .promagnifier,
  #masthead #ajaxsearchpro1_2 .probox .promagnifier,
  #masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier,
  #masthead_sticky #ajaxsearchpro1_1 .probox .promagnifier,
  #masthead_sticky #ajaxsearchpro1_2 .probox .promagnifier,
  #masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier {
    border-bottom: none;
  }
  #masthead #ajaxsearchpro1_1 .probox .promagnifier div.asp_text_button,
  #masthead #ajaxsearchpro1_2 .probox .promagnifier div.asp_text_button,
  #masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier div.asp_text_button,
  #masthead_sticky #ajaxsearchpro1_1 .probox .promagnifier div.asp_text_button,
  #masthead_sticky #ajaxsearchpro1_2 .probox .promagnifier div.asp_text_button,
  #masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .promagnifier div.asp_text_button {
    display: none;
  }
}
#masthead #ajaxsearchpro1_1 .probox .proinput,
#masthead #ajaxsearchpro1_2 .probox .proinput,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput,
#masthead_sticky #ajaxsearchpro1_1 .probox .proinput,
#masthead_sticky #ajaxsearchpro1_2 .probox .proinput,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput {
  margin-left: 0.6em;
  padding: 0 0.3em;
  font-size: inherit;
  line-height: 0px;
  /* CHECK */
}
#masthead #ajaxsearchpro1_1 .probox .proinput input,
#masthead #ajaxsearchpro1_2 .probox .proinput input,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput input,
#masthead_sticky #ajaxsearchpro1_1 .probox .proinput input,
#masthead_sticky #ajaxsearchpro1_2 .probox .proinput input,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput input {
  margin: -0.1em;
  padding: 0.2em 0 0;
  line-height: 0px;
  /* CHECK */
  /* IMPORTANT - Evito che lettere come "g" o "q" vengano tagliate in basso */
  height: 2.1ex;
  /* CHECK */
}
#masthead #ajaxsearchpro1_1 .probox .proinput input.autocomplete,
#masthead #ajaxsearchpro1_2 .probox .proinput input.autocomplete,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput input.autocomplete,
#masthead_sticky #ajaxsearchpro1_1 .probox .proinput input.autocomplete,
#masthead_sticky #ajaxsearchpro1_2 .probox .proinput input.autocomplete,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput input.autocomplete {
  /* IMPORTANT - Mantiene allineato e sovrapposto .autocomplete a .orig */
  margin-top: -2.1ex !important;
  /* CHECK */
}
#masthead #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #masthead #ajaxsearchpro1_1 .probox .proinput input.orig,
#masthead #ajaxsearchpro1_2 .probox .proinput input.autocomplete,
#masthead #ajaxsearchpro1_2 .probox .proinput input.orig,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput input.autocomplete,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput input.orig,
#masthead_sticky #ajaxsearchpro1_1 .probox .proinput input.autocomplete,
#masthead_sticky #ajaxsearchpro1_1 .probox .proinput input.orig,
#masthead_sticky #ajaxsearchpro1_2 .probox .proinput input.autocomplete,
#masthead_sticky #ajaxsearchpro1_2 .probox .proinput input.orig,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput input.autocomplete,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proinput input.orig {
  font-size: inherit;
}
#masthead #ajaxsearchpro1_1 .probox .proloading,
#masthead #ajaxsearchpro1_2 .probox .proloading,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proloading,
#masthead_sticky #ajaxsearchpro1_1 .probox .proloading,
#masthead_sticky #ajaxsearchpro1_2 .probox .proloading,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proloading {
  height: 2em;
  width: 2em;
  max-height: 2em;
  max-width: 2em;
  min-height: 2em;
  min-width: 2em;
}
#masthead #ajaxsearchpro1_1 .probox .proloading .asp_loader,
#masthead #ajaxsearchpro1_2 .probox .proloading .asp_loader,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proloading .asp_loader,
#masthead_sticky #ajaxsearchpro1_1 .probox .proloading .asp_loader,
#masthead_sticky #ajaxsearchpro1_2 .probox .proloading .asp_loader,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proloading .asp_loader {
  height: 1.7142857143em;
  width: 1.7142857143em;
  max-height: 1.7142857143em;
  max-width: 1.7142857143em;
  min-height: 1.7142857143em;
  min-width: 1.7142857143em;
}
#masthead #ajaxsearchpro1_1 .probox .proclose svg,
#masthead #ajaxsearchpro1_2 .probox .proclose svg,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proclose svg,
#masthead_sticky #ajaxsearchpro1_1 .probox .proclose svg,
#masthead_sticky #ajaxsearchpro1_2 .probox .proclose svg,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] .probox .proclose svg {
  height: 1.4285714286em;
  width: 1.4285714286em;
  margin-left: -0.7142857143em;
  margin-top: -0.7142857143em;
  padding: 0.2857142857em;
}
#masthead #ajaxsearchpro1_1 div.asp_simple-circle,
#masthead #ajaxsearchpro1_2 div.asp_simple-circle,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] div.asp_simple-circle,
#masthead_sticky #ajaxsearchpro1_1 div.asp_simple-circle,
#masthead_sticky #ajaxsearchpro1_2 div.asp_simple-circle,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] div.asp_simple-circle {
  border-width: 0.2857142857em;
}
#masthead #ajaxsearchpro1_1 div.asp_loader,
#masthead #ajaxsearchpro1_2 div.asp_loader,
#masthead div.ajaxsearchpro[id*=ajaxsearchpro1_] div.asp_loader,
#masthead_sticky #ajaxsearchpro1_1 div.asp_loader,
#masthead_sticky #ajaxsearchpro1_2 div.asp_loader,
#masthead_sticky div.ajaxsearchpro[id*=ajaxsearchpro1_] div.asp_loader {
  flex: 0 0 2em;
}

.secondary-navigation {
  width: 100%;
  background: var(--color-background-level2, #e8edf3);
  overflow: hidden;
  /* Per nascondere box-shadow che deborda di .scroller */
  /*
   * Scroller(s)
   * */
  position: relative;
}
.secondary-navigation > .scroller {
  position: absolute;
  background: var(--color-background-level2, #e8edf3);
  top: 0;
  bottom: 0;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  padding: 0;
  cursor: pointer;
  opacity: 0.9;
  /* CHECK */
  /* Effetto sfumato nella copertura delle icone per dare l'impressione che vadano sotto */
  box-shadow: 0 0 1rem 1rem var(--color-background-level2, #e8edf3);
  /* CHECK */
  /* Prevent elements to be highlighted on tap */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* TODO - color */
}
.secondary-navigation > .scroller:hover {
  /* TODO - color */
  opacity: 1;
}
.secondary-navigation > .scroller:active {
  /* TODO - color */
  opacity: 1;
}
.secondary-navigation > .scroll-before {
  left: 0;
}
.secondary-navigation > .scroll-after {
  right: 0;
}
.secondary-navigation.scrollable-left > .scroll-before, .secondary-navigation.scrollable-right > .scroll-after {
  display: flex;
}
.secondary-navigation .menu-mercati-container {
  /* Put the scroller into the HW Compositing layer right from the start */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  overflow-y: hidden;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  overflow: -scrollbars-none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.secondary-navigation .menu-mercati-container::-webkit-scrollbar {
  width: 0 !important;
}
.secondary-navigation ul {
  margin: 0;
  padding: 0;
  box-shadow: none;
  float: none;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin: 1rem;
}
@media only screen and (min-width: 1280px) {
  .secondary-navigation ul {
    /*
     * Ci stanno tutte abbondamntemente quindi le distribuisco meglio
     * */
    justify-content: space-around;
    /* IMPORTANT - space-evenly non sunziona bene su chrome */
  }
}
.secondary-navigation ul > li {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  text-transform: uppercase;
  text-align: center;
  font-size: 90%;
  margin-right: 1rem;
  /* Colori dei mercati */
}
.secondary-navigation ul > li.category-beverage > a {
  border-color: #5db1e4;
}
.secondary-navigation ul > li.category-beverage > a:before {
  background-image: url("images/mercati/beverage.svg");
}
.secondary-navigation ul > li.category-olive-oil-vinegar > a {
  border-color: #6ca547;
}
.secondary-navigation ul > li.category-olive-oil-vinegar > a:before {
  background-image: url("images/mercati/condimenti.svg");
}
.secondary-navigation ul > li.category-tomato > a {
  border-color: #bc1d1d;
}
.secondary-navigation ul > li.category-tomato > a:before {
  background-image: url("images/mercati/conserve.svg");
}
.secondary-navigation ul > li.category-bakery-snacks > a {
  border-color: #c99d66;
}
.secondary-navigation ul > li.category-bakery-snacks > a:before {
  background-image: url("images/mercati/bakery.svg");
}
.secondary-navigation ul > li.category-pasta > a {
  border-color: #dbaf00;
}
.secondary-navigation ul > li.category-pasta > a:before {
  background-image: url("images/mercati/pasta.svg");
}
.secondary-navigation ul > li.category-cheese > a {
  border-color: #f18c00;
}
.secondary-navigation ul > li.category-cheese > a:before {
  background-image: url("images/mercati/formaggi.svg");
}
.secondary-navigation ul > li.category-meats-other-product > a {
  border-color: #ec6f68;
}
.secondary-navigation ul > li.category-meats-other-product > a:before {
  background-image: url("images/mercati/salumi.svg");
}
.secondary-navigation ul > li.category-coffee-other-product > a {
  border-color: #825e22;
}
.secondary-navigation ul > li.category-coffee-other-product > a:before {
  background-image: url("images/mercati/caffe-altro.svg");
}
.secondary-navigation ul > li.category-rice-legumes > a {
  border-color: #C59D5F;
}
.secondary-navigation ul > li.category-rice-legumes > a:before {
  background-image: url("images/mercati/cereali.svg");
}
.secondary-navigation ul > li.category-sweets-other-product > a {
  border-color: #e099c2;
}
.secondary-navigation ul > li.category-sweets-other-product > a:before {
  background-image: url("images/mercati/dolciario.svg");
}
.secondary-navigation ul > li.category-frozen-food > a {
  border-color: #1990ac;
}
.secondary-navigation ul > li.category-frozen-food > a:before {
  background-image: url("images/mercati/freddo.svg");
}
.secondary-navigation ul > li.category-fruit-vegetables > a {
  border-color: #7cc08c;
}
.secondary-navigation ul > li.category-fruit-vegetables > a:before {
  background-image: url("images/mercati/fruit&vegetables.svg");
}
.secondary-navigation ul > li.category-healthy-altro > a {
  border-color: #008E93;
}
.secondary-navigation ul > li.category-healthy-altro > a:before {
  background-image: url("images/mercati/healthy.svg");
}
.secondary-navigation ul > li.category-petfood-altro > a {
  border-color: #702382;
}
.secondary-navigation ul > li.category-petfood-altro > a:before {
  background-image: url("images/mercati/petfood.svg");
}
.secondary-navigation ul > li.category-baby-food-altro > a {
  border-color: #93C01F;
}
.secondary-navigation ul > li.category-baby-food-altro > a:before {
  background-image: url("images/mercati/babyfood.svg");
}
.secondary-navigation ul > li.category-seasonals > a {
  border-color: #e7462f;
}
.secondary-navigation ul > li.category-seasonals > a:before {
  background-image: url("images/mercati/seasonals.svg");
}
.secondary-navigation ul > li.category-basic-ingredients > a {
  border-color: #8aacdb;
}
.secondary-navigation ul > li.category-basic-ingredients > a:before {
  background-image: url("images/mercati/basic-ingredient.svg");
}
.secondary-navigation ul > li.category-seafood > a {
  border-color: #de713d;
}
.secondary-navigation ul > li.category-seafood > a:before {
  background-image: url("images/mercati/seafood.svg");
}
.secondary-navigation ul > li > a {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: auto;
  color: #2a2a2a;
  border-bottom-width: 1px;
  margin-bottom: -1px;
  border-bottom-style: none;
}
.secondary-navigation ul > li > a:before {
  display: block;
  /* IE fix */
  content: "";
  height: 3rem;
  /* CHECK */
  width: 3rem;
  /* CHECK */
  background-size: cover;
  opacity: 0.8;
}
.secondary-navigation ul > li > a .text {
  display: none;
}
.secondary-navigation ul > li:hover > a, .secondary-navigation ul > li:active > a {
  border-bottom-width: 3px;
  margin-bottom: -3px;
}
.secondary-navigation ul > li:hover > a:before, .secondary-navigation ul > li:active > a:before {
  opacity: 1 !important;
}

#quick-link {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.3rem 0;
  margin-bottom: 0.5rem;
}
#quick-link .wrapper {
  position: relative;
  overflow: hidden;
}
#quick-link .wrapper .right-shadow {
  background-color: #fff;
  box-shadow: 0 0 20px 16px #fff;
  position: absolute;
  right: 0;
  height: 100%;
  width: 1px;
}
#quick-link .wrapper .quick-link-container {
  display: flex;
  font-size: 80%;
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-right: 1rem;
}
#quick-link .wrapper .quick-link-container::-webkit-scrollbar {
  display: none;
}
#quick-link .wrapper .quick-link-container span.quick-label {
  font-weight: 600;
}
#quick-link .wrapper .quick-link-container ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}
#quick-link .wrapper .quick-link-container ul li {
  margin-left: 1rem;
}

header.menu-mercati {
  margin-bottom: 1.5rem;
}

.head-banner {
  margin-bottom: 0.5rem;
}

#ajaxsearchprores1_1.vertical,
#ajaxsearchprores1_2.vertical,
div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical {
  /* Posiziono correttamente i risultati di ricerca in base all'altezza della barra */
  /* Metto l'altezza della barra NON scrollata */
  top: 18.2317073171rem !important;
}
@media only screen and (max-width: 899px) {
  #ajaxsearchprores1_1.vertical,
  #ajaxsearchprores1_2.vertical,
  div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical {
    /*
     * Su mobile il logo viene troppo grosso mantenendo i rem soliti
     * -> lo riduco -> l'altezza di #musthead si riduce
     * */
    top: 11.4146341463rem !important;
  }
}

/*
 * Show/Hide #masthead scrolling up/down
 * */
body.scrolled #masthead_sticky {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  margin: 0;
  transition: margin-top 0.5s;
  box-shadow: 0 0.0625em 0.1875em rgba(0, 0, 0, 0.12), 0 0.0625em 0.125em rgba(0, 0, 0, 0.24);
  width: 100%;
  box-sizing: content-box;
  /*
   * Sfondo ulteriormente in modo da non avere visibili
   * i bordi laterali del box (ombra)
   * */
  /* 		@media screen and (max-width: 899px) {
  			left: 0;
  			width: 100vw;
  			margin: 0;
  			padding: 0 3vw;
  			box-sizing: border-box;
  		} */
}
body.scrolled #masthead_sticky .header-sticky-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 2400px;
  padding: 0 3em;
  box-sizing: border-box;
}
@media only screen and (max-width: 1599px) {
  body.scrolled #masthead_sticky .header-sticky-container {
    padding: 0 3vw;
  }
}
@media only screen and (max-width: 549px) {
  body.scrolled #masthead_sticky .header-sticky-container {
    padding: 0 1em;
    justify-content: space-between;
  }
}
body.scrolled #ajaxsearchprores1_1.vertical,
body.scrolled #ajaxsearchprores1_2.vertical,
body.scrolled div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical {
  /* Posiziono correttamente i risultati di ricerca in base all'altezza della barra */
  top: 14.2317073171rem !important;
}
@media only screen and (max-width: 899px) {
  body.scrolled #ajaxsearchprores1_1.vertical,
  body.scrolled #ajaxsearchprores1_2.vertical,
  body.scrolled div.ajaxsearchpro[id*=ajaxsearchprores1_].vertical {
    /*
     * Su mobile il logo viene troppo grosso mantenendo i rem soliti
     * -> lo riduco -> l'altezza di #musthead si riduce
     * */
    top: 7.4146341463rem !important;
  }
}
body.scrolled #page {
  /* Metto l'altezza della barra NON scrollata */
  /*
  padding-top: 18.2317073171rem;
  */
}
@media only screen and (max-width: 899px) {
  body.scrolled #page {
    /*
    	 * Su mobile il logo viene troppo grosso mantenendo i rem soliti
    	 * -> lo riduco -> l'altezza di #musthead si riduce
    	 *
    	padding-top: 11.4146341463rem;
    */
  }
}

body.scrolled #masthead_sticky .main-navigation ul.menu .sub-menu-container {
  /**
   * Quando c'è page-side-extension su #masthead
   * è già tutto più largo e quindi devo azzerare i margin negativi laterali
   */
  margin-left: 0;
  margin-right: 0;
}
body.scrolled #masthead_sticky .main-navigation ul.menu li:hover .sub-menu-container,
body.scrolled #masthead_sticky .main-navigation ul.menu li.focus .sub-menu-container {
  /*
   * Tengo conto dello sforamento laterale ulteriore di #masthead
   * */
  left: 47.5rem;
  right: 47.5rem;
}

body.scrolled-down #masthead_sticky {
  /* Aggiungo 0.1 per evitare problemi di arrotondamento */
  margin-top: -14.3317073171rem;
}

/*
 * Opened search
 * */
body.asp-open {
  /*
   * Hide all but .site-branding and .asp_main_container
   * */
}
body.asp-open #masthead,
body.asp-open #masthead_sticky {
  /* Nasconde tutto salvo logo e ricerca */
}
body.asp-open #masthead > *,
body.asp-open #masthead_sticky > * {
  display: none;
}
body.asp-open #masthead > .site-branding,
body.asp-open #masthead_sticky > .site-branding {
  display: flex;
}
@media only screen and (max-width: 899px) {
  body.asp-open #masthead > .site-branding,
  body.asp-open #masthead_sticky > .site-branding {
    /*
     * Quando il menu è collassato su ricerca
     * faccio scorre a sx/nascondo anche il logo (oltre a nascondere il resto)
     * perché lo spazio è troppo poco per mostrarlo.
     * IMPORTANT - faccio scorrere a sx invece di display:none perché modificherebbe l'altezza della barra ed è più carino così
     * */
    margin-left: -12rem;
  }
}
body.asp-open #masthead .asp_main_container,
body.asp-open #masthead_sticky .asp_main_container {
  display: block;
  /* Occupa tutto lo spazio liberato con la ricerca */
  flex: auto 1 0;
  align-self: center;
  /* Grafica la ricerca aperta */
}
body.asp-open #masthead .asp_main_container .proinput form,
body.asp-open #masthead_sticky .asp_main_container .proinput form {
  /*
   * IMPORTANT - messo qui perché su .proinput viene sovrascritto
   * ed ho preferito così che allungare inutilmente il selector
   * o mettere !important
   * */
  font-size: 150%;
}
body.asp-open #masthead .asp_main_container .proinput .autocomplete,
body.asp-open #masthead_sticky .asp_main_container .proinput .autocomplete {
  border-bottom: 1px solid var(--color-meta, #b7b7b7);
}
body.asp-open #masthead .asp_main_container .promagnifier,
body.asp-open #masthead_sticky .asp_main_container .promagnifier {
  border-bottom: none;
}
body.asp-open #masthead .asp_main_container .promagnifier .asp_text_button,
body.asp-open #masthead_sticky .asp_main_container .promagnifier .asp_text_button {
  display: none;
}
body.asp-open #masthead .asp_main_container .promagnifier .innericon,
body.asp-open #masthead_sticky .asp_main_container .promagnifier .innericon {
  /* Compenso podizione dell'icona a sx così si allinea al border sottostante */
  text-align: right;
}

/*
 * login-popup
 * */
#login-popup-container {
  /* Sfondo che coper tutto e se clickato chiude il popup */
  display: none;
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* Popup vero e propio */
}
#login-popup-container > .popup-content {
  /* Posizionamento */
  display: block;
  margin: 10% auto;
  width: 20rem;
  /* Grafica */
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}

/* Mostra popup quando necessario */
.show-login #login-popup-container {
  display: block;
}

/*
 * Site footer
 * */
#colophon {
  margin-bottom: 3rem;
  border-top: 1px solid #ccc;
  padding-top: 2rem;
  /* Vecchio Footer

  	#footer-menu {
  		display: flex;
  		flex: auto 1 1;
  		max-width: 800px;
  		// CHECK //

  		line-height: 2.5;


  		@media only screen and (max-width: $size__screen-mobile-max) {
  			// Non nascondo il menu altrimenti non avrei accesso ai link about ma lo centro perché sarà su una riga da solo

  			justify-content: center;
  		}

  		>li {
  			flex: 10em 1 1;
  			margin-right: 1em;

  			>a {
  				color: $color__overimage_color;
  				text-transform: uppercase;
  			}
  		}

  		// Per "Varie" nascondo la voce padre (Varie) e mostro le altre di secondo livello come quelle di primo livello ma in colonna. Quelle di terzo livello tornano con la logica del secondo livello

  		>li:nth-child(2) {
  			>ul>li>a {
  				color: $color__overimage_color;
  				text-transform: uppercase;
  			}

  			>a {
  				display: none;
  			}
  		}
  	}

  	*/
}
body.page #colophon {
  margin-top: 3rem;
}
@media screen and (max-width: 899px) {
  #colophon {
    margin-bottom: 0;
  }
}
#colophon .thick-footer {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff;
}
@media screen and (max-width: 899px) {
  #colophon .thick-footer {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
#colophon .thick-footer #gotop-footer {
  position: absolute;
  display: none;
  right: 0;
  border: none;
  background-color: #bfbfbf;
  box-shadow: none;
  width: 3em;
  height: 3em;
  padding: 0;
  color: #fff;
}
@media screen and (max-width: 899px) {
  #colophon .thick-footer #gotop-footer {
    display: block;
  }
}
#colophon .thick-footer ul.menu {
  margin: 0.5rem 0;
  line-height: 2.5;
  color: #666;
}
#colophon .thick-footer ul.menu.area {
  display: flex;
  flex-wrap: wrap;
}
#colophon .thick-footer ul.menu.area li {
  display: flex;
}
#colophon .thick-footer ul.menu.area li:not(:last-child)::after {
  content: "|";
  margin: 0 1em;
  color: #e6e6e6;
}
@media screen and (max-width: 899px) {
  #colophon .thick-footer .footer-widgets-container {
    width: 50%;
  }
}
#colophon .thick-footer .about-footer-container {
  font-size: 90%;
}
@media screen and (max-width: 549px) {
  #colophon .thick-footer .about-footer-container {
    width: 50%;
  }
}
#colophon .thick-footer .about-footer-container ul.menu-topline {
  text-transform: uppercase;
  margin: -0.5rem 0;
  color: #2a2a2a;
}
#colophon .thick-footer .extended-menus-container {
  font-size: 90%;
  width: 55%;
}
@media screen and (max-width: 899px) {
  #colophon .thick-footer .extended-menus-container {
    width: 100%;
    margin-top: 1rem;
  }
}
#colophon .thick-footer .extended-menus-container .menu-footer-container {
  margin-bottom: 1rem;
}
#colophon .thick-footer .extended-menus-container .menu-footer-container ul.menu {
  display: flex;
  margin-top: -0.5rem;
  flex-wrap: wrap;
  text-transform: uppercase;
  color: #2a2a2a;
}
#colophon .thick-footer .extended-menus-container .menu-footer-container ul.menu li:not(:last-child) {
  margin-right: 1.5em;
}
#colophon .thick-footer .extended-menus-container .menu-footer-container ul.menu li:not(.menu-item-has-children) {
  margin-bottom: 0.5rem;
  order: 1;
}
#colophon .thick-footer .extended-menus-container .menu-footer-container ul.menu li a:not([href]) {
  pointer-events: none;
}
#colophon .thick-footer .extended-menus-container .menu-footer-container ul.menu li ul.sub-menu {
  text-transform: none;
  margin-bottom: 0.5rem;
}
#colophon .thick-footer .extended-menus-container .menu-footer-container ul.menu li ul.sub-menu li {
  display: inline;
  margin-right: 0;
  color: #666;
}
#colophon .thick-footer .extended-menus-container .menu-footer-container ul.menu li ul.sub-menu li:not(:last-child):after {
  content: "|";
  margin: 0 1em;
  color: #e6e6e6;
}
#colophon .menu-about-footer-container {
  display: flex;
  justify-content: stretch;
  flex: auto 1 0;
  max-width: 100%;
  overflow: hidden;
}
#colophon ul,
#colophon ol,
#colophon li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#colophon .footer-logo svg {
  width: 10em;
  height: auto;
}
@media screen and (max-width: 549px) {
  #colophon .footer-logo svg {
    width: 8em;
  }
}
#colophon .footer-logo svg #g3 path {
  fill: #666;
}
#colophon .footer-logo svg #g3 #g7 path {
  fill: #fff;
}
#colophon .address {
  margin: 1em 0;
  font-weight: 500;
}
@media screen and (max-width: 549px) {
  #colophon .address {
    font-size: 85%;
  }
}
#colophon .social-pages {
  margin: 2em 0;
}
#colophon .social-pages a:not(:first-child) {
  margin-left: 0.5em;
}
#colophon .social-pages a svg {
  fill: #bfbfbf;
  width: auto;
  height: 25px;
  padding: 0;
}
#colophon .newsletter-subscribe {
  margin: 3em 0 1.5em;
  max-width: 25rem;
  /* CHECK */
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
#colophon .newsletter-subscribe h4 {
  color: #ffffff;
  width: 100%;
  margin: 1em 0;
  font-variant: small-caps;
}
#colophon .newsletter-subscribe input[type=email] {
  padding: 0 1ex;
  border-radius: 2ex;
}
#colophon .newsletter-subscribe input[type=submit] {
  margin-left: 0.5em;
  border: none;
  text-shadow: none;
  box-shadow: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  padding: 1ex;
  background-color: var(--color-main-logo, #e20613);
  color: #ffffff;
}
#colophon .site-info {
  text-align: center;
  margin: 1em 0;
  border-top: 1px solid #ccc;
  padding-top: 1.5rem;
  font-weight: 500;
}

/*
 * Home in alto metto il menu dei mercati espanso
 * */
body.home:not(.scrolled) header.menu-mercati {
  margin-bottom: 1rem;
}
body.home:not(.scrolled) .secondary-navigation > .scroller {
  display: none;
}
body.home:not(.scrolled) .secondary-navigation ul {
  flex-flow: row wrap;
  justify-content: space-around;
  margin-bottom: 0;
}
body.home:not(.scrolled) .secondary-navigation ul > li {
  flex-basis: 14%;
  /* 100 / 7 arrotondato per difetto */
  margin: 0 0 1.5rem 0;
}
body.home:not(.scrolled) .secondary-navigation ul > li > a {
  border-bottom-style: solid;
}
body.home:not(.scrolled) .secondary-navigation ul > li > a .text {
  display: block;
  margin-top: 0.5em;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
body.hfeed {
  /*
   * Imposto solo per i type "post" ed "eventi" perché gli altri possono avere un template diverso
   * */
}
body.hfeed #primary {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
body.hfeed #primary.no-topnews.no-sidebar {
  /*
   * Non essendoci le topnews o sidebar
   * occupo tutto con #main ma distribuisco meglio lo spazio
   * */
}
body.hfeed #primary.no-topnews.no-sidebar #main {
  width: 100%;
  justify-content: space-around;
}
body.hfeed #primary > .site-main-title,
body.hfeed #primary #main {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  body.hfeed #primary > .site-main-title,
  body.hfeed #primary #main {
    /*
     * Va su 3 colonne ma ha a sinistra le topnews
     * quindi devo imporre la larghezza
     * */
    width: 65rem;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  body.hfeed #primary > .site-main-title,
  body.hfeed #primary #main {
    /*
     * Va su due colonne ma ha a sinistra le topnews
     * quindi devo imporre la larghezza
     * */
    width: 42.8333333333rem;
  }
}
body.hfeed #primary #topnews-area,
body.hfeed #primary #main {
  margin-bottom: 1.5rem;
}
body.hfeed #primary #main {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
@media only screen and (max-width: 549px) {
  body.hfeed #primary #main > section.widget_ultimate_posts.double-width, body.hfeed #primary #main > section.widget_ultimate_posts.triple-width {
    /*
     * Va tutto su una colonna e quindi lascio andare a capo e centro il contenuto
     * */
    height: auto;
  }
  body.hfeed #primary #main > section.widget_ultimate_posts.double-width .upw-posts, body.hfeed #primary #main > section.widget_ultimate_posts.triple-width .upw-posts {
    flex-flow: row wrap;
    justify-content: center;
    /*
     * Cerca di evitare problemi di distribuzione degli elementi dell'ultima riga
     * */
  }
  body.hfeed #primary #main > section.widget_ultimate_posts.double-width .upw-posts:after, body.hfeed #primary #main > section.widget_ultimate_posts.triple-width .upw-posts:after {
    content: "";
    width: 12.5rem;
    height: 0;
  }
  body.hfeed #primary #main > section.widget_ultimate_posts.double-width .upw-posts > article, body.hfeed #primary #main > section.widget_ultimate_posts.triple-width .upw-posts > article {
    /*
     * Non c'è più bisogno di forzare l'altezza //FIXME - usare nth-child(..) method
     * */
    min-height: auto;
    /*
     * Andando su più righe devo distanziarle adeguatamente
     * */
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 899px) {
  body.hfeed #primary #main > section.widget_ultimate_posts.triple-width {
    /*
     * Il triple-width quando quando è largo come il double-width (100%)
     * si differenzia in quanto va su più righe
     * */
  }
  body.hfeed #primary #main > section.widget_ultimate_posts.triple-width .upw-posts {
    flex-flow: row wrap;
  }
}
body.hfeed #primary #main.grouped-view {
  display: block;
}
body.hfeed #primary #main.grouped-view .group-outer-container {
  display: block;
}
body.hfeed #primary #main.grouped-view .group-outer-container .group-label {
  text-transform: uppercase;
  margin: 1.5rem 0;
  font-size: 150%;
  /* CHECK */
  font-weight: 600;
  border-bottom: 1px solid;
  /* CHECK */
}
body.hfeed #primary #main.grouped-view .group-outer-container .group-inner-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  /*
  * Cerca di evitare problemi di distribuzione degli elementi dell'ultima riga
  * */
}
body.hfeed #primary #main.grouped-view .group-outer-container .group-inner-container:after {
  content: "";
  width: 20.6666666667rem;
  height: 0;
}
body.hfeed #primary #topnews-area {
  padding: 0 0.625rem;
  display: none;
}
@media only screen and (min-width: 900px) {
  body.hfeed #primary #topnews-area {
    /*
     * Visto che le topnews sono sulla sinistra
     * devo impostare la larghezza e centrate il column-title
     * */
    display: block;
    width: 12.5rem;
  }
  body.hfeed #primary #topnews-area > .column-content > article {
    margin: 0;
  }
}
body.hfeed #primary #topnews-area .column-content > .show-all-container {
  display: none;
}
@media only screen and (max-width: 899px) {
  body.hfeed #primary #topnews-area .column-content > article {
    display: none;
    padding: 0 0 1.5rem 0;
  }
  body.hfeed #primary #topnews-area .column-content > article:nth-child(1), body.hfeed #primary #topnews-area .column-content > article:nth-child(2), body.hfeed #primary #topnews-area .column-content > article:nth-child(3) {
    display: flex;
  }
  body.hfeed #primary #topnews-area .column-content > .show-all-container {
    display: flex;
    padding: 0 0 1.5rem 0;
  }
  body.hfeed #primary #topnews-area .column-content.show-all {
    /*
    * Cerca di evitare problemi di distribuzione degli elementi dell'ultima riga
    * */
  }
  body.hfeed #primary #topnews-area .column-content.show-all > article {
    display: flex;
  }
  body.hfeed #primary #topnews-area .column-content.show-all > .show-all-container {
    display: none;
  }
  body.hfeed #primary #topnews-area .column-content.show-all:after {
    content: "";
    width: 12.5rem;
    height: 0;
  }
}
@media only screen and (min-width: 900px) {
  body.hfeed #primary #topnews-area .column-content {
    /*
     * Visto che le topnews sono sulla sinistra
     * le metto in colonna
     * */
    flex-flow: row wrap;
    /* IE11-FIX - era column nowrap justify-content: start */
    justify-content: center;
  }
  body.hfeed #primary #topnews-area .column-content > article {
    width: 100%;
    flex-basis: auto;
    display: flex;
  }
}
body.hfeed .main {
  float: none;
  width: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  /*
   * Fa in modo che quando ce n'è solo uno su una riga
   * si posizioni a sinistra
   * */
}
body.hfeed .main:before, body.hfeed .main:after {
  content: "";
  display: block;
  width: 20.6666666667rem;
  order: 1;
}
body.hfeed .main > article,
body.hfeed .main > section,
body.hfeed .main.grouped-view .group-inner-container > article,
body.hfeed .main.grouped-view .group-inner-container > section {
  display: block;
  margin-bottom: 1.5rem;
  width: 20.6666666667rem;
  max-width: 100%;
  flex: auto 0 0;
}
body.hfeed .main section {
  height: 17.2222222222rem;
  /*
   * Quando una riga è fatta solo di adv (o simile)
   * compreso il caso in cui sono incolonnate (mobile)
   * evito che la height fissa faccia lasciare troppo posto sotto.
   * */
  /* Widget asa Banner - CHECK + TODO */
}
body.hfeed .main section.foodw-widget {
  height: auto;
  max-height: 17.2222222222rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.hfeed .main section.foodw-widget.half-height > div {
  height: 100%;
}
body.hfeed .main section.foodw-widget.half-height ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
body.hfeed .main section.double-width {
  width: 42.8333333333rem;
}
body.hfeed .main section.triple-width {
  width: 100%;
  height: auto;
}
body.hfeed .main section.triple-width .custom-html-widget {
  width: 100%;
}
body.hfeed .main section.widget_text {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.hfeed .main section.widget_text img {
  max-width: 100%;
  max-height: 100%;
  /* Evito che se denro un <a> prenda spazio per il line-height */
  display: block;
}
body.hfeed .main section.view-all-after > .upw-after {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  padding: 0.5rem 1rem;
  /*
   * Occupando 1big + 2 colonne metto il limite sinistro
   * al centro del post piccolo a sinistra
   * */
  width: 35.5%;
}
@media only screen and (min-width: 550px) and (max-width: 1279px) {
  body.hfeed .main section.view-all-after > .upw-after {
    /*
     * Occupando 2 colonne metto il limite sinistro
     * al centro del post di sinistra
     * */
    width: 70%;
  }
}
@media only screen and (max-width: 549px) {
  body.hfeed .main section.view-all-after > .upw-after {
    /*
     * Occupando 1 colonne lo metto largo quanto la colonna
     * ma con scalino ch scende a destra
     * */
    width: 80.5%;
  }
}
body.hfeed .main section.view-all-after > .upw-after * {
  margin: 0;
  padding: 0;
}
body.hfeed .main section.view-all-after > .upw-after .view-all {
  text-transform: uppercase;
  /* Allinea scritta e after */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
body.hfeed .main section.view-all-after > .upw-after .view-all:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  /* CHECK */
  margin-right: -0.3em;
  /* Allinea a destra la punta del simbolo */
  content: "chevron_right";
}
body.hfeed .main section.launches_widget_mobile {
  display: none;
  height: auto;
}
body.hfeed .main section.launches_widget_mobile article {
  width: calc(33% - 0.5rem);
}
body.hfeed .main section.launches_widget_mobile article .entry-title {
  font-size: 84%;
}
@media all and (max-width: 899px) {
  body.hfeed .main section.launches_widget_mobile {
    display: block;
    padding-bottom: 1rem;
  }
}
@media all and (max-width: 549px) {
  body.hfeed .main section.launches_widget_mobile article {
    width: 100%;
  }
  body.hfeed .main section.launches_widget_mobile article:last-child {
    margin-bottom: 0 !important;
  }
}
body.hfeed .main > article.type-post, body.hfeed .main > article.type-page, body.hfeed .main > article.type-eventi {
  min-height: 17.2222222222rem;
  position: relative;
}
body.hfeed .main > article.type-post > .post-thumbnail, body.hfeed .main > article.type-page > .post-thumbnail, body.hfeed .main > article.type-eventi > .post-thumbnail {
  display: block;
  margin: 0;
}
body.hfeed .main > article.type-post > .post-thumbnail img, body.hfeed .main > article.type-page > .post-thumbnail img, body.hfeed .main > article.type-eventi > .post-thumbnail img {
  display: block;
  width: 100%;
  vertical-align: middle;
  /* evita il problema del line-height che lascia spazio sotto o sopra */
}
body.hfeed .main > article.type-post > header, body.hfeed .main > article.type-page > header, body.hfeed .main > article.type-eventi > header {
  display: inline-block;
  background: #fff;
  max-width: 87.8048780488%;
  margin-top: -5.5ex;
  /* CHECK */
  padding: 0.5em;
  /* CHECK */
  position: relative;
  /*
  .entry-title {
  	font-size: $font__list_mainpost_title;
  }
  */
}
body.hfeed .main > article.type-post > header .entry-cat, body.hfeed .main > article.type-page > header .entry-cat, body.hfeed .main > article.type-eventi > header .entry-cat {
  height: 2ex;
  box-sizing: content-box;
}
body.hfeed .main > article.type-post > header, body.hfeed .main > article.type-page > header, body.hfeed .main > article.type-eventi > header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  flex: 1px 1 0;
  /* IE fix */
}
body.hfeed .main > article.type-post > .post-thumbnail, body.hfeed .main > article.type-page > .post-thumbnail, body.hfeed .main > article.type-eventi > .post-thumbnail {
  height: 90%;
  background-size: cover;
  background-position: center center;
  position: absolute;
  width: 100%;
}
body.hfeed .main > article.type-post > .post-thumbnail img, body.hfeed .main > article.type-page > .post-thumbnail img, body.hfeed .main > article.type-eventi > .post-thumbnail img {
  display: none;
}
body.hfeed .main > article.type-post > header, body.hfeed .main > article.type-page > header, body.hfeed .main > article.type-eventi > header {
  position: absolute;
  bottom: 0;
  left: 0;
}
body.hfeed .main > article.type-post.sponsored, body.hfeed .main > article.type-page.sponsored, body.hfeed .main > article.type-eventi.sponsored {
  padding: 0.5rem 0;
  background: radial-gradient(ellipse at center bottom, var(--color-background-sponsored-end, rgb(255, 231.8260869565, 173)), var(--color-background-sponsored-start, #ffcb47));
}
body.hfeed .main > article.type-post.sponsored::before, body.hfeed .main > article.type-page.sponsored::before, body.hfeed .main > article.type-eventi.sponsored::before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 0.75ex 1.5em;
  content: "SPONSORED";
  font-size: 90%;
  line-height: 1;
  font-weight: 600;
  background: var(--color-background-sponsored-start, #ffcb47);
  z-index: 4;
}
body.hfeed .main > article.type-post.sponsored.type-post > .entry-header, body.hfeed .main > article.type-page.sponsored.type-post > .entry-header, body.hfeed .main > article.type-eventi.sponsored.type-post > .entry-header {
  bottom: 0.5rem !important;
}
body.hfeed .main > section.widget_ultimate_posts {
  /*
   * Imposto solo per i type "post" perché gli altri possono avere un template diverso
   * */
}
body.hfeed .main > section.widget_ultimate_posts .upw-posts {
  padding: 1rem;
  background-clip: padding-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  overflow: hidden;
}
body.hfeed .main > section.widget_ultimate_posts .upw-posts > article > header > .entry-image a,
body.hfeed .main > section.widget_ultimate_posts .upw-posts > article > header > .entry-image img {
  display: block;
  /*
   * Faccio im modo che la thumb occupi tutto anche se più piccola
   * Poi ci penserà l'srcset a caricare quella giusta
   * */
  width: 100%;
}
body.hfeed .main > section.widget_ultimate_posts .upw-posts > article > header > .entry-title {
  margin-top: 0.5em;
  /* CHECK */
  font-size: 100%;
}
body.hfeed .main > section.widget_ultimate_posts.double-width .upw-posts, body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts {
  flex-flow: wrap;
  /*
   * Imposto solo per i type "post" perché gli altri possono avere un template diverso
   * */
}
body.hfeed .main > section.widget_ultimate_posts.double-width .upw-posts > article.type-post, body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post {
  width: 12.5rem;
  flex: auto 0 0;
}
body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts {
  /* Avendo spazio può andare a capo ed avere altezza dinamica */
  flex-flow: row wrap;
  /*
  	* Cerca di evitare problemi di distribuzione degli elementi dell'ultima riga
  	* */
  /*
   * Imposto solo per i type "post" perché gli altri possono avere un template diverso
   * */
}
body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts:after {
  content: "";
  width: 12.5rem;
  height: 0;
}
body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post {
  /*
   * Non c'è più bisogno di forzare l'altezza //FIXME - usare nth-child(..) method
   * */
  min-height: auto;
  /*
   * Andando su più righe devo distanziarle adeguatamente
   * */
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1280px) {
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts {
    /*
     * Occupando 3 colonne metto la prima news che occupa il 50% dello spazio e le altre a dx
     * Per fare questo tengo come padding la  metà a destra e ci posiziono in absolute la prima news
     * Le altre le metto invece flex row wrap normali
     * */
    padding-left: 50%;
    position: relative;
    /*
     * Imposto solo per i type "post" perché gli altri possono avere un template diverso
     * */
  }
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post {
    width: 48%;
    /*
     * FF<52 e IE FIX
     * I brawser in questione seguono una vecchia spec e tengono gli elementi position:absolute
     * in-flow e quindi la spaziatura risulta sbagliata.
     * Spostando il secondo elemento prima di quello absolute tutto si sistema
     * */
  }
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post:first-of-type {
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 50%;
    font-size: 200%;
  }
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post:nth-child(2) {
    order: -1;
  }
}
@media only screen and (min-width: 550px) and (max-width: 1279px) {
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts {
    /*
     * Occupando 2 colonne metto la prima news che occupa l'interariga
     * e le altre 2 per riga
     * */
    /*
     * Imposto solo per i type "post" perché gli altri possono avere un template diverso
     * */
  }
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post {
    width: 48%;
  }
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post:first-of-type {
    width: 100%;
    font-size: 200%;
  }
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post:first-of-type .entry-image * {
    width: 100%;
  }
}
@media only screen and (max-width: 549px) {
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts {
    /*
     * Occupando 1 colonne metto la prima news un po' più grossa
     * */
    /*
     * Imposto solo per i type "post" perché gli altri possono avere un template diverso
     * */
  }
  body.hfeed .main > section.widget_ultimate_posts.triple-width .upw-posts > article.type-post:first-of-type {
    width: 100%;
    font-size: 120%;
  }
}
body.hfeed .main > section.widget_ultimate_posts article.type-post > header {
  display: flex;
  flex-flow: column nowrap;
  flex: 1px 1 0;
  /* IE fix */
}
body.hfeed .main > section.widget_ultimate_posts article.type-post > header .entry-image {
  /*
   * IE11-FIX
   * */
  flex: auto 0 0;
}
body.hfeed .main > section.widget_ultimate_posts article.type-post .entry-cat {
  top: 0;
  left: 0;
}
body.hfeed .main > section.widget_ultimate_posts article.type-post > .post-thumbnail {
  /* 1/3 (width - gap) */
  flex: 32% 0 0;
  margin-right: 4%;
}
body.hfeed .main > section.widget_ultimate_posts article.type-post > .post-thumbnail img {
  display: block;
  width: 100%;
  vertical-align: middle;
  /* evita il problema del line-height che lascia spazio sotto o sopra */
}
@media only screen and (max-width: 899px) {
  body.hfeed .main > section.widget_ultimate_posts article.type-post > .post-thumbnail {
    /* L'immagine può diventare molto stretta e quindi se mantenessi le proporzioni più bassa dell'header alla sua dx */
    background-size: cover;
    background-position: center;
  }
  body.hfeed .main > section.widget_ultimate_posts article.type-post > .post-thumbnail img {
    /* se usassi display:none salterebbero le proporzioni anche quando non l'header a dx è più basso */
    visibility: hidden;
  }
}
body.hfeed article.category-video .post-thumbnail,
body.hfeed article.category-video .entry-image {
  position: relative;
}
body.hfeed article.category-video .post-thumbnail:after,
body.hfeed article.category-video .entry-image a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-image: url("images/icon-play.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25% auto;
}
body.hfeed .main.grouped-view .group-inner-container > article {
  margin-right: 1.5rem;
}
body.hfeed .main.grouped-view .group-inner-container > article .post-thumbnail {
  height: 14.6136802904rem;
  /* CHECK */
  display: flex;
  align-items: center;
}
body.hfeed .main.grouped-view .group-inner-container > article .post-thumbnail img {
  max-height: 100%;
  width: auto;
}
body.hfeed .main.grouped-view .group-inner-container.sfogliabile-type-inner-container > article .post-thumbnail {
  justify-content: center;
}
body.hfeed .main.grouped-view .group-inner-container.sfogliabile-type-inner-container > article .entry-header {
  text-align: center;
  margin: 1ex 0;
}
body.hfeed .main.grouped-view .group-inner-container.sfogliabile-type-inner-container > article.new-sfogliabile {
  position: realtive;
}
body.hfeed .main.grouped-view .group-inner-container.sfogliabile-type-inner-container > article.new-sfogliabile:after {
  display: block;
  position: absolute;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  top: -1rem;
  right: 3rem;
  font-size: 3rem;
  content: "new_releases";
  color: var(--color-main-logo, #e20613);
}
body.hfeed.post-type-archive-launch #primary #main {
  justify-content: space-between !important;
}
body.hfeed .main > section.widget_ultimate_posts.launch-widget .upw-posts {
  padding-left: 1rem;
}
body.hfeed .main > section.widget_ultimate_posts.launch-widget .upw-posts > article.type-launch {
  width: 18.6rem;
  font-size: 90%;
  margin-bottom: 1rem;
  /*
   * Solitamente mostro solo i 3 più recenti per questioni di layout (riempio una sola riga)
   * mentre quando ce ne stanno 2 in una riga (visualizzazione più stretta) ne mostro 4 su due righe
   * */
  display: none;
}
body.hfeed .main > section.widget_ultimate_posts.launch-widget .upw-posts > article.type-launch:nth-child(1), body.hfeed .main > section.widget_ultimate_posts.launch-widget .upw-posts > article.type-launch:nth-child(2), body.hfeed .main > section.widget_ultimate_posts.launch-widget .upw-posts > article.type-launch:nth-child(3) {
  display: flex;
}
@media only screen and (max-width: 1279px) {
  body.hfeed .main > section.widget_ultimate_posts.launch-widget .upw-posts > article.type-launch {
    /* In aggiunta riduco appena perché altrimenti non ce ne stanno 2 per riga */
    width: 17.98rem;
    font-size: 87%;
  }
  body.hfeed .main > section.widget_ultimate_posts.launch-widget .upw-posts > article.type-launch:nth-child(4) {
    display: flex;
  }
}

body #secondary,
body #topnews-area,
body #related-area {
  padding: 1.5rem;
  box-sizing: content-box;
}
body #secondary > .column-title,
body #topnews-area > .column-title,
body #related-area > .column-title {
  font-size: 150%;
  line-height: 1;
  margin-bottom: 1rem;
}
body #secondary .upw-posts,
body #secondary .column-content,
body #topnews-area .upw-posts,
body #topnews-area .column-content,
body #related-area .upw-posts,
body #related-area .column-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  /*
  	 * IMPORTANT - altrimenti gli articoli top diventavano lunghissimi e si estendevano caricando altre news normali
  	 * align-content: start non è capito da IE11
  	 */
  align-content: flex-start;
}
body #secondary .upw-posts > article,
body #secondary .column-content > article,
body #topnews-area .upw-posts > article,
body #topnews-area .column-content > article,
body #related-area .upw-posts > article,
body #related-area .column-content > article {
  width: 12.5rem;
  padding-bottom: 1.5rem;
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
}
body #secondary .upw-posts > article .entry-title,
body #secondary .column-content > article .entry-title,
body #topnews-area .upw-posts > article .entry-title,
body #topnews-area .column-content > article .entry-title,
body #related-area .upw-posts > article .entry-title,
body #related-area .column-content > article .entry-title {
  font-size: 100%;
}
@media only screen and (max-width: 549px) {
  body #secondary .upw-posts > article .entry-title,
  body #secondary .column-content > article .entry-title,
  body #topnews-area .upw-posts > article .entry-title,
  body #topnews-area .column-content > article .entry-title,
  body #related-area .upw-posts > article .entry-title,
  body #related-area .column-content > article .entry-title {
    font-size: 125%;
  }
}
body #secondary .upw-posts > article header,
body #secondary .column-content > article header,
body #topnews-area .upw-posts > article header,
body #topnews-area .column-content > article header,
body #related-area .upw-posts > article header,
body #related-area .column-content > article header {
  position: relative;
  font-size: 100%;
  padding-top: 1rem;
}
body #secondary .upw-posts > article > .post-thumbnail,
body #secondary .column-content > article > .post-thumbnail,
body #topnews-area .upw-posts > article > .post-thumbnail,
body #topnews-area .column-content > article > .post-thumbnail,
body #related-area .upw-posts > article > .post-thumbnail,
body #related-area .column-content > article > .post-thumbnail {
  height: 8.8389195305rem;
  background-size: cover;
  background-position: center, center;
}
body #secondary .upw-posts > .show-all-container,
body #secondary .column-content > .show-all-container,
body #topnews-area .upw-posts > .show-all-container,
body #topnews-area .column-content > .show-all-container,
body #related-area .upw-posts > .show-all-container,
body #related-area .column-content > .show-all-container {
  display: none;
}
body #secondary .upw-posts > article,
body #secondary .column-content > article,
body #topnews-area .upw-posts > article,
body #topnews-area .column-content > article,
body #related-area .upw-posts > article,
body #related-area .column-content > article {
  display: none;
  flex-basis: calc(25% - 1rem);
}
body #secondary .upw-posts > article:nth-child(1), body #secondary .upw-posts > article:nth-child(2), body #secondary .upw-posts > article:nth-child(3), body #secondary .upw-posts > article:nth-child(4),
body #secondary .column-content > article:nth-child(1),
body #secondary .column-content > article:nth-child(2),
body #secondary .column-content > article:nth-child(3),
body #secondary .column-content > article:nth-child(4),
body #topnews-area .upw-posts > article:nth-child(1),
body #topnews-area .upw-posts > article:nth-child(2),
body #topnews-area .upw-posts > article:nth-child(3),
body #topnews-area .upw-posts > article:nth-child(4),
body #topnews-area .column-content > article:nth-child(1),
body #topnews-area .column-content > article:nth-child(2),
body #topnews-area .column-content > article:nth-child(3),
body #topnews-area .column-content > article:nth-child(4),
body #related-area .upw-posts > article:nth-child(1),
body #related-area .upw-posts > article:nth-child(2),
body #related-area .upw-posts > article:nth-child(3),
body #related-area .upw-posts > article:nth-child(4),
body #related-area .column-content > article:nth-child(1),
body #related-area .column-content > article:nth-child(2),
body #related-area .column-content > article:nth-child(3),
body #related-area .column-content > article:nth-child(4) {
  display: flex;
}
@media all and (max-width: 1279px) {
  body #secondary .upw-posts > article,
  body #secondary .column-content > article,
  body #topnews-area .upw-posts > article,
  body #topnews-area .column-content > article,
  body #related-area .upw-posts > article,
  body #related-area .column-content > article {
    flex-basis: calc(33% - 1rem);
  }
  body #secondary .upw-posts > article:nth-child(4),
  body #secondary .column-content > article:nth-child(4),
  body #topnews-area .upw-posts > article:nth-child(4),
  body #topnews-area .column-content > article:nth-child(4),
  body #related-area .upw-posts > article:nth-child(4),
  body #related-area .column-content > article:nth-child(4) {
    display: none;
  }
}
@media all and (max-width: 899px) {
  body #secondary .upw-posts > article,
  body #secondary .column-content > article,
  body #topnews-area .upw-posts > article,
  body #topnews-area .column-content > article,
  body #related-area .upw-posts > article,
  body #related-area .column-content > article {
    flex-basis: calc(50% - 1rem) !important;
  }
  body #secondary .upw-posts > article:nth-child(3),
  body #secondary .column-content > article:nth-child(3),
  body #topnews-area .upw-posts > article:nth-child(3),
  body #topnews-area .column-content > article:nth-child(3),
  body #related-area .upw-posts > article:nth-child(3),
  body #related-area .column-content > article:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 549px) {
  body #secondary .upw-posts > article,
  body #secondary .column-content > article,
  body #topnews-area .upw-posts > article,
  body #topnews-area .column-content > article,
  body #related-area .upw-posts > article,
  body #related-area .column-content > article {
    flex-basis: 100% !important;
  }
}
body #secondary .upw-posts > .show-all-container,
body #secondary .column-content > .show-all-container,
body #topnews-area .upw-posts > .show-all-container,
body #topnews-area .column-content > .show-all-container,
body #related-area .upw-posts > .show-all-container,
body #related-area .column-content > .show-all-container {
  display: flex;
  padding: 0;
}
body #secondary .upw-posts.show-all,
body #secondary .column-content.show-all,
body #topnews-area .upw-posts.show-all,
body #topnews-area .column-content.show-all,
body #related-area .upw-posts.show-all,
body #related-area .column-content.show-all {
  /*
  	* Cerca di evitare problemi di distribuzione degli elementi dell'ultima riga
  	* */
}
body #secondary .upw-posts.show-all > article,
body #secondary .column-content.show-all > article,
body #topnews-area .upw-posts.show-all > article,
body #topnews-area .column-content.show-all > article,
body #related-area .upw-posts.show-all > article,
body #related-area .column-content.show-all > article {
  display: flex;
}
body #secondary .upw-posts.show-all > .show-all-container,
body #secondary .column-content.show-all > .show-all-container,
body #topnews-area .upw-posts.show-all > .show-all-container,
body #topnews-area .column-content.show-all > .show-all-container,
body #related-area .upw-posts.show-all > .show-all-container,
body #related-area .column-content.show-all > .show-all-container {
  display: none;
}
body #secondary .upw-posts.show-all:before, body #secondary .upw-posts.show-all:after,
body #secondary .column-content.show-all:before,
body #secondary .column-content.show-all:after,
body #topnews-area .upw-posts.show-all:before,
body #topnews-area .upw-posts.show-all:after,
body #topnews-area .column-content.show-all:before,
body #topnews-area .column-content.show-all:after,
body #related-area .upw-posts.show-all:before,
body #related-area .upw-posts.show-all:after,
body #related-area .column-content.show-all:before,
body #related-area .column-content.show-all:after {
  order: 1;
  content: "";
  width: 12.5rem;
  height: 0;
}
@media only screen and (min-width: 900px) {
  body #secondary .upw-posts.show-all:before, body #secondary .upw-posts.show-all:after,
  body #secondary .column-content.show-all:before,
  body #secondary .column-content.show-all:after,
  body #topnews-area .upw-posts.show-all:before,
  body #topnews-area .upw-posts.show-all:after,
  body #topnews-area .column-content.show-all:before,
  body #topnews-area .column-content.show-all:after,
  body #related-area .upw-posts.show-all:before,
  body #related-area .upw-posts.show-all:after,
  body #related-area .column-content.show-all:before,
  body #related-area .column-content.show-all:after {
    /*
    	 * IMPORTANT
    	 * Ce ne stano 3 per riga, il resto diventa spazio fra gli elemnti.
    	 * Non uso margin perché crea spazio anche sui lati esterni
    	 * scombinando gli allineamenti con titoli ed altri elementi
    	 * fuori da .column-content
    	 * */
    flex-basis: 25.01%;
  }
}
@media only screen and (min-width: 1280px) {
  body #secondary .upw-posts.show-all:before, body #secondary .upw-posts.show-all:after,
  body #secondary .column-content.show-all:before,
  body #secondary .column-content.show-all:after,
  body #topnews-area .upw-posts.show-all:before,
  body #topnews-area .upw-posts.show-all:after,
  body #topnews-area .column-content.show-all:before,
  body #topnews-area .column-content.show-all:after,
  body #related-area .upw-posts.show-all:before,
  body #related-area .upw-posts.show-all:after,
  body #related-area .column-content.show-all:before,
  body #related-area .column-content.show-all:after {
    /*
    	 * IMPORTANT
    	 * Ce ne stano 4 per riga, il resto diventa spazio fra gli elemnti.
    	 * Non uso margin perché crea spazio anche sui lati esterni
    	 * scombinando gli allineamenti con titoli ed altri elementi
    	 * fuori da .column-content
    	 * */
    flex-basis: 20.01%;
  }
}
@media only screen and (max-width: 549px) {
  body #secondary .upw-posts > article,
  body #secondary .column-content > article,
  body #topnews-area .upw-posts > article,
  body #topnews-area .column-content > article,
  body #related-area .upw-posts > article,
  body #related-area .column-content > article {
    width: 100%;
  }
}
body #secondary {
  /* Banner nostri */
}
@media only screen and (max-width: 899px) {
  body #secondary {
    padding: 0;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  body #secondary .upw-posts > article {
    /*
    	 * IMPORTANT
    	 * Ce ne stano 3 per riga, il resto diventa spazio fra gli elemnti.
    	 * Non uso margin perché crea spazio anche sui lati esterni
    	 * scombinando gli allineamenti con titoli ed altri elementi
    	 * fuori da .column-content
    	 * */
    flex-basis: 25.01%;
  }
}
body #secondary .upw-posts > article .entry-title {
  font-size: 125%;
}
body #secondary .widget_text img {
  width: 100%;
}
body #topnews-area {
  padding: 0;
}
@media all and (max-width: 899px) {
  body #topnews-area {
    width: 100%;
  }
}
body #topnews-area .column-title-wrapper {
  background: #89a5c0;
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg"));
  padding: 0 0 1rem 2rem;
  text-align: left;
  font-size: 150%;
  margin-bottom: 1.5rem;
}
body #topnews-area .column-title-wrapper h2.column-title {
  display: inline-block;
  background-color: #FFF;
  padding: 0.4rem;
  font-weight: 600;
}
body #topnews-area .column-content article.type-launch {
  height: auto;
}
body #topnews-area .column-content article.type-launch header {
  padding: 0.5rem 0 0.5rem 0.5rem;
}
body #topnews-area .column-content article.type-launch header h2.entry-title {
  font-size: 84%;
  padding-right: 0.5rem;
}
body #topnews-area .column-content article.type-launch a.post-thumbnail:after {
  content: " ";
  display: block;
  padding-bottom: 71%;
}
body #topnews-area .view-all {
  text-transform: uppercase;
  /* Allinea scritta e after */
  display: flex;
  align-items: center;
  font-size: 0.9em;
  font-weight: 600;
}
body #topnews-area .view-all:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  /* CHECK */
  margin-right: -0.3em;
  /* Allinea a destra la punta del simbolo */
  content: "chevron_right";
}

article {
  position: relative;
}
article > header {
  position: relative;
  z-index: 4;
}
article > header .entry-cat {
  line-height: 1;
  font-size: 85%;
  text-transform: uppercase;
  white-space: nowrap;
  display: block;
  padding: 0.75ex 1.5em;
  left: 0;
  bottom: 100%;
  background: var(--color-level2, #89a5c0);
  background-color: var(--custom-main-color, var(--color-level2, #89a5c0));
  color: #FFFFFF;
  position: absolute;
}
article > header .entry-cat:after {
  /* colore di default della riga sotto la categoria in single post */
  background-color: var(--custom-main-color, var(--color-level2, #89a5c0));
}
article > header .entry-meta-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
article > header .entry-meta {
  margin: 1ex 0;
  /* Non troppo perché se va a capo non deve occupare troppo, il resto per la linea singola va in .entry-meta-container */
}
article > header .entry-meta,
article > header .entry-meta2 {
  display: inline-block;
  font-size: 85%;
  font-weight: lighter;
  color: var(--color-meta, #b7b7b7);
}
article > header .entry-meta a,
article > header .entry-meta2 a {
  color: var(--color-meta, #b7b7b7);
}
article > header .entry-title {
  font-size: 125%;
}
article > header .entry-title time {
  text-transform: capitalize;
}
article > header .entry-meta2 > * {
  margin-right: 1em;
}
article > header .entry-meta2 > *:last-child {
  margin-right: 0;
}
article > header .entry-meta2 .social-shares {
  border: 1px solid;
  padding: 0.4em;
  border-radius: 100%;
  line-height: 0;
}
article > header .entry-meta2 .material-icons {
  font-size: 100%;
  vertical-align: middle;
}
article .post-thumbnail {
  display: block;
  line-height: 0;
  background-size: cover;
  background-position: center, center;
}
article .post-thumbnail.fallback {
  background-size: 60% auto !important;
  background-repeat: no-repeat;
  background-color: #CCC;
}
article .post-thumbnail.fallback:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  opacity: 0.7;
  z-index: 1;
}
article .post-thumbnail img {
  visibility: hidden;
}
article > .entry-content > .entry-copyright {
  font-size: 85%;
  font-weight: lighter;
  color: var(--color-meta, #b7b7b7);
  margin-bottom: 0 !important;
}

article.premium > header .entry-meta .posted-on time::after {
  content: "";
  display: inline-block;
  background-image: url("images/icon-premium.svg");
  background-size: cover;
  height: 3ex;
  width: 4.1034482759ex;
  /* mantiene le proporzioni */
  vertical-align: middle;
  margin-left: 0.5em;
}

.load-more-posts-container {
  width: 100%;
  order: 2;
}
.load-more-posts-container .load-more-posts {
  margin: 1em auto;
  display: block;
  width: 10em;
  /* Necessario per centratura - CHECK */
  box-sizing: content-box;
  text-align: center;
  color: var(--color-meta, #b7b7b7);
  border: 1px solid var(--color-meta, #b7b7b7);
  border-radius: 3ex;
  padding: 1ex 2em;
  text-transform: uppercase;
  text-decoration: none;
}

.widget-title {
  font-size: 75%;
  font-weight: 900;
}

.sticky {
  display: block;
}

.hentry {
  /* margin: 0 0 1.5em; */
}

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

.single .byline,
.group-blog .byline {
  display: inline;
}

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

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

body.single .main article > .entry-content,
body.page .main article > .entry-content {
  font-size: 125%;
  line-height: 1.6;
  /* Resetto i margin e centro dentro .foodgallery e figure */
  /* Chapter */
  /* Sub-chapter */
  /* Citazione */
  /* Programma */
  /* Strillo */
  /* Sponsor block */
}
body.single .main article > .entry-content > p,
body.page .main article > .entry-content > p {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
body.single .main article > .entry-content > embed,
body.single .main article > .entry-content > iframe,
body.single .main article > .entry-content > object,
body.single .main article > .entry-content > div,
body.single .main article > .entry-content > img,
body.single .main article > .entry-content > figure,
body.single .main article > .entry-content > .foodgallery,
body.page .main article > .entry-content > embed,
body.page .main article > .entry-content > iframe,
body.page .main article > .entry-content > object,
body.page .main article > .entry-content > div,
body.page .main article > .entry-content > img,
body.page .main article > .entry-content > figure,
body.page .main article > .entry-content > .foodgallery {
  margin: 1.5rem auto;
}
body.single .main article > .entry-content embed,
body.single .main article > .entry-content iframe,
body.single .main article > .entry-content object,
body.single .main article > .entry-content img,
body.single .main article > .entry-content figure,
body.single .main article > .entry-content .foodgallery,
body.page .main article > .entry-content embed,
body.page .main article > .entry-content iframe,
body.page .main article > .entry-content object,
body.page .main article > .entry-content img,
body.page .main article > .entry-content figure,
body.page .main article > .entry-content .foodgallery {
  max-width: 100%;
}
body.single .main article > .entry-content embed,
body.single .main article > .entry-content iframe,
body.single .main article > .entry-content object,
body.page .main article > .entry-content embed,
body.page .main article > .entry-content iframe,
body.page .main article > .entry-content object {
  /*
   * Forzare una max-width vorrebbe dire distorcere questi elementi
   * perché solitamente hanno una height fissata.
   * In questo modo invece sfondano a destra se necessario dove solitamente c'è posto.
   * Es.: Video in iframe
   * */
  max-width: none;
}
body.single .main article > .entry-content embed,
body.single .main article > .entry-content iframe,
body.single .main article > .entry-content object,
body.single .main article > .entry-content img,
body.single .main article > .entry-content figure,
body.page .main article > .entry-content embed,
body.page .main article > .entry-content iframe,
body.page .main article > .entry-content object,
body.page .main article > .entry-content img,
body.page .main article > .entry-content figure {
  /* IMPORTANT - non lo imposto per .foodgallery che deve mantenere display: flex */
  display: block;
  /* default */
}
body.single .main article > .entry-content .foodgallery embed,
body.single .main article > .entry-content .foodgallery iframe,
body.single .main article > .entry-content .foodgallery object,
body.single .main article > .entry-content .foodgallery img,
body.single .main article > .entry-content figure embed,
body.single .main article > .entry-content figure iframe,
body.single .main article > .entry-content figure object,
body.single .main article > .entry-content figure img,
body.page .main article > .entry-content .foodgallery embed,
body.page .main article > .entry-content .foodgallery iframe,
body.page .main article > .entry-content .foodgallery object,
body.page .main article > .entry-content .foodgallery img,
body.page .main article > .entry-content figure embed,
body.page .main article > .entry-content figure iframe,
body.page .main article > .entry-content figure object,
body.page .main article > .entry-content figure img {
  margin: 0 auto;
}
body.single .main article > .entry-content .foodgallery figcaption,
body.single .main article > .entry-content figure figcaption,
body.page .main article > .entry-content .foodgallery figcaption,
body.page .main article > .entry-content figure figcaption {
  text-align: center;
}
body.single .main article > .entry-content a,
body.page .main article > .entry-content a {
  color: var(--color-main-logo, #e20613);
}
body.single .main article > .entry-content > *:not(div) a,
body.page .main article > .entry-content > *:not(div) a {
  color: #2a2a2a;
  background: var(--single-link-bg, #fff1be);
  text-decoration: underline;
  transition: background 0.2s ease-out;
  display: inline;
  padding: 0 0.1ex;
}
body.single .main article > .entry-content > *:not(div) a:hover,
body.page .main article > .entry-content > *:not(div) a:hover {
  background: var(--single-link-bg-hover, #ffdc5a);
}
body.single .main article > .entry-content ol,
body.single .main article > .entry-content ul,
body.page .main article > .entry-content ol,
body.page .main article > .entry-content ul {
  margin: 1.5rem 0 1.5rem 1em;
}
body.single .main article > .entry-content li,
body.page .main article > .entry-content li {
  margin-top: 2ex;
}
body.single .main article > .entry-content li:first-child,
body.page .main article > .entry-content li:first-child {
  margin-top: 0;
}
body.single .main article > .entry-content h3,
body.page .main article > .entry-content h3 {
  font-size: 125%;
  text-align: center;
  font-weight: 600;
  margin: 1.5rem 0 0;
}
body.single .main article > .entry-content h4, body.single .main article > .entry-content h2,
body.page .main article > .entry-content h4,
body.page .main article > .entry-content h2 {
  font-size: 110%;
  text-align: left;
  font-weight: 600;
  margin: 1.5rem 0 0;
}
body.single .main article > .entry-content .quote,
body.page .main article > .entry-content .quote {
  text-align: center;
  font-style: italic;
  font-weight: lighter;
  font-size: 150%;
  position: relative;
  margin: 2em auto;
  max-width: 90%;
  /*
  *:first-child:before,
  *:last-child:after {
  	font-size: 200%;
  	display: inline-block;
  	height: 0.75em;
  	width: 0.75em;
  	box-sizing: content-box;
  	overflow: hidden;
  	margin-top: -0.75em;
  }

  *:first-child:before {
  	padding-right: 1em;
  	content: "\201C";
  }

  *:last-child:after {
  	padding-left: 1em;
  	content: "\201D";
  }
  */
}
body.single .main article > .entry-content .quote:before, body.single .main article > .entry-content .quote:after,
body.page .main article > .entry-content .quote:before,
body.page .main article > .entry-content .quote:after {
  display: inline;
  font-size: 200%;
  position: absolute;
  box-sizing: content-box;
}
body.single .main article > .entry-content .quote:before,
body.page .main article > .entry-content .quote:before {
  content: "“";
  top: -0.2em;
  right: 100%;
  margin-right: -0.1em;
}
body.single .main article > .entry-content .quote:after,
body.page .main article > .entry-content .quote:after {
  content: "”";
  bottom: -0.8em;
  left: 100%;
  margin-left: -0.3em;
}
body.single .main article > .entry-content ul.program,
body.page .main article > .entry-content ul.program {
  margin-left: 0;
}
body.single .main article > .entry-content ul.program > li,
body.single .main article > .entry-content div.program-item,
body.page .main article > .entry-content ul.program > li,
body.page .main article > .entry-content div.program-item {
  margin-top: 1em;
  list-style: none;
  position: relative;
}
body.single .main article > .entry-content ul.program > li::first-line,
body.single .main article > .entry-content div.program-item::first-line,
body.page .main article > .entry-content ul.program > li::first-line,
body.page .main article > .entry-content div.program-item::first-line {
  color: var(--color-meta, #b7b7b7);
  font-size: 125%;
}
body.single .main article > .entry-content ul.program > li::before,
body.single .main article > .entry-content div.program-item::before,
body.page .main article > .entry-content ul.program > li::before,
body.page .main article > .entry-content div.program-item::before {
  position: absolute;
  content: "•";
  color: #2a2a2a;
  font-size: 200%;
  left: -1em;
  top: 1ex;
}
body.single .main article > .entry-content .strillo,
body.page .main article > .entry-content .strillo {
  border-left: 4px solid var(--color-main-logo, #e20613);
  padding: 1em;
  margin: 2em 2em 4em;
  position: relative;
}
body.single .main article > .entry-content .strillo *:first-child,
body.page .main article > .entry-content .strillo *:first-child {
  margin-top: 0;
}
body.single .main article > .entry-content .strillo *:last-child,
body.page .main article > .entry-content .strillo *:last-child {
  margin-bottom: 0;
}
body.single .main article > .entry-content .strillo:after,
body.page .main article > .entry-content .strillo:after {
  display: inline-block;
  position: absolute;
  top: 100%;
  margin-top: -4px;
  left: 0;
  content: url("images/strillo_intero.svg");
}
body.single .main article > .entry-content .block-sponsor .block-sponsor-title,
body.page .main article > .entry-content .block-sponsor .block-sponsor-title {
  font-size: 85%;
  font-weight: lighter;
  color: var(--color-meta, #b7b7b7);
}
body.single .main article > .entry-content .block-sponsor .block-sponsor-body,
body.page .main article > .entry-content .block-sponsor .block-sponsor-body {
  display: flex;
  flex-flow: row nowrap;
  justify-items: start;
  align-items: start;
}
body.single .main article > .entry-content .block-sponsor .block-sponsor-body > *,
body.page .main article > .entry-content .block-sponsor .block-sponsor-body > * {
  flex: 1 1 auto;
}
body.single .main article > .entry-content .block-sponsor .block-sponsor-body > .sponsor-logo,
body.page .main article > .entry-content .block-sponsor .block-sponsor-body > .sponsor-logo {
  flex: 1 1 30%;
  min-width: 5rem;
  max-width: 10rem;
  margin: 0 1ex 0 0;
}
body.single .main article > .entry-content .block-sponsor .block-sponsor-body > .sponsor-logo > img,
body.page .main article > .entry-content .block-sponsor .block-sponsor-body > .sponsor-logo > img {
  width: 100%;
  margin: 0;
}
body.single .main article > .entry-content .block-sponsor .block-sponsor-body .sponsor-description,
body.page .main article > .entry-content .block-sponsor .block-sponsor-body .sponsor-description {
  font-size: 85%;
}
body.single .main article > .entry-content .box,
body.page .main article > .entry-content .box {
  margin: 0;
  margin-bottom: 2rem;
  padding: 1em;
}
body.single .main article > .entry-content .box:after,
body.page .main article > .entry-content .box:after {
  content: "";
  display: table;
  table-layout: fixed;
  clear: both;
}
body.single .main article > .entry-content .box.box-solid, body.single .main article > .entry-content .box.box-dashed,
body.page .main article > .entry-content .box.box-solid,
body.page .main article > .entry-content .box.box-dashed {
  border-width: 3px;
  border-color: #eee;
}
body.single .main article > .entry-content .box.box-solid b,
body.single .main article > .entry-content .box.box-solid strong, body.single .main article > .entry-content .box.box-dashed b,
body.single .main article > .entry-content .box.box-dashed strong,
body.page .main article > .entry-content .box.box-solid b,
body.page .main article > .entry-content .box.box-solid strong,
body.page .main article > .entry-content .box.box-dashed b,
body.page .main article > .entry-content .box.box-dashed strong {
  color: #aaa;
}
body.single .main article > .entry-content .box.box-solid,
body.page .main article > .entry-content .box.box-solid {
  border-style: solid;
}
body.single .main article > .entry-content .box.box-dashed,
body.page .main article > .entry-content .box.box-dashed {
  border-style: dashed;
}
body.single .main article > .entry-content .box.box-fullcolor,
body.page .main article > .entry-content .box.box-fullcolor {
  border: none;
  background-color: #eee;
}
body.single .main article > .entry-content .box h4,
body.page .main article > .entry-content .box h4 {
  margin: 0;
}
body.single .main article > .entry-content .box strong,
body.page .main article > .entry-content .box strong {
  text-transform: uppercase;
  font-size: 0.9em;
}
body.single .main article > .entry-content .box.box-list img,
body.page .main article > .entry-content .box.box-list img {
  float: left;
  width: 8em;
  margin: 0;
  margin-right: 1em;
  vertical-align: top;
}
body.single .main article > .entry-content .box.box-list p,
body.page .main article > .entry-content .box.box-list p {
  margin: 0;
}
body.single .main article > .entry-content .box.box-list strong,
body.page .main article > .entry-content .box.box-list strong {
  text-decoration: normal;
  font-size: 1em;
  color: #2a2a2a;
}
body.single .main article > .entry-content .box.box-list hr,
body.page .main article > .entry-content .box.box-list hr {
  clear: both;
  visibility: hidden;
  margin: 0;
  height: 1em;
}
body.single .main article > .entry-content .box:not(.box-list) p:last-child,
body.page .main article > .entry-content .box:not(.box-list) p:last-child {
  margin-bottom: 0;
}
body.single .main article > .entry-content .box-title,
body.page .main article > .entry-content .box-title {
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  padding: 0 1em;
  color: #fff;
  background-color: #ccc;
}
body.single .main article > .entry-content .box-title p,
body.page .main article > .entry-content .box-title p {
  margin: 0;
}
body.single .main article > .entry-content .box-title + .box-solid,
body.single .main article > .entry-content .box-title + .box-dashed,
body.page .main article > .entry-content .box-title + .box-solid,
body.page .main article > .entry-content .box-title + .box-dashed {
  margin-top: -3px;
}

body.single .main article > .entry-content {
  /* Chapter + Sub-chapter - Faccio in modo che la larghezza si mantenga al cambio di font-size */
}
body.single .main article > .entry-content > p,
body.single .main article > .entry-content > ol,
body.single .main article > .entry-content > ul,
body.single .main article > .entry-content > h2,
body.single .main article > .entry-content > h3,
body.single .main article > .entry-content > h4 {
  /*max-width: 35em;
  margin-left: auto;
  margin-right: auto;
  //float: right;
  clear: both;
  width: 100%;*/
}
body.single .main article > .entry-content > embed,
body.single .main article > .entry-content > iframe,
body.single .main article > .entry-content > object,
body.single .main article > .entry-content > div,
body.single .main article > .entry-content > img,
body.single .main article > .entry-content > figure,
body.single .main article > .entry-content > .foodgallery,
body.single .main article > .entry-content > div.box,
body.single .main article > .entry-content > blockquote {
  clear: both;
}
body.single .main article > .entry-content > h3 {
  max-width: 28em;
}
body.single .main article > .entry-content > h4, body.single .main article > .entry-content > h2 {
  max-width: 31.8181818182em;
}

@media all and (max-width: 1279px) {
  body.single-launch #secondary article.type-launch:nth-child(4) {
    display: none;
  }
}
@media all and (max-width: 899px) {
  body.single-launch #secondary article.type-launch:nth-child(3) {
    display: none;
  }
}

body.hfeed.post-type-archive-launch #primary .main:before,
body.hfeed.post-type-archive-launch #primary .main:after {
  content: " ";
  display: block;
  height: 0;
  order: 1;
  width: calc(25% - 1rem);
  flex-basis: auto !important;
}
@media all and (max-width: 1279px) {
  body.hfeed.post-type-archive-launch #primary .main:before,
  body.hfeed.post-type-archive-launch #primary .main:after {
    width: calc(33% - 1rem);
  }
}
@media all and (max-width: 899px) {
  body.hfeed.post-type-archive-launch #primary .main:before,
  body.hfeed.post-type-archive-launch #primary .main:after {
    width: calc(50% - 1rem);
  }
}
@media all and (max-width: 549px) {
  body.hfeed.post-type-archive-launch #primary .main:before,
  body.hfeed.post-type-archive-launch #primary .main:after {
    width: 100%;
  }
}

body.single-launch #secondary article.type-launch,
.block-lancio article.type-launch {
  width: calc(25% - 1rem);
}
@media all and (max-width: 1279px) {
  body.single-launch #secondary article.type-launch,
  .block-lancio article.type-launch {
    width: calc(33% - 1rem);
  }
}
@media all and (max-width: 899px) {
  body.single-launch #secondary article.type-launch,
  .block-lancio article.type-launch {
    width: calc(50% - 1rem);
  }
}
@media all and (max-width: 549px) {
  body.single-launch #secondary article.type-launch,
  .block-lancio article.type-launch {
    width: 100%;
  }
}

body.hfeed article.type-launch,
body.single-launch #secondary article.type-launch,
.block-lancio article.type-launch {
  border: none;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  /*height: 20.6666666667rem;*/
  overflow: hidden;
  flex-basis: auto !important;
}
body.hfeed article.type-launch .colorLine,
body.single-launch #secondary article.type-launch .colorLine,
.block-lancio article.type-launch .colorLine {
  height: 8px;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body.hfeed article.type-launch .colorLine:after,
body.single-launch #secondary article.type-launch .colorLine:after,
.block-lancio article.type-launch .colorLine:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26ffffff", endColorstr="#26000000", GradientType=1);
}
body.hfeed article.type-launch .entry-wrapper,
body.single-launch #secondary article.type-launch .entry-wrapper,
.block-lancio article.type-launch .entry-wrapper {
  border: 1px solid #ccc;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  flex: 100%;
  display: flex;
  flex-flow: column;
}
body.hfeed article.type-launch header,
body.single-launch #secondary article.type-launch header,
.block-lancio article.type-launch header {
  padding: 1rem 0 1rem 1rem;
  position: relative;
  margin-top: 0;
  flex-grow: 0;
  background-color: inherit;
  display: flex;
  align-items: center;
  min-height: 4.4rem;
}
body.hfeed article.type-launch header h2.entry-title,
body.single-launch #secondary article.type-launch header h2.entry-title,
.block-lancio article.type-launch header h2.entry-title {
  font-weight: 600;
  font-size: 1.1rem;
  flex: 100%;
  padding-right: 1em;
}
body.hfeed article.type-launch header h2.entry-title a,
body.single-launch #secondary article.type-launch header h2.entry-title a,
.block-lancio article.type-launch header h2.entry-title a {
  color: #2a2a2a !important;
}
body.hfeed article.type-launch header h3.brand-name,
body.single-launch #secondary article.type-launch header h3.brand-name,
.block-lancio article.type-launch header h3.brand-name {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1rem;
  display: none;
}
body.hfeed article.type-launch header .launch-brand-wrapper,
body.single-launch #secondary article.type-launch header .launch-brand-wrapper,
.block-lancio article.type-launch header .launch-brand-wrapper {
  height: 100%;
  width: 8rem;
  border-left: 1px solid #ccc;
  display: flex;
  align-items: center;
}
body.hfeed article.type-launch header .launch-brand-wrapper a,
body.single-launch #secondary article.type-launch header .launch-brand-wrapper a,
.block-lancio article.type-launch header .launch-brand-wrapper a {
  height: 100%;
  width: 100%;
  flex: 100%;
  align-items: center;
  display: flex;
}
body.hfeed article.type-launch header .launch-brand-wrapper figure,
body.single-launch #secondary article.type-launch header .launch-brand-wrapper figure,
.block-lancio article.type-launch header .launch-brand-wrapper figure {
  margin: 0 0.3rem;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  flex: 100%;
}
body.hfeed article.type-launch header .launch-brand-wrapper figure img,
body.single-launch #secondary article.type-launch header .launch-brand-wrapper figure img,
.block-lancio article.type-launch header .launch-brand-wrapper figure img {
  visibility: hidden;
}
body.hfeed article.type-launch a.post-thumbnail,
body.single-launch #secondary article.type-launch a.post-thumbnail,
.block-lancio article.type-launch a.post-thumbnail {
  position: relative;
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat;
  flex: 100% 1 1;
  margin: 0 0.5rem 0.5rem;
}
body.hfeed article.type-launch a.post-thumbnail::after,
body.single-launch #secondary article.type-launch a.post-thumbnail::after,
.block-lancio article.type-launch a.post-thumbnail::after {
  content: " ";
  display: block;
  padding-bottom: 71%;
}

/* SERP */
body.hfeed .site-main.main > article.type-launch a.post-thumbnail:after {
  padding-bottom: 40%;
}

body.tax-topic.sponsored article.type-post.card.sponsored {
  padding: 0;
  background: none;
}
body.tax-topic.sponsored article.type-post.card.sponsored::before, body.tax-topic.sponsored article.type-post.card.sponsored::after {
  content: none;
}
body.tax-topic.sponsored article.type-post.card.sponsored a.post-thumbnail:not(.fallback)::before {
  content: none;
}
body.tax-topic.sponsored article.type-post.card.sponsored.type-post > .entry-header {
  bottom: 0 !important;
}

.google-data-studio {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 900px;
}
.google-data-studio iframe, .google-data-studio object, .google-data-studio embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.google-data-studio .patch {
  height: 25px;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 9;
  background-color: #fff;
  cursor: none !important;
  display: block;
}

.wp-block-gallery .wp-block-image {
  display: unset !important;
}

body.dolcesalato-theme .main section.launches_widget_mobile article {
  width: calc(50% - 0.5rem);
}
body.dolcesalato-theme #topnews-area .column-title-wrapper {
  background: #89a5c0;
}

body.foodservice-theme #topnews-area .column-title-wrapper {
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg")), linear-gradient(270deg, var(--color-background-gradient1-start, #30499a), var(--color-background-gradient1-end, #e72d68));
  background-size: 0.5rem 0.5rem, cover;
  background-repeat: round, no-repeat;
}
@media all and (min-width: 899px) {
  body.foodservice-theme #topnews-area .column-title-wrapper {
    font-size: 130%;
  }
}
@media all and (min-width: 1279px) {
  body.foodservice-theme #topnews-area .column-title-wrapper {
    font-size: 120%;
  }
}
body.foodservice-theme #topnews-area .column-title-wrapper h2.column-title {
  text-transform: none;
}

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

.bypostauthor {
  display: block;
}

body.archive {
  /* Colori dei mercati + icone */
}
body.archive .page-title {
  display: block;
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg")), linear-gradient(270deg, var(--color-background-gradient1-start, #30499a), var(--color-background-gradient1-end, #e72d68));
  background-size: auto, cover; /* Non mettere niente da problemi a IE11 */
  /* background-size: 0.5rem 0.5rem, cover; creava un difetto su Chrome a certe esatte dimensioni per credo problemi di arrotondamento */
  /* background-repeat: round, no-repeat; creava un difetto su Chrome a certe esatte dimensioni per credo problemi di arrotondamento */
  font-size: 200%;
  padding: 0 1em 0.5em 1em;
  text-transform: uppercase;
}
body.archive .page-title.custom-title-image {
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg"));
}
body.archive .page-title > .text-container {
  display: inline-block;
  background: #fff;
  padding: 0 0.25em 0.25em 0.25em;
}
body.archive .page-title > .text-container > .text {
  background-image: linear-gradient(270deg, var(--color-background-gradient1-start, #30499a), var(--color-background-gradient1-end, #e72d68));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.archive .archive-description {
  font-size: 125%;
  max-width: 80%;
  margin: 0 auto;
}
@media all and (max-width: 899px) {
  body.archive .archive-description {
    max-width: 100%;
  }
}
body.archive .archive-description a {
  color: #2a2a2a;
  background: var(--single-link-bg, #fff1be);
  text-decoration: underline;
  transition: background 0.2s ease-out;
  display: inline;
  padding: 0 0.1ex;
}
body.archive .archive-description a:hover {
  background: var(--single-link-bg-hover, #ffdc5a);
}
body.archive.category-beverage .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-beverage .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/beverage.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-olive-oil-vinegar .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-olive-oil-vinegar .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/condimenti.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-tomato .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-tomato .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/conserve.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-bakery-snacks .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-bakery-snacks .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/bakery.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-pasta .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-pasta .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/pasta.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-cheese .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-cheese .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/formaggi.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-meats-other-product .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-meats-other-product .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/salumi.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-coffee-other-product .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-coffee-other-product .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/caffe-altro.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-rice-legumes .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-rice-legumes .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/cereali.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-sweets-other-product .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-sweets-other-product .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/dolciario.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-frozen-food .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-frozen-food .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/freddo.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-fruit-vegetables .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-fruit-vegetables .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/fruit&vegetables.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-healthy-altro .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-healthy-altro .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/healthy.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-petfood-altro .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-petfood-altro .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/petfood.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-baby-food-altro .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-baby-food-altro .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/babyfood.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-seasonals .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-seasonals .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/seasonals.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-basic-ingredients .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-basic-ingredients .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/basic-ingredient.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive.category-seafood .page-title .text {
  display: flex;
  align-items: center;
}
body.archive.category-seafood .page-title .text:before {
  content: "";
  background-size: cover;
  background-image: url("images/mercati/seafood.svg");
  display: none;
  width: 1.3em; /* CHECK */
  height: 1.3em; /* CHECK */
  margin-right: 0.13em; /* CHECK */
}
body.archive #primary > header {
  width: 100%;
  margin-bottom: 2.5rem;
}
body.archive .filters {
  padding-top: 2rem;
  font-size: 16px;
}
@media all and (max-width: 899px) {
  body.archive .filters {
    font-size: 12px;
  }
}
@media all and (max-width: 549px) {
  body.archive .filters {
    font-size: 10px;
  }
}
body.archive .filters .product_category_select {
  position: relative;
  max-width: 100%;
  min-width: 300px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 150%;
  line-height: 1.7;
  font-weight: 600;
  cursor: pointer;
}
body.archive .filters .product_category_select:after {
  content: " ";
  display: block;
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 1em;
  padding-bottom: 1em;
  margin-top: -0.5em;
  background-image: url(static/media/next.8932d390.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.5em auto;
  transform: rotate(90deg);
  z-index: 2;
}
body.archive .filters .product_category_select .selected {
  padding: 0 0 0 0.5em;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 2em);
}
body.archive .filters .product_category_select .selected span.count {
  opacity: 0.5;
}
body.archive .filters .product_category_select .options {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  z-index: 9;
  visibility: hidden;
  max-height: calc(1.7em + 2px);
  overflow: hidden;
  transition: 0.3s ease-out;
}
body.archive .filters .product_category_select .options ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 15em;
  overflow: auto;
  border-top: 1px solid #ccc;
}
body.archive .filters .product_category_select .options ul li {
  border-top: 1px solid #ccc;
  padding: 0 0 0 0.5em;
  overflow: hidden;
}
body.archive .filters .product_category_select .options ul li:first-child {
  border-top: none;
}
body.archive .filters .product_category_select .options ul li span.count {
  opacity: 0.5;
}
body.archive .filters .product_category_select .options ul li a {
  display: block;
  white-space: nowrap;
}
body.archive .filters .product_category_select.opened:after {
  transform: rotate(-90deg);
}
body.archive .filters .product_category_select.opened .options {
  visibility: visible;
  max-height: calc(16.7em + 2px);
  transition: max-height 0.3s ease-in;
  -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
}
body.archive.category .subcategories {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  list-style-type: none;
  margin: 1rem 0;
  padding: 0.25rem 0;
  border-top: 0.125rem solid var(--color-meta, #b7b7b7); /* CHECK */
  border-bottom: 0.125rem solid var(--color-meta, #b7b7b7); /* CHECK */
}
body.archive.category .subcategories > li {
  width: 8em;
  text-align: center;
  white-space: nowrap;
}
body.archive.category .subcategories > li > a {
  text-decoration: none;
  color: var(--color-meta, #b7b7b7); /* CHECK */
}
body.archive.category .subcategories > li.empty-filler {
  height: 0;
}

body.search .page-title,
body.error404 .page-title {
  display: block;
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg")), linear-gradient(270deg, var(--color-background-gradient1-start, #30499a), var(--color-background-gradient1-end, #e72d68));
  background-size: auto, cover; /* Non mettere niente da problemi a IE11 */
  /* background-size: 0.5rem 0.5rem, cover; creava un difetto su Chrome a certe esatte dimensioni per credo problemi di arrotondamento */
  /* background-repeat: round, no-repeat; creava un difetto su Chrome a certe esatte dimensioni per credo problemi di arrotondamento */
  font-size: 200%;
  padding: 0 1em 0.5em 1em;
  text-transform: uppercase;
}
body.search .page-title > .text-container,
body.error404 .page-title > .text-container {
  display: inline-block;
  background: #fff;
  padding: 0 0.25em 0.25em 0.25em;
}
body.search .page-title > .text-container > .text,
body.error404 .page-title > .text-container > .text {
  background-image: linear-gradient(270deg, var(--color-background-gradient1-start, #30499a), var(--color-background-gradient1-end, #e72d68));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.search .page-description,
body.error404 .page-description {
  font-size: 125%;
  max-width: 50em; /* CHECK */
  margin: 2.5rem auto 0 auto;
}
body.search section.error-404,
body.error404 section.error-404 {
  width: 100%;
  height: auto;
}
body.search #primary .page-header,
body.error404 #primary .page-header {
  width: 100%;
  margin-bottom: 2.5rem;
}
body.search #primary.no-topnews,
body.error404 #primary.no-topnews {
  justify-content: center;
}

/*
 * Organizzazione zone principali + responsive relativo
 * */
.home #primary {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.home #primary #head-news {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  width: 57.8333333333rem;
  /*
   * Di solito la seconda e terza notizia sono sotto
   * ma sopra una certa dimensione è di fianco
   * */
  flex-flow: row wrap;
}
.home #primary #head-news > article:first-of-type {
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .home #primary #head-news {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .home #primary #head-news {
    flex-flow: column wrap;
    /*
     * Anche se ha height fissata, flex-direction: column
     * e justify-content: space-between;
     * Non spazia correttamente (su FF) e quindi devo posizionare l'ultimo in absolute.
     * */
    position: relative;
  }
  .home #primary #head-news > article {
    margin-bottom: 0;
  }
  .home #primary #head-news > article:first-of-type {
    width: 35.6666666667rem;
    height: 35.9444444444rem;
  }
  .home #primary #head-news > article:first-of-type > header .entry-title {
    font-size: 200%;
  }
  .home #primary #head-news > article:last-of-type {
    /*
     * Anche se il container ha height fissata, flex-direction: column
     * e justify-content: space-between;
     * Non spazia correttamente (su FF) e quindi devo posizionarlo in absolute.
     * */
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 900px) {
  .home #primary #head-news {
    /*
     * Altezza fissa di #head-news e varie conseguenze
     * Sotto questa screen-size è dinamica
     * */
    height: 35.9444444444rem;
  }
  .home #primary #head-news > article {
    height: 17.2222222222rem;
    position: relative;
  }
  .home #primary #head-news > article > .post-thumbnail {
    height: 90%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    width: 100%;
  }
  .home #primary #head-news > article > .post-thumbnail img {
    display: none;
  }
  .home #primary #head-news > article > header {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  .home #primary #head-news {
    width: 35.6666666667rem;
  }
  .home #primary #head-news > article {
    width: 17.0833333333rem;
  }
  .home #primary #head-news > article:first-of-type {
    height: 17.2222222222rem;
  }
  .home #primary #head-news > article:first-of-type > header .entry-title {
    font-size: 175%;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  .home #primary #head-news {
    width: 100%;
  }
  .home #primary #head-news > article:first-of-type {
    width: 100%;
  }
  .home #primary #head-news > article:first-of-type > header .entry-title {
    font-size: 200%;
  }
}
@media only screen and (max-width: 549px) {
  .home #primary #head-news {
    width: 100%;
  }
  .home #primary #head-news > article {
    width: 100%;
  }
  .home #primary #head-news > article:first-of-type {
    width: 100%;
  }
}
.home #primary #head-area {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .home #primary #head-area {
    margin-bottom: 1.5rem;
  }
}
.home #primary #head-area > section {
  /*
   * Normalmente è su una colonna quindi metto a tutta larghezza
   * */
  width: 100%;
}
.home #primary #head-area > section.widget_ultimate_posts .upw-posts {
  overflow: hidden;
}
.home #primary #head-area > section.widget_ultimate_posts .upw-posts > article > header > .entry-title {
  font-size: 100%;
}
.home #primary #head-area > section.widget_ultimate_posts.speciale .upw-posts {
  overflow: visible;
  background-clip: padding-box !important;
  background: #fff;
}
.home #primary #head-area > section.widget_ultimate_posts.speciale .upw-posts > article {
  padding: 0.5rem;
  min-height: auto;
  background: #fff;
}
.home #primary #head-area > section.widget_text {
  /*
   * Elenco di banner uno sotto laltro (es.: Abbonati alla rivista e iscriviti alla newsletter)
   * */
}
.home #primary #head-area > section.widget_text .banner {
  display: block;
  margin-top: 1.5rem;
}
.home #primary #head-area > section.widget_text .banner:first-child {
  margin-top: 0;
}
.home #primary #head-area > section.widget_text .banner img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .home #primary #head-area > section.widget_text {
    position: relative;
  }
  .home #primary #head-area > section.widget_text .banner:last-child {
    position: absolute;
    bottom: 10%; /* TODO */
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  .home #primary #head-area > section.widget_text {
    position: relative;
    padding-top: 0; /* TODO */
  }
  .home #primary #head-area > section.widget_text .banner:last-child {
    position: absolute;
    bottom: 0; /* TODO */
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 899px) {
  .home #primary #head-area {
    /*
     * Lascio spazio al titolo del widget MAGAZINE
     * che sfora verso l'alto
     * */
    padding-top: 2rem; /* CHECK */
  }
}
@media only screen and (min-width: 900px) {
  .home #primary #head-area {
    flex-flow: column wrap;
    /*
     * Altezza fissa di #head-news e varie conseguenze
     * Sotto questa screen-size è dinamica
     * */
    height: 35.9444444444rem;
    width: 20.6666666667rem;
  }
  .home #primary #head-area > section {
    margin-bottom: 0; /* Perché il container ha height fissata e flex-direction: column */
    height: 17.2222222222rem;
    position: relative;
  }
  .home #primary #head-area > section > .post-thumbnail {
    height: 90%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    width: 100%;
  }
  .home #primary #head-area > section > .post-thumbnail img {
    display: none;
  }
  .home #primary #head-area > section > header {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  .home #primary #head-area {
    /*
     * Va su due colonne quindi devo imporre la larghezza
     * */
  }
  .home #primary #head-area > section {
    width: 20.6666666667rem;
  }
}

@media only screen and (min-width: 900px) {
  .company-data .company-xs {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .company-data .company-lg {
    display: none;
  }
}
.company-data figure {
  padding-bottom: 2em;
}
.company-data .box h4 {
  display: block;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 2em;
  padding: 0.2em 0.5em;
  color: #fff;
  background-color: #ccc;
}
.company-data .box .data {
  list-style: none;
  margin: 0;
  padding: 1em 0;
  padding-top: 0;
  font-size: 0.9em;
}
.company-data .box .data li {
  position: relative;
  padding-bottom: 1em;
  padding-left: 2em;
}
.company-data .box .data li > i {
  position: absolute;
  left: 0;
}
.company-data .company-xs {
  margin: 0 -1em;
}
.company-data .company-xs figure img {
  margin: 0 auto !important;
  max-width: 70% !important;
}
.company-data .company-xs .box {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.company-data .company-xs .box .data {
  margin-bottom: 0;
  padding-bottom: 0;
}

body #main article > header h1.entry-title, body #main article > header h1.launch-title {
  font-family: var(--font-single-title, Oswald, sans-serif);
  text-transform: uppercase;
}

body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) {
  /*
  &.post-with-sidebar {
  	@include single-content-with-sidebar;

  	#secondary {
  		background: #fff;
  		margin-top: -8ex;

  		// related post
  		.post {
  			flex-basis: 100%;
  			font-size: 0.9em;
  		}
  	}
  }
  */
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) .post-cat-bg {
  padding-top: 20%;
  background-size: auto 100%;
  background-position: center center;
  margin-bottom: 2.5rem;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  box-sizing: content-box;
  max-width: 100%;
  width: 80rem;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) .post-cat-bg {
    width: 57.8333333333rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) .post-cat-bg {
    width: 42.8333333333rem;
  }
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) .post-cat-bg {
    width: 20.6666666667rem;
  }
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) .post-cat-bg {
    /*
     * A questa larghezza la pagina occupa il 95% dello spazio
     * quindi sfondo del 2.5% da entrambe le parti.
     * Metterò comunque overflow-x: hidden al body perché
     * la scroll bar verticale può occupare spazio non qui calcolato.
     *
     * Per screen-size più grandi invece ci sta con i 2.5rem
     * */
    margin-left: -2.5vw;
    margin-right: -2.5vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #primary {
  overflow: visible;
  float: none;
  width: auto;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article {
  /**
  			 * Qui faccio si che i vari elementi possano anadre a capo se necessario
  			 * (es. mobile) ma comunque abbiano una adeguata spaziatura verticale
  			 * */
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky {
  display: none;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article #userDashboard {
  margin-right: 23.1666666667rem !important;
  margin-left: 0 !important;
  width: 56.8333333333 rem;
  /* gestione messaggio di errore in fase caricamento userDashboard */
  /* fine gestione messaggio errore */
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article #userDashboard {
    width: 34.6666666667 rem;
  }
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article #userDashboard {
    /*
    		* Nascondo #side-area
    		* */
    width: auto;
    margin-right: auto !important;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article #userDashboard .reserved-content-error-message {
  text-align: center;
  font-size: 1.3em;
  margin: 5% 10%;
  line-height: 1.5em;
  border: 2px solid red;
  padding: 1.6rem;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article #userDashboard .reserved-content-error-message > em {
  color: red;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article #userDashboard .reserved-content-error-message > a {
  text-decoration: underline;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article #userDashboard .reserved-content-error-message > .title {
  font-size: 2em;
  display: block;
  margin: auto;
  font-weight: 600;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content {
  padding: 1ex 0;
  margin-left: auto;
  box-sizing: border-box;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content > *:not(.full-width):not(.side-box) {
  margin-right: 23.1666666667rem;
  margin-left: 0;
  width: 56.8333333333rem;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content > *:not(.full-width):not(.side-box) {
    width: 34.6666666667rem;
  }
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content > *:not(.full-width):not(.side-box) {
    /*
     * Nascondo #side-area
     * */
    width: auto;
    margin-right: auto;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content *:first-child,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box ~ *:nth-child(2) {
  margin-top: 0 !important;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content figure:not(.wp-block-table).wp-has-aspect-ratio.wp-embed-aspect-16-9 {
  max-width: none !important;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content figure:not(.wp-block-table).wp-has-aspect-ratio.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  height: 100% !important;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box:not(.adv) {
  max-width: 20.6666666667rem;
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
@media all and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box:not(.adv) {
    margin-left: 2rem;
    width: auto;
  }
}
@media all and (min-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box {
    position: absolute;
    right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box:not(:first-child) {
    margin-top: 0;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv {
  right: 8vw;
}
@media all and (max-width: 1599px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv {
    right: 4vw;
  }
}
@media all and (max-width: 1279px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv {
    right: 0;
  }
}
@media all and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv {
    right: 0;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv .block-contents {
  width: 20.6666666667rem;
  margin: auto;
  text-align: center;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv .block-contents a {
  display: inline-block;
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv {
    margin-left: auto;
    margin-right: auto;
  }
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv:first-child {
    display: none;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .inline-advs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .inline-advs .adv {
  margin-bottom: 2rem;
  position: relative;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky {
  padding-bottom: 0;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content {
  padding-top: 0.25rem;
  /* TODO */
  padding-bottom: 0;
  /* TODO */
  position: relative;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .cookie-alert {
  color: #2a2a2a;
  margin-top: -0.25em;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .cookie-alert p {
  font-size: 70%;
  margin: 0;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .cookie-alert p span {
  text-decoration: underline;
  cursor: pointer;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .post-thumbnail {
  padding-top: 25rem;
  background-size: cover;
  background-position: center center;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .post-thumbnail img {
  display: none;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content img.post-thumbnail-img {
  display: none;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > .post-thumbnail {
  display: none;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > .entry-content.restrictedAccess {
  height: 23.3016666667rem;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > .entry-content.restrictedAccess {
    height: 14.2133333333rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > .entry-content.restrictedAccess {
    height: 41vw;
  }
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > .entry-content.restrictedAccess {
    height: 45.5555555556vw;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > .entry-content img.post-thumbnail-img {
  display: block;
  max-width: 100%;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image.category-video > .entry-content img.post-thumbnail-img {
  display: none;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.no-excerpt > header,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.no-excerpt > header.sticky {
  margin-bottom: 2.5rem;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.category-video > .entry-content.restrictedAccess {
  height: 15.9133333333rem;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.category-video > .entry-content.restrictedAccess {
    height: 9.7066666667rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.category-video > .entry-content.restrictedAccess {
    height: 28vw;
  }
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.category-video > .entry-content.restrictedAccess {
    height: 31.1111111111vw;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.sponsored > header .sponsored-label, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.sponsored > header.sticky .sponsored-label {
  line-height: 1;
  padding: 0 1.5ex 0 0;
  background: radial-gradient(ellipse at center bottom, #fff, rgba(255, 255, 255, 0.5));
  font-weight: bold;
  font-size: 90%;
  text-transform: uppercase;
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.sponsored > header .sponsored-label, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.sponsored > header.sticky .sponsored-label {
    display: none;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.sponsored.small-image > .post-thumbnail {
  background-image: var(--magazine-bg, url("images/pattern-triangolo-bucato.svg")), radial-gradient(ellipse at center bottom, var(--color-background-sponsored-end, rgb(255, 231.8260869565, 173)), var(--color-background-sponsored-start, #ffcb47)) !important;
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > .post-thumbnail,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .post-thumbnail {
    padding-top: 0 !important;
  }
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > .post-thumbnail img,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .post-thumbnail img {
    display: block;
    visibility: visible;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > header .entry-title,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article.small-image > header.sticky .entry-title {
  padding-top: 0;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky {
  background: #fff;
  position: relative;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat {
  font-size: 100%;
  position: relative !important;
  bottom: auto;
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat {
    display: none !important;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat::after,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat::after {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 1ex + 1px);
  height: 0.9ex;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-title,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-title {
  font-size: 335%;
  padding-top: 2.5rem;
  font-weight: 600;
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-title,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-title {
    /* Da mobile sarebbe troppo grande */
    font-size: 250%;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-subtitle,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-subtitle {
  font-size: 125%;
  line-height: 1.2;
  /* IMPORTANT - tolgo 0.75rem perché il line-height del titolo aggiunge spazio sotto. Senza sottotitolo lo spazio è comunque utile quindi lo tolgo qui e non dal titolo */
  margin-top: 2.25rem;
  margin-bottom: 1.2rem;
  font-weight: 600;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta-container,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  border-bottom: 1px solid var(--color-meta, #b7b7b7);
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat {
  margin-right: 1.5ex;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 {
  display: flex;
  margin-top: 1ex;
  margin-bottom: 1ex;
  /* Non troppo perché se va a capo non deve occupare troppo, il resto per la linea singola va in .entry-meta-container */
  font-size: 90%;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat .social-shares,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .social-shares,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2 .social-shares,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat .social-shares,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .social-shares,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 .social-shares {
  display: inline-block;
  /* Lo posiziona sotto il pulsante e non sopra */
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat .social-shares .material-icons,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .social-shares .material-icons,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2 .social-shares .material-icons,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat .social-shares .material-icons,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .social-shares .material-icons,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 .social-shares .material-icons {
  font-size: 100%;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat .social-shares .mshare-item,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .social-shares .mshare-item,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2 .social-shares .mshare-item,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat .social-shares .mshare-item,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .social-shares .mshare-item,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 .social-shares .mshare-item {
  box-sizing: content-box;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat .social-shares .mshare--pane,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .social-shares .mshare--pane,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2 .social-shares .mshare--pane,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat .social-shares .mshare--pane,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .social-shares .mshare--pane,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 .social-shares .mshare--pane {
  top: 100%;
  display: flex;
  /* Mette l'effetto a "scendere" in apertura invece di "salire" */
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat .social-shares .mshare--pane a,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .social-shares .mshare--pane a,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2 .social-shares .mshare--pane a,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat .social-shares .mshare--pane a,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .social-shares .mshare--pane a,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 .social-shares .mshare--pane a {
  display: flex;
  align-items: center;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat .social-shares .mshare--pane.mshare--close:not(.mshare--native),
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .social-shares .mshare--pane.mshare--close:not(.mshare--native),
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2 .social-shares .mshare--pane.mshare--close:not(.mshare--native),
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat .social-shares .mshare--pane.mshare--close:not(.mshare--native),
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .social-shares .mshare--pane.mshare--close:not(.mshare--native),
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 .social-shares .mshare--pane.mshare--close:not(.mshare--native) {
  transform: translate3d(0, -20px, 0);
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat .social-shares .mshare--pane.mshare--close .mshare--native,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .social-shares .mshare--pane.mshare--close .mshare--native,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2 .social-shares .mshare--pane.mshare--close .mshare--native,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat .social-shares .mshare--pane.mshare--close .mshare--native,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .social-shares .mshare--pane.mshare--close .mshare--native,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 .social-shares .mshare--pane.mshare--close .mshare--native {
  transform: translate3d(-50%, 20px, 0);
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-cat .social-shares .mshare--pane,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .social-shares .mshare--pane,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2 .social-shares .mshare--pane,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-cat .social-shares .mshare--pane,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .social-shares .mshare--pane,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 .social-shares .mshare--pane {
    /*
    			 * quando la colonna di dx collassa manca lo spazio a dx
    			 * e così metto tutto il popup sotto il pulsante a sx
    			 * */
    left: auto !important;
    right: 0 !important;
    /*
    			 * Muovo a dx per compensando lo spostametoa sx di .social-shares
    			 * in modo da avere su mobile (che mostra più pulsanti share)
    			 * tutto lo spazio possibile.
    			 * Sarebbe il margin-right di .social-shares che è 1em al 150% del base
    			 * non posso però usare le unità em perché qui font-size=0
    			 * */
    margin-right: -24px !important;
  }
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .read-time,
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .read-time {
    display: none;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta .read-time .material-icons,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta .read-time .material-icons {
  vertical-align: middle;
  transform: translateY(-0.18ex);
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header .entry-meta2,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > header.sticky .entry-meta2 {
  margin-left: auto;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-footer {
  padding: 0 0 2 rem 0;
  border-bottom: 1px solid var(--color-meta, #b7b7b7);
  font-size: 85%;
  /* Copre l'eventuale #side-area che dovesse sforare */
  background: #fff;
  z-index: 1;
  position: relative;
  /* IMPORTANT - altrimenti non prende lo z-index */
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-footer .tags-links {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-footer .tags-links a {
  /*
  				 * Vedi definizione $size__single-nontext-extragap per sua applicabilità
  				 * */
  margin: 1ex 1em 1ex 0;
  flex: auto 0 0;
  background: var(--color-background-level2, #e8edf3);
  padding: 1ex 1.25em;
  border-radius: 1ex;
  text-transform: uppercase;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-footer .social-shares {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-footer .social-shares .mshare {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  height: auto;
  font-size: inherit;
  margin: 0.5rem 0;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-footer .social-shares .mshare-item {
  /*
  				 * Vedi definizione $size__single-nontext-extragap per sua applicabilità
  				 * */
  margin: 1ex 1em 1ex 0;
  display: flex;
  align-items: center;
  border-radius: 14px;
  /* CHECK */
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-footer .social-shares .mshare-item .mshare-item-text {
  display: none;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #primary {
  position: relative;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #side-area {
  /* CHECK */
  float: none;
  position: absolute;
  /* Area a fianco dell'articolo */
  top: 25em;
  margin-top: 8ex;
  right: 0;
  bottom: 15em;
  /* CHECK */
  width: 20.6666666667rem;
  /* Metto il contenuto equispaziato in verticale, ma non troppo vicino e
  	 * nel caso di contenuto corto nascondo gli articoli che non servisero */
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  overflow: hidden;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #side-area > * {
  flex: auto 0 0;
  margin: 5ex 0 20ex 0;
  /*
  	 * IMPORTANT - altrimenti su chrome (e forse altri non si dimensiona giusto
  	 * */
  width: 100%;
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #side-area {
    /* Contiene solo info accessorie e quindi lo nascondo */
    display: none;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #side-area > article .post-thumbnail {
  height: 14.6136802904rem;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #side-area > article header {
  padding: 1ex 0;
  position: relative;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #side-area > article::before {
  display: block;
  content: "Articolo correlato";
  color: var(--color-meta, #b7b7b7);
  border-top: 2px solid var(--color-level2, #89a5c0);
  padding: 1ex 0;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article.sponsored > header.sticky .entry-meta-container::before, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article.sponsored > header.sticky .entry-meta-container::before {
  display: none;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky {
  z-index: 7;
  position: fixed;
  top: 0;
  margin-top: 0;
  padding-top: 1ex;
  display: block;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  box-sizing: content-box;
  max-width: 100%;
  width: 80rem;
  width: calc(100% - 6.75vw);
  transition: top 0.5s;
  /*
  	 * Ripristino il padding-bottom che avevo tolto per questioni di spaziatura
  	 * ma che è necessario quando è scrolled
  	 * */
  padding-bottom: 1ex;
  background: #323232;
  color: #ffffff;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky {
    width: 57.8333333333rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky {
    width: 42.8333333333rem;
  }
}
@media only screen and (max-width: 549px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky {
    width: 20.6666666667rem;
  }
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky {
    /*
     * A questa larghezza la pagina occupa il 95% dello spazio
     * quindi sfondo del 2.5% da entrambe le parti.
     * Metterò comunque overflow-x: hidden al body perché
     * la scroll bar verticale può occupare spazio non qui calcolato.
     *
     * Per screen-size più grandi invece ci sta con i 2.5rem
     * */
    margin-left: -2.5vw;
    margin-right: -2.5vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}
@media only screen and (max-width: 1599px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky {
    width: calc(100% - 6vw);
  }
}
@media only screen and (max-width: 1279px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky {
    margin-left: -1.5rem;
    padding-left: 1.5rem;
    width: calc(100% - 7.5vw);
  }
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky {
    width: calc(100% - 5vw);
    margin-left: -1.75rem;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .entry-meta-container, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .entry-meta-container {
  border-bottom: none !important;
  margin: 1ex 0;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .entry-title, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .entry-title {
  margin: 0;
  font-size: 150%;
  padding-top: 0 !important;
  /* Se è troppo lungo lo taglio */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .entry-cat,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .entry-subtitle,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .entry-meta,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .read-time,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .sponsored-label,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .posted-on, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .entry-cat,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .entry-subtitle,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .entry-meta,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .read-time,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .sponsored-label,
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .posted-on {
  display: none;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .entry-meta-container, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .entry-meta-container {
  height: 0;
  margin: 0 !important;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .entry-meta2, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .entry-meta2 {
  margin: 0;
  font-size: 100%;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .social-shares, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .social-shares {
  position: absolute;
  bottom: -2.4ex;
  right: 0;
  color: #323232;
  background: #fff;
  border-color: #fff;
  box-shadow: 0 0.0625em 0.1875em rgba(0, 0, 0, 0.12), 0 0.0625em 0.125em rgba(0, 0, 0, 0.24);
  font-size: 150%;
  margin-right: 1em;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .social-shares .material-icons, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .social-shares .material-icons {
  font-size: 150%;
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky .social-shares .mshare--pane, body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-down #main article > header.sticky .social-shares .mshare--pane {
  /*
  		* quando la colonna di dx collassa manca lo spazio a dx
  		* e così metto tutto il popup sotto il pulsante a sx
  		* */
  left: auto !important;
  right: 0 !important;
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up #main article > header.sticky {
    /*
    	 * Su mobile il logo viene troppo grosso mantenendo i rem soliti
    	 * -> lo riduco -> l'altezza di #musthead si riduce
    	 * */
    top: 7.4146341463rem;
  }
}
body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up.asp-open #main article > header.sticky {
  top: 6.2317073171rem;
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile).scrolled-up.asp-open #main article > header.sticky {
    /*
    	 * Su mobile il logo viene troppo grosso mantenendo i rem soliti
    	 * -> lo riduco -> l'altezza di #musthead si riduce
    	 * */
    top: 3.4146341463rem;
  }
}

body.single-sfogliabile #primary {
  overflow: visible;
  float: none;
  width: auto;
}
body.single-sfogliabile #main article {
  text-align: center;
}
body.single-sfogliabile #main article > .post-thumbnail {
  background-image: none !important;
}
body.single-sfogliabile #main article > .post-thumbnail > img {
  display: block;
  margin: 0 auto;
}
body.single-sfogliabile #main article > header .entry-title {
  font-size: 335%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 549px) {
  body.single-sfogliabile #main article > header .entry-title {
    /* Da mobile sarebbe troppo grande */
    font-size: 250%;
  }
}
body.single-sfogliabile #main article > header .entry-subtitle {
  font-size: 125%;
  max-width: 45em;
  margin: 0.5em auto;
}
body.single-sfogliabile #main article .view-link,
body.single-sfogliabile #main article .pay-link {
  display: block;
  font-size: 125%;
  margin: 1em;
}

.category-limpresa-che-cresce .box {
  border-color: #2f4973 !important;
}
.category-limpresa-che-cresce .box b,
.category-limpresa-che-cresce .box strong {
  color: #2f4973 !important;
}
.category-limpresa-che-cresce .box.box-fullcolor {
  background-color: rgba(47, 73, 115, 0.2) !important;
}
.category-limpresa-che-cresce .entry-cat,
.category-limpresa-che-cresce .box-title {
  background-color: #2f4973 !important;
}
.category-limpresa-che-cresce .entry-cat:after {
  background-color: #2f4973 !important;
}
.category-limpresa-che-cresce .company-data h4 {
  background-color: #2f4973 !important;
}
.category-limpresa-che-cresce .company-data .data li i {
  color: #2f4973 !important;
}

.category-limpresa-responsabile .box {
  border-color: #93c01f !important;
}
.category-limpresa-responsabile .box b,
.category-limpresa-responsabile .box strong {
  color: #93c01f !important;
}
.category-limpresa-responsabile .box.box-fullcolor {
  background-color: rgba(147, 192, 31, 0.2) !important;
}
.category-limpresa-responsabile .entry-cat,
.category-limpresa-responsabile .box-title {
  background-color: #93c01f !important;
}
.category-limpresa-responsabile .entry-cat:after {
  background-color: #93c01f !important;
}
.category-limpresa-responsabile .company-data h4 {
  background-color: #93c01f !important;
}
.category-limpresa-responsabile .company-data .data li i {
  color: #93c01f !important;
}

.category-limpresa-che-innova .box {
  border-color: #6edbd5 !important;
}
.category-limpresa-che-innova .box b,
.category-limpresa-che-innova .box strong {
  color: #6edbd5 !important;
}
.category-limpresa-che-innova .box.box-fullcolor {
  background-color: rgba(110, 219, 213, 0.2) !important;
}
.category-limpresa-che-innova .entry-cat,
.category-limpresa-che-innova .box-title {
  background-color: #6edbd5 !important;
}
.category-limpresa-che-innova .entry-cat:after {
  background-color: #6edbd5 !important;
}
.category-limpresa-che-innova .company-data h4 {
  background-color: #6edbd5 !important;
}
.category-limpresa-che-innova .company-data .data li i {
  color: #6edbd5 !important;
}

@media only screen and (min-width: 550px) {
  .with-header-bg #main article > .post-thumbnail {
    display: none;
  }
}
body.single:not(.single-launch).dolcesalato-theme .entry-content *:first-child,
body.single:not(.single-launch).dolcesalato-theme .side-box ~ *:nth-child(2) {
  margin-top: 0 !important;
}
body.single:not(.single-launch).dolcesalato-theme .side-box:not(.adv) {
  max-width: 20.6666666667rem;
  width: 100%;
  margin-left: auto;
}
@media all and (max-width: 549px) {
  body.single:not(.single-launch).dolcesalato-theme .side-box:not(.adv) {
    width: auto;
  }
}
@media all and (min-width: 899px) {
  body.single:not(.single-launch).dolcesalato-theme .side-box {
    position: absolute;
    right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
  body.single:not(.single-launch).dolcesalato-theme .side-box:not(:first-child) {
    margin-top: 0;
  }
}
body.single:not(.single-launch).dolcesalato-theme .side-box.adv .block-contents {
  width: 20.6666666667rem;
  margin: auto;
  text-align: center;
}
body.single:not(.single-launch).dolcesalato-theme .side-box.adv .block-contents a {
  display: inline-block;
}
@media only screen and (max-width: 899px) {
  body.single:not(.single-launch).dolcesalato-theme .side-box.adv {
    margin-left: auto;
    margin-right: auto;
  }
  body.single:not(.single-launch).dolcesalato-theme .side-box.adv:first-child {
    display: none;
  }
}

body.page:not(.home) #main article > header .entry-title {
  font-size: 250%; /* CHECK */
  display: block;
  text-align: center;
  text-transform: uppercase; /* CHECK */
}
body.page:not(.home) #main article > header .entry-title:not(a) {
  margin: 0.5em; /* CHECK */
}
body.error404 .site-content #primary main#main {
  width: 100%;
}
body.error404 .site-content #primary main#main .page-content {
  width: 100%;
}
body.error404 .site-content #primary main#main .page-content section.error-404 {
  display: flex;
  margin: 2em 0 3em;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  body.error404 .site-content #primary main#main .page-content section.error-404 {
    flex-direction: column;
    margin-top: 1em;
  }
}
body.error404 .site-content #primary main#main .page-content section.error-404 > * {
  width: 48%;
}
@media only screen and (max-width: 899px) {
  body.error404 .site-content #primary main#main .page-content section.error-404 > * {
    width: 100%;
  }
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-mobile {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 900px) {
  body.error404 .site-content #primary main#main .page-content section.error-404 .error-mobile {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  body.error404 .site-content #primary main#main .page-content section.error-404 .error-large {
    display: none;
  }
}
body.error404 .site-content #primary main#main .page-content section.error-404 h1 {
  font: 500 3.5em/1 var(--font-single-title, Oswald, sans-serif);
  text-transform: uppercase;
}
@media only screen and (max-width: 549px) {
  body.error404 .site-content #primary main#main .page-content section.error-404 h1 {
    font-size: 2.5em;
  }
}
body.error404 .site-content #primary main#main .page-content section.error-404 p.error-sub {
  font-size: 1.1em;
  margin-top: 0.75em;
}
@media only screen and (max-width: 899px) {
  body.error404 .site-content #primary main#main .page-content section.error-404 p.error-sub {
    line-height: 1.2;
    font-size: 1em;
  }
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-left figure {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
@media only screen and (max-width: 899px) {
  body.error404 .site-content #primary main#main .page-content section.error-404 .error-left figure {
    padding-top: 5em;
  }
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-left figure .error-patch {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.1;
  background-color: var(--color-main-logo, #e20613);
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  padding: 0.25em 2em;
}
@media only screen and (max-width: 899px) {
  body.error404 .site-content #primary main#main .page-content section.error-404 .error-left figure .error-patch {
    display: none;
  }
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-left figure .error-patch span.error-number {
  font-size: 2em;
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-left .search-404 {
  border: 1px solid #ccc;
  border-radius: 30px;
  flex-grow: 0 !important;
  display: flex !important;
  margin-left: 0;
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-left .search-404::before {
  background: none;
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-right .error-text {
  border-left: 5px solid var(--color-level2, #89a5c0);
  padding-left: 1em;
  margin-top: 3em;
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-right .error-text p {
  font-size: 1.25em;
  line-height: 2.25;
  margin: 0;
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-right .error-text p a {
  text-decoration: underline;
  background-color: var(--single-link-bg, #fff1be);
}
body.error404 .site-content #primary main#main .page-content section.error-404 .error-right .error-text p a:hover {
  background-color: var(--single-link-bg-hover, #ffdc5a);
  color: #2a2a2a;
}

/*
$color__launch-formaggi: #48B1DF;
$color__launch-salumi: #F8736E;
$color__launch-conserve: #63AB60;*/
body.single-launch {
  /*
   * La visione tablet standard darebbe troppo spazio ai link e troppo poco all'immagine ed al resto
   * quindi metto #secondary sotto e allargo #primary
   */
  /*@media only screen and (min-width: 550px) and (max-width: $size__screen-tablet-max) {
  	#page,*/
  /* Uno sotto l'altro occupano l'intera larghezza */
  /*#primary,
  	#secondary {
  		width: 80rem;
  	}*/
  /* Tolgo anche il bordo puntinato a dx */
  /*article.type-launch {
  		> header,
  		> .entry-content {
  			border: none;
  			margin-right: 0;
  		}
  	}
  }*/
}
body.single-launch .entry-content {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  body.single-launch .entry-content {
    flex-flow: column nowrap;
  }
}
body.single-launch .entry-content .leftContents,
body.single-launch .entry-content .rightContents {
  width: 50%;
}
body.single-launch .entry-content .leftContents {
  padding-right: 1rem;
}
body.single-launch .entry-content .rightContents {
  padding-left: 1rem;
}
@media only screen and (max-width: 899px) {
  body.single-launch .entry-content .leftContents,
  body.single-launch .entry-content .rightContents {
    width: 100%;
    padding: 0;
  }
}
body.single-launch #content {
  margin-bottom: 3rem;
}
body.single-launch .foodgallery.foodgallery-style-pager {
  text-align: center;
}
body.single-launch .foodgallery.foodgallery-style-pager > .item-container .item-navigator {
  background: #222222;
  padding: 0;
  border-radius: 0.3rem;
  overflow: hidden;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  display: inline-block;
}
body.single-launch .foodgallery.foodgallery-style-pager > .item-container .item-navigator * {
  vertical-align: middle;
}
body.single-launch .foodgallery.foodgallery-style-pager > .item-container .item-navigator .material-icons {
  font-size: 120%;
}
body.single-launch .foodgallery.foodgallery-style-pager > .item-container .item-navigator label {
  padding: 0.5rem;
}
body.single-launch .foodgallery.foodgallery-style-pager > .item-container .item-navigator label:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
body.single-launch .foodgallery.foodgallery-style-pager > .item-container .item-navigator label:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
body.single-launch .foodgallery.foodgallery-style-pager > .item-container .item-navigator .num-nav {
  margin: 0;
  padding: 0 0.8rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
}
body.single-launch #primary {
  margin-bottom: 4rem;
}
body.single-launch #secondary {
  padding: 0;
}
body.single-launch #secondary article.type-launch {
  padding-bottom: 1rem;
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section + section.widget_ultimate_posts.clean-related-section {
  margin-top: 5rem;
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading {
  margin-bottom: 1rem;
  text-align: right;
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading .in-line {
  display: flex;
  align-items: center;
  text-align: left;
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading .in-line h2 {
  margin: 0;
  padding-right: 2rem;
  font-size: 1.2rem;
  font-weight: 600;
}
@media all and (max-width: 549px) {
  body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading .in-line h2 {
    padding-right: 0;
  }
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading .in-line hr {
  display: block;
  border: none;
  height: 2px;
  background: #000;
  overflow: hidden;
  flex-grow: 100;
  margin: 0;
}
@media all and (max-width: 549px) {
  body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading .in-line hr {
    display: none;
  }
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading a {
  text-decoration: underline;
  font-size: 1rem;
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading .view-all {
  margin-top: -0.5em;
  display: block;
  /* con inline-block non prende il margin negativo */
}
@media all and (max-width: 549px) {
  body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .heading .view-all {
    margin-top: 0;
  }
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .upw-posts {
  display: flex;
  flex-flow: row wrap;
  /* IE11-FIX - era column nowrap align-items: center */
  justify-content: space-between;
  background-clip: padding-box;
  padding: 0;
}
@media all and (max-width: 549px) {
  body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .upw-posts {
    flex-direction: column;
    align-items: center;
  }
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .upw-posts article.lanci-box {
  margin-bottom: 1em;
}
body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .launch-related-container {
  display: flex;
  justify-content: flex-start;
  gap: 1.25%;
  position: relative;
  box-sizing: border-box;
  flex-wrap: wrap;
}
@media all and (max-width: 1279px) {
  body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .launch-related-container {
    gap: 2.5%;
  }
}
@media all and (max-width: 899px) {
  body.single-launch #secondary section.widget_ultimate_posts.clean-related-section .launch-related-container {
    justify-content: space-around;
  }
}
body.single-launch #secondary section.launch-widget .upw-posts:before,
body.single-launch #secondary section.launch-widget .upw-posts:after {
  content: " ";
  display: block;
  height: 0;
  width: calc(25% - 1rem);
  flex-basis: auto !important;
  order: 1;
}
@media all and (max-width: 1279px) {
  body.single-launch #secondary section.launch-widget .upw-posts:before,
  body.single-launch #secondary section.launch-widget .upw-posts:after {
    width: calc(33% - 1rem);
  }
}
@media all and (max-width: 899px) {
  body.single-launch #secondary section.launch-widget .upw-posts:before,
  body.single-launch #secondary section.launch-widget .upw-posts:after {
    width: calc(50% - 1rem);
  }
}
@media all and (max-width: 549px) {
  body.single-launch #secondary section.launch-widget .upw-posts:before,
  body.single-launch #secondary section.launch-widget .upw-posts:after {
    width: 100%;
  }
}
body.single-launch #secondary section.bordered-section.widget_ultimate_posts .upw-posts {
  display: flex;
  flex-flow: row wrap;
  /* IE11-FIX - era column nowrap align-items: center */
  justify-content: flex-start;
  gap: 1.5%;
  background-clip: padding-box;
  padding: 1rem 1rem 0 1rem;
}
@media only screen and (max-width: 1279px) {
  body.single-launch #secondary section.bordered-section.widget_ultimate_posts .upw-posts {
    gap: 2.75%;
  }
}
@media only screen and (max-width: 899px) {
  body.single-launch #secondary section.bordered-section.widget_ultimate_posts .upw-posts {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    /*
     * Cerca di evitare problemi di distribuzione degli elementi dell'ultima riga
     * */
  }
  body.single-launch #secondary section.bordered-section.widget_ultimate_posts .upw-posts:after {
    content: "";
    width: 12.5rem;
    height: 0;
  }
}
body.single-launch #main article.type-launch > header,
body.single-launch #main article.type-launch > .entry-content {
  margin: 0;
  overflow: hidden;
  /* IMPORTANT - Altrimenti mette una spaziatura verticale fra i due */
}
body.single-launch #main article.type-launch .entry-content p {
  font-weight: 300;
  font-size: 0.9em;
  line-height: 3.2ex;
  margin-top: 1ex;
}
body.single-launch #main article.type-launch p:last-child {
  margin-bottom: 0;
}
body.single-launch #main .launch-box-title {
  display: flex;
}
body.single-launch #main .launch-box-sponsored {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 90%;
  margin-bottom: 0.75rem;
}
body.single-launch #main .launch-box-colorline {
  border-top: 1px solid #ddd;
}
body.single-launch #main .launch-box-colorline div {
  width: 9.6rem;
  max-width: 100%;
  height: 0.5rem;
  position: relative;
  margin-top: -1px;
}
body.single-launch #main .launch-box-colorline div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26ffffff", endColorstr="#26000000", GradientType=1);
}
body.single-launch #main .launch-brand {
  width: 10em;
  height: 3.5em;
  box-sizing: content-box;
  padding: 0.5rem 2em;
  display: flex;
  justify-content: end;
  align-items: center;
}
body.single-launch #main .launch-brand img {
  max-width: 100%;
  max-height: 100%;
}
body.single-launch #main .launch-box-title-text {
  flex-flow: column;
  margin: 0 2em 0 0;
  padding: 0.5rem;
  padding-left: 0;
  justify-content: center;
  display: flex;
  flex-grow: 1;
}
@media only screen and (max-width: 899px) {
  body.single-launch #main {
    /*
     * Anche se lo spazio è stretto mantengo il brand però
     * riduco gli spazi separatori laterali
     * */
  }
  body.single-launch #main .launch-brand {
    padding: 0.5rem 1em;
  }
}
@media only screen and (max-width: 549px) {
  body.single-launch #main {
    /*
     * Visto che il brand diventerebbe troppo piccolo
     * lo nascondo e tolgo gli spazi separatori laterali per il testo
     * */
  }
  body.single-launch #main .launch-brand {
    display: none;
  }
  body.single-launch #main .launch-box-title-text {
    margin: 0;
    padding: 0.5rem 0;
  }
}
body.single-launch #main .launch-line-name {
  font-size: 1.7em;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
body.single-launch #main .launch-title {
  font-size: 2.3em;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}
body.single-launch #main .launch-subtitle {
  font-size: 1em;
  font-weight: 600;
  display: flex;
  align-items: center;
  column-gap: 0.25em;
  margin-bottom: 1em;
  margin-top: 2em;
}
body.single-launch #main .launch-subtitle .fa {
  font-size: 0.9em;
  margin-right: 0.5rem;
}
body.single-launch #main .leftContents,
body.single-launch #main .rightContents {
  margin-bottom: 0;
}
body.single-launch #main .leftContents .launch-main-img {
  display: none;
}
@media only screen and (max-width: 899px) {
  body.single-launch #main .leftContents .launch-main-img {
    display: block;
  }
}
body.single-launch #main .rightContents .launch-main-img {
  display: block;
}
@media only screen and (max-width: 899px) {
  body.single-launch #main .rightContents .launch-main-img {
    display: none;
  }
}
body.single-launch #main .launch-main-left {
  width: 100%;
}
body.single-launch #main .launch-main-img {
  max-width: 100%;
  display: flex;
  justify-content: center;
}
body.single-launch #main .launch-main-img img {
  max-width: 100%;
  max-height: 40rem;
  height: auto;
  width: auto;
  margin: auto;
}
body.single-launch #main .claims-container {
  padding: 0;
  list-style: none;
  margin: 0 0 1.5em 0;
  overflow: hidden;
}
body.single-launch #main .claims-container .launch-claim {
  font-weight: 700;
  font-size: 0.8em;
  margin-top: 0.5rem;
  border-radius: 0.8em;
  float: left;
  clear: both;
  color: #FFFFFF;
  padding: 0.2em 0.8em;
}
body.single-launch #main #links,
body.single-launch #main .launch-box-info {
  margin-top: 0;
}
body.single-launch #main .launch-box-info-top {
  padding: 2.3rem 2rem;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  color: #a4a4a4;
  overflow: hidden;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
  background: #f2f2f1;
}
body.single-launch #main .launch-box-info-top p {
  flex-basis: 50%;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 2.7ex !important;
  margin: 2.3rem 0 0 !important;
}
body.single-launch #main .launch-box-info-top p:nth-child(1), body.single-launch #main .launch-box-info-top p:nth-child(2) {
  margin-top: 0 !important;
}
body.single-launch #main .launch-box-info-top p span {
  font-weight: 700;
  font-size: 1.3em;
  color: #2a2a2a;
}
body.single-launch #main .launch-box-info-top p.start-to-sell span {
  text-transform: capitalize;
}
@media all and (max-width: 549px) {
  body.single-launch #main .launch-box-info-top {
    padding: 1em !important;
  }
  body.single-launch #main .launch-box-info-top p {
    flex-basis: 100%;
    padding-bottom: 1em;
    margin-top: 0 !important;
  }
  body.single-launch #main .launch-box-info-top p:last-child {
    padding-bottom: 0;
  }
}
body.single-launch #main .launch-box-info-bottom {
  padding: 2.3rem 2rem;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  color: #a4a4a4;
  overflow: hidden;
  border-bottom-left-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
  border: 2px solid #f2f2f1;
}
body.single-launch #main .launch-box-info-bottom p {
  flex-basis: 50%;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 2.7ex !important;
  margin: 2.3rem 0 0 !important;
}
body.single-launch #main .launch-box-info-bottom p:nth-child(1), body.single-launch #main .launch-box-info-bottom p:nth-child(2) {
  margin-top: 0 !important;
}
body.single-launch #main .launch-box-info-bottom p span {
  font-weight: 700;
  font-size: 1.3em;
  color: #2a2a2a;
}
body.single-launch #main .launch-box-info-bottom p.start-to-sell span {
  text-transform: capitalize;
}
@media all and (max-width: 549px) {
  body.single-launch #main .launch-box-info-bottom {
    padding: 1em !important;
  }
  body.single-launch #main .launch-box-info-bottom p {
    flex-basis: 100%;
    padding-bottom: 1em;
    margin-top: 0 !important;
  }
  body.single-launch #main .launch-box-info-bottom p:last-child {
    padding-bottom: 0;
  }
}
body.single-launch #main .launch-link {
  margin-top: 0 !important;
  margin-bottom: 0.75em !important;
}
body.single-launch #main .launch-link a {
  font-size: 1.2em;
  font-weight: 600;
  display: block;
}
body.single-launch #main .launch-link span {
  font-weight: 300;
}

/*--------------------------------------------------------------
## Eventi
--------------------------------------------------------------*/
body.single-eventi .post-thumbnail,
.block-editor-block-list__layout .post-thumbnail {
  position: relative;
  margin-bottom: 1em;
  padding-top: 25rem;
  background-size: cover;
  background-position: center center;
}
body.single-eventi .post-thumbnail img,
.block-editor-block-list__layout .post-thumbnail img {
  display: none;
}
body.single-eventi .post-thumbnail .label,
.block-editor-block-list__layout .post-thumbnail .label {
  line-height: 1;
  font-size: 125%;
  text-transform: uppercase;
  white-space: nowrap;
  display: block;
  padding: 0.75ex 1.5em;
  left: 0;
  bottom: 0;
  background-color: var(--color-level2, #89a5c0);
  color: #fff;
  position: absolute;
}
body.single-eventi .post-thumbnail .label a:hover, body.single-eventi .post-thumbnail .label a:active,
.block-editor-block-list__layout .post-thumbnail .label a:hover,
.block-editor-block-list__layout .post-thumbnail .label a:active {
  color: #fff;
}
body.single-eventi header.entry-header h1.entry-title,
.block-editor-block-list__layout header.entry-header h1.entry-title {
  font-weight: 600;
  font-size: 335%;
}
body.single-eventi header.entry-header .entry-meta-container,
.block-editor-block-list__layout header.entry-header .entry-meta-container {
  margin-top: 2em;
  border-top: 1px solid var(--color-meta, #b7b7b7);
}
@media only screen and (max-width: 899px) {
  body.single-eventi header.entry-header .entry-meta-container,
  .block-editor-block-list__layout header.entry-header .entry-meta-container {
    flex-direction: column;
  }
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta {
  border-left: 1em solid var(--color-level2, #89a5c0);
  padding: 0 0.5em;
  color: #2a2a2a;
  font-weight: 600;
  font-size: 175%;
  margin: 0.5ex 0;
}
@media only screen and (max-width: 899px) {
  body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta,
  .block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta {
    align-self: flex-start;
  }
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta p,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta p {
  margin: 0.25em 0;
  line-height: 1.2;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date {
  display: flex;
  position: relative;
  font-size: 50%;
  font-weight: 400;
  margin-top: 1em;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a {
  color: #2a2a2a;
  outline: none;
  display: flex;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a span,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a span {
  text-decoration: underline;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a:hover, body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a:focus, body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a:active,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a:hover,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a:focus,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date a:active {
  color: inherit;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date i.collapse,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date i.collapse {
  transform: rotate(180deg);
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date .save-calendars,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date .save-calendars {
  position: absolute;
  top: 1.75em;
  background-color: #fff;
  border-radius: 1ex;
  padding: 1em;
  box-shadow: 0 0.0625em 0.1875em rgba(0, 0, 0, 0.12);
  display: none;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date .save-calendars a,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date .save-calendars a {
  color: #2a2a2a;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  font-size: 90%;
  font-weight: 500;
  line-height: 1.7;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date .save-calendars a:hover,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .entry-meta .save-the-date .save-calendars a:hover {
  text-decoration: underline;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .online-now,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .online-now {
  padding: 0.4rem;
  margin-top: 0.5rem;
  background-color: #eee;
  display: none;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .online-now.show,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .online-now.show {
  display: flex;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .online-now svg#icon-streaming,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .online-now svg#icon-streaming {
  margin: 0 0.5rem;
}
body.single-eventi header.entry-header .entry-meta-container .left-block .online-now p,
.block-editor-block-list__layout header.entry-header .entry-meta-container .left-block .online-now p {
  font-size: 100%;
}
@media only screen and (max-width: 899px) {
  body.single-eventi header.entry-header .entry-meta-container .wp-block-button,
  .block-editor-block-list__layout header.entry-header .entry-meta-container .wp-block-button {
    align-self: center;
    margin-top: 2em;
  }
}
body.single-eventi header.entry-header .entry-subtitle,
.block-editor-block-list__layout header.entry-header .entry-subtitle {
  margin-top: 1.5rem;
  margin-bottom: 1.2rem;
  font-size: 125%;
  font-weight: 600;
  line-height: 1.2;
}
body.single-eventi #main article .entry-content h2,
.block-editor-block-list__layout #main article .entry-content h2 {
  --bgColor: $color__color-level2;
  text-transform: uppercase;
  font-size: 335%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  white-space: nowrap;
}
body.single-eventi #main article .entry-content h2::after,
.block-editor-block-list__layout #main article .entry-content h2::after {
  content: "";
  height: 0.7rem;
  width: 100%;
  background-color: var(--bgColor);
  margin-left: 0.25em;
}
@media only screen and (max-width: 549px) {
  body.single-eventi #main article .entry-content h2,
  .block-editor-block-list__layout #main article .entry-content h2 {
    font-size: 250%;
  }
  body.single-eventi #main article .entry-content h2::after,
  .block-editor-block-list__layout #main article .entry-content h2::after {
    height: 0.45rem;
  }
}
body.single-eventi #main article .entry-content h3,
.block-editor-block-list__layout #main article .entry-content h3 {
  max-width: 100%;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 150%;
  margin-top: 1em;
}
body.single-eventi #main article .entry-content > p:first-child,
.block-editor-block-list__layout #main article .entry-content > p:first-child {
  margin-top: 2em;
}
body.single-eventi .wp-block-button a.wp-block-button__link,
.block-editor-block-list__layout .wp-block-button a.wp-block-button__link {
  color: #fff;
  border: none;
  border-radius: 0.7ex;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.3rem;
  padding: 0.3333333333em 2em;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
}
body.single-eventi .wp-block-button a.wp-block-button__link:hover,
.block-editor-block-list__layout .wp-block-button a.wp-block-button__link:hover {
  filter: brightness(1.2);
}
body.single-eventi .wp-block-button a.wp-block-button__link:not(.has-background),
.block-editor-block-list__layout .wp-block-button a.wp-block-button__link:not(.has-background) {
  background-color: var(--color-level2, #89a5c0);
}
body.single-eventi .wp-block-button a.wp-block-button__link.expired,
.block-editor-block-list__layout .wp-block-button a.wp-block-button__link.expired {
  background-color: var(--color-meta, #b7b7b7);
  cursor: not-allowed;
  display: none;
}

/*--------------------------------------------------------------
## Ricette
--------------------------------------------------------------*/
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header {
  margin-bottom: 0.3333333333em;
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container {
  margin-top: 0.25em;
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container:last-child {
  margin-bottom: 1.5rem;
}
@media all and (max-width: 899px) {
  body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: none;
  }
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container a.entry-cat {
  margin: 1.45ex 0;
  bottom: 0;
  background-color: inherit;
  color: var(--color-main-logo, #e20613);
  position: relative;
  font-weight: 700;
  padding: 0;
  font-size: 100%;
}
@media all and (max-width: 899px) {
  body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container a.entry-cat {
    margin-bottom: 4px;
    margin-top: 2em;
  }
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container a.entry-cat::after {
  top: calc(100% + 1ex - 2px);
  background-image: linear-gradient(to right, #e20613, #770009);
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container .entry-meta {
  font-size: 100%;
  display: flex;
  color: #b7b7b7;
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container .entry-meta .single-meta-container {
  margin-left: 1em;
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container .entry-meta .single-meta-container span.label {
  font-weight: 500;
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container .entry-meta .single-meta-container span.value {
  color: #2a2a2a;
  font-weight: 700;
}
@media all and (max-width: 899px) {
  body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container .entry-meta {
    border-top: 1px solid #b7b7b7;
    padding-top: 1em;
    flex-wrap: wrap;
    width: 100%;
  }
  body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-meta-container .single-meta-container {
    margin-left: 0;
    width: 50%;
    padding: 0.3333333333em 0;
  }
  body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header:not(.sticky) .entry-meta-container .entry-meta2 {
    display: none;
  }
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header.sticky .entry-meta-container .entry-meta {
  display: none;
}
body.single-ricette .site .site-content .content-area #main article.type-ricette header.entry-header .entry-subtitle {
  margin: 1.5rem 0 1rem;
  font-size: 125%;
  line-height: 1.6;
  font-weight: 600;
  font-style: italic;
}
body.single-ricette .site .site-content aside.widget-area.ricette {
  padding: 1.5rem 0 !important;
}
body.single-ricette .site .site-content aside.widget-area.ricette h2.column-title {
  text-transform: none;
  font-size: 100%;
  font-weight: 700;
  display: flex;
  margin-bottom: 0;
}
body.single-ricette .site .site-content aside.widget-area.ricette h2.column-title span.title-border {
  border-top: 2px solid #2a2a2a;
  display: inline-block;
  flex-grow: 1;
  margin-left: 1em;
}
body.single-ricette .site .site-content aside.widget-area.ricette .tutte-link {
  text-align: right;
  font-size: 85%;
  margin-bottom: 3em;
}
body.single-ricette .site .site-content aside.widget-area.ricette .tutte-link a {
  text-decoration: underline;
}
@media only screen and (max-width: 549px) {
  body.single-ricette .site .site-content aside.widget-area.ricette .column-content > article.type-ricette.card {
    margin-bottom: 1rem !important;
  }
}
body.single-ricette .site .site-content aside.tag-area {
  margin: 2rem 0;
  padding: 0;
}
body.single-ricette .site .site-content aside.tag-area ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
body.single-ricette .site .site-content aside.tag-area ul li {
  text-transform: uppercase;
  font-size: 90%;
  margin-bottom: 1.5rem;
}
body.single-ricette .site .site-content aside.tag-area ul li:not(:last-child) {
  margin-right: 1rem;
  white-space: nowrap;
}
body.single-ricette .site .site-content aside.tag-area ul li a {
  background-color: #e6e6e6;
  padding: 0.3rem 1rem;
  border-radius: 0.5ex;
}
article.type-ricette.card {
  border: 1px solid #b7b7b7;
  border-radius: 0.5ex;
  overflow: hidden;
  padding-bottom: 1.5rem;
}
article.type-ricette.card .post-thumbnail {
  height: 8.8389195305rem;
}
article.type-ricette.card .tab {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 2em;
  color: #e20613;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  padding: 0.5em;
  padding-bottom: 0;
  font-size: 85%;
  border-top-left-radius: 0.5ex;
  border-top-right-radius: 0.5ex;
}
article.type-ricette.card .thumb-border {
  background-image: linear-gradient(to right, #e20613, #770009);
  height: 0.9ex;
  position: relative;
}
article.type-ricette.card header {
  padding: 1em;
  padding-bottom: 0;
}
article.type-ricette.card header h2 {
  font-size: 125% !important;
  font-weight: 700;
  font-size: 150%;
}
article.type-ricette.card.sponsored {
  /* // Questo serve a impostare la card SPONSORED come la card notizia

  &::before {
  	position: absolute;
  	top: 0;
  	right: 0;
  	display: block;
  	padding: 0.75ex 1.5em;
  	content: 'SPONSORED';
  	font-size: $font__single_post_meta;
  	line-height: 1;
  	font-weight: 600;
  	background: $color__background-sponsored-start;
  	z-index: 4;
  }

  &::after {
  	content: " ";
  	position: absolute;
  	bottom: 0;
  	width: 100%;
  	height: .5rem;
  	background: $color__background-sponsored-start;
  }

  a.post-thumbnail {

  	&::after {
  		content: " ";
  		position: absolute;
  		top: 0;
  		width: 100%;
  		height: .5rem;
  		background: $color__background-sponsored-start;
  		opacity: 1;
  	}
  }

  */
}
article.type-ricette.card.sponsored .thumb-border {
  background: radial-gradient(ellipse at center bottom, var(--color-background-sponsored-end, rgb(255, 231.8260869565, 173)), var(--color-background-sponsored-start, #ffcb47));
}

body.home aside.widget-area.ricette .column-content > article.type-ricette.card {
  margin-bottom: 1rem !important;
  padding-bottom: 1rem !important;
}
body.home aside.widget-area.ricette .column-content > article.type-ricette.card .post-thumbnail {
  height: 6rem !important;
}
body.home aside.widget-area.ricette .column-content > article.type-ricette.card header h2 {
  font-size: 100% !important;
}
body.home aside.widget-area.ricette .column-content > article.type-ricette.card .tab {
  display: none;
}
@media only screen and (min-width: 549px) {
  body.home section.launches_widget_mobile .upw-posts article.card:nth-child(-n+2) {
    margin-bottom: 1rem;
  }
}

body.tax-topic.sponsored article.type-ricette.card {
  /*
  		&.sponsored {

  			&::before, &::after {
  				content: none;
  			}

  			a.post-thumbnail {

  				&::after {
  					content: none;
  				}
  			}
  		}

  	*/
}
body.tax-topic.sponsored article.type-ricette.card .thumb-border {
  background-image: linear-gradient(to right, #e20613, #770009);
}
body.tax-topic.sponsored article.type-ricette.card .thumb-border .tab span.sponsored-label {
  display: none;
}

#page {
  max-width: 2400px;
  width: 100%;
  padding: 0 3em;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: #fff;
}
@media only screen and (max-width: 1599px) {
  #page {
    padding: 0 3vw;
  }
}
@media only screen and (max-width: 549px) {
  #page {
    padding: 0 1em;
  }
}

#primary {
  float: none;
  width: auto;
  /*
   * Altrimenti eventuali titoli di widget bordered che escono sarebbero tagliati
   * overflow: hidden;
   * */
}

@media only screen and (min-width: 1279px) {
  html {
    font-size: 1vw;
  }
}
@media only screen and (min-width: 2400px) {
  html {
    font-size: 24px;
  }
}

@media only screen and (max-width: 549px) {
  /* Riscalo in modo da mantenere spaziature più coerenti che non si resingano troppo */
}
@media only screen and (max-width: 549px) {
  /* Uno sotto l'altro occupano l'intera larghezza */
}
body {
  /*
  	* Mettero comunque overflow-x: hidden al body perché
  	* la scroll bar verticale può occupare spazio non qui calcolato
  	* e quindi gli sfondamenti laterali (page-side-extension)
  	* potrebbero comunque innescare quella orizzontale.
  	* */
  overflow-x: hidden;
}

#content.space-before {
  margin-top: 3rem;
}
@media only screen and (max-width: 549px) {
  #content.space-before {
    margin-top: 2rem;
  }
}

@media only print {
  #masthead_sticky,
  #masthead > *:not(.site-branding),
  #content > *:not(#primary),
  #primary > *:not(header):not(.main):not(#topnews-area):not(.column-title),
  .social-shares,
  .menu-footer-container,
  .newsletter-link,
  .social-pages {
    display: none !important;
  }
  #page,
  #masthead,
  #masthead_sticky,
  #primary > .column-title,
  #primary > #topnews-area,
  #main,
  #main article > *,
  #colophon {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
  }
  #colophon .thick-footer {
    justify-content: center;
  }
  #masthead {
    position: relative !important;
  }
  .hfeed .main > section,
  .hfeed article {
    page-break-inside: avoid;
  }
  .hfeed article.category-video .post-thumbnail:after,
  .hfeed article.category-video .entry-image a:after {
    /*
     * In chrome ad esempio questo background viene trasformato
     * in un riquadro bianco che nasconde l'immagin sottostante
     * */
    display: none;
  }
  body.single-post #main article > header {
    margin-top: 0 !important;
    position: static !important;
  }
  body.single-post #main article > .post-thumbnail {
    display: none !important;
  }
}
html.print-preview #masthead_sticky,
html.print-preview #masthead > *:not(.site-branding),
html.print-preview #content > *:not(#primary),
html.print-preview #primary > *:not(header):not(.main):not(#topnews-area):not(.column-title),
html.print-preview .social-shares,
html.print-preview .menu-footer-container,
html.print-preview .newsletter-link,
html.print-preview .social-pages {
  display: none !important;
}
html.print-preview #page,
html.print-preview #masthead,
html.print-preview #masthead_sticky,
html.print-preview #primary > .column-title,
html.print-preview #primary > #topnews-area,
html.print-preview #main,
html.print-preview #main article > *,
html.print-preview #colophon {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
}
html.print-preview #colophon .thick-footer {
  justify-content: center;
}
html.print-preview #masthead {
  position: relative !important;
}
html.print-preview .hfeed .main > section,
html.print-preview .hfeed article {
  page-break-inside: avoid;
}
html.print-preview .hfeed article.category-video .post-thumbnail:after,
html.print-preview .hfeed article.category-video .entry-image a:after {
  /*
   * In chrome ad esempio questo background viene trasformato
   * in un riquadro bianco che nasconde l'immagin sottostante
   * */
  display: none;
}
html.print-preview body.single-post #main article > header {
  margin-top: 0 !important;
  position: static !important;
}
html.print-preview body.single-post #main article > .post-thumbnail {
  display: none !important;
}

.entry-header .entry-title.has-title-image,
.page-header .page-title.has-title-image {
  /* Se c'è a title_image nascondo il testo perché l'immagine lo sostiuisce (centrata) */
  background: none;
}
.entry-header .entry-title.has-title-image .text,
.page-header .page-title.has-title-image .text {
  text-indent: -999em;
  overflow: hidden;
  display: block;
  line-height: 0;
}
.entry-header .entry-title.has-title-image .title-image,
.page-header .page-title.has-title-image .title-image {
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* @import "modules/infinite-scroll"; */
/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## 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;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
## Video
--------------------------------------------------------------*/
.d-none {
  display: none !important;
}
@media only screen and (max-width: 899px) {
  .d-none {
    display: flex;
  }
}

.opc-0 {
  opacity: 0;
}
@media only screen and (max-width: 899px) {
  .opc-0 {
    opacity: 1;
  }
}

.videos,
.video-home {
  background-color: #323232;
  padding: 1em;
  position: relative;
}
.videos .full-row,
.video-home .full-row {
  background-color: #323232;
}
.videos .videos-header,
.video-home .videos-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
}
.videos .videos-header .brand-title,
.video-home .videos-header .brand-title {
  display: flex;
}
@media only screen and (max-width: 899px) {
  .videos .videos-header .brand-title,
  .video-home .videos-header .brand-title {
    display: none;
  }
}
.videos .videos-header .brand-title h1.main-title,
.video-home .videos-header .brand-title h1.main-title {
  color: #fff;
  font-size: 335%;
  font-weight: bold;
}
.videos .videos-header .brand-title img.brand-logo,
.video-home .videos-header .brand-title img.brand-logo {
  height: 60px;
  width: 300px;
  object-fit: cover;
  object-position: center;
}
.videos .videos-header select,
.video-home .videos-header select {
  font-weight: bold;
  padding: 0.5em 2em 0.5em 0.5em;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("images/select-arrow.png") no-repeat right center;
  background-color: #fff;
  background-size: 35px;
  border-radius: 0.5ex;
  width: 30%;
}
@media only screen and (max-width: 899px) {
  .videos .videos-header select,
  .video-home .videos-header select {
    width: 100%;
    background: url("images/select-arrow-white.png") no-repeat right center;
    background-color: var(--color-meta, #b7b7b7);
    border-color: var(--color-meta, #b7b7b7);
    color: #fff;
    font-size: 200%;
    padding: 0.25em 2em 0.25em 0.5em;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 549px) {
  .videos .videos-header select,
  .video-home .videos-header select {
    font-size: 150%;
  }
}
.videos .videos-main-container,
.video-home .videos-main-container {
  border-top: 1px solid var(--color-meta, #b7b7b7);
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container,
  .video-home .videos-main-container {
    flex-direction: column;
  }
}
.videos .videos-main-container article.video-main-box,
.video-home .videos-main-container article.video-main-box {
  background-color: #2a2a2a;
  width: 70%;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container article.video-main-box,
  .video-home .videos-main-container article.video-main-box {
    width: 100%;
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.videos .videos-main-container article.video-main-box .cookie-alert,
.video-home .videos-main-container article.video-main-box .cookie-alert {
  color: #fff;
  padding: 1em 1em 0;
}
.videos .videos-main-container article.video-main-box .cookie-alert p,
.video-home .videos-main-container article.video-main-box .cookie-alert p {
  font-size: 75%;
  margin: 0;
}
.videos .videos-main-container article.video-main-box .cookie-alert p span,
.video-home .videos-main-container article.video-main-box .cookie-alert p span {
  text-decoration: underline;
  cursor: pointer;
}
@media only screen and (min-width: 899px) {
  .videos .videos-main-container article.video-main-box .video-wrap,
  .video-home .videos-main-container article.video-main-box .video-wrap {
    padding-right: 1em;
  }
}
.videos .videos-main-container article.video-main-box .video-wrap .video,
.video-home .videos-main-container article.video-main-box .video-wrap .video {
  padding: 56.25% 0 0 0;
  position: relative;
}
.videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access,
.video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access {
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0;
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  backdrop-filter: blur(8px);
  display: none;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access {
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(1em);
    backdrop-filter: blur(1em);
  }
}
.videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access.hide,
.video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access.hide {
  display: flex;
}
.videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_logged,
.video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_logged {
  display: none;
}
.videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access p, .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login,
.video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access p,
.video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login {
  color: #fff;
  font-size: 220%;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access p, .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access p,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login {
    font-size: 180%;
  }
}
@media only screen and (max-width: 549px) {
  .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access p, .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access p,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login {
    font-size: 110%;
    margin-bottom: 1rem;
  }
}
.videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login, .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access #countdown,
.video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login,
.video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access #countdown {
  font-size: 120%;
  font-weight: 400;
  text-decoration: underline;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login, .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access #countdown,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access #countdown {
    font-size: 120%;
  }
}
@media only screen and (max-width: 549px) {
  .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login, .videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access #countdown,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access .WUM_cta_login,
  .video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access #countdown {
    font-size: 100%;
  }
}
.videos .videos-main-container article.video-main-box .video-wrap .video .reserved-access #countdown,
.video-home .videos-main-container article.video-main-box .video-wrap .video .reserved-access #countdown {
  text-decoration: none;
  margin-top: 0;
  margin-bottom: 1rem;
}
.videos .videos-main-container article.video-main-box .video-wrap .video .close-container,
.video-home .videos-main-container article.video-main-box .video-wrap .video .close-container {
  display: none;
}
.videos .videos-main-container article.video-main-box .video-wrap .video.stuck,
.video-home .videos-main-container article.video-main-box .video-wrap .video.stuck {
  position: fixed;
  bottom: 60px;
  right: 25px;
  width: 400px;
  height: 225px;
  padding: 0;
  animation: fade-in-up 0.25s ease forwards;
  z-index: 999;
  border: 2px solid var(--color-meta, #b7b7b7);
  background-color: var(--color-meta, #b7b7b7);
}
.videos .videos-main-container article.video-main-box .video-wrap .video.stuck .reserved-access p,
.video-home .videos-main-container article.video-main-box .video-wrap .video.stuck .reserved-access p {
  font-size: 110%;
}
.videos .videos-main-container article.video-main-box .video-wrap .video.stuck .reserved-access a,
.video-home .videos-main-container article.video-main-box .video-wrap .video.stuck .reserved-access a {
  font-size: 100%;
}
.videos .videos-main-container article.video-main-box .video-wrap .video.stuck .close-container,
.video-home .videos-main-container article.video-main-box .video-wrap .video.stuck .close-container {
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-meta, #b7b7b7);
  background-color: #fff;
  display: flex;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 10;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.videos .videos-main-container article.video-main-box .video-wrap .video.stuck .close-container i,
.video-home .videos-main-container article.video-main-box .video-wrap .video.stuck .close-container i {
  font-size: 14px;
  color: #2a2a2a;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container article.video-main-box .video-wrap .video.stuck,
  .video-home .videos-main-container article.video-main-box .video-wrap .video.stuck {
    bottom: 20px;
    right: auto;
    left: 50%;
    margin-left: -200px;
    width: 100%;
    max-width: 50vw;
    height: 28vw;
  }
}
.videos .videos-main-container article.video-main-box .video-wrap .video iframe,
.video-home .videos-main-container article.video-main-box .video-wrap .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videos .videos-main-container article.video-main-box .video-wrap .cookie-alert,
.video-home .videos-main-container article.video-main-box .video-wrap .cookie-alert {
  padding: 1em 1em 0 0;
}
.videos .videos-main-container article.video-main-box header.video-main-text,
.video-home .videos-main-container article.video-main-box header.video-main-text {
  padding: 1em;
}
.videos .videos-main-container article.video-main-box header.video-main-text .video-main-title h2,
.video-home .videos-main-container article.video-main-box header.video-main-text .video-main-title h2 {
  color: #fff;
  font-weight: bold;
  font-size: 200%;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 549px) {
  .videos .videos-main-container article.video-main-box header.video-main-text .video-main-title h2,
  .video-home .videos-main-container article.video-main-box header.video-main-text .video-main-title h2 {
    font-size: 150%;
  }
}
.videos .videos-main-container article.video-main-box header.video-main-text .video-main-action,
.video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 0.5em;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container article.video-main-box header.video-main-text .video-main-action,
  .video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action {
    flex-direction: column;
  }
}
.videos .videos-main-container article.video-main-box header.video-main-text .video-main-action a.entry-cat,
.video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action a.entry-cat {
  position: static;
  display: inline;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container article.video-main-box header.video-main-text .video-main-action a.entry-cat,
  .video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action a.entry-cat {
    align-self: flex-start;
    margin-bottom: 2em;
  }
}
.videos .videos-main-container article.video-main-box header.video-main-text .video-main-action button,
.video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action button {
  background-color: inherit;
  box-shadow: none;
  border: 2px solid #fff;
  border-radius: 0;
  color: #fff;
  text-shadow: none;
  margin-right: 1rem 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.videos .videos-main-container article.video-main-box header.video-main-text .video-main-action button i,
.video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action button i {
  margin-left: 0.4em;
}
.videos .videos-main-container article.video-main-box.category-sponsored a.entry-cat,
.video-home .videos-main-container article.video-main-box.category-sponsored a.entry-cat {
  background-color: var(--color-background-sponsored-start, #ffcb47);
  color: #2a2a2a;
}
.videos .videos-main-container .videos-main-list,
.video-home .videos-main-container .videos-main-list {
  width: 30%;
  border-bottom: 1px solid #666;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container .videos-main-list,
  .video-home .videos-main-container .videos-main-list {
    display: none;
  }
}
.videos .videos-main-container .videos-main-list ul,
.video-home .videos-main-container .videos-main-list ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  overflow-y: auto;
}
@media only screen and (max-width: 899px) {
  .videos .videos-main-container .videos-main-list ul,
  .video-home .videos-main-container .videos-main-list ul {
    height: 300px !important;
  }
}
.videos .videos-main-container .videos-main-list ul li,
.video-home .videos-main-container .videos-main-list ul li {
  border-bottom: 1px solid #666;
  padding: 1.3em 1em 0.5em;
  font-size: 90%;
  position: relative;
  display: none;
}
.videos .videos-main-container .videos-main-list ul li.show,
.video-home .videos-main-container .videos-main-list ul li.show {
  display: block;
}
.videos .videos-main-container .videos-main-list ul li .sponsored-label,
.video-home .videos-main-container .videos-main-list ul li .sponsored-label {
  position: absolute;
  right: 0;
  top: 0;
}
.videos .videos-main-container .videos-main-list ul li.all-videos:nth-child(n+21),
.video-home .videos-main-container .videos-main-list ul li.all-videos:nth-child(n+21) {
  visibility: hidden;
  height: 0px;
  padding: 0;
}
.videos .videos-main-container .videos-main-list ul li a,
.video-home .videos-main-container .videos-main-list ul li a {
  color: #fff;
  cursor: pointer !important;
  outline: none;
}
.videos .videos-main-container .videos-main-list ul li span.playing-now,
.video-home .videos-main-container .videos-main-list ul li span.playing-now {
  font-size: 70%;
  top: 3px;
}
.videos .videos-main-container .videos-main-list ul li span.playing-now.playing,
.video-home .videos-main-container .videos-main-list ul li span.playing-now.playing {
  display: flex;
}
.videos .videos-main-container .videos-main-list ul li span.playing-now i,
.video-home .videos-main-container .videos-main-list ul li span.playing-now i {
  font-size: 125%;
  line-height: 1;
  margin-right: 0.5em;
}
.videos .videos-main-container .videos-main-list ul li span.duration,
.video-home .videos-main-container .videos-main-list ul li span.duration {
  display: block;
  color: var(--color-meta, #b7b7b7);
  font-size: 85%;
}
.videos .videos-bar-container,
.video-home .videos-bar-container {
  border-bottom: 1px solid #666;
  padding: 4em 0;
  position: relative;
  width: 100%;
}
.videos .videos-bar-container h3,
.video-home .videos-bar-container h3 {
  color: #fff;
  font-size: 225%;
  font-weight: bold;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container h3,
  .video-home .videos-bar-container h3 {
    font-size: 175%;
  }
}
.videos .videos-bar-container .videos-adv-wrapper,
.video-home .videos-bar-container .videos-adv-wrapper {
  display: flex;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container .videos-adv-wrapper section.foodw-widget,
  .video-home .videos-bar-container .videos-adv-wrapper section.foodw-widget {
    display: none !important;
  }
}
.videos .videos-bar-container section.foodw-widget,
.video-home .videos-bar-container section.foodw-widget {
  flex-shrink: 0;
  margin-left: 1em;
  margin-bottom: 1em;
  width: auto !important;
}
.videos .videos-bar-container section.foodw-widget > div,
.video-home .videos-bar-container section.foodw-widget > div {
  max-width: 300px;
}
.videos .videos-bar-container .bar-control,
.video-home .videos-bar-container .bar-control {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 62px;
  padding: 0 3px;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container .bar-control,
  .video-home .videos-bar-container .bar-control {
    display: none;
  }
}
.videos .videos-bar-container .bar-control button,
.video-home .videos-bar-container .bar-control button {
  z-index: 8;
  border: none;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
  border-radius: 1em;
  width: 2em;
  height: 2em;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
  transition: opacity 0.25s linear;
}
.videos .videos-bar-container .bar-control button i,
.video-home .videos-bar-container .bar-control button i {
  font-size: 200%;
}
.videos .videos-bar-container .bar-control button.video-prev,
.video-home .videos-bar-container .bar-control button.video-prev {
  opacity: 0;
}
.videos .videos-bar-container .videos-bar-row,
.video-home .videos-bar-container .videos-bar-row {
  position: relative;
  overflow: hidden;
  flex-shrink: 1;
  padding-right: 1em;
}
.videos .videos-bar-container .videos-bar-row .left-shadow,
.video-home .videos-bar-container .videos-bar-row .left-shadow {
  background-color: #323232;
  box-shadow: 0 0 6px 2px #323232;
  position: absolute;
  left: 1rem;
  height: 100%;
  width: 1px;
  z-index: 7;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container .videos-bar-row .left-shadow,
  .video-home .videos-bar-container .videos-bar-row .left-shadow {
    left: 0;
  }
}
.videos .videos-bar-container .videos-bar-row .right-shadow,
.video-home .videos-bar-container .videos-bar-row .right-shadow {
  background-color: #323232;
  box-shadow: 0 0 6px 2px #323232;
  position: absolute;
  right: 1em;
  height: 100%;
  width: 1px;
  z-index: 7;
}
.videos .videos-bar-container .videos-bar-row .videos-bar,
.video-home .videos-bar-container .videos-bar-row .videos-bar {
  overflow-x: scroll;
  margin-left: 1rem;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container .videos-bar-row .videos-bar,
  .video-home .videos-bar-container .videos-bar-row .videos-bar {
    margin-left: 0;
  }
}
.videos .videos-bar-container .videos-bar-row .videos-bar::-webkit-scrollbar,
.video-home .videos-bar-container .videos-bar-row .videos-bar::-webkit-scrollbar {
  display: none;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li {
  width: 200px;
  flex-shrink: 0;
  padding: 0.5em !important;
  border-radius: 0.2em;
  position: relative;
  display: none;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li.show,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li.show {
  display: block;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li .sponsored-label,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li .sponsored-label {
  position: absolute;
  right: 0;
  z-index: 1;
  font-size: 60%;
  line-height: 1.6;
  top: 0;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li.playing,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li.playing {
  background-color: #454545;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li.playing .playing-now,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li.playing .playing-now {
  display: block !important;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li figure,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li figure {
  position: relative;
  background-color: #e6e6e6;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li figure a,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li figure a {
  display: block;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li figure img,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li figure img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  height: 110px;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li figure img.fallback,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li figure img.fallback {
  object-fit: contain;
  padding: 0 15%;
  opacity: 0.3;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li h4,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li h4 {
  font-size: 90%;
}
.videos .videos-bar-container .videos-bar-row .videos-bar ul li h4 a,
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li h4 a {
  color: #fff;
}
.videos .videos-bar-container.expand,
.video-home .videos-bar-container.expand {
  border-bottom: none;
  padding-bottom: 0;
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar {
  padding-right: 1em;
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar ul,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul {
  flex-wrap: wrap;
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li {
  width: 20%;
  animation: fade-in-up 0.25s ease forwards;
  flex-shrink: 1;
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(n+9),
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(n+9) {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li {
    width: 20%;
  }
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(n+9),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(n+9) {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li {
    width: 33%;
  }
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(n+5),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li {
    width: 50%;
  }
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(n+4),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li {
    width: 50%;
  }
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(odd),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(odd) {
    padding-left: 0;
  }
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(4),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li:nth-child(4) {
    display: block;
  }
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad {
  flex-grow: 1;
  display: block !important;
  order: 0;
  padding-left: 0;
  margin-left: auto;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad {
    min-width: 200px !important;
  }
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad section.foodw-widget,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad section.foodw-widget {
  display: block;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad section.foodw-widget,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad section.foodw-widget {
    margin: 2em auto 1em;
  }
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad section.foodw-widget img,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad section.foodw-widget img {
  margin-right: 0;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad section.foodw-widget img,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li.expand-ad section.foodw-widget img {
    margin-right: auto;
  }
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar ul li.break,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar ul li.break {
  width: 100%;
  height: 0;
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul {
    flex-wrap: wrap;
  }
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+5),
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+5) {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+4),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+3),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+2),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(2),
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(2) {
    display: block;
  }
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li.expand-ad,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar:not(.expanded) ul li.expand-ad {
  min-width: 300px;
}
.videos .videos-bar-container.expand .videos-bar-row .videos-bar section.foodw-widget,
.video-home .videos-bar-container.expand .videos-bar-row .videos-bar section.foodw-widget {
  flex-shrink: 0;
  margin-left: 1em;
  margin-top: 1em;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container.expand .videos-bar-row .videos-bar section.foodw-widget,
  .video-home .videos-bar-container.expand .videos-bar-row .videos-bar section.foodw-widget {
    display: none;
  }
}
.videos .videos-bar-container.expand.skip-ads section.foodw-widget,
.video-home .videos-bar-container.expand.skip-ads section.foodw-widget {
  display: none !important;
}
.videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li,
.video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li {
  display: block;
}
@media only screen and (max-width: 1279px) {
  .videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li:nth-child(n+11),
  .video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li:nth-child(n+11) {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li:nth-child(n+7),
  .video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li:nth-child(n+7) {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li:nth-child(n+5),
  .video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li:nth-child(n+5) {
    display: none;
  }
}
.videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li.expand-ad,
.video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar ul li.expand-ad {
  display: none !important;
}
.videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li,
.video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li {
  display: block;
}
.videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+6),
.video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+6) {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+6),
  .video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+4),
  .video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .videos .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+3),
  .video-home .videos-bar-container.expand.skip-ads .videos-bar-row .videos-bar:not(.expanded) ul li:nth-child(n+3) {
    display: none;
  }
}
.videos .videos-bar-container .expander-row,
.video-home .videos-bar-container .expander-row {
  display: flex;
  justify-content: center;
  margin: 2em;
  border-top: 1px solid #666;
  padding-top: 0.5em;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container .expander-row,
  .video-home .videos-bar-container .expander-row {
    margin: 2em 0;
  }
}
.videos .videos-bar-container .expander-row i,
.video-home .videos-bar-container .expander-row i {
  color: #fff;
  cursor: pointer;
}
.videos .videos-bar-container .expander-row i.action-collapse,
.video-home .videos-bar-container .expander-row i.action-collapse {
  transform: rotate(180deg);
}
.videos .videos-bar-container.skip-ads section.foodw-widget,
.video-home .videos-bar-container.skip-ads section.foodw-widget {
  display: none;
}
.videos .videos-bar-container.videos-main-list-tablet-down,
.video-home .videos-bar-container.videos-main-list-tablet-down {
  display: none;
  padding-top: 2em;
}
@media only screen and (max-width: 549px) {
  .videos .videos-bar-container.videos-main-list-tablet-down,
  .video-home .videos-bar-container.videos-main-list-tablet-down {
    padding-right: 0;
  }
}
.videos .videos-bar-container.videos-main-list-tablet-down .bar-control,
.video-home .videos-bar-container.videos-main-list-tablet-down .bar-control {
  top: 95px;
  padding-left: 0;
}
@media only screen and (max-width: 899px) {
  .videos .videos-bar-container.videos-main-list-tablet-down,
  .video-home .videos-bar-container.videos-main-list-tablet-down {
    display: block;
  }
}
.videos .videos-bar-container.videos-main-list-tablet-down .videos-bar-row .videos-bar ul li.all-videos:nth-child(n+21),
.video-home .videos-bar-container.videos-main-list-tablet-down .videos-bar-row .videos-bar ul li.all-videos:nth-child(n+21) {
  display: none !important;
}
.videos .playing-now,
.video-home .playing-now {
  display: none;
  color: var(--color-meta, #b7b7b7);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 60%;
  position: absolute;
  top: 4px;
  align-items: center;
}
.videos .sponsored-label,
.video-home .sponsored-label {
  background-color: var(--color-background-sponsored-start, #ffcb47);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 70%;
  padding: 1px 8px;
}

.video-home {
  max-width: 100%;
}
.video-home .widget-title-container {
  display: flex;
}
.video-home .widget-title-container h2.widget-video-title {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 250%;
  padding: 0.25em 0 0.7em;
}
@media only screen and (max-width: 899px) {
  .video-home .widget-title-container h2.widget-video-title {
    font-size: 200%;
  }
}
@media only screen and (max-width: 549px) {
  .video-home .widget-title-container h2.widget-video-title {
    font-size: 175%;
  }
}
.video-home .widget-title-container .videos-action-top {
  align-self: center;
  margin-left: auto;
}
@media only screen and (max-width: 1599px) {
  .video-home .widget-title-container .videos-action-top {
    display: none;
  }
}
.video-home .videos-main-container {
  border-top: none;
}
.video-home .videos-main-container article.video-main-box {
  background-color: inherit;
  width: 100%;
  display: flex;
}
@media only screen and (min-width: 1600px) {
  .video-home .videos-main-container article.video-main-box {
    flex-direction: column;
  }
}
@media only screen and (max-width: 899px) {
  .video-home .videos-main-container article.video-main-box {
    flex-direction: column;
  }
}
.video-home .videos-main-container article.video-main-box .video-wrap-container {
  width: 70%;
  display: flex;
  flex-shrink: 0.7;
}
@media only screen and (min-width: 1600px) {
  .video-home .videos-main-container article.video-main-box .video-wrap-container {
    width: 100%;
  }
}
@media only screen and (max-width: 899px) {
  .video-home .videos-main-container article.video-main-box .video-wrap-container {
    width: 100%;
  }
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-wrap {
  width: 100%;
}
@media only screen and (min-width: 1600px) {
  .video-home .videos-main-container article.video-main-box .video-wrap-container .video-wrap {
    flex-basis: 55%;
  }
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large {
  flex-basis: 45%;
  flex-shrink: 0;
  padding: 0 1em;
}
@media only screen and (max-width: 1599px) {
  .video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large {
    display: none;
  }
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li {
  width: 30%;
  flex-shrink: 0;
  padding: 0.5em !important;
  border-radius: 0.2em;
  position: relative;
  display: none;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li.show {
  display: block;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li .sponsored-label {
  position: absolute;
  right: 0;
  z-index: 1;
  font-size: 60%;
  line-height: 1.6;
  top: 0;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li.playing {
  background-color: #454545;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li.playing .playing-now {
  display: block !important;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li figure {
  position: relative;
  background-color: #e6e6e6;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li figure a {
  display: block;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li figure img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  max-height: 150px;
  height: 7vw;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li figure img.fallback {
  object-fit: contain;
  padding: 0 15%;
  opacity: 0.3;
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li h4 {
  font-size: calc(0.55em + 0.2vw);
}
.video-home .videos-main-container article.video-main-box .video-wrap-container .video-menu-large ul li h4 a {
  color: #fff;
}
.video-home .videos-main-container article.video-main-box header.video-main-text {
  padding: 0 1em;
  flex-basis: 30%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 899px) {
  .video-home .videos-main-container article.video-main-box header.video-main-text {
    padding: 1em 0 0;
  }
}
@media only screen and (min-width: 1600px) {
  .video-home .videos-main-container article.video-main-box header.video-main-text {
    padding: 1em 0 0;
  }
}
.video-home .videos-main-container article.video-main-box header.video-main-text .video-main-title h2 {
  font-size: 150%;
}
@media only screen and (max-width: 1279px) {
  .video-home .videos-main-container article.video-main-box header.video-main-text .video-main-title h2 {
    font-size: 125%;
  }
}
.video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action a.goto-article button span {
  white-space: normal;
}
.video-home .videos-main-container article.video-main-box header.video-main-text p.video-excerpt {
  color: #fff;
  font-size: 85%;
  line-height: 1.3;
}
@media only screen and (max-width: 1279px) {
  .video-home .videos-main-container article.video-main-box header.video-main-text p.video-excerpt {
    display: none;
  }
}
.video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action {
  margin-top: auto;
  margin-bottom: 2.1em;
}
@media only screen and (max-width: 549px) {
  .video-home .videos-main-container article.video-main-box header.video-main-text .video-main-action {
    margin-bottom: 0;
  }
}
.video-home .videos-bar-container {
  border-bottom: none;
  padding: 2em 0;
}
@media only screen and (min-width: 1600px) {
  .video-home .videos-bar-container {
    display: none;
  }
}
.video-home .videos-bar-container .videos-control-container {
  position: relative;
  padding-right: 15px;
}
@media only screen and (max-width: 549px) {
  .video-home .videos-bar-container .videos-control-container {
    padding: 0;
  }
}
.video-home .videos-bar-container .videos-control-container .bar-control {
  top: 60px;
  padding: 0;
}
.video-home .videos-bar-container .videos-bar-row {
  padding-left: 15px;
  padding-right: 0;
}
@media only screen and (max-width: 549px) {
  .video-home .videos-bar-container .videos-bar-row {
    padding: 0;
  }
}
.video-home .videos-bar-container .videos-bar-row .left-shadow {
  left: 15px;
}
@media only screen and (max-width: 549px) {
  .video-home .videos-bar-container .videos-bar-row .left-shadow {
    left: 0;
  }
}
.video-home .videos-bar-container .videos-bar-row .right-shadow {
  right: 0;
}
.video-home .videos-bar-container .videos-bar-row .videos-bar {
  margin-left: 0;
}
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li {
  width: 250px;
  padding: 0.5em !important;
  border-radius: 0.2em;
  position: relative;
  /*
  						&:first-child {
  							display: none;
  						}
  */
}
@media only screen and (max-width: 1279px) {
  .video-home .videos-bar-container .videos-bar-row .videos-bar ul li {
    width: 220px;
  }
}
@media only screen and (max-width: 549px) {
  .video-home .videos-bar-container .videos-bar-row .videos-bar ul li {
    width: 200px;
  }
}
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li figure img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  height: 130px;
}
@media only screen and (max-width: 1279px) {
  .video-home .videos-bar-container .videos-bar-row .videos-bar ul li figure img {
    height: 110px;
  }
}
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li h4 {
  font-size: 90%;
}
.video-home .videos-bar-container .videos-bar-row .videos-bar ul li h4 a {
  color: #fff;
}
.video-home .videos-action-top, .video-home .videos-action-bottom {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 1em;
}
.video-home .videos-action-top button, .video-home .videos-action-bottom button {
  background-color: inherit;
  box-shadow: none;
  border: 2px solid #fff;
  border-radius: 0;
  color: #fff;
  text-shadow: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.video-home .videos-action-top button i, .video-home .videos-action-bottom button i {
  margin-left: 0.4em;
}
@media only screen and (min-width: 1600px) {
  .video-home .videos-action-bottom {
    display: none;
  }
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Ricette
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Blocco Ricette e Prodotto in evidenza
--------------------------------------------------------------*/
.ricetta-container, .block-editor-block-list__layout {
  position: relative;
}

section.ricetta {
  margin-bottom: 2em;
  display: flex;
  flex-direction: column;
}
section.ricetta h2 {
  font-weight: 700;
  font-size: 125%;
  order: 0;
}
section.ricetta .ingredienti-container {
  margin: 1em 0;
  font-size: 90%;
  order: 1;
}
section.ricetta .ingredienti-container .ingredienti-row {
  display: flex;
  padding: 0.5em 0;
}
section.ricetta .ingredienti-container .ingredienti-row .ingredienti-dose {
  width: 5em;
  flex-shrink: 0;
  text-align: right;
  font-weight: 600;
  line-height: 1;
}
section.ricetta .ingredienti-container .ingredienti-row .ingredienti-ingrediente {
  padding-left: 1em;
  font-weight: 500;
  line-height: 1;
}
section.ricetta .ingredienti-container .ingredienti-row .ingredienti-ingrediente a {
  color: #2a2a2a;
}
section.ricetta .ingredienti-container .ingredienti-row .ingredienti-ingrediente a:hover {
  color: var(--color-main-logo, #e20613);
}
section.ricetta .ingredienti-container .ingredienti-row .ingredienti-ingrediente.in-evidenza span, section.ricetta .ingredienti-container .ingredienti-row .ingredienti-ingrediente.in-evidenza a {
  background-color: var(--color-background-sponsored-start, #ffcb47);
  padding: 0 0.25em;
  line-height: 1;
  display: inline-block;
}
section.ricetta .preparazione {
  order: 2;
}
section.ricetta .visual {
  order: 4;
}
section.ricetta .visual > * {
  /*
  			width: 100%;
  			max-width: 100%;
  */
}
section.ricetta section.prodotto-in-evidenza {
  left: 100%;
  margin-left: 2.5rem;
  top: 1rem;
}

section.prodotto-in-evidenza {
  position: absolute !important;
  right: 0;
  margin-left: 0;
  max-width: 20.6666666667rem;
  width: 100%;
  margin-right: 0;
  order: 3;
}
@media all and (max-width: 899px) {
  section.prodotto-in-evidenza {
    position: static;
    margin: 1em auto;
    display: flex;
    justify-content: space-around;
    max-width: 100%;
  }
}
@media all and (max-width: 549px) {
  section.prodotto-in-evidenza {
    width: auto;
    flex-direction: column;
    align-items: center;
  }
}
section.prodotto-in-evidenza .evidenza-box {
  border-radius: 0.25em;
  padding: 1em;
  border: 1px solid #eee;
  margin-bottom: 1em;
}
@media all and (max-width: 899px) {
  section.prodotto-in-evidenza .evidenza-box {
    max-width: 300px;
  }
  section.prodotto-in-evidenza .evidenza-box:nth-child(odd) {
    margin-right: 1em;
  }
}
@media all and (max-width: 549px) {
  section.prodotto-in-evidenza .evidenza-box {
    margin-right: 0 !important;
    max-width: 400px;
  }
}
section.prodotto-in-evidenza .evidenza-box span.ev-label {
  font-size: 50%;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
section.prodotto-in-evidenza .evidenza-box span.ev-label i {
  color: var(--color-background-sponsored-start, #ffcb47);
  font-size: 80%;
  margin-right: 0.5em;
}
section.prodotto-in-evidenza .evidenza-box figure {
  display: flex !important;
  justify-content: center;
}
section.prodotto-in-evidenza .evidenza-box figure img {
  object-fit: contain;
  height: 180px;
}
section.prodotto-in-evidenza .evidenza-box .meta-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.prodotto-in-evidenza .evidenza-box .meta-container .navigation {
  padding-left: 0.5em;
}
section.prodotto-in-evidenza .evidenza-box .meta-container .navigation a {
  background-color: transparent;
}
section.prodotto-in-evidenza .evidenza-box .meta-container .navigation a:hover {
  background-color: transparent;
}
section.prodotto-in-evidenza .evidenza-box .meta-container .navigation i {
  font-size: 150%;
  border: 2px solid #2a2a2a;
  border-radius: 50px;
  padding: 0.1ex;
  color: #2a2a2a;
}
section.prodotto-in-evidenza h3 {
  font-size: 100% !important;
  text-align: left !important;
  line-height: 1.1;
  margin-top: 0 !important;
}
section.prodotto-in-evidenza p.produttore, section.prodotto-in-evidenza p.prezzo {
  font-size: 62.5%;
  color: #bfbfbf;
  margin: 0;
  line-height: 1.6;
}
section.prodotto-in-evidenza p.produttore {
  font-weight: 600;
}
section.prodotto-in-evidenza p.descrizione {
  font-size: 70%;
  line-height: 2;
  margin-bottom: 0;
}

.block-editor-block-list__layout section.prodotto-in-evidenza {
  position: static;
  margin: 0 auto;
}

/*--------------------------------------------------------------
## Speakers
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Blocco Speaker
--------------------------------------------------------------*/
.main article .entry-content section.speakers, .block-editor-block-list__layout section.speakers {
  background-color: #e6e6e6;
  margin-top: 3em;
  padding: 1em;
}
.main article .entry-content section.speakers > h3, .block-editor-block-list__layout section.speakers > h3 {
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  font-size: 175%;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
}
.main article .entry-content section.speakers .box-container, .block-editor-block-list__layout section.speakers .box-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.main article .entry-content section.speakers .box-container .box, .block-editor-block-list__layout section.speakers .box-container .box {
  width: 30%;
  text-align: center;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1600px) {
  .main article .entry-content section.speakers .box-container .box, .block-editor-block-list__layout section.speakers .box-container .box {
    width: 18%;
  }
}
@media only screen and (max-width: 899px) {
  .main article .entry-content section.speakers .box-container .box, .block-editor-block-list__layout section.speakers .box-container .box {
    width: 48%;
  }
}
@media only screen and (max-width: 549px) {
  .main article .entry-content section.speakers .box-container .box, .block-editor-block-list__layout section.speakers .box-container .box {
    width: 100%;
  }
}
.main article .entry-content section.speakers .box-container .box figure, .block-editor-block-list__layout section.speakers .box-container .box figure {
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  overflow: hidden;
  min-width: 290px;
  min-height: 290px;
  margin: 1em auto;
}
@media only screen and (min-width: 1600px) {
  .main article .entry-content section.speakers .box-container .box figure, .block-editor-block-list__layout section.speakers .box-container .box figure {
    width: 7.5em;
    height: 7.5em;
    border-radius: 50%;
    min-height: auto;
    min-width: auto;
  }
}
@media only screen and (max-width: 1599px) {
  .main article .entry-content section.speakers .box-container .box figure, .block-editor-block-list__layout section.speakers .box-container .box figure {
    width: 16vw;
    height: 16vw;
    border-radius: 50%;
    min-height: auto;
    min-width: auto;
  }
}
@media only screen and (max-width: 899px) {
  .main article .entry-content section.speakers .box-container .box figure, .block-editor-block-list__layout section.speakers .box-container .box figure {
    width: 28vw;
    height: 28vw;
    border-radius: 50%;
  }
}
@media only screen and (max-width: 549px) {
  .main article .entry-content section.speakers .box-container .box figure, .block-editor-block-list__layout section.speakers .box-container .box figure {
    width: 60vw;
    height: 60vw;
    border-radius: 50%;
    max-width: 250px;
    max-height: 250px;
  }
}
.main article .entry-content section.speakers .box-container .box figure img, .block-editor-block-list__layout section.speakers .box-container .box figure img {
  object-fit: cover;
  object-position: center center;
  min-height: 100%;
  min-width: 100%;
}
.main article .entry-content section.speakers .box-container .box > h4, .block-editor-block-list__layout section.speakers .box-container .box > h4 {
  text-align: center;
  font-size: 125%;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1600px) {
  .main article .entry-content section.speakers .box-container .box > h4, .block-editor-block-list__layout section.speakers .box-container .box > h4 {
    font-size: 95%;
  }
}
.main article .entry-content section.speakers .box-container .box p, .block-editor-block-list__layout section.speakers .box-container .box p {
  margin: 0 auto;
}
@media only screen and (min-width: 1600px) {
  .main article .entry-content section.speakers .box-container .box p, .block-editor-block-list__layout section.speakers .box-container .box p {
    font-size: 85%;
  }
}
.main article .entry-content section.speakers .box-container .box p.organizzazione, .block-editor-block-list__layout section.speakers .box-container .box p.organizzazione {
  font-weight: 700;
}
.main article .entry-content section.speakers .after, .block-editor-block-list__layout section.speakers .after {
  border-top: 1px solid #ccc;
  padding-top: 0.5em;
}
.main article .entry-content section.speakers .after p, .block-editor-block-list__layout section.speakers .after p {
  margin: 0;
  text-align: center;
}

.block-editor-block-list__layout section.speakers .box-container .box figure {
  max-width: 160px;
  max-height: 160px;
}

/*--------------------------------------------------------------
## Approfondimento
--------------------------------------------------------------*/
/* APPROFONDIMENTO (link interno) */
.block-approfondimento.compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-approfondimento.compact .block-contents {
  width: 20.6666666667rem;
}
@media all and (min-width: 549px) {
  .block-approfondimento.full-width {
    max-width: 56.8333333333rem;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content, .block-approfondimento.in-column .block-contents .approfondimento-content {
    display: flex;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-picture, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-picture {
    max-width: 200px;
    max-height: none;
    background: none !important;
    border-right: 1px solid #eee;
    border-bottom: none;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-picture label, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-picture label {
    display: none;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-picture img, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-picture img {
    visibility: visible;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-texts label.full-width-desktop, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-texts label.full-width-desktop {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 60%;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-texts .label, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-texts .label {
    margin-bottom: 0.5rem;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-texts .more-container, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-texts .more-container {
    margin-top: 1rem;
    text-align: left;
  }
}
.block-approfondimento .block-contents {
  border: 1px solid #eee;
  border-radius: 0.5ex;
  overflow: hidden;
}
.block-approfondimento .block-contents .approfondimento-content {
  line-height: 1.3;
}
.block-approfondimento .block-contents .approfondimento-content label {
  font-size: 50%;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.8rem 1rem 0;
  display: block;
  margin-bottom: -0.5rem;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-picture {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-picture label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: #FFF;
  z-index: 1;
  padding: 0.1rem 0.2rem;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-texts {
  padding: 0.8rem 1rem;
  color: #2a2a2a;
  font-size: 85%;
  font-weight: 600;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-texts label.full-width-desktop {
  display: none;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-texts span.label {
  font-size: 70%;
  color: var(--color-meta, #b7b7b7);
  display: block;
  margin-bottom: 0.3rem;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-texts a {
  color: #2a2a2a !important;
}

/*--------------------------------------------------------------
## Food Box
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Importa i blocchi realizzati per BlockLab
--------------------------------------------------------------*/
/* #89a5c0; */
/*
 * IMPORTANT - tenere sincronizzato con:
 * - icone dentro images/mercati
 * - functions.php
 * */
/*
$mercati_categorie_slugs: 'bakery', 'beverage', 'carni', 'condimenti-mercati', 'conserve', 'dairy', 'fresco', 'frozen', 'grocery', 'olio', 'ortofrutta', 'pasta', 'salumi';
$mercati_names: 'bakery', 'beverage', 'carni', 'condimenti', 'conserve', 'dairy', 'fresco', 'frozen', 'grocery', 'olio', 'ortofrutta', 'pasta', 'salumi';
// Le icone sono state eliminate
$mercati_icons: 'beverage', 'condimenti', 'conserve', 'bakery', 'pasta',
  'formaggi', 'salumi', 'caffe-altro', 'cereali', 'dolciario', 'freddo',
  'fruit&vegetables', 'healthy', 'petfood', 'babyfood', 'vino';
// #TODO eliminare variabile
$mercati_colors: #c99d66, #5db1e4, #dd6b8b, #6ca547, #bc1d1d, #f18c00, #454b9a, #1990ac, #c63769, #a1973a, #7cc08c, #dbaf00, #ec6f68;
*/
/* IMPORTANT - '/' alla fine */
/*  OLD $mercati_colors: #62b3dd, #7ab14e, #404f91, #c89d68, #e9c35b, #ef8f24, #e97169; */
/* 1/radq(2) - same as image ratio (NOT 3/4 !!!) */
/*
$size__head-area-left-full-width-rems: 2/3*$size__site-max-width-rems + (1-2*$size__head-area-ratio)/3/$size__head-area-ratio;
$size__head-area-left-half-width-rems: ($size__head-area-left-full-width-rems - $size__head-area-gap-rems)/2;
$size__head-area-right-width-rems: $size__site-max-width-rems/3 - ((1+$size__head-area-ratio)/3/$size__head-area-ratio)*$size__head-area-gap-rems;
$size__head-area-page-half-width-rems: ($size__site-max-width-rems - $size__head-area-gap-rems)/2;
*/
/* ($size__site-max-width-rems/2 - $size__head-area-gap-rems - $size__head-area-right-width-rems); */
/* $size__site-mobile-max-width-rems: $size__head-area-page-half-width-rems; */
/* In visualizzazione tablet la dine dell'header della seconda notizia si allinea verticalmente con il margine sx di #main */
/*
 * Alcuni elementi, non essendo testuali o avendo un bordo o uno sfondo,
 * sembrano meno sepaziati verticalmente dagli altri
 * perché no hanno una line-height e lettere di diversa altezza che creano uno spazio ulteriore
 * -> aggiungo un po' di spazio per dare più omogeneità visiva.
 * IMPORTANT - attenzione al font-size dell'elemento in cui si applica ed eventualmete compensare
 * */
/*
 * Usato dal sottomenu per allinearsi correttamente quando compare
 * */
/*
 * Fattore moltiplicativo si $font__main-menu sul testo digitato di ricerca quando la ricerca è aperta
 * */
/* Elemento grafico che va con la size del box e non del font */
/*!
Theme Name: FoodWeb
Theme URI: http://underscores.me/
Author: Alessandro Ferrari
Author URI: http://underscores.me/
Description: Sito per la parte editoriale
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foodweb
Tags:

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

FoodWeb is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/
/*
 * Se è aperta la ricerca la secondary-navigation scompare
 * => devo adeguare la posizione degli elementi sottostanti
 * */
/*
 * Su mobile viene troppo grosso mantenendo i rem soliti + collassa anche la secondary-navigation bar
 * */
/*** variabili per box ***/
@font-face {
  font-family: "foodweb-icons";
  src: url("images/foodweb-icons.woff?v=1.0.0");
  src: url("images/foodweb-icons.woff?v=1.0.0") format("woff"), url("images/foodweb-icons.ttf?v=1.0.0") format("truetype"), url("images/foodweb-icons.svg?v=1.0.0") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
 * Usato in single, page e visual editor
 * */
/* PERSONA */
.block-persona.compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-persona.compact .block-contents {
  width: 20.6666666667rem;
}
.block-persona .block-contents {
  border-radius: 0.5ex;
  border: 1px solid #eee;
  padding: 1.5rem;
}
.block-persona .block-contents .block-persona-body .persona-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-picture {
  width: 100%;
  max-width: 85px;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-picture .round {
  padding-bottom: 100%;
  border-radius: 100%;
  overflow: hidden;
  background-size: cover;
  background-color: var(--color-meta, #b7b7b7);
}
.block-persona .block-contents .block-persona-body .persona-content .persona-picture .round img {
  display: none;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents:not(:first-child) .persona-texts {
  padding-left: 2.5rem;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-texts {
  line-height: 1.3;
  color: #666;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-texts > * {
  margin-bottom: 0.3rem;
  font-size: 70%;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-texts > *:last-child {
  margin-bottom: 0;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-texts .block-persona-title {
  color: var(--color-meta, #b7b7b7);
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-texts .persona-fullname {
  color: #2a2a2a;
  font-size: 80%;
  font-weight: 600;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links {
  margin-left: auto;
  line-height: 1.3;
  white-space: nowrap;
  padding-left: 0.5rem;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links > * {
  vertical-align: middle;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links span.label {
  display: inline-block;
  font-size: 70%;
  color: var(--color-meta, #b7b7b7);
  padding-right: 0.5rem;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links a {
  margin-left: 0.5rem;
  border-radius: 100%;
  display: inline-flex;
  width: 1.3em;
  height: 1.3em;
  align-items: center;
  justify-content: center;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links a.twitter {
  background-color: #2daae2;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links a.linkedin {
  background-color: #0a77b7;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links a.facebook {
  padding: 0;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links a.facebook svg {
  width: 1.3em;
  height: auto;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links a.instagram {
  background-color: #f00075;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links a.instagram svg {
  width: 0.8em;
  height: auto;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links a svg {
  display: block;
  height: 0.9em;
  width: auto;
  fill: #FFF;
}
.block-persona .block-contents .block-persona-body .persona-content .persona-description {
  width: 100%;
  font-size: 0.7em;
  padding-top: 1em;
}
.block-persona.side-box .block-contents, .block-persona.compact .block-contents {
  padding: 1rem;
}
.block-persona.side-box .block-contents .block-persona-body .persona-content .persona-right-contents, .block-persona.compact .block-contents .block-persona-body .persona-content .persona-right-contents {
  display: block;
}
.block-persona.side-box .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links, .block-persona.compact .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links {
  padding-left: 2rem;
  padding-top: 1rem;
}
.block-persona.side-box .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links span.label, .block-persona.compact .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links span.label {
  display: none;
}
@media all and (max-width: 899px) {
  .block-persona .block-contents {
    padding: 1rem;
  }
  .block-persona .block-contents .block-persona-body .persona-content .persona-right-contents {
    display: block;
  }
  .block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links {
    padding-left: 2rem;
    padding-top: 1rem;
  }
  .block-persona .block-contents .block-persona-body .persona-content .persona-right-contents .persona-ext-links span.label {
    display: none;
  }
}
.block-persona.full-width .block-contents {
  border-radius: 0;
  border-left: none;
  border-right: none;
  padding: 1.5rem;
}
.block-persona.full-width .block-contents .block-persona-body .persona-content .persona-texts > * {
  margin-bottom: 0.2rem;
  font-size: 80%;
}
.block-persona.full-width .block-contents .block-persona-body .persona-content .persona-texts .block-persona-title {
  margin-bottom: 0.6rem;
  font-size: 83%;
}
.block-persona.full-width .block-contents .block-persona-body .persona-content .persona-texts .persona-fullname {
  font-size: 85%;
}

/* LOCALE */
.block-locale.compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-locale.compact .block-contents {
  width: 20.6666666667rem;
}
.block-locale .block-contents {
  border-radius: 0.5ex;
  padding: 1.5rem;
  background: #f2f2f1;
}
.block-locale .block-contents .block-locale-body .locale-content {
  display: flex;
}
.block-locale .block-contents .block-locale-body .locale-content.picture_small .locale-texts .locale-picture {
  display: none;
}
.block-locale .block-contents .block-locale-body .locale-content.picture_wide .locale-picture {
  display: none;
}
.block-locale .block-contents .block-locale-body .locale-content.picture_wide .locale-texts .locale-picture {
  display: block;
  margin-left: 0;
}
.block-locale .block-contents .block-locale-body .locale-content > .locale-picture {
  padding-right: 2rem;
}
.block-locale .block-contents .block-locale-body .locale-content > .locale-picture .round {
  width: 85px;
  padding-bottom: 100%;
  border-radius: 100%;
  overflow: hidden;
  background-size: cover;
  background-color: var(--color-meta, #b7b7b7);
}
.block-locale .block-contents .block-locale-body .locale-content > .locale-picture .round img {
  display: none;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-texts {
  line-height: 1.3;
  color: #2a2a2a;
  flex-basis: 50%;
  flex-grow: 2;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-texts .locale-picture {
  margin-bottom: 1.5rem;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-texts .locale-picture img {
  max-width: 100%;
  max-height: 85px;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-texts > * {
  margin-bottom: 0.2rem;
  font-size: 80%;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-texts > *:last-child {
  margin-bottom: 0;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-texts .locale-label {
  font-size: 83%;
  color: var(--color-meta, #b7b7b7);
  margin-bottom: 0.6rem;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-texts .locale-title {
  font-size: 85%;
  font-weight: 600;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-texts p {
  font-size: 70%;
  margin: 0.9rem 0;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-info {
  padding-left: 2.5rem;
  font-size: 70%;
  line-height: 1.3;
  color: #2a2a2a;
  flex-basis: auto;
  flex-grow: 1;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-info > div {
  margin-bottom: 0.9rem;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-info > *:last-child {
  margin-bottom: 0;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-info label {
  display: block;
  color: #666;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-info a {
  color: #2a2a2a !important;
}
.block-locale .block-contents .block-locale-body .locale-content .locale-info a:hover {
  text-decoration: underline;
}
.block-locale.side-box .block-contents .block-locale-body .locale-content, .block-locale.compact .block-contents .block-locale-body .locale-content {
  flex-wrap: wrap;
}
.block-locale.side-box .block-contents .block-locale-body .locale-content.picture_wide .locale-texts, .block-locale.compact .block-contents .block-locale-body .locale-content.picture_wide .locale-texts {
  width: 100%;
}
.block-locale.side-box .block-contents .block-locale-body .locale-content .locale-texts p, .block-locale.compact .block-contents .block-locale-body .locale-content .locale-texts p {
  display: none;
}
.block-locale.side-box .block-contents .block-locale-body .locale-content .locale-info, .block-locale.compact .block-contents .block-locale-body .locale-content .locale-info {
  padding-left: 0;
  width: 100%;
}
.block-locale.side-box .block-contents .block-locale-body .locale-content .locale-info > *:first-child, .block-locale.compact .block-contents .block-locale-body .locale-content .locale-info > *:first-child {
  padding-top: 1rem;
}
@media all and (max-width: 549px) {
  .block-locale .block-contents .block-locale-body .locale-content {
    flex-wrap: wrap;
  }
  .block-locale .block-contents .block-locale-body .locale-content.picture_wide .locale-texts {
    width: 100%;
  }
  .block-locale .block-contents .block-locale-body .locale-content .locale-texts p {
    display: none;
  }
  .block-locale .block-contents .block-locale-body .locale-content .locale-info {
    padding-left: 0;
    width: 100%;
  }
  .block-locale .block-contents .block-locale-body .locale-content .locale-info > *:first-child {
    padding-top: 1rem;
  }
}

/* LANCIO */
.block-lancio {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-lancio .block-contents {
  width: 20.6666666667rem;
}
.block-lancio .block-contents .block-lancio-colorline {
  height: 8px;
  position: relative;
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
}
.block-lancio .block-contents .block-lancio-colorline:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(128, 128, 128, 0) 50%, rgba(0, 0, 0, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26ffffff", endColorstr="#26000000", GradientType=1);
}
.block-lancio .block-contents .block-lancio-body {
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 4px;
  overflow: hidden;
  padding: 1rem;
}
.block-lancio .block-contents .block-lancio-body .block-lancio-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 1.5rem;
}
.block-lancio .block-contents .block-lancio-body .block-lancio-header .title {
  flex-grow: 1;
  font-size: 85%;
  font-weight: 600;
  padding-right: 1.5rem;
  line-height: 1.1;
}
.block-lancio .block-contents .block-lancio-body .block-lancio-header .launch-brand-wrapper {
  flex-shrink: 0;
  width: calc(80px + 1.5rem);
  border-left: 1px solid #ccc;
  padding: 0 0 0 1.5rem;
}
.block-lancio .block-contents .block-lancio-body .block-lancio-header .launch-brand-wrapper figure {
  margin: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.block-lancio .block-contents .block-lancio-body .block-lancio-header .launch-brand-wrapper figure img {
  visibility: hidden;
  width: 100%;
  height: auto;
}
.block-lancio .block-contents .block-lancio-body .post-thumbnail {
  background-size: contain;
  background-repeat: no-repeat;
}
.block-lancio .block-contents .block-lancio-body .post-thumbnail:after {
  content: " ";
  display: block;
  padding-bottom: 71%;
}

/* COMPANY */
.block-company.compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-company.compact .block-contents {
  width: 20.6666666667rem;
}
.block-company .block-contents {
  border: 1px solid #eee;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 1.5rem;
}
.block-company .block-contents .company-content {
  display: flex;
  align-items: flex-start;
}
.block-company .block-contents .company-content .company-picture {
  flex-basis: 85px;
}
.block-company .block-contents .company-content .company-picture img {
  width: 85px;
}
.block-company .block-contents .company-content .company-texts {
  padding-left: 2.5rem;
  flex-basis: calc(100% - 85px);
  line-height: 1.3;
  color: #666;
}
.block-company .block-contents .company-content .company-texts > * {
  margin-bottom: 0.3rem;
  font-size: 70%;
}
.block-company .block-contents .company-content .company-texts > *:last-child {
  margin-bottom: 0;
}
.block-company .block-contents .company-content .company-texts .company-categories {
  display: none;
  margin-bottom: 0.6rem;
}
.block-company .block-contents .company-content .company-texts .company-categories img {
  display: inline-block;
  margin-right: 0.5rem;
  height: 2em;
}
.block-company .block-contents .company-content .company-texts .company-name {
  color: #2a2a2a;
  font-size: 85%;
  font-weight: 600;
}
.block-company .block-contents .company-content .company-texts p {
  margin: 0.5rem 0;
}
.block-company .block-contents .company-content .company-texts .more-container {
  margin-top: 0.8rem;
}
.block-company .block-contents .company-content .company-texts .more-container a {
  color: #2a2a2a !important;
  white-space: nowrap;
  position: relative;
  padding: 0 0.5ex;
  background: var(--single-link-bg, #fff1be);
  transition: background 0.3s;
}
.block-company .block-contents .company-content .company-texts .more-container a:hover {
  background: var(--single-link-bg-hover, #ffdc5a);
}
.block-company.side-box .block-contents, .block-company.compact .block-contents {
  border: 1px solid #eee;
  border-radius: 0.5ex;
  padding: 1rem;
}
.block-company.side-box .block-contents .company-content, .block-company.compact .block-contents .company-content {
  align-items: center;
}
.block-company.side-box .block-contents .company-content .company-texts .company-categories, .block-company.compact .block-contents .company-content .company-texts .company-categories {
  display: block;
  margin-bottom: 0.2rem;
}
.block-company.side-box .block-contents .company-content .company-texts .company-name, .block-company.compact .block-contents .company-content .company-texts .company-name {
  font-size: 80%;
}
.block-company.side-box .block-contents .company-content .company-texts p, .block-company.compact .block-contents .company-content .company-texts p {
  display: none;
}
.block-company.side-box .block-contents .company-content .company-texts .more-container, .block-company.compact .block-contents .company-content .company-texts .more-container {
  margin-top: 0.5rem;
}
@media all and (max-width: 549px) {
  .block-company .block-contents {
    border: 1px solid #eee;
    border-radius: 0.5ex;
    padding: 1rem;
  }
  .block-company .block-contents .company-content {
    align-items: center;
  }
  .block-company .block-contents .company-content .company-texts .company-categories {
    display: block;
    margin-bottom: 0.2rem;
  }
  .block-company .block-contents .company-content .company-texts .company-name {
    font-size: 80%;
  }
  .block-company .block-contents .company-content .company-texts p {
    display: none;
  }
  .block-company .block-contents .company-content .company-texts .more-container {
    margin-top: 0.5rem;
  }
}

/* APPROFONDIMENTO (link interno) */
.block-approfondimento.compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-approfondimento.compact .block-contents {
  width: 20.6666666667rem;
}
@media all and (min-width: 549px) {
  .block-approfondimento.full-width {
    max-width: 56.8333333333rem;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content, .block-approfondimento.in-column .block-contents .approfondimento-content {
    display: flex;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-picture, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-picture {
    max-width: 200px;
    max-height: none;
    background: none !important;
    border-right: 1px solid #eee;
    border-bottom: none;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-picture label, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-picture label {
    display: none;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-picture img, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-picture img {
    visibility: visible;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-texts label.full-width-desktop, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-texts label.full-width-desktop {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 60%;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-texts .label, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-texts .label {
    margin-bottom: 0.5rem;
  }
  .block-approfondimento.full-width .block-contents .approfondimento-content .approfondimento-texts .more-container, .block-approfondimento.in-column .block-contents .approfondimento-content .approfondimento-texts .more-container {
    margin-top: 1rem;
    text-align: left;
  }
}
.block-approfondimento .block-contents {
  border: 1px solid #eee;
  border-radius: 0.5ex;
  overflow: hidden;
}
.block-approfondimento .block-contents .approfondimento-content {
  line-height: 1.3;
}
.block-approfondimento .block-contents .approfondimento-content label {
  font-size: 50%;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.8rem 1rem 0;
  display: block;
  margin-bottom: -0.5rem;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-picture {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-picture label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: #FFF;
  z-index: 1;
  padding: 0.1rem 0.2rem;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-texts {
  padding: 0.8rem 1rem;
  color: #2a2a2a;
  font-size: 85%;
  font-weight: 600;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-texts label.full-width-desktop {
  display: none;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-texts span.label {
  font-size: 70%;
  color: var(--color-meta, #b7b7b7);
  display: block;
  margin-bottom: 0.3rem;
}
.block-approfondimento .block-contents .approfondimento-content .approfondimento-texts a {
  color: #2a2a2a !important;
}

/* SPONSOR */
.block-sponsor.compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-sponsor.compact .block-contents {
  width: 20.6666666667rem;
}
.block-sponsor .block-contents {
  border: 1px solid #eee;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 1.5rem;
}
.block-sponsor .block-contents .sponsor-content {
  display: flex;
  align-items: flex-start;
}
.block-sponsor .block-contents .sponsor-content .sponsor-picture {
  flex-basis: 85px;
}
.block-sponsor .block-contents .sponsor-content .sponsor-picture img {
  width: 85px;
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts {
  padding-left: 2.5rem;
  flex-basis: calc(100% - 85px);
  line-height: 1.3;
  color: #666;
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts > * {
  margin-bottom: 0.3rem;
  font-size: 70%;
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts > *:last-child {
  margin-bottom: 0;
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts .sponsored {
  color: var(--color-meta, #b7b7b7);
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts .sponsor-name {
  color: #2a2a2a;
  font-size: 85%;
  font-weight: 600;
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts p {
  margin: 0.5rem 0;
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts .more-container {
  margin-top: 0.8rem;
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts .more-container a {
  color: #2a2a2a !important;
  white-space: nowrap;
  position: relative;
  padding: 0 0.5ex;
  background: var(--single-link-bg, #fff1be);
  transition: background 0.3s;
}
.block-sponsor .block-contents .sponsor-content .sponsor-texts .more-container a:hover {
  background: var(--single-link-bg-hover, #ffdc5a);
}
.block-sponsor.side-box .block-contents, .block-sponsor.compact .block-contents {
  border: 1px solid #eee;
  border-radius: 0.5ex;
  padding: 1rem;
}
.block-sponsor.side-box .block-contents .sponsor-content, .block-sponsor.compact .block-contents .sponsor-content {
  align-items: center;
}
.block-sponsor.side-box .block-contents .sponsor-content .sponsor-texts .company-name, .block-sponsor.compact .block-contents .sponsor-content .sponsor-texts .company-name {
  font-size: 80%;
}
.block-sponsor.side-box .block-contents .sponsor-content .sponsor-texts p, .block-sponsor.compact .block-contents .sponsor-content .sponsor-texts p {
  display: none;
}
.block-sponsor.side-box .block-contents .sponsor-content .sponsor-texts .more-container, .block-sponsor.compact .block-contents .sponsor-content .sponsor-texts .more-container {
  margin-top: 0.5rem;
}
@media all and (max-width: 549px) {
  .block-sponsor .block-contents {
    border: 1px solid #eee;
    border-radius: 0.5ex;
    padding: 1rem;
  }
  .block-sponsor .block-contents .sponsor-content {
    align-items: center;
  }
  .block-sponsor .block-contents .sponsor-content .sponsor-texts .company-name {
    font-size: 80%;
  }
  .block-sponsor .block-contents .sponsor-content .sponsor-texts p {
    display: none;
  }
  .block-sponsor .block-contents .sponsor-content .sponsor-texts .more-container {
    margin-top: 0.5rem;
  }
}

/* CANDIDATURA */
.block-candidatura.compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-candidatura.compact .block-contents {
  width: 20.6666666667rem;
}
@media all and (min-width: 549px) {
  .block-candidatura.full-width {
    max-width: 56.8333333333rem;
  }
  .block-candidatura.full-width .block-contents .candidatura-content, .block-candidatura.in-column .block-contents .candidatura-content {
    display: flex;
  }
  .block-candidatura.full-width .block-contents .candidatura-content .candidatura-picture, .block-candidatura.in-column .block-contents .candidatura-content .candidatura-picture {
    max-width: 200px;
    max-height: none;
    background: none !important;
    border-right: 1px solid #eee;
    border-bottom: none;
  }
  .block-candidatura.full-width .block-contents .candidatura-content .candidatura-picture label, .block-candidatura.in-column .block-contents .candidatura-content .candidatura-picture label {
    display: none;
  }
  .block-candidatura.full-width .block-contents .candidatura-content .candidatura-picture img, .block-candidatura.in-column .block-contents .candidatura-content .candidatura-picture img {
    visibility: visible;
  }
  .block-candidatura.full-width .block-contents .candidatura-content .candidatura-texts label.full-width-desktop, .block-candidatura.in-column .block-contents .candidatura-content .candidatura-texts label.full-width-desktop {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 60%;
  }
  .block-candidatura.full-width .block-contents .candidatura-content .candidatura-texts .label, .block-candidatura.in-column .block-contents .candidatura-content .candidatura-texts .label {
    margin-bottom: 0.5rem;
  }
  .block-candidatura.full-width .block-contents .candidatura-content .candidatura-texts .more-container, .block-candidatura.in-column .block-contents .candidatura-content .candidatura-texts .more-container {
    margin-top: 1rem;
    text-align: left;
  }
}
.block-candidatura .block-contents {
  border: 1px solid #eee;
  border-radius: 0.5ex;
  overflow: hidden;
}
.block-candidatura .block-contents .candidatura-content {
  line-height: 1.3;
}
.block-candidatura .block-contents .candidatura-content label {
  font-size: 50%;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: -0.5rem;
}
.block-candidatura .block-contents .candidatura-content .candidatura-picture {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  background-size: cover;
  background-position: center center;
}
.block-candidatura .block-contents .candidatura-content .candidatura-picture img {
  visibility: hidden;
}
.block-candidatura .block-contents .candidatura-content .candidatura-picture label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  z-index: 1;
}
.block-candidatura .block-contents .candidatura-content .candidatura-picture label span {
  padding: 0.1rem 0.2rem;
  background: #FFF;
  box-decoration-break: clone;
}
.block-candidatura .block-contents .candidatura-content .candidatura-texts {
  padding: 0.8rem 1rem;
  color: #2a2a2a;
  font-size: 85%;
  font-weight: 600;
}
.block-candidatura .block-contents .candidatura-content .candidatura-texts label.full-width-desktop {
  display: none;
}
.block-candidatura .block-contents .candidatura-content .candidatura-texts span.label {
  font-size: 80%;
  color: var(--color-meta, #b7b7b7);
  display: block;
  margin-bottom: 0.3rem;
}
.block-candidatura .block-contents .candidatura-content .candidatura-texts a {
  color: #2a2a2a !important;
}
.block-candidatura .block-contents .candidatura-content .candidatura-texts .more-container {
  margin-top: 0rem;
  text-align: right;
}
.block-candidatura .block-contents .candidatura-content .candidatura-texts .more-container a {
  font-size: 75%;
  color: #2a2a2a !important;
  white-space: nowrap;
  position: relative;
  padding: 0 0.5ex;
  background: var(--single-link-bg, #fff1be);
  transition: background 0.3s;
  font-weight: normal;
}
.block-candidatura .block-contents .candidatura-content .candidatura-texts .more-container a:hover {
  background: var(--single-link-bg-hover, #ffdc5a);
}
.block-candidatura.side-box .block-contents .candidatura-content .candidatura-picture, .block-candidatura.compact .block-contents .candidatura-content .candidatura-picture {
  background: none !important;
}
.block-candidatura.side-box .block-contents .candidatura-content .candidatura-picture img, .block-candidatura.compact .block-contents .candidatura-content .candidatura-picture img {
  visibility: visible;
}
@media all and (max-width: 549px) {
  .block-candidatura .block-contents .candidatura-content .candidatura-picture {
    background: none !important;
  }
  .block-candidatura .block-contents .candidatura-content .candidatura-picture img {
    visibility: visible;
  }
}

/* GOOD */
.block-good.compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-good.compact .block-contents {
  width: 20.6666666667rem;
}
@media all and (min-width: 549px) {
  .block-good.full-width {
    max-width: 56.8333333333rem;
  }
  .block-good.full-width .block-contents .good-content, .block-good.in-column .block-contents .good-content {
    display: flex;
  }
  .block-good.full-width .block-contents .good-content .good-picture, .block-good.in-column .block-contents .good-content .good-picture {
    max-width: 200px;
    max-height: none;
    background: none !important;
    border-right: 1px solid #eee;
    border-bottom: none;
  }
  .block-good.full-width .block-contents .good-content .good-picture label, .block-good.in-column .block-contents .good-content .good-picture label {
    display: none;
  }
  .block-good.full-width .block-contents .good-content .good-picture img, .block-good.in-column .block-contents .good-content .good-picture img {
    visibility: visible;
  }
  .block-good.full-width .block-contents .good-content .good-texts label.full-width-desktop, .block-good.in-column .block-contents .good-content .good-texts label.full-width-desktop {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 60%;
  }
  .block-good.full-width .block-contents .good-content .good-texts .label, .block-good.in-column .block-contents .good-content .good-texts .label {
    margin-bottom: 0.5rem;
  }
  .block-good.full-width .block-contents .good-content .good-texts .more-container, .block-good.in-column .block-contents .good-content .good-texts .more-container {
    margin-top: 1rem;
    text-align: left;
  }
}
.block-good .block-contents {
  border: 1px solid #eee;
  border-radius: 0.5ex;
  overflow: hidden;
}
.block-good .block-contents .good-content {
  line-height: 1.3;
}
.block-good .block-contents .good-content label {
  font-size: 50%;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: -0.5rem;
}
.block-good .block-contents .good-content .good-picture {
  position: relative;
  display: flex;
  align-items: center;
  max-height: 120px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  background-size: cover;
  background-position: center center;
}
.block-good .block-contents .good-content .good-picture img {
  visibility: hidden;
}
.block-good .block-contents .good-content .good-picture label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  z-index: 1;
}
.block-good .block-contents .good-content .good-picture label span {
  padding: 0.1rem 0.2rem;
  background: #FFF;
  box-decoration-break: clone;
}
.block-good .block-contents .good-content .good-texts {
  padding: 0.8rem 1rem;
  color: #2a2a2a;
  font-size: 85%;
  font-weight: 600;
}
.block-good .block-contents .good-content .good-texts label.full-width-desktop {
  display: none;
}
.block-good .block-contents .good-content .good-texts span.label {
  font-size: 80%;
  color: var(--color-meta, #b7b7b7);
  display: block;
  margin-bottom: 0.3rem;
}
.block-good .block-contents .good-content .good-texts a {
  color: #2a2a2a !important;
}
.block-good .block-contents .good-content .good-texts .more-container {
  margin-top: 0rem;
  text-align: right;
}
.block-good .block-contents .good-content .good-texts .more-container a {
  font-size: 75%;
  color: #2a2a2a !important;
  white-space: nowrap;
  position: relative;
  padding: 0 0.5ex;
  background: var(--single-link-bg, #fff1be);
  transition: background 0.3s;
  font-weight: normal;
}
.block-good .block-contents .good-content .good-texts .more-container a:hover {
  background: var(--single-link-bg-hover, #ffdc5a);
}
.block-good.side-box .block-contents .good-content .good-picture, .block-good.compact .block-contents .good-content .good-picture {
  display: block;
  max-height: none;
  background: none !important;
}
.block-good.side-box .block-contents .good-content .good-picture img, .block-good.compact .block-contents .good-content .good-picture img {
  visibility: visible;
}
@media all and (max-width: 549px) {
  .block-good .block-contents .good-content .good-picture {
    display: block;
    max-height: none;
    background: none !important;
  }
  .block-good .block-contents .good-content .good-picture img {
    visibility: visible;
  }
}

/***** GROUPED BLOCKS */
.block-grouped-blocks.side-box > div {
  position: relative !important;
  width: auto !important;
  margin-bottom: 1.5rem;
}
.block-grouped-blocks.side-box > div:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/
body.page-template-template-abbonamenti .page-header {
  text-align: center;
}
body.page-template-template-abbonamenti .page-header h2 {
  font-size: 1.5rem;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti .page-header h2 {
    font-size: 1.2rem;
  }
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti .page-header h2 {
    font-size: 1rem;
  }
}
body.page-template-template-abbonamenti .page-header h1 {
  font-size: 2rem;
  font-weight: bold;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti .page-header h1 {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti .page-header h1 {
    font-size: 1.2rem;
  }
}
body.page-template-template-abbonamenti #main .options {
  margin-top: 5rem;
  display: flex;
  margin-left: -1rem;
  margin-right: -1rem;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti #main .options {
    margin-top: 3rem;
  }
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti #main .options {
    margin-left: 0;
    margin-right: 0;
  }
}
body.page-template-template-abbonamenti #main .options .option {
  flex-grow: 1;
  padding: 0 1rem;
  max-width: 500px;
  flex-shrink: 0;
  width: 50%;
  display: flex;
  flex-direction: column;
}
body.page-template-template-abbonamenti #main .options .option:nth-child(1) {
  order: 1;
}
body.page-template-template-abbonamenti #main .options .option:nth-child(2) {
  order: 3;
}
body.page-template-template-abbonamenti #main .options .option:nth-child(3) {
  order: 2;
}
body.page-template-template-abbonamenti #main .options .option:nth-child(4) {
  order: 4;
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti #main .options .option {
    width: 100%;
    padding: 0;
    margin-bottom: 2rem;
  }
  body.page-template-template-abbonamenti #main .options .option:nth-child(1) {
    order: 1;
  }
  body.page-template-template-abbonamenti #main .options .option:nth-child(2) {
    order: 2;
  }
  body.page-template-template-abbonamenti #main .options .option:nth-child(3) {
    order: 3;
  }
  body.page-template-template-abbonamenti #main .options .option:nth-child(4) {
    order: 4;
  }
}
body.page-template-template-abbonamenti #main .options .option.intro .imgWrapper {
  height: 70px;
  overflow: visible;
  flex-grow: 0;
  position: relative;
  z-index: 1;
}
body.page-template-template-abbonamenti #main .options .option.intro .imgWrapper img {
  height: 140px;
  display: block;
  margin: auto;
}
body.page-template-template-abbonamenti #main .options .option.intro .box {
  flex-grow: 1;
  border-radius: 1rem;
  padding: calc(70px + 1rem) 2rem 2rem 2rem;
  text-align: center;
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti #main .options .option.intro .box {
    padding: calc(70px + 1rem) 1rem 1rem 1rem;
  }
}
body.page-template-template-abbonamenti #main .options .option.intro .box .texts h3 {
  font-size: 1.2rem;
  font-weight: bold;
}
body.page-template-template-abbonamenti #main .options .option.intro .box p {
  padding: 0;
  margin: 1rem 0 0 0;
  font-size: 1rem;
}
body.page-template-template-abbonamenti #main .options .option.intro .box .btn {
  background: #d02d26;
  padding: 0.8rem 1rem;
  border-radius: 0.5rem;
  color: #FFF;
  display: block;
  font-size: 0.9rem;
  margin-top: 1.5rem;
  line-height: 1;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti #main .options .option.intro .box .btn {
    width: 100%;
  }
}
body.page-template-template-abbonamenti #main .options .option.intro .box .btn strong {
  display: block;
  font-size: 1.2rem;
  padding-bottom: 0.2rem;
}
body.page-template-template-abbonamenti #main .options .option.intro .box .btn:hover {
  background: #FFF;
  color: #d02d26;
}
body.page-template-template-abbonamenti #main .options .option.intro .box .readMore {
  display: none;
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti #main .options .option.intro .box .readMore {
    display: block;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0.8rem;
  }
}
body.page-template-template-abbonamenti #main .options .option.intro:nth-child(1) .box {
  background: #e59b84;
}
body.page-template-template-abbonamenti #main .options .option.intro:nth-child(3) .box {
  background: #dc745e;
}
body.page-template-template-abbonamenti #main .options .option.detail {
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1rem;
}
body.page-template-template-abbonamenti #main .options .option.detail:nth-child(2) {
  border-right: 1px solid #CCC;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti #main .options .option.detail {
    font-size: 0.9rem;
    padding: 2rem;
  }
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti #main .options .option.detail {
    display: none;
    padding-top: 0;
    border-bottom: 1px solid #CCC;
  }
  body.page-template-template-abbonamenti #main .options .option.detail:nth-child(2) {
    border-right: none;
  }
}
body.page-template-template-abbonamenti #main .options .option.detail .item {
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
}
body.page-template-template-abbonamenti #main .options .option.detail .item:after {
  content: "+";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 0.8rem;
  font-weight: bold;
  opacity: 0.5;
}
body.page-template-template-abbonamenti #main .options .option.detail .item:nth-last-of-type(2) {
  margin-bottom: 0;
}
body.page-template-template-abbonamenti #main .options .option.detail .item:nth-last-of-type(2):after {
  display: none;
}
body.page-template-template-abbonamenti #main .options .option.detail .item p {
  margin: 0;
}
body.page-template-template-abbonamenti #main .options .option.detail .readLess {
  display: none;
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti #main .options .option.detail .readLess {
    text-align: center;
    margin-top: 1rem;
    display: block;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0.8rem;
  }
}
body.page-template-template-abbonamenti #main .form-preventivo {
  margin-top: 5rem;
  background: #f7f7f7;
  border-radius: 2rem;
  padding: 4rem;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti #main .form-preventivo {
    padding: 2rem;
    margin-top: 3rem;
  }
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti #main .form-preventivo {
    padding: 1rem;
    margin-top: 2rem;
  }
}
body.page-template-template-abbonamenti #main .form-preventivo .inner > h3 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-bottom: 0.5rem;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti #main .form-preventivo .inner > h3 {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti #main .form-preventivo .inner > h3 {
    font-size: 1.2rem;
  }
}
body.page-template-template-abbonamenti #main .form-preventivo .inner > p {
  font-size: 1rem;
  margin-top: 0;
  text-align: center;
}
body.page-template-template-abbonamenti #main .form-preventivo .inner .wpcf7 {
  max-width: 800px;
  margin: 4rem auto 0 auto;
}
@media all and (max-width: 899px) {
  body.page-template-template-abbonamenti #main .form-preventivo .inner .wpcf7 {
    margin-top: 3rem;
  }
}
@media all and (max-width: 549px) {
  body.page-template-template-abbonamenti #main .form-preventivo .inner .wpcf7 {
    margin-top: 2rem;
  }
}

body.page-template-template-membership,
body.page-template-template-membership-ds,
body.page-template-template-membership-fs,
body.page-template-template-membership-gdo {
  color: #2a2a2a;
}
body.page-template-template-membership .grecaptcha-badge,
body.page-template-template-membership-ds .grecaptcha-badge,
body.page-template-template-membership-fs .grecaptcha-badge,
body.page-template-template-membership-gdo .grecaptcha-badge {
  display: none !important;
}
body.page-template-template-membership a[name]:not([href]),
body.page-template-template-membership-ds a[name]:not([href]),
body.page-template-template-membership-fs a[name]:not([href]),
body.page-template-template-membership-gdo a[name]:not([href]) {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
}
body.page-template-template-membership .page-header h1,
body.page-template-template-membership-ds .page-header h1,
body.page-template-template-membership-fs .page-header h1,
body.page-template-template-membership-gdo .page-header h1 {
  font-size: 250%;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin: 0.5em;
  font-weight: normal;
  line-height: 1.125;
}
body.page-template-template-membership .site-main,
body.page-template-template-membership-ds .site-main,
body.page-template-template-membership-fs .site-main,
body.page-template-template-membership-gdo .site-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.page-template-template-membership .site-main.annuale [data-ref=biennale],
body.page-template-template-membership-ds .site-main.annuale [data-ref=biennale],
body.page-template-template-membership-fs .site-main.annuale [data-ref=biennale],
body.page-template-template-membership-gdo .site-main.annuale [data-ref=biennale] {
  display: none !important;
}
body.page-template-template-membership .site-main.biennale [data-ref=annuale],
body.page-template-template-membership-ds .site-main.biennale [data-ref=annuale],
body.page-template-template-membership-fs .site-main.biennale [data-ref=annuale],
body.page-template-template-membership-gdo .site-main.biennale [data-ref=annuale] {
  display: none !important;
}
body.page-template-template-membership .site-main .features-carousel,
body.page-template-template-membership-ds .site-main .features-carousel,
body.page-template-template-membership-fs .site-main .features-carousel,
body.page-template-template-membership-gdo .site-main .features-carousel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
body.page-template-template-membership .site-main .features-carousel.visible,
body.page-template-template-membership-ds .site-main .features-carousel.visible,
body.page-template-template-membership-fs .site-main .features-carousel.visible,
body.page-template-template-membership-gdo .site-main .features-carousel.visible {
  opacity: 1;
  pointer-events: all;
}
body.page-template-template-membership .site-main .features-carousel .box,
body.page-template-template-membership-ds .site-main .features-carousel .box,
body.page-template-template-membership-fs .site-main .features-carousel .box,
body.page-template-template-membership-gdo .site-main .features-carousel .box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100vw - 100px);
  height: calc(100vh - 100px);
  transform: translate(-50%, -50%);
  background-color: #edf1f3;
  border-radius: 30px;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features-carousel .box,
  body.page-template-template-membership-ds .site-main .features-carousel .box,
  body.page-template-template-membership-fs .site-main .features-carousel .box,
  body.page-template-template-membership-gdo .site-main .features-carousel .box {
    width: calc(100vw - 40px);
    height: calc(100vh - 150px);
  }
}
body.page-template-template-membership .site-main .features-carousel .box .close,
body.page-template-template-membership-ds .site-main .features-carousel .box .close,
body.page-template-template-membership-fs .site-main .features-carousel .box .close,
body.page-template-template-membership-gdo .site-main .features-carousel .box .close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}
body.page-template-template-membership .site-main .features-carousel .box .close svg,
body.page-template-template-membership-ds .site-main .features-carousel .box .close svg,
body.page-template-template-membership-fs .site-main .features-carousel .box .close svg,
body.page-template-template-membership-gdo .site-main .features-carousel .box .close svg {
  width: 40px;
  height: auto;
}
body.page-template-template-membership .site-main .features-carousel .box .slides,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 65px;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides {
    top: 20px;
    left: 20px;
    right: 20px;
  }
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-list,
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-track,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-list,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-track,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-list,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-track,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-list,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-track {
  height: 100%;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-dots,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-dots,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-dots,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-dots {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 20px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  font-size: 0;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-dots li,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-dots li,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-dots li,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-dots li {
  padding: 5px;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-dots li button,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-dots li button,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-dots li button,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-dots li button {
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  box-shadow: none;
  border: none;
  background-color: #ccc;
  padding: 0;
  text-shadow: none;
  outline: none;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-dots li.slick-active button,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-dots li.slick-active button,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-dots li.slick-active button,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-dots li.slick-active button {
  background-color: #32466b;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-dots li.slick-active:last-child button::before,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-dots li.slick-active:last-child button::before,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-dots li.slick-active:last-child button::before,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-dots li.slick-active:last-child button::before {
  color: #FFF;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-dots li:last-child,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-dots li:last-child,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-dots li:last-child,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-dots li:last-child {
  cursor: pointer;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-dots li:last-child button,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-dots li:last-child button,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-dots li:last-child button,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-dots li:last-child button {
  border-radius: 3px;
  width: auto;
  height: auto;
  padding: 5px 6px 2px;
  pointer-events: none;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-dots li:last-child button:before,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-dots li:last-child button:before,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-dots li:last-child button:before,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-dots li:last-child button:before {
  display: inline;
  content: "iscriviti";
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-arrow,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-arrow,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-arrow,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  background-color: #FFF;
  border: 3px solid #FFF;
  font-size: 0px;
  color: rgba(0, 0, 0, 0);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  box-shadow: none;
  background-image: url(images/icon-arrow-down.svg);
  background-size: 16px auto;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides .slick-arrow,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-arrow,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-arrow,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-arrow {
    display: none !important;
  }
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-arrow.slick-prev,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-arrow.slick-prev,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-arrow.slick-prev,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-arrow.slick-prev {
  left: 0;
  transform: rotate(90deg) translate(-50%, 50%);
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slick-arrow.slick-next,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slick-arrow.slick-next,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slick-arrow.slick-next,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slick-arrow.slick-next {
  right: 0;
  transform: rotate(-90deg) translate(50%, 50%);
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slide,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides .slide,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide {
    justify-content: center;
  }
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slide .texts,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .texts,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .texts,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .texts {
  margin-bottom: 20px;
  text-align: center;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slide .texts strong,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .texts strong,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .texts strong,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .texts strong {
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media all and (max-width: 600px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides .slide .texts strong,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .texts strong,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .texts strong,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .texts strong {
    font-size: 22px;
  }
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slide .texts strong i,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .texts strong i,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .texts strong i,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .texts strong i {
  margin-right: 10px;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slide .texts strong i svg,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .texts strong i svg,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .texts strong i svg,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .texts strong i svg {
  height: 1em;
  width: auto;
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slide .texts p,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .texts p,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .texts p,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .texts p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
}
@media all and (max-width: 500px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides .slide .texts p,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .texts p,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .texts p,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .texts p {
    min-height: 6em;
  }
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slide .image-mobile,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .image-mobile,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .image-mobile,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .image-mobile {
  display: none;
  flex-grow: 1;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  max-width: 1800px;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides .slide .image-mobile,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .image-mobile,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .image-mobile,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .image-mobile {
    height: 35vh;
    flex-grow: 0;
    background-color: #FFF;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides .slide .image-mobile,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .image-mobile,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .image-mobile,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .image-mobile {
    display: block;
  }
}
body.page-template-template-membership .site-main .features-carousel .box .slides .slide .image,
body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .image,
body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .image,
body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .image {
  flex-grow: 1;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  max-width: 1800px;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides .slide .image,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .image,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .image,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .image {
    height: 35vh;
    flex-grow: 0;
    background-color: #FFF;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features-carousel .box .slides .slide .image-mobile + .image,
  body.page-template-template-membership-ds .site-main .features-carousel .box .slides .slide .image-mobile + .image,
  body.page-template-template-membership-fs .site-main .features-carousel .box .slides .slide .image-mobile + .image,
  body.page-template-template-membership-gdo .site-main .features-carousel .box .slides .slide .image-mobile + .image {
    display: none;
  }
}
body.page-template-template-membership .site-main .features,
body.page-template-template-membership-ds .site-main .features,
body.page-template-template-membership-fs .site-main .features,
body.page-template-template-membership-gdo .site-main .features {
  margin-top: 15px;
  position: relative;
  padding: 50px 0 20px 0;
}
@media all and (max-width: 899px) {
  body.page-template-template-membership .site-main .features,
  body.page-template-template-membership-ds .site-main .features,
  body.page-template-template-membership-fs .site-main .features,
  body.page-template-template-membership-gdo .site-main .features {
    padding: 30px 0;
  }
}
@media all and (max-width: 750px) {
  body.page-template-template-membership .site-main .features,
  body.page-template-template-membership-ds .site-main .features,
  body.page-template-template-membership-fs .site-main .features,
  body.page-template-template-membership-gdo .site-main .features {
    padding: 12px 0;
  }
}
body.page-template-template-membership .site-main .features:before,
body.page-template-template-membership-ds .site-main .features:before,
body.page-template-template-membership-fs .site-main .features:before,
body.page-template-template-membership-gdo .site-main .features:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -50vw;
  width: 150vw;
  bottom: 0;
  background: #edf1f3;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .site-main .features:before,
  body.page-template-template-membership-ds .site-main .features:before,
  body.page-template-template-membership-fs .site-main .features:before,
  body.page-template-template-membership-gdo .site-main .features:before {
    left: -3vw;
    width: calc(100% + 6vw);
  }
}
body.page-template-template-membership .site-main .features h3,
body.page-template-template-membership-ds .site-main .features h3,
body.page-template-template-membership-fs .site-main .features h3,
body.page-template-template-membership-gdo .site-main .features h3 {
  position: relative;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 40px;
}
body.page-template-template-membership .site-main .features > ul,
body.page-template-template-membership-ds .site-main .features > ul,
body.page-template-template-membership-fs .site-main .features > ul,
body.page-template-template-membership-gdo .site-main .features > ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  padding: 0;
  list-style: none;
  align-items: stretch;
  justify-content: center;
}
@media all and (max-width: 899px) {
  body.page-template-template-membership .site-main .features > ul,
  body.page-template-template-membership-ds .site-main .features > ul,
  body.page-template-template-membership-fs .site-main .features > ul,
  body.page-template-template-membership-gdo .site-main .features > ul {
    margin: 0 -12px;
  }
}
body.page-template-template-membership .site-main .features > ul > li,
body.page-template-template-membership-ds .site-main .features > ul > li,
body.page-template-template-membership-fs .site-main .features > ul > li,
body.page-template-template-membership-gdo .site-main .features > ul > li {
  display: flex;
  width: 33.3333333333%;
  margin: 0 0 30px;
  padding: 0 20px;
  line-height: 1;
}
@media all and (max-width: 1199px) {
  body.page-template-template-membership .site-main .features > ul > li,
  body.page-template-template-membership-ds .site-main .features > ul > li,
  body.page-template-template-membership-fs .site-main .features > ul > li,
  body.page-template-template-membership-gdo .site-main .features > ul > li {
    width: 50%;
    max-width: 450px;
  }
}
@media all and (max-width: 899px) {
  body.page-template-template-membership .site-main .features > ul > li,
  body.page-template-template-membership-ds .site-main .features > ul > li,
  body.page-template-template-membership-fs .site-main .features > ul > li,
  body.page-template-template-membership-gdo .site-main .features > ul > li {
    padding: 12px;
    margin: 0;
  }
}
@media all and (max-width: 750px) {
  body.page-template-template-membership .site-main .features > ul > li,
  body.page-template-template-membership-ds .site-main .features > ul > li,
  body.page-template-template-membership-fs .site-main .features > ul > li,
  body.page-template-template-membership-gdo .site-main .features > ul > li {
    width: 100%;
    max-width: 450px;
  }
}
body.page-template-template-membership .site-main .features > ul > li.app,
body.page-template-template-membership-ds .site-main .features > ul > li.app,
body.page-template-template-membership-fs .site-main .features > ul > li.app,
body.page-template-template-membership-gdo .site-main .features > ul > li.app {
  width: 100% !important;
  max-width: 670px !important;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features > ul > li.app,
  body.page-template-template-membership-ds .site-main .features > ul > li.app,
  body.page-template-template-membership-fs .site-main .features > ul > li.app,
  body.page-template-template-membership-gdo .site-main .features > ul > li.app {
    max-width: 450px !important;
  }
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .site-main .features > ul > li.app > div,
  body.page-template-template-membership-ds .site-main .features > ul > li.app > div,
  body.page-template-template-membership-fs .site-main .features > ul > li.app > div,
  body.page-template-template-membership-gdo .site-main .features > ul > li.app > div {
    flex-wrap: nowrap;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features > ul > li.app > div,
  body.page-template-template-membership-ds .site-main .features > ul > li.app > div,
  body.page-template-template-membership-fs .site-main .features > ul > li.app > div,
  body.page-template-template-membership-gdo .site-main .features > ul > li.app > div {
    flex-wrap: wrap;
  }
}
body.page-template-template-membership .site-main .features > ul > li.app > div i,
body.page-template-template-membership-ds .site-main .features > ul > li.app > div i,
body.page-template-template-membership-fs .site-main .features > ul > li.app > div i,
body.page-template-template-membership-gdo .site-main .features > ul > li.app > div i {
  width: 85px;
  margin-top: -40px;
  margin-bottom: -40px;
  height: calc(100% + 40px + 40px);
  background-image: url(images/abbonamenti/food-app.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 20px;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features > ul > li.app > div i,
  body.page-template-template-membership-ds .site-main .features > ul > li.app > div i,
  body.page-template-template-membership-fs .site-main .features > ul > li.app > div i,
  body.page-template-template-membership-gdo .site-main .features > ul > li.app > div i {
    height: 100px;
    width: 50px;
    margin-top: auto;
    margin-bottom: auto;
  }
}
body.page-template-template-membership .site-main .features > ul > li.app > div .downloads,
body.page-template-template-membership-ds .site-main .features > ul > li.app > div .downloads,
body.page-template-template-membership-fs .site-main .features > ul > li.app > div .downloads,
body.page-template-template-membership-gdo .site-main .features > ul > li.app > div .downloads {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features > ul > li.app > div .downloads,
  body.page-template-template-membership-ds .site-main .features > ul > li.app > div .downloads,
  body.page-template-template-membership-fs .site-main .features > ul > li.app > div .downloads,
  body.page-template-template-membership-gdo .site-main .features > ul > li.app > div .downloads {
    margin-left: 0;
    padding-left: 70px;
    padding-top: 20px;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}
body.page-template-template-membership .site-main .features > ul > li.app > div .downloads a,
body.page-template-template-membership-ds .site-main .features > ul > li.app > div .downloads a,
body.page-template-template-membership-fs .site-main .features > ul > li.app > div .downloads a,
body.page-template-template-membership-gdo .site-main .features > ul > li.app > div .downloads a {
  margin-bottom: 5px;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features > ul > li.app > div .downloads a,
  body.page-template-template-membership-ds .site-main .features > ul > li.app > div .downloads a,
  body.page-template-template-membership-fs .site-main .features > ul > li.app > div .downloads a,
  body.page-template-template-membership-gdo .site-main .features > ul > li.app > div .downloads a {
    margin-bottom: 0;
    margin-right: 5px;
  }
}
body.page-template-template-membership .site-main .features > ul > li.app > div .downloads a:last-child,
body.page-template-template-membership-ds .site-main .features > ul > li.app > div .downloads a:last-child,
body.page-template-template-membership-fs .site-main .features > ul > li.app > div .downloads a:last-child,
body.page-template-template-membership-gdo .site-main .features > ul > li.app > div .downloads a:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features > ul > li.app > div .downloads a:last-child,
  body.page-template-template-membership-ds .site-main .features > ul > li.app > div .downloads a:last-child,
  body.page-template-template-membership-fs .site-main .features > ul > li.app > div .downloads a:last-child,
  body.page-template-template-membership-gdo .site-main .features > ul > li.app > div .downloads a:last-child {
    margin-right: 0;
  }
}
body.page-template-template-membership .site-main .features > ul > li.app > div .downloads a img,
body.page-template-template-membership-ds .site-main .features > ul > li.app > div .downloads a img,
body.page-template-template-membership-fs .site-main .features > ul > li.app > div .downloads a img,
body.page-template-template-membership-gdo .site-main .features > ul > li.app > div .downloads a img {
  width: 100px;
  height: auto;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .site-main .features > ul > li.app > div .downloads a img,
  body.page-template-template-membership-ds .site-main .features > ul > li.app > div .downloads a img,
  body.page-template-template-membership-fs .site-main .features > ul > li.app > div .downloads a img,
  body.page-template-template-membership-gdo .site-main .features > ul > li.app > div .downloads a img {
    height: 30px;
    width: auto;
  }
}
body.page-template-template-membership .site-main .features > ul > li > div,
body.page-template-template-membership-ds .site-main .features > ul > li > div,
body.page-template-template-membership-fs .site-main .features > ul > li > div,
body.page-template-template-membership-gdo .site-main .features > ul > li > div {
  position: relative;
  width: 100%;
  padding: 20px;
  background: #FFF;
  color: #2a2a2a;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .site-main .features > ul > li > div,
  body.page-template-template-membership-ds .site-main .features > ul > li > div,
  body.page-template-template-membership-fs .site-main .features > ul > li > div,
  body.page-template-template-membership-gdo .site-main .features > ul > li > div {
    flex-wrap: wrap;
  }
}
body.page-template-template-membership .site-main .features > ul > li > div:hover,
body.page-template-template-membership-ds .site-main .features > ul > li > div:hover,
body.page-template-template-membership-fs .site-main .features > ul > li > div:hover,
body.page-template-template-membership-gdo .site-main .features > ul > li > div:hover {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.6);
}
body.page-template-template-membership .site-main .features > ul > li > div:hover .texts strong,
body.page-template-template-membership-ds .site-main .features > ul > li > div:hover .texts strong,
body.page-template-template-membership-fs .site-main .features > ul > li > div:hover .texts strong,
body.page-template-template-membership-gdo .site-main .features > ul > li > div:hover .texts strong {
  text-decoration: underline;
}
body.page-template-template-membership .site-main .features > ul > li > div:hover .in-app .label-wrapper .label,
body.page-template-template-membership-ds .site-main .features > ul > li > div:hover .in-app .label-wrapper .label,
body.page-template-template-membership-fs .site-main .features > ul > li > div:hover .in-app .label-wrapper .label,
body.page-template-template-membership-gdo .site-main .features > ul > li > div:hover .in-app .label-wrapper .label {
  transform: translateX(0%);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
}
body.page-template-template-membership .site-main .features > ul > li > div i,
body.page-template-template-membership-ds .site-main .features > ul > li > div i,
body.page-template-template-membership-fs .site-main .features > ul > li > div i,
body.page-template-template-membership-gdo .site-main .features > ul > li > div i {
  flex-grow: 0;
}
body.page-template-template-membership .site-main .features > ul > li > div i svg,
body.page-template-template-membership-ds .site-main .features > ul > li > div i svg,
body.page-template-template-membership-fs .site-main .features > ul > li > div i svg,
body.page-template-template-membership-gdo .site-main .features > ul > li > div i svg {
  width: 50px;
  height: auto;
  margin-right: 20px;
  opacity: 0.5;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .site-main .features > ul > li > div .texts,
  body.page-template-template-membership-ds .site-main .features > ul > li > div .texts,
  body.page-template-template-membership-fs .site-main .features > ul > li > div .texts,
  body.page-template-template-membership-gdo .site-main .features > ul > li > div .texts {
    width: calc(100% - 70px);
  }
}
body.page-template-template-membership .site-main .features > ul > li > div .texts strong,
body.page-template-template-membership-ds .site-main .features > ul > li > div .texts strong,
body.page-template-template-membership-fs .site-main .features > ul > li > div .texts strong,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .texts strong {
  display: block;
  font-size: 22px;
  color: #2a2a2a;
  line-height: 1;
}
body.page-template-template-membership .site-main .features > ul > li > div .texts strong:not(:last-child),
body.page-template-template-membership-ds .site-main .features > ul > li > div .texts strong:not(:last-child),
body.page-template-template-membership-fs .site-main .features > ul > li > div .texts strong:not(:last-child),
body.page-template-template-membership-gdo .site-main .features > ul > li > div .texts strong:not(:last-child) {
  margin-bottom: 10px;
}
body.page-template-template-membership .site-main .features > ul > li > div .texts span,
body.page-template-template-membership-ds .site-main .features > ul > li > div .texts span,
body.page-template-template-membership-fs .site-main .features > ul > li > div .texts span,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .texts span {
  font-size: 1rem;
  opacity: 0.8;
}
body.page-template-template-membership .site-main .features > ul > li > div .texts > ul,
body.page-template-template-membership-ds .site-main .features > ul > li > div .texts > ul,
body.page-template-template-membership-fs .site-main .features > ul > li > div .texts > ul,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .texts > ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin: 0;
  line-height: 1.2;
}
body.page-template-template-membership .site-main .features > ul > li > div .texts > ul li,
body.page-template-template-membership-ds .site-main .features > ul > li > div .texts > ul li,
body.page-template-template-membership-fs .site-main .features > ul > li > div .texts > ul li,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .texts > ul li {
  display: block;
  font-size: 14px;
  opacity: 0.8;
  padding-bottom: 8px;
  /*
  margin-bottom: 8px;

  position: relative;

  &:after {
      content: " ";
      display: block;
      height: 1px;
      background: $color__text-input;
      width: 2em;
      top: 100%;
      left: 0;
      position: absolute;
      opacity: 0.6;
  }
  */
}
body.page-template-template-membership .site-main .features > ul > li > div .texts > ul li:last-child,
body.page-template-template-membership-ds .site-main .features > ul > li > div .texts > ul li:last-child,
body.page-template-template-membership-fs .site-main .features > ul > li > div .texts > ul li:last-child,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .texts > ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
body.page-template-template-membership .site-main .features > ul > li > div .texts > ul li:last-child:after,
body.page-template-template-membership-ds .site-main .features > ul > li > div .texts > ul li:last-child:after,
body.page-template-template-membership-fs .site-main .features > ul > li > div .texts > ul li:last-child:after,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .texts > ul li:last-child:after {
  display: none;
}
body.page-template-template-membership .site-main .features > ul > li > div .in-app,
body.page-template-template-membership-ds .site-main .features > ul > li > div .in-app,
body.page-template-template-membership-fs .site-main .features > ul > li > div .in-app,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .in-app {
  position: absolute;
  top: -15px;
  right: -15px;
  overflow: hidden;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .site-main .features > ul > li > div .in-app,
  body.page-template-template-membership-ds .site-main .features > ul > li > div .in-app,
  body.page-template-template-membership-fs .site-main .features > ul > li > div .in-app,
  body.page-template-template-membership-gdo .site-main .features > ul > li > div .in-app {
    position: relative;
    top: auto;
    right: auto;
    margin-left: 70px;
    margin-top: 20px;
    overflow: visible;
    display: flex;
    flex-direction: row-reverse;
  }
}
body.page-template-template-membership .site-main .features > ul > li > div .in-app .label-wrapper,
body.page-template-template-membership-ds .site-main .features > ul > li > div .in-app .label-wrapper,
body.page-template-template-membership-fs .site-main .features > ul > li > div .in-app .label-wrapper,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .in-app .label-wrapper {
  overflow: hidden;
  padding: 10px 0 10px 10px;
  margin-right: 15px;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .site-main .features > ul > li > div .in-app .label-wrapper,
  body.page-template-template-membership-ds .site-main .features > ul > li > div .in-app .label-wrapper,
  body.page-template-template-membership-fs .site-main .features > ul > li > div .in-app .label-wrapper,
  body.page-template-template-membership-gdo .site-main .features > ul > li > div .in-app .label-wrapper {
    overflow: visible;
    padding: 0;
    margin-right: 0;
  }
}
body.page-template-template-membership .site-main .features > ul > li > div .in-app .label-wrapper .label,
body.page-template-template-membership-ds .site-main .features > ul > li > div .in-app .label-wrapper .label,
body.page-template-template-membership-fs .site-main .features > ul > li > div .in-app .label-wrapper .label,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .in-app .label-wrapper .label {
  padding: 0 0 0 10px;
  border-radius: 5px;
  background-color: white;
  padding-right: 37px;
  font-size: 10px;
  text-align: center;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(100%);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
  transition: all 0.3s;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .site-main .features > ul > li > div .in-app .label-wrapper .label,
  body.page-template-template-membership-ds .site-main .features > ul > li > div .in-app .label-wrapper .label,
  body.page-template-template-membership-fs .site-main .features > ul > li > div .in-app .label-wrapper .label,
  body.page-template-template-membership-gdo .site-main .features > ul > li > div .in-app .label-wrapper .label {
    padding-right: 0;
    transform: none;
    text-align: left;
  }
}
body.page-template-template-membership .site-main .features > ul > li > div .in-app .icon,
body.page-template-template-membership-ds .site-main .features > ul > li > div .in-app .icon,
body.page-template-template-membership-fs .site-main .features > ul > li > div .in-app .icon,
body.page-template-template-membership-gdo .site-main .features > ul > li > div .in-app .icon {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url(images/abbonamenti/food-app-icon.png);
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .site-main .features > ul > li > div .in-app .icon,
  body.page-template-template-membership-ds .site-main .features > ul > li > div .in-app .icon,
  body.page-template-template-membership-fs .site-main .features > ul > li > div .in-app .icon,
  body.page-template-template-membership-gdo .site-main .features > ul > li > div .in-app .icon {
    position: relative;
    top: auto;
    right: auto;
  }
}
body.page-template-template-membership .site-main .info-box,
body.page-template-template-membership-ds .site-main .info-box,
body.page-template-template-membership-fs .site-main .info-box,
body.page-template-template-membership-gdo .site-main .info-box {
  margin: 40px 0 40px 0;
  text-align: center;
  max-width: 900px;
}
body.page-template-template-membership .site-main .info-box h4,
body.page-template-template-membership-ds .site-main .info-box h4,
body.page-template-template-membership-fs .site-main .info-box h4,
body.page-template-template-membership-gdo .site-main .info-box h4 {
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
}
body.page-template-template-membership .site-main .choose,
body.page-template-template-membership-ds .site-main .choose,
body.page-template-template-membership-fs .site-main .choose,
body.page-template-template-membership-gdo .site-main .choose {
  margin-top: 30px;
  width: 100%;
  flex-basis: 100%;
  text-align: center;
  font-size: 1.3rem;
  color: #2a2a2a;
  font-weight: 800;
  align-items: center;
}
@media all and (max-width: 750px) {
  body.page-template-template-membership .site-main .choose,
  body.page-template-template-membership-ds .site-main .choose,
  body.page-template-template-membership-fs .site-main .choose,
  body.page-template-template-membership-gdo .site-main .choose {
    margin-top: 24px;
  }
}
body.page-template-template-membership .site-main .single-option,
body.page-template-template-membership-ds .site-main .single-option,
body.page-template-template-membership-fs .site-main .single-option,
body.page-template-template-membership-gdo .site-main .single-option {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 40px;
}
body.page-template-template-membership .site-main .single-option .price,
body.page-template-template-membership-ds .site-main .single-option .price,
body.page-template-template-membership-fs .site-main .single-option .price,
body.page-template-template-membership-gdo .site-main .single-option .price {
  width: 90px;
  height: 90px;
  border: 4px solid #596f96;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: bold;
  color: #596f96;
}
body.page-template-template-membership .site-main .single-option .duration,
body.page-template-template-membership-ds .site-main .single-option .duration,
body.page-template-template-membership-fs .site-main .single-option .duration,
body.page-template-template-membership-gdo .site-main .single-option .duration {
  text-align: center;
  padding-top: 0.3rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1rem;
  color: #596f96;
}
body.page-template-template-membership .site-main .type_switch,
body.page-template-template-membership-ds .site-main .type_switch,
body.page-template-template-membership-fs .site-main .type_switch,
body.page-template-template-membership-gdo .site-main .type_switch {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-top: 20px;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 410px;
}
body.page-template-template-membership .site-main .type_switch .options,
body.page-template-template-membership-ds .site-main .type_switch .options,
body.page-template-template-membership-fs .site-main .type_switch .options,
body.page-template-template-membership-gdo .site-main .type_switch .options {
  display: flex;
  align-items: center;
  background: #32466b;
  padding: 5px;
  border-top-right-radius: 15px;
  width: 100%;
}
body.page-template-template-membership .site-main .type_switch .options div,
body.page-template-template-membership-ds .site-main .type_switch .options div,
body.page-template-template-membership-fs .site-main .type_switch .options div,
body.page-template-template-membership-gdo .site-main .type_switch .options div {
  padding: 8px;
  color: #FFF;
  width: 50%;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  opacity: 0.3;
}
body.page-template-template-membership .site-main .type_switch .options div.selected,
body.page-template-template-membership-ds .site-main .type_switch .options div.selected,
body.page-template-template-membership-fs .site-main .type_switch .options div.selected,
body.page-template-template-membership-gdo .site-main .type_switch .options div.selected {
  background: #596f96;
  opacity: 1;
}
body.page-template-template-membership .site-main .type_switch .options div:last-child,
body.page-template-template-membership-ds .site-main .type_switch .options div:last-child,
body.page-template-template-membership-fs .site-main .type_switch .options div:last-child,
body.page-template-template-membership-gdo .site-main .type_switch .options div:last-child {
  border-top-right-radius: 10px;
}
body.page-template-template-membership .site-main .price_overview,
body.page-template-template-membership-ds .site-main .price_overview,
body.page-template-template-membership-fs .site-main .price_overview,
body.page-template-template-membership-gdo .site-main .price_overview {
  padding: 0;
  line-height: 1;
  margin: 0;
  color: #FFF;
  width: 100%;
  max-width: 410px;
  background: #32466b;
  border-bottom-left-radius: 15px;
  position: relative;
  z-index: 1;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.page-template-template-membership .site-main .price_overview:before,
body.page-template-template-membership-ds .site-main .price_overview:before,
body.page-template-template-membership-fs .site-main .price_overview:before,
body.page-template-template-membership-gdo .site-main .price_overview:before {
  content: " ";
  display: block;
  background: #FFF;
  height: 1px;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
body.page-template-template-membership .site-main .price_overview .price,
body.page-template-template-membership-ds .site-main .price_overview .price,
body.page-template-template-membership-fs .site-main .price_overview .price,
body.page-template-template-membership-gdo .site-main .price_overview .price {
  font-size: 1rem;
  display: block;
}
body.page-template-template-membership .site-main .price_overview .price strong,
body.page-template-template-membership-ds .site-main .price_overview .price strong,
body.page-template-template-membership-fs .site-main .price_overview .price strong,
body.page-template-template-membership-gdo .site-main .price_overview .price strong {
  font-size: 1.6rem;
}
body.page-template-template-membership .site-main .price_overview .price_description,
body.page-template-template-membership-ds .site-main .price_overview .price_description,
body.page-template-template-membership-fs .site-main .price_overview .price_description,
body.page-template-template-membership-gdo .site-main .price_overview .price_description {
  display: inline-block;
  font-size: 14px;
  margin-top: 6px;
}
body.page-template-template-membership .site-main .price_overview .price_description:not(:last-child),
body.page-template-template-membership-ds .site-main .price_overview .price_description:not(:last-child),
body.page-template-template-membership-fs .site-main .price_overview .price_description:not(:last-child),
body.page-template-template-membership-gdo .site-main .price_overview .price_description:not(:last-child) {
  margin-bottom: 6px;
}
body.page-template-template-membership .site-main .price_overview .price_description.green,
body.page-template-template-membership-ds .site-main .price_overview .price_description.green,
body.page-template-template-membership-fs .site-main .price_overview .price_description.green,
body.page-template-template-membership-gdo .site-main .price_overview .price_description.green {
  color: rgb(0, 168, 81);
  font-weight: 600;
  font-size: 16px;
}
body.page-template-template-membership .site-main .price_overview .invoice_description,
body.page-template-template-membership-ds .site-main .price_overview .invoice_description,
body.page-template-template-membership-fs .site-main .price_overview .invoice_description,
body.page-template-template-membership-gdo .site-main .price_overview .invoice_description {
  display: block;
  font-size: 14px;
  color: #6f82a3;
}
body.page-template-template-membership .site-main .special_offer,
body.page-template-template-membership-ds .site-main .special_offer,
body.page-template-template-membership-fs .site-main .special_offer,
body.page-template-template-membership-gdo .site-main .special_offer {
  max-width: 700px;
  width: 100%;
  background: #fafafa;
  padding: 0 15px;
  margin-bottom: 15px;
  border-radius: 2px;
}
body.page-template-template-membership .site-main .special_offer.open .head .text > span .hide-when-open,
body.page-template-template-membership-ds .site-main .special_offer.open .head .text > span .hide-when-open,
body.page-template-template-membership-fs .site-main .special_offer.open .head .text > span .hide-when-open,
body.page-template-template-membership-gdo .site-main .special_offer.open .head .text > span .hide-when-open {
  opacity: 0;
}
body.page-template-template-membership .site-main .special_offer.open .head .toggle,
body.page-template-template-membership-ds .site-main .special_offer.open .head .toggle,
body.page-template-template-membership-fs .site-main .special_offer.open .head .toggle,
body.page-template-template-membership-gdo .site-main .special_offer.open .head .toggle {
  transform: rotate(0deg);
  font-size: 1.3em;
}
body.page-template-template-membership .site-main .special_offer .head,
body.page-template-template-membership-ds .site-main .special_offer .head,
body.page-template-template-membership-fs .site-main .special_offer .head,
body.page-template-template-membership-gdo .site-main .special_offer .head {
  display: flex;
  line-height: 1;
  align-items: center;
  cursor: pointer;
  padding-bottom: 15px;
  padding-top: 15px;
}
body.page-template-template-membership .site-main .special_offer .head .material-icons,
body.page-template-template-membership-ds .site-main .special_offer .head .material-icons,
body.page-template-template-membership-fs .site-main .special_offer .head .material-icons,
body.page-template-template-membership-gdo .site-main .special_offer .head .material-icons {
  flex-grow: 0;
  color: #2a2a2a;
  width: 35px;
  flex-shrink: 0;
}
body.page-template-template-membership .site-main .special_offer .head .text,
body.page-template-template-membership-ds .site-main .special_offer .head .text,
body.page-template-template-membership-fs .site-main .special_offer .head .text,
body.page-template-template-membership-gdo .site-main .special_offer .head .text {
  font-size: 16px;
  color: #2a2a2a;
  padding-right: 30px;
}
@media all and (max-width: 750px) {
  body.page-template-template-membership .site-main .special_offer .head .text,
  body.page-template-template-membership-ds .site-main .special_offer .head .text,
  body.page-template-template-membership-fs .site-main .special_offer .head .text,
  body.page-template-template-membership-gdo .site-main .special_offer .head .text {
    padding-right: 15px;
  }
}
body.page-template-template-membership .site-main .special_offer .head .text span .hide-when-open,
body.page-template-template-membership-ds .site-main .special_offer .head .text span .hide-when-open,
body.page-template-template-membership-fs .site-main .special_offer .head .text span .hide-when-open,
body.page-template-template-membership-gdo .site-main .special_offer .head .text span .hide-when-open {
  transition: opacity 0.3s;
}
body.page-template-template-membership .site-main .special_offer .head .text span.highlight,
body.page-template-template-membership-ds .site-main .special_offer .head .text span.highlight,
body.page-template-template-membership-fs .site-main .special_offer .head .text span.highlight,
body.page-template-template-membership-gdo .site-main .special_offer .head .text span.highlight {
  font-size: 11px;
  text-transform: uppercase;
  color: #2a2a2a;
  opacity: 0.7;
  margin-top: 5px;
  font-weight: 500;
}
body.page-template-template-membership .site-main .special_offer .head .toggle,
body.page-template-template-membership-ds .site-main .special_offer .head .toggle,
body.page-template-template-membership-fs .site-main .special_offer .head .toggle,
body.page-template-template-membership-gdo .site-main .special_offer .head .toggle {
  margin-left: auto;
  font-size: 1.2em;
  font-weight: 300;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a2a2a;
  transform: rotate(45deg);
  transition: all 0.3s;
}
body.page-template-template-membership .site-main .special_offer .body,
body.page-template-template-membership-ds .site-main .special_offer .body,
body.page-template-template-membership-fs .site-main .special_offer .body,
body.page-template-template-membership-gdo .site-main .special_offer .body {
  display: none;
  border-top: none;
  padding: 0 15px 15px 35px;
  position: relative;
  /*
  background: rgb(216,224,239);
  background: linear-gradient(0deg, rgba(216,224,239,0.5) 0%, rgba(216,224,239,0) 80%);
  */
}
body.page-template-template-membership .site-main .special_offer .body > *,
body.page-template-template-membership-ds .site-main .special_offer .body > *,
body.page-template-template-membership-fs .site-main .special_offer .body > *,
body.page-template-template-membership-gdo .site-main .special_offer .body > * {
  margin-bottom: 15px;
}
body.page-template-template-membership .site-main .special_offer .body > *:last-child,
body.page-template-template-membership-ds .site-main .special_offer .body > *:last-child,
body.page-template-template-membership-fs .site-main .special_offer .body > *:last-child,
body.page-template-template-membership-gdo .site-main .special_offer .body > *:last-child {
  margin-bottom: 0;
}
body.page-template-template-membership .site-main .special_offer .body p,
body.page-template-template-membership-ds .site-main .special_offer .body p,
body.page-template-template-membership-fs .site-main .special_offer .body p,
body.page-template-template-membership-gdo .site-main .special_offer .body p {
  display: block;
  margin-top: 0;
  font-size: 14px;
}
body.page-template-template-membership .site-main .special_offer .body p a,
body.page-template-template-membership-ds .site-main .special_offer .body p a,
body.page-template-template-membership-fs .site-main .special_offer .body p a,
body.page-template-template-membership-gdo .site-main .special_offer .body p a {
  text-decoration: underline;
  color: #32466b;
}
body.page-template-template-membership .site-main .special_offer .body table,
body.page-template-template-membership-ds .site-main .special_offer .body table,
body.page-template-template-membership-fs .site-main .special_offer .body table,
body.page-template-template-membership-gdo .site-main .special_offer .body table {
  margin: 0;
}
body.page-template-template-membership .site-main .special_offer .body table tr td,
body.page-template-template-membership-ds .site-main .special_offer .body table tr td,
body.page-template-template-membership-fs .site-main .special_offer .body table tr td,
body.page-template-template-membership-gdo .site-main .special_offer .body table tr td {
  padding: 10px 0;
  font-size: 15px;
}
body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(1),
body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(1),
body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(1),
body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(1) {
  font-weight: 600;
  white-space: nowrap;
}
body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(2),
body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(2),
body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(2),
body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(2) {
  text-align: center;
  width: 100%;
}
body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(2) span,
body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(2) span,
body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(2) span,
body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(2) span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  opacity: 0.6;
}
body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(2):after,
body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(2):after,
body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(2):after,
body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(2):after {
  content: " ";
  display: block;
  height: 1px;
  background: #dedede;
  left: 35px;
  right: 0px;
  margin-top: 10px;
  position: absolute;
}
body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(3),
body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(3),
body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(3),
body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(3) {
  white-space: nowrap;
  font-size: 11px;
  text-transform: uppercase;
  color: rgb(0, 168, 81);
}
body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(3) span,
body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(3) span,
body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(3) span,
body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(3) span {
  font-weight: 600;
}
body.page-template-template-membership .site-main .special_offer .body table tr:first-child td,
body.page-template-template-membership-ds .site-main .special_offer .body table tr:first-child td,
body.page-template-template-membership-fs .site-main .special_offer .body table tr:first-child td,
body.page-template-template-membership-gdo .site-main .special_offer .body table tr:first-child td {
  padding-top: 0;
}
body.page-template-template-membership .site-main .special_offer .body table tr:last-child td,
body.page-template-template-membership-ds .site-main .special_offer .body table tr:last-child td,
body.page-template-template-membership-fs .site-main .special_offer .body table tr:last-child td,
body.page-template-template-membership-gdo .site-main .special_offer .body table tr:last-child td {
  padding-bottom: 0;
}
body.page-template-template-membership .site-main .special_offer .body table tr:last-child td:after,
body.page-template-template-membership-ds .site-main .special_offer .body table tr:last-child td:after,
body.page-template-template-membership-fs .site-main .special_offer .body table tr:last-child td:after,
body.page-template-template-membership-gdo .site-main .special_offer .body table tr:last-child td:after {
  display: none;
}
@media all and (max-width: 500px) {
  body.page-template-template-membership .site-main .special_offer .body table,
  body.page-template-template-membership-ds .site-main .special_offer .body table,
  body.page-template-template-membership-fs .site-main .special_offer .body table,
  body.page-template-template-membership-gdo .site-main .special_offer .body table {
    display: block;
  }
  body.page-template-template-membership .site-main .special_offer .body table tbody,
  body.page-template-template-membership .site-main .special_offer .body table tr,
  body.page-template-template-membership .site-main .special_offer .body table tr,
  body.page-template-template-membership .site-main .special_offer .body table td,
  body.page-template-template-membership-ds .site-main .special_offer .body table tbody,
  body.page-template-template-membership-ds .site-main .special_offer .body table tr,
  body.page-template-template-membership-ds .site-main .special_offer .body table tr,
  body.page-template-template-membership-ds .site-main .special_offer .body table td,
  body.page-template-template-membership-fs .site-main .special_offer .body table tbody,
  body.page-template-template-membership-fs .site-main .special_offer .body table tr,
  body.page-template-template-membership-fs .site-main .special_offer .body table tr,
  body.page-template-template-membership-fs .site-main .special_offer .body table td,
  body.page-template-template-membership-gdo .site-main .special_offer .body table tbody,
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr,
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr,
  body.page-template-template-membership-gdo .site-main .special_offer .body table td {
    display: block;
  }
  body.page-template-template-membership .site-main .special_offer .body table tr td,
  body.page-template-template-membership-ds .site-main .special_offer .body table tr td,
  body.page-template-template-membership-fs .site-main .special_offer .body table tr td,
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr td {
    display: block;
    text-align: center;
  }
  body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(1),
  body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(1),
  body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(1),
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(1) {
    padding-bottom: 0;
  }
  body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(2),
  body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(2),
  body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(2),
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(2) {
    padding-bottom: 0;
    padding-top: 0;
  }
  body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(2) span,
  body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(2) span,
  body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(2) span,
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(2) span {
    display: inline-block;
  }
  body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(2):after,
  body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(2):after,
  body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(2):after,
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(2):after {
    display: none;
  }
  body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(3),
  body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(3),
  body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(3),
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(3) {
    padding-top: 0;
  }
  body.page-template-template-membership .site-main .special_offer .body table tr td:nth-child(3):after,
  body.page-template-template-membership-ds .site-main .special_offer .body table tr td:nth-child(3):after,
  body.page-template-template-membership-fs .site-main .special_offer .body table tr td:nth-child(3):after,
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr td:nth-child(3):after {
    content: " ";
    display: block;
    height: 1px;
    background: #dedede;
    left: 35px;
    right: 0px;
    margin-top: 10px;
    position: absolute;
  }
  body.page-template-template-membership .site-main .special_offer .body table tr:last-child td:last-child::after,
  body.page-template-template-membership-ds .site-main .special_offer .body table tr:last-child td:last-child::after,
  body.page-template-template-membership-fs .site-main .special_offer .body table tr:last-child td:last-child::after,
  body.page-template-template-membership-gdo .site-main .special_offer .body table tr:last-child td:last-child::after {
    display: none;
  }
}
body.page-template-template-membership .site-main .subscribe,
body.page-template-template-membership-ds .site-main .subscribe,
body.page-template-template-membership-fs .site-main .subscribe,
body.page-template-template-membership-gdo .site-main .subscribe {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 20px;
  justify-content: center;
  align-items: stretch;
}
body.page-template-template-membership .site-main .subscribe div,
body.page-template-template-membership-ds .site-main .subscribe div,
body.page-template-template-membership-fs .site-main .subscribe div,
body.page-template-template-membership-gdo .site-main .subscribe div {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 30px;
}
body.page-template-template-membership .site-main .subscribe div > span,
body.page-template-template-membership-ds .site-main .subscribe div > span,
body.page-template-template-membership-fs .site-main .subscribe div > span,
body.page-template-template-membership-gdo .site-main .subscribe div > span {
  font-size: 12px;
  text-transform: uppercase;
  color: #596f96;
  margin-top: 5px;
  font-weight: 500;
}
body.page-template-template-membership .site-main .subscribe div .btn,
body.page-template-template-membership-ds .site-main .subscribe div .btn,
body.page-template-template-membership-fs .site-main .subscribe div .btn,
body.page-template-template-membership-gdo .site-main .subscribe div .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  min-height: 56px;
  min-width: 250px;
  height: 100%;
  margin: 0 15px;
  padding: 12px 20px;
  background: #32466b;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2);
  transition: box-shadow 0.3s;
  color: #FFF;
  font-weight: 500;
}
body.page-template-template-membership .site-main .subscribe div .btn > *,
body.page-template-template-membership-ds .site-main .subscribe div .btn > *,
body.page-template-template-membership-fs .site-main .subscribe div .btn > *,
body.page-template-template-membership-gdo .site-main .subscribe div .btn > * {
  margin-top: 5px;
}
body.page-template-template-membership .site-main .subscribe div .btn > *:first-child,
body.page-template-template-membership-ds .site-main .subscribe div .btn > *:first-child,
body.page-template-template-membership-fs .site-main .subscribe div .btn > *:first-child,
body.page-template-template-membership-gdo .site-main .subscribe div .btn > *:first-child {
  margin-top: 0;
}
body.page-template-template-membership .site-main .subscribe div .btn span,
body.page-template-template-membership-ds .site-main .subscribe div .btn span,
body.page-template-template-membership-fs .site-main .subscribe div .btn span,
body.page-template-template-membership-gdo .site-main .subscribe div .btn span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #d8e0ef;
}
body.page-template-template-membership .site-main .subscribe div .btn span strong,
body.page-template-template-membership-ds .site-main .subscribe div .btn span strong,
body.page-template-template-membership-fs .site-main .subscribe div .btn span strong,
body.page-template-template-membership-gdo .site-main .subscribe div .btn span strong {
  padding: 0;
  font-weight: 900;
}
body.page-template-template-membership .site-main .subscribe div .btn span.bigger,
body.page-template-template-membership-ds .site-main .subscribe div .btn span.bigger,
body.page-template-template-membership-fs .site-main .subscribe div .btn span.bigger,
body.page-template-template-membership-gdo .site-main .subscribe div .btn span.bigger {
  font-size: 30px;
  opacity: 1 !important;
}
body.page-template-template-membership .site-main .subscribe div .btn strong,
body.page-template-template-membership-ds .site-main .subscribe div .btn strong,
body.page-template-template-membership-fs .site-main .subscribe div .btn strong,
body.page-template-template-membership-gdo .site-main .subscribe div .btn strong {
  margin-bottom: 2px;
  padding: 0 30px;
}
body.page-template-template-membership .site-main .subscribe div .btn i,
body.page-template-template-membership-ds .site-main .subscribe div .btn i,
body.page-template-template-membership-fs .site-main .subscribe div .btn i,
body.page-template-template-membership-gdo .site-main .subscribe div .btn i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  margin-top: 0;
}
body.page-template-template-membership .site-main .subscribe div .btn i svg,
body.page-template-template-membership-ds .site-main .subscribe div .btn i svg,
body.page-template-template-membership-fs .site-main .subscribe div .btn i svg,
body.page-template-template-membership-gdo .site-main .subscribe div .btn i svg {
  height: 30px;
  width: auto;
}
body.page-template-template-membership .site-main .subscribe div .btn i svg *[fill]:not([fill=none]),
body.page-template-template-membership-ds .site-main .subscribe div .btn i svg *[fill]:not([fill=none]),
body.page-template-template-membership-fs .site-main .subscribe div .btn i svg *[fill]:not([fill=none]),
body.page-template-template-membership-gdo .site-main .subscribe div .btn i svg *[fill]:not([fill=none]) {
  fill: #FFF;
}
body.page-template-template-membership .site-main .subscribe div .btn i svg path:not([fill=none]),
body.page-template-template-membership-ds .site-main .subscribe div .btn i svg path:not([fill=none]),
body.page-template-template-membership-fs .site-main .subscribe div .btn i svg path:not([fill=none]),
body.page-template-template-membership-gdo .site-main .subscribe div .btn i svg path:not([fill=none]) {
  fill: #FFF;
}
body.page-template-template-membership .site-main .subscribe div .btn.green,
body.page-template-template-membership-ds .site-main .subscribe div .btn.green,
body.page-template-template-membership-fs .site-main .subscribe div .btn.green,
body.page-template-template-membership-gdo .site-main .subscribe div .btn.green {
  background: rgb(0, 168, 81);
}
body.page-template-template-membership .site-main .subscribe div .btn.green span,
body.page-template-template-membership-ds .site-main .subscribe div .btn.green span,
body.page-template-template-membership-fs .site-main .subscribe div .btn.green span,
body.page-template-template-membership-gdo .site-main .subscribe div .btn.green span {
  color: #FFF;
  opacity: 0.8;
}
body.page-template-template-membership .site-main .subscribe div .btn:hover,
body.page-template-template-membership-ds .site-main .subscribe div .btn:hover,
body.page-template-template-membership-fs .site-main .subscribe div .btn:hover,
body.page-template-template-membership-gdo .site-main .subscribe div .btn:hover {
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.6);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.6);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.6);
}
body.page-template-template-membership .site-main .faq,
body.page-template-template-membership-ds .site-main .faq,
body.page-template-template-membership-fs .site-main .faq,
body.page-template-template-membership-gdo .site-main .faq {
  position: relative;
  padding: 40px 0;
  margin-top: 60px;
  width: 100%;
}
@media all and (max-width: 750px) {
  body.page-template-template-membership .site-main .faq,
  body.page-template-template-membership-ds .site-main .faq,
  body.page-template-template-membership-fs .site-main .faq,
  body.page-template-template-membership-gdo .site-main .faq {
    padding: 30px 0;
  }
}
body.page-template-template-membership .site-main .faq:before,
body.page-template-template-membership-ds .site-main .faq:before,
body.page-template-template-membership-fs .site-main .faq:before,
body.page-template-template-membership-gdo .site-main .faq:before {
  content: " ";
  display: block;
  position: absolute;
  left: -50vw;
  top: 0;
  bottom: 0;
  width: 150vw;
  background: #fafafa;
}
body.page-template-template-membership .site-main .faq .contents,
body.page-template-template-membership-ds .site-main .faq .contents,
body.page-template-template-membership-fs .site-main .faq .contents,
body.page-template-template-membership-gdo .site-main .faq .contents {
  position: relative;
}
body.page-template-template-membership .site-main .faq .contents h3,
body.page-template-template-membership-ds .site-main .faq .contents h3,
body.page-template-template-membership-fs .site-main .faq .contents h3,
body.page-template-template-membership-gdo .site-main .faq .contents h3 {
  text-align: center;
  font-size: 1.3rem;
  color: #2a2a2a;
  font-weight: 600;
  margin-bottom: 30px;
}
@media all and (max-width: 750px) {
  body.page-template-template-membership .site-main .faq .contents h3,
  body.page-template-template-membership-ds .site-main .faq .contents h3,
  body.page-template-template-membership-fs .site-main .faq .contents h3,
  body.page-template-template-membership-gdo .site-main .faq .contents h3 {
    margin-bottom: 24px;
  }
}
body.page-template-template-membership .site-main .faq .contents .faq-section,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section {
  display: flex;
  margin-top: 35px;
}
@media all and (max-width: 750px) {
  body.page-template-template-membership .site-main .faq .contents .faq-section,
  body.page-template-template-membership-ds .site-main .faq .contents .faq-section,
  body.page-template-template-membership-fs .site-main .faq .contents .faq-section,
  body.page-template-template-membership-gdo .site-main .faq .contents .faq-section {
    display: block;
  }
}
body.page-template-template-membership .site-main .faq .contents .faq-section .sub-title,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section .sub-title,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section .sub-title,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section .sub-title {
  width: 300px;
  flex-shrink: 0;
  padding-top: 14px;
}
body.page-template-template-membership .site-main .faq .contents .faq-section .sub-title h4,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section .sub-title h4,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section .sub-title h4,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section .sub-title h4 {
  font-size: 1rem;
  color: #2a2a2a;
  font-weight: 600;
  margin-bottom: 24px;
}
@media all and (max-width: 750px) {
  body.page-template-template-membership .site-main .faq .contents .faq-section .sub-title h4,
  body.page-template-template-membership-ds .site-main .faq .contents .faq-section .sub-title h4,
  body.page-template-template-membership-fs .site-main .faq .contents .faq-section .sub-title h4,
  body.page-template-template-membership-gdo .site-main .faq .contents .faq-section .sub-title h4 {
    margin-bottom: 22px;
  }
}
body.page-template-template-membership .site-main .faq .contents .faq-section .sub-title h4 span,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section .sub-title h4 span,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section .sub-title h4 span,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section .sub-title h4 span {
  vertical-align: text-bottom;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul {
  display: block;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li {
  display: block;
  margin-bottom: 4px;
  color: #2a2a2a;
  border: 1px solid #edf0f1;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li > a,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li > a,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li > a,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li > a {
  position: absolute;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li.open .head .toggle,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li.open .head .toggle,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li.open .head .toggle,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li.open .head .toggle {
  transform: rotate(0deg);
  font-size: 1.3em;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li:hover .head, body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li.open .head,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li:hover .head,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li.open .head,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li:hover .head,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li.open .head,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li:hover .head,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li.open .head {
  background: #eff4f7;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .head,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .head,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .head,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .head {
  display: flex;
  align-items: center;
  padding: 10px 16px 9px 10px;
  background: transparent;
  transition: background-color 0.3s;
  cursor: pointer;
  font-size: 16px;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .head strong,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .head strong,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .head strong,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .head strong {
  flex-grow: 1;
  padding-right: 10px;
  font-weight: normal;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .head .toggle,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .head .toggle,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .head .toggle,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .head .toggle {
  margin-left: auto;
  font-size: 1.2em;
  font-weight: 300;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a2a2a;
  transform: rotate(45deg);
  transition: all 0.3s;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body {
  background: #FFF;
  padding: 24px 20px;
  font-size: 14px;
  display: none;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body > *,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body > *,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body > *,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body > * {
  margin-bottom: 15px;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body > *:last-child,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body > *:last-child,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body > *:last-child,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body > *:last-child {
  margin-bottom: 0;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body p,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body p,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body p,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body p {
  margin-top: 0;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body > ul,
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body > ol,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body > ul,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body > ol,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body > ul,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body > ol,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body > ul,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body > ol {
  margin-left: 0;
  padding-left: 1.5em;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body > ul li,
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body > ol li,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body > ul li,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body > ol li,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body > ul li,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body > ol li,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body > ul li,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body > ol li {
  margin-bottom: 4px;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body > ul li:last-child,
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body > ol li:last-child,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body > ul li:last-child,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body > ol li:last-child,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body > ul li:last-child,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body > ol li:last-child,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body > ul li:last-child,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body > ol li:last-child {
  margin-bottom: 0;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body a,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body a,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body a,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body a {
  text-decoration: underline;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body .downloads,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body .downloads,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body .downloads,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body .downloads {
  display: flex;
  align-items: center;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body .downloads a,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body .downloads a,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body .downloads a,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body .downloads a {
  margin-right: 5px;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body .downloads a:last-child,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body .downloads a:last-child,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body .downloads a:last-child,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body .downloads a:last-child {
  margin-right: 0;
}
body.page-template-template-membership .site-main .faq .contents .faq-section > ul > li .body .downloads a img,
body.page-template-template-membership-ds .site-main .faq .contents .faq-section > ul > li .body .downloads a img,
body.page-template-template-membership-fs .site-main .faq .contents .faq-section > ul > li .body .downloads a img,
body.page-template-template-membership-gdo .site-main .faq .contents .faq-section > ul > li .body .downloads a img {
  height: 30px;
  width: auto;
}
body.page-template-template-membership .subscribe-form,
body.page-template-template-membership-ds .subscribe-form,
body.page-template-template-membership-fs .subscribe-form,
body.page-template-template-membership-gdo .subscribe-form {
  margin-top: 50px;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 0 7px;
  background: #3FA9F5;
  z-index: 1000;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.5s ease-out;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .subscribe-form,
  body.page-template-template-membership-ds .subscribe-form,
  body.page-template-template-membership-fs .subscribe-form,
  body.page-template-template-membership-gdo .subscribe-form {
    padding: 3vw 0;
  }
}
body.page-template-template-membership .subscribe-form.visible,
body.page-template-template-membership-ds .subscribe-form.visible,
body.page-template-template-membership-fs .subscribe-form.visible,
body.page-template-template-membership-gdo .subscribe-form.visible {
  transform: translateY(0%);
  opacity: 1;
}
body.page-template-template-membership .subscribe-form:before, body.page-template-template-membership .subscribe-form:after,
body.page-template-template-membership .subscribe-form .before,
body.page-template-template-membership .subscribe-form .after,
body.page-template-template-membership-ds .subscribe-form:before,
body.page-template-template-membership-ds .subscribe-form:after,
body.page-template-template-membership-ds .subscribe-form .before,
body.page-template-template-membership-ds .subscribe-form .after,
body.page-template-template-membership-fs .subscribe-form:before,
body.page-template-template-membership-fs .subscribe-form:after,
body.page-template-template-membership-fs .subscribe-form .before,
body.page-template-template-membership-fs .subscribe-form .after,
body.page-template-template-membership-gdo .subscribe-form:before,
body.page-template-template-membership-gdo .subscribe-form:after,
body.page-template-template-membership-gdo .subscribe-form .before,
body.page-template-template-membership-gdo .subscribe-form .after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #3FA9F5;
  width: 3em;
}
@media only screen and (max-width: 1599px) {
  body.page-template-template-membership .subscribe-form:before, body.page-template-template-membership .subscribe-form:after,
  body.page-template-template-membership .subscribe-form .before,
  body.page-template-template-membership .subscribe-form .after,
  body.page-template-template-membership-ds .subscribe-form:before,
  body.page-template-template-membership-ds .subscribe-form:after,
  body.page-template-template-membership-ds .subscribe-form .before,
  body.page-template-template-membership-ds .subscribe-form .after,
  body.page-template-template-membership-fs .subscribe-form:before,
  body.page-template-template-membership-fs .subscribe-form:after,
  body.page-template-template-membership-fs .subscribe-form .before,
  body.page-template-template-membership-fs .subscribe-form .after,
  body.page-template-template-membership-gdo .subscribe-form:before,
  body.page-template-template-membership-gdo .subscribe-form:after,
  body.page-template-template-membership-gdo .subscribe-form .before,
  body.page-template-template-membership-gdo .subscribe-form .after {
    width: 3vw;
  }
}
@media only screen and (max-width: 549px) {
  body.page-template-template-membership .subscribe-form:before, body.page-template-template-membership .subscribe-form:after,
  body.page-template-template-membership .subscribe-form .before,
  body.page-template-template-membership .subscribe-form .after,
  body.page-template-template-membership-ds .subscribe-form:before,
  body.page-template-template-membership-ds .subscribe-form:after,
  body.page-template-template-membership-ds .subscribe-form .before,
  body.page-template-template-membership-ds .subscribe-form .after,
  body.page-template-template-membership-fs .subscribe-form:before,
  body.page-template-template-membership-fs .subscribe-form:after,
  body.page-template-template-membership-fs .subscribe-form .before,
  body.page-template-template-membership-fs .subscribe-form .after,
  body.page-template-template-membership-gdo .subscribe-form:before,
  body.page-template-template-membership-gdo .subscribe-form:after,
  body.page-template-template-membership-gdo .subscribe-form .before,
  body.page-template-template-membership-gdo .subscribe-form .after {
    width: 1em;
  }
}
body.page-template-template-membership .subscribe-form:before,
body.page-template-template-membership .subscribe-form .before,
body.page-template-template-membership-ds .subscribe-form:before,
body.page-template-template-membership-ds .subscribe-form .before,
body.page-template-template-membership-fs .subscribe-form:before,
body.page-template-template-membership-fs .subscribe-form .before,
body.page-template-template-membership-gdo .subscribe-form:before,
body.page-template-template-membership-gdo .subscribe-form .before {
  right: 100%;
}
body.page-template-template-membership .subscribe-form:after,
body.page-template-template-membership .subscribe-form .after,
body.page-template-template-membership-ds .subscribe-form:after,
body.page-template-template-membership-ds .subscribe-form .after,
body.page-template-template-membership-fs .subscribe-form:after,
body.page-template-template-membership-fs .subscribe-form .after,
body.page-template-template-membership-gdo .subscribe-form:after,
body.page-template-template-membership-gdo .subscribe-form .after {
  left: 100%;
}
body.page-template-template-membership .subscribe-form .lists,
body.page-template-template-membership-ds .subscribe-form .lists,
body.page-template-template-membership-fs .subscribe-form .lists,
body.page-template-template-membership-gdo .subscribe-form .lists {
  position: absolute;
  display: none;
}
body.page-template-template-membership .subscribe-form .form,
body.page-template-template-membership-ds .subscribe-form .form,
body.page-template-template-membership-fs .subscribe-form .form,
body.page-template-template-membership-gdo .subscribe-form .form {
  margin-bottom: 0;
}
@media all and (max-width: 1139px) {
  body.page-template-template-membership .subscribe-form .form,
  body.page-template-template-membership-ds .subscribe-form .form,
  body.page-template-template-membership-fs .subscribe-form .form,
  body.page-template-template-membership-gdo .subscribe-form .form {
    max-width: 100%;
  }
}
body.page-template-template-membership .subscribe-form .form.loading,
body.page-template-template-membership-ds .subscribe-form .form.loading,
body.page-template-template-membership-fs .subscribe-form .form.loading,
body.page-template-template-membership-gdo .subscribe-form .form.loading {
  opacity: 0.7;
  pointer-events: none;
}
body.page-template-template-membership .subscribe-form .form.loading button:after,
body.page-template-template-membership-ds .subscribe-form .form.loading button:after,
body.page-template-template-membership-fs .subscribe-form .form.loading button:after,
body.page-template-template-membership-gdo .subscribe-form .form.loading button:after {
  opacity: 1;
}
body.page-template-template-membership .subscribe-form .form > *,
body.page-template-template-membership-ds .subscribe-form .form > *,
body.page-template-template-membership-fs .subscribe-form .form > *,
body.page-template-template-membership-gdo .subscribe-form .form > * {
  margin-left: 10px;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .subscribe-form .form > *,
  body.page-template-template-membership-ds .subscribe-form .form > *,
  body.page-template-template-membership-fs .subscribe-form .form > *,
  body.page-template-template-membership-gdo .subscribe-form .form > * {
    margin: 10px 0 0;
  }
}
body.page-template-template-membership .subscribe-form .form > *:first-child,
body.page-template-template-membership-ds .subscribe-form .form > *:first-child,
body.page-template-template-membership-fs .subscribe-form .form > *:first-child,
body.page-template-template-membership-gdo .subscribe-form .form > *:first-child {
  margin-left: 0;
}
@media all and (max-width: 767px) {
  body.page-template-template-membership .subscribe-form .form > *:first-child,
  body.page-template-template-membership-ds .subscribe-form .form > *:first-child,
  body.page-template-template-membership-fs .subscribe-form .form > *:first-child,
  body.page-template-template-membership-gdo .subscribe-form .form > *:first-child {
    margin-top: 0;
  }
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper {
  display: flex;
  margin-bottom: 9px;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper {
    margin: 0 -3.5px 2px 0;
    flex-wrap: wrap;
  }
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .field,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field {
  margin-right: 7px;
  width: 190px;
}
@media all and (max-width: 1445px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field {
    width: 175px;
  }
}
@media all and (max-width: 1366px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field {
    width: 160px;
  }
}
@media all and (max-width: 1280px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field {
    width: 145px;
  }
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field {
    margin: 0;
    padding: 0 3.5px 7px;
    width: 33.3333333333%;
  }
}
@media all and (max-width: 560px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field {
    width: 50%;
  }
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .field input,
body.page-template-template-membership .subscribe-form .form .fields-wrapper .field select,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field input,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field select,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field input,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field select,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field input,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field select {
  height: 40px;
  padding: 5px 16px 0;
  border-radius: 6px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 300;
  border: 1px solid #FFF;
  outline: none;
  width: 100%;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field select {
    border-radius: 4px;
  }
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .field input::placeholder,
body.page-template-template-membership .subscribe-form .form .fields-wrapper .field select::placeholder,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field input::placeholder,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field select::placeholder,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field input::placeholder,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field select::placeholder,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field input::placeholder,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field select::placeholder {
  opacity: 0.5;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .field input.empty,
body.page-template-template-membership .subscribe-form .form .fields-wrapper .field select.empty,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field input.empty,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field select.empty,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field input.empty,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field select.empty,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field input.empty,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field select.empty {
  color: rgba(42, 42, 42, 0.35);
}
@media all and (max-width: 1445px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field select {
    padding: 5px 12px 0;
    font-size: 15px;
  }
}
@media all and (max-width: 1366px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field select {
    font-size: 14px;
  }
}
@media all and (max-width: 1280px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .field select,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field input,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .field select {
    height: 35px;
  }
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper {
  position: relative;
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper {
    margin: 0;
    padding: 0 3.5px 7px;
    width: 33.3333333333%;
  }
}
@media all and (max-width: 560px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper {
    width: 50%;
  }
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper.disabled button,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper.disabled button,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper.disabled button,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper.disabled button {
  opacity: 0.5;
  pointer-events: none;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper.disabled:hover .tooltip,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper.disabled:hover .tooltip,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper.disabled:hover .tooltip,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper.disabled:hover .tooltip {
  display: block;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper.no-lists-checked .tooltip .no-lists-checked,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper.no-lists-checked .tooltip .no-lists-checked,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper.no-lists-checked .tooltip .no-lists-checked,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper.no-lists-checked .tooltip .no-lists-checked {
  display: block;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper.no-lists-checked .tooltip .no-user-data,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper.no-lists-checked .tooltip .no-user-data,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper.no-lists-checked .tooltip .no-user-data,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper.no-lists-checked .tooltip .no-user-data {
  display: none;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper.no-user-data .tooltip .no-lists-checked,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper.no-user-data .tooltip .no-lists-checked,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper.no-user-data .tooltip .no-lists-checked,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper.no-user-data .tooltip .no-lists-checked {
  display: none;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper.no-user-data .tooltip .no-user-data,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper.no-user-data .tooltip .no-user-data,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper.no-user-data .tooltip .no-user-data,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper.no-user-data .tooltip .no-user-data {
  display: block;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper .tooltip,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper .tooltip,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper .tooltip,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper .tooltip {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 0.8em);
  background: #2b2c2d;
  color: #FFF;
  font-size: 11px;
  text-align: center;
  padding: 0.6em;
  border-radius: 0.6em;
  min-width: 200px;
  display: none;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper .tooltip:after,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper .tooltip:after,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper .tooltip:after,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper .tooltip:after {
  content: " ";
  display: block;
  position: absolute;
  top: 100%;
  transform: translateY(-50%) rotate(45deg);
  background-color: #2b2c2d;
  width: 0.8em;
  height: 0.8em;
  left: 50%;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper button,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper button,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper button,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper button {
  position: relative;
  background: #FFF;
  color: #3FA9F5;
  box-shadow: none;
  text-shadow: none;
  text-transform: none;
  font-weight: normal;
  height: 40px;
  padding: 5px 25px 0;
  border: 1px solid #fff;
  border-radius: 6px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 300;
  font-weight: bold;
  transition: all 0.3s;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper button:hover,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper button:hover,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper button:hover,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper button:hover {
  color: #FFF;
  background: #3FA9F5;
}
body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper button:after,
body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper button:after,
body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper button:after,
body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper button:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s;
  background-color: #3FA9F5;
  background-size: 30px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("images/newsletter/loading.gif");
  opacity: 0;
  pointer-events: none;
}
@media all and (max-width: 1445px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper button {
    font-size: 15px;
  }
}
@media all and (max-width: 1366px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper button {
    font-size: 14px;
  }
}
@media all and (max-width: 1280px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper button {
    height: 35px;
  }
}
@media all and (max-width: 1023px) {
  body.page-template-template-membership .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-ds .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-fs .subscribe-form .form .fields-wrapper .button-wrapper button,
  body.page-template-template-membership-gdo .subscribe-form .form .fields-wrapper .button-wrapper button {
    width: 100%;
    border-radius: 4px;
  }
}
body.page-template-template-membership .subscribe-form .form .privacy,
body.page-template-template-membership-ds .subscribe-form .form .privacy,
body.page-template-template-membership-fs .subscribe-form .form .privacy,
body.page-template-template-membership-gdo .subscribe-form .form .privacy {
  margin-left: auto;
  font-size: 0.6em;
  color: #FFF;
}
body.page-template-template-membership .subscribe-form .form .privacy a,
body.page-template-template-membership-ds .subscribe-form .form .privacy a,
body.page-template-template-membership-fs .subscribe-form .form .privacy a,
body.page-template-template-membership-gdo .subscribe-form .form .privacy a {
  text-decoration: underline;
}
body.page-template-template-membership .subscribe-form .share-wrapper,
body.page-template-template-membership-ds .subscribe-form .share-wrapper,
body.page-template-template-membership-fs .subscribe-form .share-wrapper,
body.page-template-template-membership-gdo .subscribe-form .share-wrapper {
  position: relative;
  margin-top: 3px;
}
@media all and (max-width: 1180px) {
  body.page-template-template-membership .subscribe-form .share-wrapper,
  body.page-template-template-membership-ds .subscribe-form .share-wrapper,
  body.page-template-template-membership-fs .subscribe-form .share-wrapper,
  body.page-template-template-membership-gdo .subscribe-form .share-wrapper {
    position: absolute;
    top: -40px;
    right: calc(-3vw + 10px);
    z-index: 1;
  }
  body.page-template-template-membership .subscribe-form .share-wrapper:before,
  body.page-template-template-membership-ds .subscribe-form .share-wrapper:before,
  body.page-template-template-membership-fs .subscribe-form .share-wrapper:before,
  body.page-template-template-membership-gdo .subscribe-form .share-wrapper:before {
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    left: -12px;
    right: -10px;
    bottom: -10px;
    background-color: #3FA9F5;
    border-radius: 10px 0 0;
  }
}
@media only screen and (max-width: 549px) {
  body.page-template-template-membership .subscribe-form .share-wrapper,
  body.page-template-template-membership-ds .subscribe-form .share-wrapper,
  body.page-template-template-membership-fs .subscribe-form .share-wrapper,
  body.page-template-template-membership-gdo .subscribe-form .share-wrapper {
    right: calc(-1em + 10px);
  }
}
body.page-template-template-membership .subscribe-form .share-wrapper .social-shares,
body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares,
body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares,
body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #FFF;
  position: relative;
}
@media all and (max-width: 1280px) {
  body.page-template-template-membership .subscribe-form .share-wrapper .social-shares,
  body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares,
  body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares,
  body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares {
    font-size: 12px;
  }
}
body.page-template-template-membership .subscribe-form .share-wrapper .social-shares i,
body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares i,
body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares i,
body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares i {
  border: 1px solid #FFF;
  border-radius: 100%;
  font-size: 23px;
  width: 1.5em;
  height: 1.5em;
  padding: 0 0.12em 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 1280px) {
  body.page-template-template-membership .subscribe-form .share-wrapper .social-shares i,
  body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares i,
  body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares i,
  body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares i {
    font-size: 20px;
  }
}
body.page-template-template-membership .subscribe-form .share-wrapper .social-shares span,
body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares span,
body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares span,
body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares span {
  display: block;
  margin-right: 7px;
  width: 7em;
  line-height: 1.1;
  padding-top: 0.25em;
}
body.page-template-template-membership .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane {
  pointer-events: none;
  bottom: -10px;
  left: auto;
  top: -10px;
  background: #3FA9F5;
  height: auto;
  width: auto;
  padding: 0;
  right: -10px;
  padding: 10px;
}
@media all and (max-width: 1280px) {
  body.page-template-template-membership .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
  body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
  body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
  body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane {
    --button-size: 22px !important;
  }
}
@media all and (max-width: 1180px) {
  body.page-template-template-membership .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
  body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
  body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane,
  body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane {
    top: -12px;
    right: -12px;
    border-radius: 10px 0 0 0;
  }
}
body.page-template-template-membership .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane.show,
body.page-template-template-membership-ds .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane.show,
body.page-template-template-membership-fs .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane.show,
body.page-template-template-membership-gdo .subscribe-form .share-wrapper .social-shares .shareon.shareon--pane.show {
  pointer-events: all;
}
body.page-template-template-membership .subscribe-form .thankyou,
body.page-template-template-membership-ds .subscribe-form .thankyou,
body.page-template-template-membership-fs .subscribe-form .thankyou,
body.page-template-template-membership-gdo .subscribe-form .thankyou {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  background: #9FD356;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  color: #FFF;
  line-height: 1.5;
  font-size: 0.8em;
  z-index: 7;
}
body.page-template-template-membership .subscribe-form .thankyou .contents,
body.page-template-template-membership-ds .subscribe-form .thankyou .contents,
body.page-template-template-membership-fs .subscribe-form .thankyou .contents,
body.page-template-template-membership-gdo .subscribe-form .thankyou .contents {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body.page-template-template-membership .subscribe-form .thankyou .contents a,
body.page-template-template-membership-ds .subscribe-form .thankyou .contents a,
body.page-template-template-membership-fs .subscribe-form .thankyou .contents a,
body.page-template-template-membership-gdo .subscribe-form .thankyou .contents a {
  text-decoration: underline;
  transition: color 0.3s;
}
body.page-template-template-membership .subscribe-form .thankyou .contents strong,
body.page-template-template-membership-ds .subscribe-form .thankyou .contents strong,
body.page-template-template-membership-fs .subscribe-form .thankyou .contents strong,
body.page-template-template-membership-gdo .subscribe-form .thankyou .contents strong {
  font-size: 1.2em;
}
body.page-template-template-membership .subscribe-form .thankyou .contents .share-wrapper,
body.page-template-template-membership-ds .subscribe-form .thankyou .contents .share-wrapper,
body.page-template-template-membership-fs .subscribe-form .thankyou .contents .share-wrapper,
body.page-template-template-membership-gdo .subscribe-form .thankyou .contents .share-wrapper {
  margin-top: 7px;
}
@media all and (max-width: 1180px) {
  body.page-template-template-membership .subscribe-form .thankyou .contents .share-wrapper,
  body.page-template-template-membership-ds .subscribe-form .thankyou .contents .share-wrapper,
  body.page-template-template-membership-fs .subscribe-form .thankyou .contents .share-wrapper,
  body.page-template-template-membership-gdo .subscribe-form .thankyou .contents .share-wrapper {
    margin-top: 2px;
  }
  body.page-template-template-membership .subscribe-form .thankyou .contents .share-wrapper:before,
  body.page-template-template-membership-ds .subscribe-form .thankyou .contents .share-wrapper:before,
  body.page-template-template-membership-fs .subscribe-form .thankyou .contents .share-wrapper:before,
  body.page-template-template-membership-gdo .subscribe-form .thankyou .contents .share-wrapper:before {
    background-color: #9FD356;
  }
}
@media only screen and (max-width: 549px) {
  body.page-template-template-membership .subscribe-form .thankyou .contents .share-wrapper,
  body.page-template-template-membership-ds .subscribe-form .thankyou .contents .share-wrapper,
  body.page-template-template-membership-fs .subscribe-form .thankyou .contents .share-wrapper,
  body.page-template-template-membership-gdo .subscribe-form .thankyou .contents .share-wrapper {
    margin-right: -3px;
  }
}
body.page-template-template-membership .subscribe-form .thankyou .contents .share-wrapper .social-shares .shareon.shareon--pane,
body.page-template-template-membership-ds .subscribe-form .thankyou .contents .share-wrapper .social-shares .shareon.shareon--pane,
body.page-template-template-membership-fs .subscribe-form .thankyou .contents .share-wrapper .social-shares .shareon.shareon--pane,
body.page-template-template-membership-gdo .subscribe-form .thankyou .contents .share-wrapper .social-shares .shareon.shareon--pane {
  background-color: #9FD356;
}
body.page-template-template-membership .subscribe-form .thankyou.visible,
body.page-template-template-membership-ds .subscribe-form .thankyou.visible,
body.page-template-template-membership-fs .subscribe-form .thankyou.visible,
body.page-template-template-membership-gdo .subscribe-form .thankyou.visible {
  pointer-events: all;
  opacity: 1;
}
body.page-template-template-membership .subscribe-form .thankyou .before,
body.page-template-template-membership .subscribe-form .thankyou .after,
body.page-template-template-membership-ds .subscribe-form .thankyou .before,
body.page-template-template-membership-ds .subscribe-form .thankyou .after,
body.page-template-template-membership-fs .subscribe-form .thankyou .before,
body.page-template-template-membership-fs .subscribe-form .thankyou .after,
body.page-template-template-membership-gdo .subscribe-form .thankyou .before,
body.page-template-template-membership-gdo .subscribe-form .thankyou .after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #9FD356;
}
body.page-template-template-membership .subscribe-form .thankyou:before,
body.page-template-template-membership-ds .subscribe-form .thankyou:before,
body.page-template-template-membership-fs .subscribe-form .thankyou:before,
body.page-template-template-membership-gdo .subscribe-form .thankyou:before {
  right: 100%;
}
body.page-template-template-membership .subscribe-form .thankyou:after,
body.page-template-template-membership-ds .subscribe-form .thankyou:after,
body.page-template-template-membership-fs .subscribe-form .thankyou:after,
body.page-template-template-membership-gdo .subscribe-form .thankyou:after {
  left: 100%;
}

body.page-template-template-newsletter-subscription .newsletter-subscription .banner.leaderboard,
body.page-template-template-newsletter-subscription .newsletter-subscription .bar-abbonamenti {
  display: none !important;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .grecaptcha-badge {
  display: none !important;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .header {
  padding: 0;
  background: #E6E6E6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts {
  padding-left: 50px;
}
@media all and (max-width: 1023px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts {
    padding-left: 3vw;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts {
    padding: 3vw;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts h1 {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 0.7em;
}
@media all and (max-width: 1139px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts h1 {
    font-size: 30px;
  }
}
@media all and (max-width: 1023px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts h1 {
    font-size: 25px;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts h1 {
    justify-content: center;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts h1 img {
  margin-right: 0.9em;
  display: block;
  height: 2em;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts h1 span {
  display: block;
  padding-top: 0.28em;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts p {
  margin: 0;
  padding-right: 30px;
}
@media all and (max-width: 1289px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts p br.nomobile {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts p {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .texts p {
    text-align: center;
    padding-right: 0;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .header .image-wrapper {
  flex-shrink: 0;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .image-wrapper {
    display: none;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .header .image-wrapper .image img {
  height: 350px;
  display: block;
}
@media all and (max-width: 1139px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .image-wrapper .image img {
    height: 30vw;
  }
}
@media all and (max-width: 1023px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .header .image-wrapper .image img {
    height: 200px;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .info {
  margin-top: 30px;
  padding: 1em;
  border-radius: 10px;
  font-size: 16px;
  border: 1px solid #f9c984;
  line-height: 1;
  display: flex;
  align-items: center;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .info svg {
  height: 1.5em;
  margin-right: 0.5em;
  flex-shrink: 0;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .info svg path {
  fill: #f9c984;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .info span {
  padding-top: 0.3em;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area {
  margin-top: 50px;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area {
    margin-top: 6vw;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area * {
  box-sizing: border-box;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
  position: relative;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading {
    margin-bottom: 3vw;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading h2 {
  font-size: 35px;
  line-height: 1;
  padding-top: 0.28em;
  margin-right: auto;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading h2 {
    font-size: 25px;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading .message {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  color: #ffa300;
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.02em;
  padding-bottom: 0.3em;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
  width: 200px;
  background: #FFF;
  text-align: right;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading .message.visible {
  opacity: 1;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading .check_all img,
body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading .uncheck_all img {
  height: 34px;
  cursor: pointer;
  display: block;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .heading .uncheck_all {
  display: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px -30px;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists {
    margin-bottom: -3vw;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list {
  width: 33.3333333333%;
  padding: 0 15px 30px;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 1023px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list {
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list {
    width: 100%;
    padding-bottom: 3vw;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image {
  flex-grow: 0;
  padding: 15px 15px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image img {
  display: block;
  height: 70px;
  width: auto;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .message {
  position: absolute;
  right: 55px;
  top: 36px;
  transform: translateY(-50%);
  line-height: 1;
  color: #ffa300;
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.02em;
  padding-bottom: 0.3em;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
  width: 160px;
  background: #FFF;
  text-align: right;
}
@media all and (max-width: 1419px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .message {
    font-size: 11px;
    width: 135px;
  }
}
@media all and (max-width: 1139px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .message {
    display: none;
  }
}
@media all and (max-width: 1023px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .message {
    display: block;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .message.visible {
  opacity: 1;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .check {
  cursor: pointer;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .check img {
  height: 34px;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .check img.checked {
  display: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .image .check img.unchecked {
  display: block;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .texts {
  flex-grow: 1;
  border-top: none;
  padding: 15px;
  font-size: 16px;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list .box .texts p:last-child {
  margin-bottom: 0;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list.checked .image .check img.checked {
  display: block;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list.checked .image .check img.unchecked {
  display: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list.image-full .image {
  padding: 0;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list.image-full .image img {
  width: 100%;
  height: auto;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list.no-check .image .check {
  display: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list.box-texts .texts {
  border: 2px solid;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .area .lists .list.box-all .box {
  border: 2px solid;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form {
  margin-top: 50px;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 0;
  background: #ffa300;
  z-index: 1000;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.5s ease-out;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form {
    padding: 3vw 0;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form.visible {
  transform: translateY(0%);
  opacity: 1;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form:before, body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form:after,
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .before,
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #ffa300;
  width: 3em;
}
@media only screen and (max-width: 1599px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form:before, body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form:after,
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .before,
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .after {
    width: 3vw;
  }
}
@media only screen and (max-width: 549px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form:before, body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form:after,
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .before,
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .after {
    width: 1em;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form:before,
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .before {
  right: 100%;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form:after,
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .after {
  left: 100%;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
}
@media all and (max-width: 1139px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form {
    flex-direction: column;
    align-items: center;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form.loading {
  opacity: 0.7;
  pointer-events: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form.loading button:after {
  opacity: 1;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form > * {
  margin-left: 10px;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form > * {
    margin: 10px 0 0;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form > *:first-child {
  margin-left: 0;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form > *:first-child {
    margin-top: 0;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form input {
  height: 40px;
  padding: 5px 16px 0;
  border-radius: 6px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 300;
  border: 1px solid #ccc;
  outline: none;
  width: 190px;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form input {
    width: 100%;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form input::placeholder {
  opacity: 0.5;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper {
  position: relative;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper.disabled button {
  opacity: 0.5;
  pointer-events: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper.disabled:hover .tooltip {
  display: block;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper.no-lists-checked .tooltip .no-lists-checked {
  display: block;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper.no-lists-checked .tooltip .no-user-data {
  display: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper.no-user-data .tooltip .no-lists-checked {
  display: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper.no-user-data .tooltip .no-user-data {
  display: block;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper .tooltip {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 0.8em);
  background: #2b2c2d;
  color: #FFF;
  font-size: 11px;
  text-align: center;
  padding: 0.6em;
  border-radius: 0.6em;
  min-width: 200px;
  display: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper .tooltip:after {
  content: " ";
  display: block;
  position: absolute;
  top: 100%;
  transform: translateY(-50%) rotate(45deg);
  background-color: #2b2c2d;
  width: 0.8em;
  height: 0.8em;
  left: 50%;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper button {
  position: relative;
  background: #FFF;
  color: #ffa300;
  box-shadow: none;
  text-shadow: none;
  text-transform: none;
  font-weight: normal;
  height: 40px;
  padding: 5px 25px 0;
  border: 1px solid #fff;
  border-radius: 6px;
  font-size: 16px;
  line-height: 125%;
  font-weight: 300;
  font-weight: bold;
  transition: all 0.3s;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper button {
    margin-top: 0;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper button:hover {
  color: #ffa300;
  background: #FFF;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .button-wrapper button:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s;
  background-color: #ffa300;
  background-size: 30px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("images/newsletter/loading.gif");
  opacity: 0;
  pointer-events: none;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .privacy {
  margin-left: auto;
  font-size: 0.7em;
  color: #FFF;
}
@media all and (max-width: 1139px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .privacy {
    width: 100%;
    margin-top: 10px;
    font-size: 10px;
  }
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .privacy {
    text-align: center;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .form .privacy a {
  text-decoration: underline;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .thankyou {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  background: #9FD356;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  color: #FFF;
  line-height: 1.5;
  font-size: 0.8em;
  z-index: 1;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .thankyou strong {
  font-size: 1.2em;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .thankyou.visible {
  pointer-events: all;
  opacity: 1;
}
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .thankyou .before,
body.page-template-template-newsletter-subscription .newsletter-subscription .subscribe-form .thankyou .after {
  background-color: #9FD356;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .header .texts h1 {
  font-size: 29px;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .header .texts h1 img {
  height: 1em;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .header .texts h1 span {
  padding-top: 0;
  padding-bottom: 0.2em;
}
@media all and (max-width: 767px) {
  body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .header .texts h1 {
    flex-wrap: wrap;
    margin: 0 -1em;
    font-size: 20px;
  }
  body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .header .texts h1 img {
    margin: 0 1em 0.5em;
    height: 1.5em;
  }
  body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .header .texts h1 span {
    margin: 0 1em 0.5em;
  }
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe {
  background: #eb5890;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe:before, body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe:after,
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe .before,
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe .after {
  background: #eb5890;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe .thankyou {
  background: #9FD356;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe .form .button-wrapper button {
  padding-top: 0;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe .form input {
  padding-top: 0;
  border-color: #FFF;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe .form .button-wrapper.disabled button {
  color: #FFF;
  border-color: #FFF;
  opacity: 0.5;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe .form .button-wrapper button:hover {
  color: #eb5890;
  background: #FFF;
}
body.page-template-template-newsletter-subscription .newsletter-subscription.newsletter-subscription-ds .subscribe .form .button-wrapper button:after {
  background-color: #eb5890;
}

body.page-template-template-newsletter-subscription .newsletter-subscription.personalcare .header .texts h1 img,
body.page-template-template-newsletter-subscription .newsletter-subscription.homecare .header .texts h1 img {
  height: 3.5em;
}

/*--------------------------------------------------------------
# Wordpress-user-menu
--------------------------------------------------------------*/
/* site specific */
.header-user .food-wordpress-user-menu {
  display: flex;
  height: 100%;
  align-items: center;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media screen and (max-width: 1279px) {
  .header-user .food-wordpress-user-menu {
    padding-right: 0.7rem;
    padding-left: 0.7rem;
  }
}
@media screen and (max-width: 1179px) {
  .header-user .food-wordpress-user-menu {
    padding-left: 0.8vw;
    padding-right: 0.8vw;
  }
}
.header-user .food-wordpress-user-menu:not(.loginText) .WUM .WUM_anonymous .WUM_cta_login {
  display: block;
  background: #89a5c0;
  color: #FFF;
}
@media screen and (max-width: 1279px) {
  .header-user .food-wordpress-user-menu:not(.loginText) .WUM {
    font-size: 1rem;
  }
}

/* generic WUM - modificato per il sito */
.WUM {
  line-height: 1;
  color: rgb(42, 42, 42);
  font-size: 1.3rem;
}
.WUM a {
  text-decoration: none;
  color: inherit;
}
.WUM a * {
  pointer-events: none; /* serve per non prendere il focus del click nel caso in cui sia attico un eventhandler al parent (A) */
}
.WUM .WUM_anonymous .WUM_cta_login {
  display: inline-block;
  background: #89a5c0;
  font-size: 0.6em;
  border-radius: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.2em 0.2em 0.1em;
  letter-spacing: 0.01em;
  color: rgb(42, 42, 42);
  cursor: pointer;
}
.WUM .WUM_logged {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.WUM .WUM_logged .WUM_logout {
  cursor: pointer;
}
.WUM .WUM_logged > * {
  margin-right: 0.5em;
}
.WUM .WUM_logged > *:last-child {
  margin-right: 0;
}
.WUM .WUM_logged .WUM_alert_counter {
  display: none;
}
.WUM .WUM_logged .WUM_alert_counter span {
  width: 1.1em;
  height: 1.1em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6em;
  background: #e20613;
  border-radius: 100%;
  color: #FFF;
  font-weight: 600;
}
.WUM .WUM_logged > .WUM_alert_counter {
  position: relative;
}
.WUM .WUM_logged > .WUM_alert_counter svg {
  height: 1.4em;
  width: auto;
}
.WUM .WUM_logged > .WUM_alert_counter svg path {
  fill: #89a5c0;
}
.WUM .WUM_logged > .WUM_alert_counter span {
  position: absolute;
  top: -0.2em;
  right: -0.2em;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN {
  display: flex;
  align-items: center;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN > * {
  margin-right: 0.5em;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN > *:last-child {
  margin-right: 0;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN > .WUM_avatar {
  width: 1.7em;
  height: 1.7em;
  border-radius: 100%;
  position: relative;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN > .WUM_avatar .WUM_avatar_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  border-radius: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  border: 2px solid #89a5c0;
  background-color: #89a5c0;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN > .WUM_avatar .WUM_avatar_bg span {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFF;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN > .WUM_avatar .WUM_avatar_bg img {
  display: none;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN > .WUM_avatar .WUM_alert_counter {
  position: absolute;
  top: -0.1em;
  right: -0.1em;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_name {
  font-size: 0.7em;
  font-weight: 600;
  display: none;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_name .WUM_naming {
  display: block;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_name .WUM_naming .WUM_lastName {
  display: none;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_name .WUM_logout {
  background: #89a5c0;
  font-size: 0.65em;
  border-radius: 0.25em;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  padding: 0.2em 0.3em 0.2em;
  margin-top: 0.3em;
  letter-spacing: 0.02em;
  float: left;
  color: #FFF;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_shortName {
  display: none;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  color: rgb(200, 155, 60);
  padding-top: 0.05em;
  cursor: pointer;
}
.WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_shortName span {
  pointer-events: none;
}
.WUM .WUM_logged > .WUM_logout {
  display: none;
}
.WUM .WUM_logged > .WUM_logout svg {
  height: 1.5em;
}
.WUM .WUM_logged > .WUM_logout svg path {
  fill: #89a5c0;
}
.WUM .WUM_logged > .WUM_logout span {
  display: none;
}
.WUM .WUM_logged .WUM_userMenu {
  visibility: hidden;
  height: 0px;
  overflow: hidden;
  pointer-events: none;
  z-index: 8;
  position: absolute;
  margin-top: 0.1em;
  background: #FFFFFF;
  border-radius: 0.5em;
  font-size: 0.85em;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.WUM .WUM_logged .WUM_userMenu .WUM_menuArrow {
  position: absolute;
  top: 1px;
  transform: translateY(-100%) translateX(50%);
  right: 1em;
  border-bottom: 1px solid #FFF;
}
.WUM .WUM_logged .WUM_userMenu .WUM_menuArrow img {
  display: block;
  width: 0.9em;
  height: auto;
}
.WUM .WUM_logged .WUM_userMenu ul {
  padding: 0.3em 0 0;
  margin: 0 !important;
  list-style: none;
}
.WUM .WUM_logged .WUM_userMenu ul li {
  padding: 0.4rem 0;
  display: block;
  border-bottom: 1px solid #f1f1f1;
  white-space: nowrap;
}
.WUM .WUM_logged .WUM_userMenu ul li:last-child {
  margin-bottom: 0 !important;
  border-bottom: none;
}
.WUM .WUM_logged .WUM_userMenu ul li.WUM_personalInfoSummary {
  text-align: center;
  padding: 0.5em 1rem 0.6em !important;
}
.WUM .WUM_logged .WUM_userMenu ul li.WUM_personalInfoSummary .WUM_name {
  font-size: 1.2em;
  font-weight: 600;
}
.WUM .WUM_logged .WUM_userMenu ul li.WUM_personalInfoSummary .WUM_role {
  font-size: 0.6em;
  font-weight: 600;
  display: block;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.WUM .WUM_logged .WUM_userMenu ul li.WUM_personalInfoSummary .WUM_role span {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #89a5c0;
  color: #FFF;
  border-radius: 3px;
  padding: 4px 4px 3px 5px;
}
.WUM .WUM_logged .WUM_userMenu ul li.WUM_personalInfoSummary .WUM_email {
  font-size: 1rem;
}
.WUM .WUM_logged .WUM_userMenu ul li.WUM_alert_counter_wrapper {
  display: none;
}
.WUM .WUM_logged .WUM_userMenu ul li.WUM_alert_counter_wrapper a {
  position: relative;
}
.WUM .WUM_logged .WUM_userMenu ul li.WUM_alert_counter_wrapper a .WUM_alert_counter {
  position: absolute;
  top: 50%;
  left: 0.7em;
  transform: translate(-50%, -50%);
}
.WUM .WUM_logged .WUM_userMenu ul li a {
  display: block;
  padding: 0.4em 1.5em 0.3em;
  text-decoration: none;
  color: rgb(42, 42, 42);
}
.WUM .WUM_logged .WUM_userMenu ul li a:hover {
  background: rgb(42, 42, 42);
  color: #FFF;
}
.WUM .WUM_logged .WUM_userAlertsMenu {
  display: none;
}

/* preset */
.loginText .WUM .WUM_anonymous .WUM_cta_login {
  display: inline-block;
  background: none;
  font-size: 1rem;
  border-radius: 0;
  text-transform: none;
  cursor: pointer;
  text-decoration: underline;
  font-weight: normal;
  color: rgb(49, 77, 103);
}

.showAlerts .WUM .WUM_logged .WUM_alert_counter {
  display: none;
}
.showAlerts .WUM .WUM_logged .WUM_userMenu .WUM_alert_counter_wrapper {
  display: block;
}
.showAlerts .WUM .WUM_logged .WUM_userAlertsMenu {
  display: block;
}

.showAlertsStandalone .WUM .WUM_logged > .WUM_alert_counter {
  display: block;
}

.showAlertsOnAvatar .WUM .WUM_logged > .WUM_userAvatarAndSN > .WUM_avatar .WUM_alert_counter {
  display: block;
}

.showAlertsInMenu .WUM .WUM_logged .WUM_userMenu .WUM_alert_counter_wrapper {
  display: block;
}

.showLogoutStandalone .WUM .WUM_logged > .WUM_logout {
  display: block;
}

.showLogoutUnderName .WUM .WUM_logged .WUM_name .WUM_logout {
  display: block;
}

.showFullName .WUM .WUM_logged > .WUM_name {
  display: block;
}

.showShortName .WUM .WUM_logged > .WUM_userAvatarAndSN {
  display: flex;
  align-items: stretch;
}
.showShortName .WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_shortName {
  display: flex;
  align-items: center;
}

.compactAvatarAndSN .WUM .WUM_logged > .WUM_userAvatarAndSN {
  margin-right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0.5rem;
  background: #d2e0ee;
  overflow: hidden;
}
.compactAvatarAndSN .WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_avatar,
.compactAvatarAndSN .WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_avatar_bg {
  border-radius: 0;
}
.compactAvatarAndSN .WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_avatar {
  margin-right: 0;
}
.compactAvatarAndSN .WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_name,
.compactAvatarAndSN .WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_shortName {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.compactAvatarAndSN .WUM .WUM_logged > .WUM_userAvatarAndSN .WUM_shortName {
  color: rgb(49, 77, 103);
}

.showLettersInAvatar .WUM .WUM_logged > .WUM_userAvatarAndSN > .WUM_avatar .WUM_avatar_bg {
  background: #89a5c0 !important;
}
.showLettersInAvatar .WUM .WUM_logged > .WUM_userAvatarAndSN > .WUM_avatar .WUM_avatar_bg span {
  display: block;
}

.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul {
  padding: 1rem 0;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li {
  border: none;
  font-size: 1rem;
  padding: 1rem 1rem 0;
  text-align: center;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li:first-child {
  padding-top: 0;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li .WUM_logout:not(.WUM_small) {
  text-align: center;
  padding: 1rem 0 0 0;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li .WUM_logout:not(.WUM_small):hover {
  background: none;
  text-decoration: underline;
  color: #2a2a2a;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li .WUM_logout.WUM_small {
  border-top: 1px solid #f1f1f1;
  text-align: center;
  padding: 1rem 0 0 0;
  color: #314d67;
  font-size: 0.8em;
  display: block;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li .WUM_logout.WUM_small:hover {
  background: none;
  text-decoration: underline;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li.WUM_profile {
  padding-left: 1rem;
  padding-right: 1rem;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li.WUM_profile a {
  display: inline-block;
  border: 1px solid rgb(49, 77, 103);
  border-radius: 5px;
  color: rgb(49, 77, 103);
  padding-left: 1rem;
  padding-right: 1rem;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li.WUM_profile a:hover {
  background: rgb(49, 77, 103);
  color: #FFF;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu ul li:last-child {
  padding-bottom: 0;
}
.showPersonalSummary .WUM .WUM_logged .WUM_userMenu .WUM_personalInfoSummary .WUM_name {
  display: block;
}

.openMenuOnHover .WUM .WUM_logged.menuOpen .WUM_userMenu,
.openMenuOnClick .WUM .WUM_logged.menuOpen .WUM_userMenu {
  pointer-events: auto;
  height: auto;
  visibility: visible;
  overflow: visible;
}

.openMenuOnHover .WUM .WUM_logged.menuOpen .WUM_userMenu:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 1em;
}

/*** banners ***/
.banner.skin .bg {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 134.9736379613rem;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  .banner.skin .bg {
    background-size: 97.5746924429rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  .banner.skin .bg {
    background-size: 72.2671353251rem;
  }
}
@media only screen and (max-width: 549px) {
  .banner.skin .bg {
    background-size: 34.8681898067rem;
  }
}
.banner.skin .leaderboard {
  position: relative;
  z-index: 1;
  pointer-events: none;
  margin: 0 auto;
  width: 80rem;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  .banner.skin .leaderboard {
    width: 57.8333333333rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  .banner.skin .leaderboard {
    width: 42.8333333333rem;
  }
}
@media only screen and (max-width: 549px) {
  .banner.skin .leaderboard {
    width: 20.6666666667rem;
  }
}
.banner.skin .leaderboard:after {
  content: "";
  display: block;
  padding-top: 14.5869947276%;
}
@media only screen and (max-width: 899px) {
  .banner.skin {
    display: none;
  }
}

@media only screen and (min-width: 900px) {
  .with-banner-skin #masthead {
    margin-top: 0;
  }
  .with-banner-skin #page {
    box-sizing: content-box;
    padding: 2rem 2.5rem 0;
  }
  .with-banner-skin #page > * {
    box-sizing: border-box;
  }
}
body.with-banner-skin, body.foodw-body-background {
  background-size: 100% auto;
  background-color: #5e009e;
  cursor: pointer;
  background-position: top center;
}
body.with-banner-skin > *, body.foodw-body-background > * {
  cursor: default;
}
body.with-banner-skin #page, body.foodw-body-background #page {
  width: 80%;
  margin-top: calc(60px + 4.5vw);
  box-sizing: border-box;
}
@media only screen and (min-width: 2400px) {
  body.with-banner-skin, body.foodw-body-background {
    background-size: 2400px;
  }
  body.with-banner-skin #page, body.foodw-body-background #page {
    margin-top: 180px;
    width: 1920px;
  }
}
@media only screen and (max-width: 1599px) {
  body.with-banner-skin #page, body.foodw-body-background #page {
    width: 1279px;
    max-width: 1140px;
  }
}
@media only screen and (max-width: 1279px) {
  body.with-banner-skin, body.foodw-body-background {
    background-size: 1279px;
  }
  body.with-banner-skin #page, body.foodw-body-background #page {
    width: 100%;
    margin-top: 100px;
  }
}

.banner.leaderboard {
  text-align: center;
  margin-bottom: calc(2vw + 0.5rem);
}
.banner.leaderboard img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#masthead + .leaderboard {
  margin-top: -1rem;
}

.foodw-middle-home-leaderboard {
  margin: 2em 0;
}

.banner.popup_bottom {
  position: fixed;
  z-index: 10;
  bottom: -500px;
  right: 0;
  padding: 10px;
  background: #fff;
  transition: bottom 0.5s;
  max-width: 35vw;
  border: 0.2rem solid var(--color-level2, #89a5c0);
}
@media only screen and (max-width: 899px) {
  .banner.popup_bottom {
    max-width: 45vw;
  }
}
@media only screen and (max-width: 549px) {
  .banner.popup_bottom {
    max-width: 60vw;
  }
}
.banner.popup_bottom .close {
  font-size: 0.8em;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.banner.popup_bottom .close span {
  cursor: pointer;
}
.banner.popup_bottom img {
  display: block;
  max-width: 100%;
}
.banner.popup_bottom.show {
  bottom: 0;
}

.bar-abbonamenti {
  position: fixed;
  z-index: 11;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
}
@media only screen and (max-width: 899px) {
  .bar-abbonamenti {
    display: none;
  }
}
.bar-abbonamenti .container {
  margin: 0 auto;
  width: 80rem;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  .bar-abbonamenti .container {
    width: 57.8333333333rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 899px) {
  .bar-abbonamenti .container {
    width: 42.8333333333rem;
  }
}
@media only screen and (max-width: 549px) {
  .bar-abbonamenti .container {
    width: 20.6666666667rem;
  }
}
.bar-abbonamenti nav {
  background: var(--bar-nav-bg, #96c973);
  background: linear-gradient(90deg, var(--bar-nav-bg1, #7cc4ab) 0%, var(--bar-nav-bg2, #adcd3f) 100%);
  position: relative; /* Per posizionare il .claim centrato */
}
.bar-abbonamenti nav > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.bar-abbonamenti nav .logo {
  margin: 0;
  padding: 0 10px;
}
.bar-abbonamenti nav .logo img {
  max-height: 30px;
}
.bar-abbonamenti nav .claim {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.bar-abbonamenti nav .btn-wrapper {
  min-width: 160px;
  text-align: right;
  z-index: 1; /* altrimenti resta sotto al .claim */
}
.bar-abbonamenti nav .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  color: #fff;
  background: var(--bar-nav-btn-bg, #abca4e);
  line-height: 40px;
  padding: 0 10px;
  cursor: pointer;
}
.bar-abbonamenti nav .btn > span {
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 10px;
}
.bar-abbonamenti nav .btn > figure {
  margin: 0;
  stroke: #fff;
  fill: transparent;
  stroke-width: 1px;
}
.bar-abbonamenti nav .btn > figure svg {
  width: 20px;
  height: 20px;
}
.bar-abbonamenti .panel {
  overflow: hidden;
  transition: max-height 0.5s;
}
.bar-abbonamenti .panel > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bar-abbonamenti .panel .widget {
  margin: 0;
}
.bar-abbonamenti .panel .widget_media_image {
  padding: 10px;
}
.bar-abbonamenti .panel .widget_text {
  text-align: center;
}
.bar-abbonamenti .panel .widget_text h2 {
  font-size: 2em;
}
.bar-abbonamenti .panel .widget_text em, .bar-abbonamenti .panel .widget_text i {
  font-style: normal;
  font-weight: 600;
  color: #64c7b0;
}
.bar-abbonamenti .panel .btn {
  display: inline-block;
  color: #fff;
  background: #64c7b0;
  line-height: 50px;
  padding: 0 10px;
  cursor: pointer;
}
.bar-abbonamenti .panel .btn > span {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 10px;
}
.bar-abbonamenti .panel .btn > figure {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.bar-abbonamenti .panel .btn > figure svg {
  width: 20px;
  height: 20px;
}
.bar-abbonamenti .panel footer {
  font-size: 0.8em;
  color: #666;
  text-align: center;
}
.bar-abbonamenti:not(.active) .on {
  display: none;
}
.bar-abbonamenti:not(.active) .panel {
  max-height: 0px;
}
.bar-abbonamenti.active .off {
  display: none;
}
.bar-abbonamenti.active .panel {
  max-height: 500px;
}

.tf-v1-popover {
  right: unset !important;
  left: 16px;
  bottom: 110px !important;
}
@media only screen and (max-width: 899px) {
  .tf-v1-popover {
    bottom: 68px !important;
  }
}
.tf-v1-popover button.tf-v1-popover-button {
  width: 36px;
  height: 36px;
  right: unset;
  left: 18px;
  bottom: 58px;
}
@media only screen and (max-width: 899px) {
  .tf-v1-popover button.tf-v1-popover-button {
    bottom: 16px;
  }
}

/*--------------------------------------------------------------
# Transizione al nuovo tema
--------------------------------------------------------------*/
body.nuovo-tema #primary .full-row {
  position: absolute;
  top: 0;
  left: -3em;
  height: 100%;
  width: 100vw;
  z-index: -1;
}
body.nuovo-tema #primary #main {
  width: 100%;
}
body.nuovo-tema #primary #main::before, body.nuovo-tema #primary #main::after {
  display: none;
}
body.nuovo-tema #primary #main section {
  height: auto;
  width: 100%;
  margin-bottom: 2.5em;
  position: relative;
}
body.nuovo-tema #primary #main section.main-news {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.main-news {
    flex-direction: column;
  }
}
body.nuovo-tema #primary #main section.main-news article {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.main-news article {
    flex-direction: column;
  }
}
body.nuovo-tema #primary #main section.main-news article figure {
  width: 49%;
  margin: 0;
  border-radius: 0.5ex;
  overflow: hidden;
  margin-bottom: auto;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.main-news article figure {
    width: 100%;
    margin-bottom: 1.5em;
  }
}
body.nuovo-tema #primary #main section.main-news article figure img {
  object-fit: cover;
  height: 23vw;
  width: 100%;
}
body.nuovo-tema #primary #main section.main-news article figure img.fallback {
  object-fit: contain;
  padding: 0 15%;
  opacity: 0.3;
  background-color: #ccc;
}
@media only screen and (min-width: 1599px) {
  body.nuovo-tema #primary #main section.main-news article figure img {
    height: 18.5vw;
  }
}
@media only screen and (min-width: 1279px) {
  body.nuovo-tema #primary #main section.main-news article figure img {
    height: 23vw;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.main-news article figure img {
    height: 55vw;
  }
}
body.nuovo-tema #primary #main section.main-news article .text {
  width: 49%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.main-news article .text {
    width: 100%;
  }
}
body.nuovo-tema #primary #main section.main-news article .text a.entry-category {
  text-transform: uppercase;
  font-size: 70%;
  font-weight: 300;
  line-height: 0.8;
  border-left: 2px var(--color-level2, #89a5c0) solid;
  padding-left: 0.3em;
  margin-bottom: 1em;
  color: #999;
}
body.nuovo-tema #primary #main section.main-news article .text h2.entry-title {
  font: 700 180%/1.2 var(--font-main, Poppins, sans-serif);
}
body.nuovo-tema #primary #main section.main-news article .text p.excerpt {
  font-size: 85%;
  font-weight: 500;
  line-height: 1.4;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.main-news article .text p.excerpt {
    display: none;
  }
}
body.nuovo-tema #primary #main section.main-news article .text hgroup.no-excerpt h3.related-article {
  font: 700 90%/1.3 var(--font-main, Poppins, sans-serif);
  margin-bottom: 0;
  padding-top: 0.5em;
  border-top: 1px solid #ccc;
}
body.nuovo-tema #primary #main section.main-news article .text hgroup {
  margin-top: auto;
  /*

  h3.related-article {
  	border-top: none;
  	margin-bottom: 0.2rem;
  	font-size: 80%;

  	&:first-of-type {
  		border-top: 1px solid $color__background-hr;
  	}

  	&::before {
  		content: "";
  		width: 6px;
  		height: 6px;
  		background-color: $color__color-level2;
  		display: inline-block;
  		margin-right: .4rem;
  		border-radius: 5px;
  		position: relative;
  		bottom: 2px;
  		opacity: .6;
  	}
  }

  */
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.main-news article .text hgroup {
    margin-top: 1.5em;
  }
}
body.nuovo-tema #primary #main section.main-news article .text hgroup h3.related-article {
  font-size: 100%;
  padding: 0.5em 0;
}
body.nuovo-tema #primary #main section.main-news article .text hgroup h3.related-article:last-of-type {
  border-bottom: 1px solid #ccc;
}
body.nuovo-tema #primary #main section.main-news article .text hgroup h3.related-article:only-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
@media only screen and (min-width: 899px) {
  body.nuovo-tema #primary #main section.main-news article .text hgroup.with-excerpt h3.related-article {
    padding-bottom: 0;
    font-size: 90%;
  }
  body.nuovo-tema #primary #main section.main-news article .text hgroup.with-excerpt h3.related-article:not(:first-of-type) {
    display: none;
  }
}
body.nuovo-tema #primary #main section.main-news .ultime-edicola {
  width: 20%;
  flex-shrink: 0;
  text-align: center;
  padding: 0;
  margin-left: 1.5em;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.main-news .ultime-edicola {
    display: none;
  }
}
body.nuovo-tema #primary #main section.main-news .ultime-edicola .newsstand-last-scroll figure {
  width: 100%;
}
body.nuovo-tema #primary #main section.main-news .ultime-edicola .newsstand-last-scroll figure img {
  height: auto;
  width: 100%;
}
body.nuovo-tema #primary #main section.main-news .ultime-edicola .newsstand-last-scroll .widget_ultimate_posts.magazine:not(.generic) {
  margin-top: 2.3em;
}
body.nuovo-tema #primary #main section.main-news .ultime-edicola .newsstand-last-scroll .widget_ultimate_posts.magazine:not(.generic) .widget-title a {
  text-align: left;
}
body.nuovo-tema #primary #main section.main-news.brand figure {
  text-align: center;
  border-radius: 0;
  overflow: visible;
}
body.nuovo-tema #primary #main section.main-news.brand figure img {
  width: auto;
  height: auto;
  object-fit: contain;
}
body.nuovo-tema #primary #main section.main-news.brand figure p.brand-caption {
  margin-top: 1.5em;
  margin-bottom: 0;
  font-size: 85%;
  font-weight: 500;
  line-height: 1.4;
  padding: 0 1em;
}
body.nuovo-tema #primary #main section.main-news.brand .text {
  width: 57%;
}
body.nuovo-tema #primary #main section.box-block {
  position: relative;
  overflow: hidden;
}
body.nuovo-tema #primary #main section.box-block:last-child {
  margin-bottom: 0;
}
body.nuovo-tema #primary #main section.box-block header.box-block-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
  align-items: center;
}
body.nuovo-tema #primary #main section.box-block header.box-block-header h3 {
  font: 700 200%/1.3 var(--font-main, Poppins, sans-serif);
}
body.nuovo-tema #primary #main section.box-block .box-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.nuovo-tema #primary #main section.box-block .box-container article.ricette-box {
  width: 19%;
  margin-bottom: 2em;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema #primary #main section.box-block .box-container article.ricette-box {
    width: 23%;
  }
  body.nuovo-tema #primary #main section.box-block .box-container article.ricette-box:last-child {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block .box-container article.ricette-box {
    width: 48%;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema #primary #main section.box-block .box-container article.ricette-box {
    width: 90%;
  }
}
body.nuovo-tema #primary #main section.box-block .box-container article.edicola-box {
  width: 15%;
  margin-bottom: 2em;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block .box-container article.edicola-box {
    width: 28%;
  }
}
body.nuovo-tema #primary #main section.box-block .box-container article.edicola-box.empty {
  margin-bottom: 0;
}
body.nuovo-tema #primary #main section.box-block .box-container article.edicola-box figure img {
  box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.3);
  visibility: visible;
}
body.nuovo-tema #primary #main section.box-block .box-container article.edicola-box header h2 {
  font: 700 110%/1.3 var(--font-main, Poppins, sans-serif);
  text-align: center;
}
body.nuovo-tema #primary #main section.box-block .box-container article.awards-box {
  width: 23%;
  background-color: #fff;
  border-radius: 0.5ex;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 1em;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block .box-container article.awards-box {
    width: 48%;
    margin-bottom: 2em;
  }
}
body.nuovo-tema #primary #main section.box-block .box-container article.awards-box figure {
  margin-top: 0;
}
body.nuovo-tema #primary #main section.box-block .box-container article.awards-box figure img {
  visibility: visible;
}
body.nuovo-tema #primary #main section.box-block .box-container article.awards-box h2 {
  font-weight: 700;
  border-top: 1px #ccc solid;
  padding-top: 0.7em;
  width: 100%;
}
body.nuovo-tema #primary #main section.box-block .box-container article.awards-box p.description {
  font-weight: 600;
  font-size: 90%;
  margin-bottom: auto;
  margin-top: 0.7em;
  line-height: 1.3;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block a.button-desktop {
    display: none;
  }
}
body.nuovo-tema #primary #main section.box-block a.button-mobile {
  display: none;
  float: right;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block a.button-mobile {
    display: inline-block;
  }
}
body.nuovo-tema #primary #main section.box-block a.more {
  display: inline-flex;
  font-weight: 600;
  font-size: 90%;
  text-decoration: underline;
  background-color: var(--single-link-bg-hover, #ffdc5a);
  line-height: 0.6;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block a.more {
    display: none;
  }
}
body.nuovo-tema #primary #main section.box-block a.more-mobile {
  float: right;
  display: none;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block a.more-mobile {
    display: inline-flex;
  }
}
body.nuovo-tema #primary #main section.box-block button {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: 0;
  border: 2px #2a2a2a solid;
  font-weight: 500;
}
body.nuovo-tema #primary #main section.box-block button:not(.simple-button) {
  padding-right: 0.5rem;
}
body.nuovo-tema #primary #main section.box-block.topic-nothumb .box-container, body.nuovo-tema #primary #main section.box-block.topic-hasthumb .box-container {
  padding-bottom: 1.5em;
  border-bottom: 2px #ccc solid;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.topic-nothumb .box-container, body.nuovo-tema #primary #main section.box-block.topic-hasthumb .box-container {
    border-bottom: none;
  }
}
body.nuovo-tema #primary #main section.box-block.topic-nothumb .box-container article.topic-box, body.nuovo-tema #primary #main section.box-block.topic-hasthumb .box-container article.topic-box {
  width: 24%;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.topic-nothumb .box-container article.topic-box, body.nuovo-tema #primary #main section.box-block.topic-hasthumb .box-container article.topic-box {
    width: 100%;
    border-bottom: 2px #ccc solid;
    padding: 1em 0;
  }
}
body.nuovo-tema #primary #main section.box-block.topic-nothumb .box-container article.topic-box a.entry-category, body.nuovo-tema #primary #main section.box-block.topic-hasthumb .box-container article.topic-box a.entry-category {
  text-transform: uppercase;
  font-size: 70%;
  font-weight: 300;
  line-height: 0.8;
  border-left: 2px var(--color-level2, #89a5c0) solid;
  padding-left: 0.3em;
  margin-bottom: 1.5em;
  display: inline-block;
  color: #999;
}
body.nuovo-tema #primary #main section.box-block.topic-nothumb .box-container article.topic-box h2, body.nuovo-tema #primary #main section.box-block.topic-hasthumb .box-container article.topic-box h2 {
  font: 700 100%/1.3 var(--font-main, Poppins, sans-serif);
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb {
  flex-grow: 0;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.topic-hasthumb {
    max-width: 100%;
  }
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box {
  width: 23%;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex: auto 0 0;
    margin-bottom: 1.5em;
    align-items: flex-start;
  }
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box figure {
  border-radius: 0.5ex;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box figure {
    width: 28%;
    margin-left: 0;
    margin-right: 1.5em;
  }
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box figure img {
  object-fit: cover;
  height: 11vw;
  width: 100%;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box figure img {
    height: 16vw;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box figure img {
    height: 20vw;
  }
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box figure img.fallback {
  object-fit: contain;
  padding: 0 15%;
  opacity: 0.3;
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box a.entry-category {
  font-size: 90%;
  line-height: 0.8;
  margin-bottom: 1.5em;
  display: inline-block;
  color: #999;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box a.entry-category {
    margin-bottom: 0.5em;
  }
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box a.entry-category::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--custom-main-color, var(--color-level2, #89a5c0));
  display: inline-block;
  margin-right: 0.4rem;
  border-radius: 5px;
  position: relative;
  bottom: 2px;
  opacity: 0.6;
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb article.topic-hasthumb-box h2 {
  font: 700 90%/1.3 var(--font-main, Poppins, sans-serif);
}
body.nuovo-tema #primary #main section.box-block.topic-hasthumb .adv.side-box {
  width: 23%;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.topic-hasthumb .adv.side-box {
    width: 28%;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema #primary #main section.box-block.lanci .box-container {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema #primary #main section.box-block.ricette .box-container {
    flex-direction: column;
    align-items: center;
  }
}
body.nuovo-tema #primary #main section.box-block.awards {
  padding: 2em 0;
  overflow: visible !important;
}
body.nuovo-tema #primary #main section.box-block.awards .full-row {
  background-color: #e6e6e6;
  border-top: 3px #ccc solid;
}
body.nuovo-tema.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content > *:not(.full-width):not(.side-box):not(iframe) {
  width: 70%;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content > *:not(.full-width):not(.side-box):not(iframe) {
    width: 60%;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content > *:not(.full-width):not(.side-box):not(iframe) {
    width: 100%;
  }
}
body.nuovo-tema.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv {
  right: 4vw;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema.single:not(.single-launch):not(.single-eventi):not(.single-sfogliabile) #main article > .entry-content .side-box.adv {
    right: 0;
  }
}
body.nuovo-tema.home #primary .main .news-list aside .ultime-edicola {
  padding: 0 1em 0 0;
  position: relative;
  top: 2em;
  margin-bottom: 4em;
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema.home #primary .main .news-list aside .ultime-edicola .newsstand-last-scroll.custom-360 {
    display: flex;
    justify-content: center;
    width: calc(100% + 1em);
  }
}

body.nuovo-tema header#masthead.mini-layout {
  border-bottom: 1px #ccc solid;
}
body.nuovo-tema header#masthead.mini-layout, body.nuovo-tema header#masthead_sticky.mini-layout {
  margin-bottom: 1em;
}
body.nuovo-tema header#masthead.mini-layout > .site-branding, body.nuovo-tema header#masthead_sticky.mini-layout > .site-branding {
  width: 12em;
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema header#masthead.mini-layout > .site-branding, body.nuovo-tema header#masthead_sticky.mini-layout > .site-branding {
    width: 5em;
  }
}
@media only screen and (min-width: 549px) {
  body.nuovo-tema header#masthead.mini-layout > .site-branding, body.nuovo-tema header#masthead_sticky.mini-layout > .site-branding {
    padding: 1em 3.2em;
  }
}
@media only screen and (min-width: 1599px) {
  body.nuovo-tema header#masthead.mini-layout > .site-branding, body.nuovo-tema header#masthead_sticky.mini-layout > .site-branding {
    padding: 1em 3em;
  }
}
@media only screen and (min-width: 2400px) {
  body.nuovo-tema header#masthead.mini-layout > .site-branding, body.nuovo-tema header#masthead_sticky.mini-layout > .site-branding {
    padding: 1em 80px;
  }
}
body.nuovo-tema header#masthead.mini-layout nav.main-navigation ul li, body.nuovo-tema header#masthead_sticky.mini-layout nav.main-navigation ul li {
  font-size: 95%;
}
body.nuovo-tema header#masthead.mini-layout .site-content, body.nuovo-tema header#masthead_sticky.mini-layout .site-content {
  font-family: "Poppins", sans-serif;
}
body.nuovo-tema header.page-header {
  display: flex;
  position: relative;
}
body.nuovo-tema header.page-header img.logo-image {
  margin-right: 1em;
  max-height: 7em;
  width: auto;
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema header.page-header img.logo-image {
    margin: 0 auto 1em;
  }
}
body.nuovo-tema header.page-header .header-bg-stripe {
  flex-grow: 1;
  justify-content: center;
  position: relative;
  padding: 1.5em;
  background-color: var(--color-level2, #89a5c0);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 10%, transparent 10%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 60%, transparent 60%, transparent 100%);
  background-size: 13px 13px;
}
body.nuovo-tema header.page-header .header-bg-stripe h1.archive-title {
  font: 700 300%/1.3 var(--font-main, Poppins, sans-serif);
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema header.page-header .header-bg-stripe h1.archive-title {
    font-size: 200%;
    margin-bottom: 0.25em;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema header.page-header .header-bg-stripe.mobile {
    display: none;
  }
}
body.nuovo-tema header.page-header a.goto-knowledge {
  position: absolute;
  right: 1em;
  bottom: 0.5em;
  font: 400 80%/1.3 var(--font-main, Poppins, sans-serif);
  color: #fff;
  text-decoration: underline;
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema header.page-header a.goto-knowledge {
    text-align: center;
    display: block;
    width: 100%;
    right: auto;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema header.page-header a.goto-knowledge.mobile {
    color: #2a2a2a;
    bottom: -1em;
  }
}
body.nuovo-tema header.page-header.has-title-image {
  display: block;
  text-align: center;
}
body.nuovo-tema header.page-header + .archive-description p:first-child {
  margin-top: 0;
}
body.nuovo-tema section.news-list {
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
  align-items: flex-start;
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list {
    flex-direction: column;
    margin-top: 0;
  }
}
body.nuovo-tema section.news-list .news-block {
  width: 76%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 3%;
  align-items: flex-start;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema section.news-list .news-block {
    width: 60%;
    column-gap: 4%;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list .news-block {
    width: 100%;
    margin-bottom: 2em;
  }
}
body.nuovo-tema section.news-list aside {
  width: 20%;
  text-align: center;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema section.news-list aside {
    width: 29%;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list aside {
    width: 32%;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list aside {
    width: 100%;
  }
}
body.nuovo-tema section.news-list aside .ultime-edicola {
  text-align: center;
  padding: 0 1em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list aside .ultime-edicola {
    padding-right: 0;
  }
}
body.nuovo-tema section.news-list aside .ultime-edicola .newsstand-last-scroll.custom-360 article {
  width: 100%;
  margin-left: -0.5em;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 549px) {
  body.nuovo-tema section.news-list aside .ultime-edicola .newsstand-last-scroll.custom-360 article {
    width: calc(100% + 2em);
    margin: 0 -1em;
  }
}
body.nuovo-tema section.news-list aside .subscription a.banner {
  margin-bottom: 0.5em;
  display: block;
}
body.nuovo-tema section.news-list aside .subscription a.banner img {
  width: 100%;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema section.news-list aside .subscription a.banner img {
    max-width: 300px;
    height: auto;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list aside .subscription a.banner img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list aside .subscription a.banner img {
    max-width: 300px;
  }
}
body.nuovo-tema section.news-list aside .subscription span.subscribe-action {
  font: 700 90%/1.3 var(--font-main, Poppins, sans-serif);
}
body.nuovo-tema section.news-list aside .subscription .input-container {
  display: flex;
  border: 1px solid #2a2a2a;
  border-radius: 0.3ex;
  overflow: hidden;
  margin: 0.25em 0;
}
body.nuovo-tema section.news-list aside .subscription .input-container input[type=email] {
  border: none;
  width: 100%;
  padding: 0.5em 1em;
}
body.nuovo-tema section.news-list aside .subscription button[type=submit] {
  border: none;
  background-color: #2a2a2a;
  box-shadow: none;
  border-radius: 0;
  color: #fff;
  width: 3em;
  padding: 0;
}
body.nuovo-tema section.news-list aside .subscription span.acceptance-text {
  font-size: 75%;
  font-weight: 500;
}
body.nuovo-tema section.news-list aside .subscription span.acceptance-text a {
  text-decoration: underline;
}
body.nuovo-tema section.news-list aside .subscription span.acceptance-text input[type=checkbox] {
  margin-right: 0.5em;
}
body.nuovo-tema section.news-list aside .adv.side-box {
  margin-top: 0.5em;
}
body.nuovo-tema section.news-list aside .adv.side-box a.adv-link img {
  width: 100%;
  max-width: 300px;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema section.news-list aside .adv.side-box a.adv-link img {
    max-width: 300px;
    height: auto;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list aside .adv.side-box a.adv-link img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list aside .adv.side-box a.adv-link img {
    max-width: 300px;
  }
}
body.nuovo-tema section.news-list article, body.nuovo-tema aside#related-area article, body.nuovo-tema .news-widget .upw-posts article {
  width: 31%;
  margin-bottom: 2em;
}
body.nuovo-tema section.news-list article .sponsored-label, body.nuovo-tema aside#related-area article .sponsored-label, body.nuovo-tema .news-widget .upw-posts article .sponsored-label {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75ex 2ex 0.5ex;
  font-size: 90%;
  line-height: 1;
  font-weight: 600;
  background: var(--color-background-sponsored-start, #ffcb47);
  text-transform: uppercase;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema section.news-list article, body.nuovo-tema aside#related-area article, body.nuovo-tema .news-widget .upw-posts article {
    width: 48%;
  }
}
body.nuovo-tema section.news-list article figure:not(.brand), body.nuovo-tema aside#related-area article figure:not(.brand), body.nuovo-tema .news-widget .upw-posts article figure:not(.brand) {
  border-radius: 0.5ex;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0.4em;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
body.nuovo-tema section.news-list article figure:not(.brand) a img, body.nuovo-tema aside#related-area article figure:not(.brand) a img, body.nuovo-tema .news-widget .upw-posts article figure:not(.brand) a img {
  object-fit: cover;
  height: 11vw;
  width: 100%;
}
body.nuovo-tema section.news-list article figure:not(.brand) a img.fallback, body.nuovo-tema aside#related-area article figure:not(.brand) a img.fallback, body.nuovo-tema .news-widget .upw-posts article figure:not(.brand) a img.fallback {
  object-fit: contain;
  padding: 0 15%;
  opacity: 0.3;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema section.news-list article figure:not(.brand) a img, body.nuovo-tema aside#related-area article figure:not(.brand) a img, body.nuovo-tema .news-widget .upw-posts article figure:not(.brand) a img {
    height: 16vw;
  }
}
body.nuovo-tema section.news-list article .text a.entry-category, body.nuovo-tema aside#related-area article .text a.entry-category, body.nuovo-tema .news-widget .upw-posts article .text a.entry-category {
  text-transform: uppercase;
  font-size: 80%;
  font-weight: 300;
  line-height: 0.9;
  border-left: 3px var(--color-level2, #89a5c0) solid;
  padding-left: 0.3em;
  color: #999;
  margin-top: 1em;
  display: block;
}
body.nuovo-tema section.news-list article .text h3.entry-title, body.nuovo-tema aside#related-area article .text h3.entry-title, body.nuovo-tema .news-widget .upw-posts article .text h3.entry-title {
  font: 700 95%/1.3 var(--font-main, Poppins, sans-serif);
  margin-top: 1em;
}
body.nuovo-tema section.news-list article .text p.excerpt, body.nuovo-tema aside#related-area article .text p.excerpt, body.nuovo-tema .news-widget .upw-posts article .text p.excerpt {
  font-size: 90%;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) .sponsored-label {
    font-size: 55%;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) .sponsored-label {
    font-size: 60%;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex: auto 0 0;
    margin-bottom: 1.5em;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) figure {
    width: 28%;
    margin-right: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) figure img {
    height: 12vw;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) figure img {
    height: 20vw;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) .text {
    width: 66%;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) .text a.entry-category {
    margin-top: 0;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article:not(.lanci-box) .text p.excerpt {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article.lanci-box {
    width: 16em;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema section.news-list article.lanci-box {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema section.news-list article.lanci-box figure:not(.brand) img {
    height: 6.5em;
  }
}
body.nuovo-tema aside#related-area .column-content, body.nuovo-tema .news-widget .upw-posts .column-content {
  justify-content: flex-start;
  column-gap: 1.25%;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema aside#related-area .column-content, body.nuovo-tema .news-widget .upw-posts .column-content {
    column-gap: 2.5%;
  }
}
body.nuovo-tema aside#related-area article figure a, body.nuovo-tema .news-widget .upw-posts article figure a {
  box-sizing: border-box;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema aside#related-area article figure a img, body.nuovo-tema .news-widget .upw-posts article figure a img {
    height: 24vw;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema aside#related-area article figure a img, body.nuovo-tema .news-widget .upw-posts article figure a img {
    height: 45vw;
  }
}
body.nuovo-tema aside#related-area article .text h3.entry-title, body.nuovo-tema .news-widget .upw-posts article .text h3.entry-title {
  font-size: 105% !important;
}
body.nuovo-tema aside#related-area article .text p.excerpt, body.nuovo-tema .news-widget .upw-posts article .text p.excerpt {
  display: none;
}
body.nuovo-tema article.lanci-box {
  width: 19%;
  border: 1px #ccc solid;
  border-radius: 0.5ex;
  overflow: hidden;
  position: relative;
  padding: 1em;
  display: flex;
  flex-direction: column;
  margin-bottom: 2em;
  max-width: 20em;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema article.lanci-box {
    width: 23%;
  }
  body.nuovo-tema article.lanci-box:last-child {
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema article.lanci-box {
    width: 48%;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema article.lanci-box {
    width: 100%;
  }
}
body.nuovo-tema article.lanci-box .colorline-top {
  position: absolute;
  top: -1px;
  left: 0;
  background-color: #48B1DF;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  width: 100%;
  height: 0.5em;
}
body.nuovo-tema article.lanci-box header.lancio-box-header {
  display: flex;
  justify-content: space-between;
  min-height: 5em;
}
body.nuovo-tema article.lanci-box header.lancio-box-header .text {
  padding-right: 4%;
}
body.nuovo-tema article.lanci-box header.lancio-box-header .text p.date {
  margin: 0;
  font-size: 60%;
  font-weight: 800;
  color: var(--color-meta, #b7b7b7);
}
body.nuovo-tema article.lanci-box header.lancio-box-header .text h2 {
  font-weight: 700;
  line-height: 1.3;
}
body.nuovo-tema article.lanci-box header.lancio-box-header figure.brand {
  border-left: 1px #ccc solid;
  padding-left: 4%;
  margin: 0;
  display: flex;
  align-items: center;
  flex: 30% 0 0;
}
body.nuovo-tema article.lanci-box figure {
  margin-top: 0.5em;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
}
body.nuovo-tema article.lanci-box figure img.post-thumbnail {
  max-height: 10em;
  width: auto;
  margin: 0 auto;
}
body.nuovo-tema article.lanci-box figure img.post-thumbnail.fallback {
  object-fit: contain;
  padding: 15%;
  opacity: 0.3;
  background-color: #ccc;
}
body.nuovo-tema.post-type-archive-launch #primary #main, body.nuovo-tema.post-type-archive-ricette #primary #main {
  justify-content: space-around !important;
}
@media only screen and (min-width: 1279px) {
  body.nuovo-tema.post-type-archive-launch #primary #main article.lanci-box, body.nuovo-tema.post-type-archive-ricette #primary #main article.lanci-box {
    margin-left: 2em;
    margin-right: 2em;
  }
}
@media only screen and (min-width: 899px) {
  body.nuovo-tema.post-type-archive-launch #primary #main article.lanci-box, body.nuovo-tema.post-type-archive-ricette #primary #main article.lanci-box {
    width: 30%;
  }
}
body.nuovo-tema.post-type-archive-launch #primary #main article.type-ricette, body.nuovo-tema.post-type-archive-ricette #primary #main article.type-ricette {
  margin-left: 1em;
  margin-right: 1em;
}
@media only screen and (min-width: 1279px) {
  body.nuovo-tema.post-type-archive-launch #primary #main article.type-ricette, body.nuovo-tema.post-type-archive-ricette #primary #main article.type-ricette {
    margin-left: 0;
    margin-right: 0;
  }
}
body.nuovo-tema.post-type-archive-eventi #primary #main section.news-list .news-block {
  width: 100%;
  justify-content: space-around;
}
body.nuovo-tema.post-type-archive-eventi #primary #main section.news-list .news-block article {
  width: 21%;
}
@media only screen and (max-width: 1279px) {
  body.nuovo-tema.post-type-archive-eventi #primary #main section.news-list .news-block article {
    margin-left: 0;
    margin-right: 0;
    width: 28%;
  }
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema.post-type-archive-eventi #primary #main section.news-list .news-block article {
    width: 80%;
  }
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema.post-type-archive-eventi #primary #main section.news-list .news-block article {
    width: 100%;
  }
}
body.nuovo-tema .search-button {
  display: flex;
  justify-content: center;
  padding: 1em 0;
  width: 100%;
}
body.nuovo-tema .search-button a {
  font-weight: 400;
  font-size: 125%;
  line-height: 0.6;
}
body.nuovo-tema .search-button a button {
  box-shadow: none;
  border: none;
  border-radius: 0;
  color: #fff;
  text-shadow: none;
  white-space: nowrap;
  text-transform: uppercase;
  padding: 0.75em 1.5em;
  background-color: var(--color-level2, #89a5c0);
}
body.nuovo-tema .search-button a button:hover {
  background-color: var(--color-main-logo, #e20613) !important;
}
body.nuovo-tema.dolcesalato-theme header#masthead.mini-layout > .site-branding, body.nuovo-tema.dolcesalato-theme header#masthead_sticky.mini-layout > .site-branding {
  width: 14em;
}
@media only screen and (max-width: 549px) {
  body.nuovo-tema.dolcesalato-theme header#masthead.mini-layout > .site-branding, body.nuovo-tema.dolcesalato-theme header#masthead_sticky.mini-layout > .site-branding {
    width: 9em;
  }
}
@media only screen and (min-width: 549px) {
  body.nuovo-tema.dolcesalato-theme header#masthead.mini-layout > .site-branding, body.nuovo-tema.dolcesalato-theme header#masthead_sticky.mini-layout > .site-branding {
    padding: 1em 2.5em;
  }
}
@media only screen and (min-width: 1599px) {
  body.nuovo-tema.dolcesalato-theme header#masthead.mini-layout > .site-branding, body.nuovo-tema.dolcesalato-theme header#masthead_sticky.mini-layout > .site-branding {
    padding: 1em 2em;
  }
}
@media only screen and (min-width: 2400px) {
  body.nuovo-tema.dolcesalato-theme header#masthead.mini-layout > .site-branding, body.nuovo-tema.dolcesalato-theme header#masthead_sticky.mini-layout > .site-branding {
    padding: 1em 60px;
  }
}
body.nuovo-tema.mini-home section.news-list aside .ultime-edicola, body.nuovo-tema.home section.news-list aside .ultime-edicola {
  display: none;
}
@media only screen and (max-width: 899px) {
  body.nuovo-tema.mini-home section.news-list aside .ultime-edicola, body.nuovo-tema.home section.news-list aside .ultime-edicola {
    display: block;
  }
}

section.sondaggio {
  padding: 2rem 2.5rem;
  overflow: visible !important;
}
section.sondaggio .full-row {
  border-top: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  background-color: #f8f8f8;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.05) 10%, transparent 10%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 60%, transparent 60%, transparent 100%);
  background-size: 13px 13px;
}
section.sondaggio .survey-container {
  margin-top: 1.5rem;
}
section.sondaggio .survey-container h4 {
  text-align: center;
  font-size: 200%;
  font-weight: 700;
}
section.sondaggio .survey-container p.survey {
  text-align: center;
  font-size: 125%;
  margin-top: 0;
}
section.sondaggio .survey-container .survey-content {
  width: 95%;
  height: 480px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: none;
  margin: 1rem auto;
  box-shadow: 0 0.0625em 0.1875em rgba(0, 0, 0, 0.12);
  display: block;
}

.adv.side-box {
  margin-top: 0.5em;
}
.adv.side-box a.adv-link img {
  width: 100%;
}
@media only screen and (max-width: 1279px) {
  .adv.side-box a.adv-link img {
    max-width: 300px;
    height: auto;
  }
}
@media only screen and (max-width: 899px) {
  .adv.side-box a.adv-link img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 549px) {
  .adv.side-box a.adv-link img {
    max-width: 300px;
  }
}

.adv-mobile-only {
  display: none;
  text-align: center;
  margin: 0 auto 2.5em auto;
}
@media only screen and (max-width: 549px) {
  .adv-mobile-only {
    display: block;
  }
  .adv-mobile-only .adv.side-box {
    display: block;
  }
}

.newsstand-last-scroll {
  width: 100%;
  margin: -10px 0 0;
}
.newsstand-last-scroll .newsstand-last-scroll_item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  height: auto;
}
.newsstand-last-scroll .newsstand-last-scroll_item a img {
  max-width: 205px;
  -webkit-box-shadow: 2px 3px 9px -2px rgba(0, 0, 0, 0.51);
  box-shadow: 2px 3px 9px -2px rgba(0, 0, 0, 0.51);
}
.newsstand-last-scroll .slick-dots {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
  margin-top: 5px;
}
.newsstand-last-scroll .slick-dots li {
  padding: 0 4px;
}
.newsstand-last-scroll .slick-dots li button {
  width: 12px;
  height: 12px;
  border: none;
  text-indent: -1000px;
  color: rgba(0, 0, 0, 0);
  border-radius: 100%;
  padding: 0;
  margin: 0;
  background: #d8d8d8;
  transition: background-color 0.3s;
  box-shadow: none !important;
  overflow: hidden;
}
.newsstand-last-scroll .slick-dots li.slick-active button {
  background: #9c9c9c;
}

.pagination {
  display: flex;
  justify-content: center;
  margin: 0 auto 3em;
  align-items: center;
}
@media only screen and (max-width: 549px) {
  .pagination {
    margin-top: 2em;
  }
}
.pagination .page-numbers {
  font-size: 125%;
  font-weight: 700;
  padding: 2px;
  margin: 0 0.25em;
  display: flex;
}
@media only screen and (max-width: 549px) {
  .pagination .page-numbers {
    font-size: 110%;
  }
}
.pagination .page-numbers span.material-icons {
  font-size: 160%;
}
@media only screen and (max-width: 549px) {
  .pagination .page-numbers span.material-icons {
    font-size: 140%;
  }
}
.pagination .page-numbers.current {
  color: var(--color-level2, #89a5c0);
}
.pagination .page-numbers.next {
  margin-left: 0.5em;
}
.pagination .page-numbers.prev {
  margin-right: 0.5em;
}

/* IE FIX */
* html body .page-title > .text-container > .text {
  background: none !important;
}

/* RESTRICTED ACCESS */
.restrictedAccess {
  opacity: 0.8;
  height: 30vh;
  overflow: hidden;
  pointer-events: none;
  position: relative;
}
.restrictedAccess * {
  pointer-events: none;
}
.restrictedAccess:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* CUSTOMIZATION REACT APP - ecommerce */
body.page article .entry-content .newsstand-container {
  margin-top: 2rem !important;
}

/*
div[class*='buttons'] button[class*='-FACEBOOK'] {
	pointer-events: none;
	opacity: 0.25;
	position: relative;

	span:last-child {
		display: none;
	}

	&::before {
		content: var(--fb-login-unavailable, "Accesso con Facebook temporaneamente non disponibile");
		font-size: .7em;
		position: absolute;
		left: 52px;
	}
}
*/

/*# sourceMappingURL=style.css.map */