/*
Theme Name: gourmetsi_QO
Theme URI: https://www.gourmets.international/
Author: Gourmet's International
Author URI: https://www.gourmets.international/
Description: The corporate website of Gourmet's International in Italian, English and German. Self-contained: languages, the home page carousel and the menus are part of the theme, no WPML, Revolution Slider or Max Mega Menu needed. Rebuilt in 2026 from the in-house "gourmet" theme (2019, Underscores based).
Version: 2.0.4
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gourmetsi-qo
Tags: custom-menu, featured-images, translation-ready
*/

/* ===================================================================
   0. Tokens
   =================================================================== */
:root {
	--gqo-wine: #812840;
	--gqo-wine-dark: #6c0000;
	--gqo-gold: #d6ae60;
	--gqo-brown: #7f6635;
	--gqo-amber: rgba(221, 158, 0, 0.45);
	--gqo-ink: #404040;
	--gqo-grey: #686868;
	--gqo-grey-light: #ccc;
	--gqo-sage: #8d9691;
	--gqo-hero-bg: #3b352a;
	--gqo-font: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
	--gqo-max: 1300px;
	--gqo-gutter: 16px;
	--gqo-thumb: clamp(48px, 3.2vw, 68px);
}

/* ===================================================================
   1. Normalize (from the original theme)
   =================================================================== */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box; height: 0;overflow: visible;}pre {font-family: monospace, monospace; font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}

/* ===================================================================
   2. Typography & elements
   =================================================================== */
body, button, input, select, optgroup, textarea {color: var(--gqo-ink); font-family: var(--gqo-font); font-size: 16px; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {clear: both; letter-spacing: 1px;}
h1 {text-transform: uppercase;}
h2 {font-size: 24px; letter-spacing: 3px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 15px;}
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; 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;}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}
mark, ins {background: #fff9c0; text-decoration: none;}
big {font-size: 125%;}

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {background: #fff;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
hr {background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;}
ol {margin: 0 0 1.5em 3em; list-style: decimal;}
ul {list-style: disc; line-height: 1.5; padding: 5px; margin: 0 10px 40px 15px;}
li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto; max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em; width: 100%;}
embed, iframe, object {max-width: 100%;}

a {color: var(--gqo-wine);}
a:visited {color: var(--gqo-wine);}
a:hover, a:focus, a:active {color: midnightblue;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {border: none; border-radius: 0; background: var(--gqo-wine); color: rgba(255,255,255,0.9); font-size: 14px; line-height: 1; padding: .8em 1.4em; cursor: pointer; text-decoration: none; display: inline-block; text-transform: uppercase; letter-spacing: 1px;}
button:hover, input[type="submit"]:hover, .button:hover {background: var(--gqo-wine-dark); color: #fff;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], textarea {color: #303030; border: 1px solid #ccc; border-radius: 0; padding: 8px; background: #fff; font-style: italic;}
input:focus, textarea:focus {color: #111; outline: 2px solid var(--gqo-gold);}
select {border: 1px solid #ccc;}
.search-form {display: flex; gap: 8px; justify-content: center; max-width: 480px; margin: 0 auto;}
.search-form .search-field {flex: 1;}

/* ===================================================================
   3. Layout helpers (original class names, kept for the templates)
   =================================================================== */
.right {float: right; padding: 0 0 0 20px;}
.left {float: left; padding: 0 20px 0 0;}
.w1300 {max-width: var(--gqo-max); margin: 0 auto 150px auto; overflow: hidden; position: relative; padding: 0 var(--gqo-gutter);}
.w1300w {max-width: var(--gqo-max); margin: 0 auto; position: relative;}
.w800 {max-width: 800px; margin: 0 auto;}
.grey {background: #dedede;}
.grey1 {background: #f1f1f1;}
.white {background: #fff;}
.red {background: var(--gqo-wine); padding-bottom: 150px;}
.dark {background: #212121;}
.first {margin-top: 120px;}
.entry-title {text-align: center;}
.entry-header {padding-top: 60px; overflow: hidden; position: relative;}

.col1 {width: 10%; float: left;}
.col2 {width: 20%; float: left;}
.col3 {width: 30%; float: left;}
.col3_3 {width: 33.3333%; float: left;}
.col4 {width: 40%;}
.col4_4 {width: 25%; float: left;}
.col5 {width: 50%; float: left;}
.col6 {width: 60%;}
.col7 {width: 70%;}
.col8 {width: 80%;}
.col9 {width: 90%;}
.col0 {width: 100%; clear: both; overflow: hidden; position: relative;}
.col55 {margin: 0; padding: 0; line-height: 0; width: 50%; float: left;}
.col_1_10 {float: left; overflow: hidden; width: 15%;}
.col_1_5 {float: left; overflow: hidden; width: 20%;}
.col_1_2 {float: left; overflow: hidden; width: 50%;}

#winehunter, #events, #news, #datiPrincipali, #produttori, #programma, #media, #colophon, #primary, #eventi, #EventiPassati, .site-main {position: relative;}
#winehunter {background: var(--gqo-sage);}
#winehunter figure, #events figure {margin: 0; padding: 10px;}
.triangolo1 {position: absolute; top: 0; left: 0; width: 100%; height: 90px; display: block;}
.triangolo2 {position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; display: block;}
a figure {line-height: 0; opacity: 1; transition: .5s ease;}
a:hover figure {opacity: 0.3;}

/* Accessibility */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}
#content[tabindex="-1"]:focus {outline: 0;}
.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;}
.clear:before, .clear:after, .entry-content:before, .entry-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, .site-header:after, .site-content:after, .site-footer:after {clear: both;}
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}
.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; text-align: center;}
.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.33333%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-caption {display: block;}

/* Page loader (hidden by js/gqo-site.js, or never shown without JS) */
.loader {position: fixed; inset: 0; z-index: 99999; background: #fafafa url('img/load.gif') no-repeat center center; transition: opacity .35s ease, visibility .35s;}
.loader.is-done {opacity: 0; visibility: hidden;}
html:not(.js) .loader {display: none;}

/* ===================================================================
   4. Header
   =================================================================== */
/* Sticky. After scrolling it only gains a shadow: its height never changes, because a header that
   shrinks while sticky moves the document under the scroll position and makes the page jitter near the top. */
.site-header {background: #fff; position: sticky; top: 0; width: 100%; z-index: 9999; box-shadow: 0 1px 0 rgba(0,0,0,0.08); transition: box-shadow .3s ease;}
.site-header.is-compact {box-shadow: 0 2px 12px rgba(0,0,0,0.15);}

/* 4a. Pre-header bar */
.preheader {background: var(--gqo-grey); color: #fff; font-size: 14px; line-height: 1.2;}
.preheader__inner {max-width: var(--gqo-max); margin: 0 auto; padding: 0 var(--gqo-gutter); display: flex; align-items: center; gap: 22px; min-height: 40px;}
.preheader a {color: #fff; text-decoration: none;}
.preheader a:hover, .preheader a:focus {color: var(--gqo-gold);}
.preheader .ti-lock {font-size: 12px; margin-right: 2px;}
.preheader .right {margin-left: auto; padding: 0; float: none;}
.accesso, .press {font-size: 14px; white-space: nowrap; letter-spacing: .3px;}

.follow {display: flex; gap: 6px; align-items: center;}
.follow a, .follow a:visited {display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 100%; background: var(--gqo-wine); color: #fff !important; font-size: 12px; text-decoration: none; transition: background .2s;}
.follow a:hover, .follow a:focus {background: var(--gqo-gold);}

/* Language switcher */
.gqo-lang__list {list-style: none; margin: 0; padding: 0; display: flex; gap: 2px;}
.gqo-lang__item a {display: block; padding: 4px 6px; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.85); border-bottom: 2px solid transparent;}
.gqo-lang__item.is-current a {color: #fff; font-weight: 700; border-bottom-color: var(--gqo-gold);}

/* Corporate dropdown (was Max Mega Menu) */
.corporate-nav {position: relative;}
.corporate-menu, .corporate-menu ul {list-style: none; margin: 0; padding: 0;}
.corporate-menu p {margin: 0;}
.corporate-menu > li {position: relative;}
.corporate-menu > li > a {display: inline-block; padding: 11px 0; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap;}
.corporate-menu > li.menu-item-has-children > a:after {content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 0 3px 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg);}
.corporate-menu .sub-menu {display: none; position: absolute; top: 100%; left: 0; min-width: 280px; background: #fff; color: #333; box-shadow: 0 10px 28px rgba(0,0,0,0.2); padding: 8px 0; z-index: 10000;}
.corporate-menu li:hover > .sub-menu, .corporate-menu li:focus-within > .sub-menu, .corporate-menu li.is-open > .sub-menu {display: block;}
.corporate-menu .sub-menu li {position: relative;}
.corporate-menu .sub-menu a {display: block; padding: 8px 18px; color: var(--gqo-wine-dark); font-weight: 700; font-size: 15px; line-height: 1.3; white-space: nowrap;}
.corporate-menu .sub-menu a:hover, .corporate-menu .sub-menu a:focus {background: #f3f3f3; color: var(--gqo-wine);}
.corporate-menu .sub-menu li.menu-item-has-children > a:after {content: ""; position: absolute; right: 14px; top: 50%; width: 6px; height: 6px; margin-top: -4px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg);}
.corporate-menu .sub-menu .sub-menu {top: -8px; left: 100%;}
.corporate-menu .event_date, .corporate-menu .subtitle {display: block; margin: 2px 0 0; font-weight: 400; font-size: 12px; color: #777; letter-spacing: 0;}
.corporate-menu .portale {margin-top: 6px; font-weight: 600;}
.corporate-menu br {display: none;}

/* 4b. Logo + primary menu */
.masthead__bar {display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px var(--gqo-gutter); min-height: 100px;}
.site-branding {flex: 0 0 auto;}
.site-title {margin: 0; font-size: 0;}
.site-title a {display: block; width: 172px; height: 65px; background: url('https://www.gourmets.international/wp-content/uploads/2018/04/gourmetsinternational-650x246.png') no-repeat center / contain; text-indent: -9999px; overflow: hidden;}
.site-description {display: none;}

.main-navigation {position: relative;}
.main-navigation ul {list-style: none; margin: 0; padding: 0;}
.main-navigation a {display: block; text-decoration: none; text-transform: uppercase; color: var(--gqo-wine); font-weight: 700; font-size: 16px; letter-spacing: .4px; padding: 8px 0; white-space: nowrap;}
.main-navigation a:hover, .main-navigation a:focus, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a, .main-navigation .current-menu-ancestor > a {color: midnightblue;}
.menu-toggle {display: none; background: none; color: var(--gqo-wine); padding: 8px 0; font-size: 14px; letter-spacing: 1px; align-items: center; gap: 10px; text-transform: uppercase;}
.menu-toggle:hover, .menu-toggle:focus {background: none; color: var(--gqo-wine-dark);}
.menu-toggle__bars {display: inline-block; width: 24px; height: 2px; background: currentColor; position: relative;}
.menu-toggle__bars:before, .menu-toggle__bars:after {content: ""; position: absolute; left: 0; width: 24px; height: 2px; background: currentColor; transition: transform .2s;}
.menu-toggle__bars:before {top: -7px;}
.menu-toggle__bars:after {top: 7px;}
.toggled .menu-toggle__bars {background: transparent;}
.toggled .menu-toggle__bars:before {transform: translateY(7px) rotate(45deg);}
.toggled .menu-toggle__bars:after {transform: translateY(-7px) rotate(-45deg);}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
	.main-navigation a {font-size: 14px; letter-spacing: .2px;}
}
@media screen and (min-width: 1024px) {
	.main-navigation > ul {display: flex; gap: clamp(14px, 1.8vw, 28px); align-items: center;}
	.main-navigation li {position: relative;}
	.main-navigation ul ul {position: absolute; top: 100%; left: -10px; min-width: 220px; background: rgba(255,255,255,0.97); box-shadow: 0 6px 16px rgba(0,0,0,0.15); padding: 6px 0; display: none; z-index: 99999;}
	.main-navigation li:hover > ul, .main-navigation li:focus-within > ul, .main-navigation li.focus > ul {display: block;}
	.main-navigation ul ul a {padding: 8px 14px; font-size: 14px;}
}
@media screen and (max-width: 1023px) {
	.menu-toggle {display: inline-flex;}
	.main-navigation > ul {display: none; position: absolute; top: calc(100% + 14px); right: calc(-1 * var(--gqo-gutter)); left: auto; width: 100vw; max-width: 100vw; background: var(--gqo-wine); padding: 12px 0 20px; box-shadow: 0 12px 24px rgba(0,0,0,0.25); z-index: 99999;}
	.main-navigation.toggled > ul {display: block;}
	.main-navigation li {text-align: center;}
	.main-navigation a {color: #fff; padding: 12px 16px; font-size: 16px;}
	.main-navigation a:hover, .main-navigation a:focus, .main-navigation .current-menu-item > a {color: var(--gqo-gold);}
	.main-navigation ul ul {background: rgba(255,255,255,0.1);}
	.main-navigation ul ul a {font-size: 14px; font-weight: 600;}
}
@media screen and (max-width: 700px) {
	.not-on-my-phone {display: none !important;}
	.preheader__inner {min-height: 36px; gap: 12px;}
	.follow {margin-left: 0;}
	.masthead__bar {min-height: 84px;}
	.site-title a {width: 150px; height: 57px;}
}

/* ===================================================================
   5. Hero carousel (home page; was Revolution Slider)
   =================================================================== */
/* Full browser width and the fixed heights of the original slider (its layer grid: 700 desktop, 600 notebook, 500 tablet, 400 phone). */
.gqo-hero {position: relative; width: 100%; height: 700px; background: var(--gqo-hero-bg); overflow: hidden; outline: none;}
@media screen and (max-width: 1239px) {.gqo-hero {height: 600px;}}
@media screen and (max-width: 1023px) {.gqo-hero {height: 500px;}}
@media screen and (max-width: 777px) {.gqo-hero {height: 400px;}}
.gqo-hero:focus-visible {box-shadow: inset 0 0 0 3px var(--gqo-gold);}
.gqo-hero__track, .gqo-hero__slide {position: absolute; inset: 0;}
.gqo-hero__slide {opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s; z-index: 1;}
.gqo-hero__slide.is-active {opacity: 1; visibility: visible; z-index: 2;}
.gqo-hero__bg {position: absolute; inset: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: scale(1); will-change: transform;}
.gqo-hero__slide.is-active .gqo-hero__bg {animation: gqo-kenburns 30s linear forwards;}
@keyframes gqo-kenburns {from {transform: scale(1);} to {transform: scale(1.2);}}

.gqo-hero__caption {position: absolute; left: 50%; bottom: 64px; transform: translate(-50%, 24px); width: min(810px, calc(100% - 32px)); background: rgba(0,0,0,0.7); color: #fff; padding: 26px 40px 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; opacity: 0; transition: opacity .8s ease .25s, transform .8s ease .25s;}
.gqo-hero__slide.is-active .gqo-hero__caption {opacity: 1; transform: translate(-50%, 0);}
.gqo-hero__text {min-width: 0;}
.gqo-hero__title {margin: 0 0 10px; font-size: 40px; line-height: 1; font-weight: 800; letter-spacing: 0; color: #fff; text-transform: none;}
.gqo-hero__subtitle {margin: 0; font-size: 15px; line-height: 20px; font-weight: 600; color: rgba(255,255,255,0.75); max-width: 520px;}
.gqo-hero__btn {flex: 0 0 auto; display: inline-block; padding: 12px 30px; font-size: 14px; line-height: 14px; font-weight: 500; letter-spacing: .5px; color: #fff !important; text-decoration: none; white-space: nowrap; transition: background .25s, color .25s;}
.gqo-hero__btn--brown {background: var(--gqo-brown);}
.gqo-hero__btn--gold {background: var(--gqo-gold);}
.gqo-hero__btn--amber {background: var(--gqo-amber);}
.gqo-hero__btn:hover, .gqo-hero__btn:focus {background: #fff; color: #000 !important;}

/* Slide navigation: the five coloured circles of the logo, top centre (as in the original slider) */
.gqo-hero__thumbs {position: absolute; top: 20px; left: 0; right: 0; z-index: 6; display: flex; justify-content: center; align-items: center; gap: 12px; pointer-events: none;}
.gqo-hero__thumb {pointer-events: auto; width: var(--gqo-thumb); height: var(--gqo-thumb); padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; opacity: 1; transform: none; box-shadow: 0 2px 8px rgba(0,0,0,0.4); transition: transform .3s ease, box-shadow .3s ease;}
.gqo-hero__thumb img {display: block; width: 100%; height: 100%; border-radius: 50%;}
.gqo-hero__thumb:hover, .gqo-hero__thumb:focus-visible {transform: scale(1.08); background: transparent;}
.gqo-hero__thumb[aria-selected="true"] {transform: scale(1.12); box-shadow: 0 0 0 3px #fff, 0 4px 12px rgba(0,0,0,0.45);}
.gqo-hero__arrow {position: absolute; top: 50%; z-index: 5; transform: translateY(-50%); width: 44px; height: 64px; padding: 0; background: rgba(0,0,0,0.25); color: #fff; font-size: 26px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .3s, background .3s;}
.gqo-hero__arrow--prev {left: 0;}
.gqo-hero__arrow--next {right: 0;}
.gqo-hero:hover .gqo-hero__arrow, .gqo-hero:focus-within .gqo-hero__arrow {opacity: 1;}
.gqo-hero__arrow:hover, .gqo-hero__arrow:focus {background: rgba(0,0,0,0.55); opacity: 1;}
.gqo-hero__pause {position: absolute; right: 14px; bottom: 14px; z-index: 5; width: 30px; height: 30px; padding: 0; border-radius: 100%; background: rgba(0,0,0,0.35); color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center;}
.gqo-hero__pause:hover, .gqo-hero__pause:focus {background: rgba(0,0,0,0.65);}
.gqo-hero__icon-play {display: none;}
.gqo-hero.is-paused .gqo-hero__icon-play {display: inline;}
.gqo-hero.is-paused .gqo-hero__icon-pause {display: none;}
.gqo-hero.is-paused .gqo-hero__slide.is-active .gqo-hero__bg {animation-play-state: paused;}

@media screen and (max-width: 800px) {
	.gqo-hero__thumbs {top: 14px; gap: 8px;}
	.gqo-hero__thumb {width: 40px; height: 40px;}
	.gqo-hero__caption {flex-direction: column; align-items: flex-start; gap: 14px; padding: 18px 20px 20px; bottom: 44px;}
	.gqo-hero__title {font-size: 24px;}
	.gqo-hero__subtitle {font-size: 13px; line-height: 18px;}
	.gqo-hero__btn {padding: 10px 22px;}
	.gqo-hero__arrow {display: none;}
}
@media (prefers-reduced-motion: reduce) {
	.gqo-hero__slide, .gqo-hero__caption {transition: none;}
	.gqo-hero__slide.is-active .gqo-hero__bg {animation: none;}
}

/* ===================================================================
   6. Home tiles
   =================================================================== */
/* Capped at 1400px and centred: on a 4K screen a full-bleed 50% tile was 1900px wide. */
.home-tiles {padding: 10px var(--gqo-gutter) 0;}
.home-tiles__grid {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 1400px; margin: 0 auto;}
.overlay-image {position: relative; display: block; width: 100%; aspect-ratio: 1500 / 943; overflow: hidden; background: #222;}
.overlay-image img.ascaria {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease;}
.overlay-image:not(.tile-rotator) img.ascaria, .overlay-image img.ascaria.is-shown {opacity: 1;}
.color-filter1, .color-filter2, .color-filter3, .color-filter4, .color-filter5, .color-filter6 {position: absolute; inset: 0; opacity: 1; transition: background-color .5s ease;}
.color-filter1 {background-color: rgba(255,200,69,0.9);}
.color-filter2 {background-color: rgba(179,182,183,0.9);}
.color-filter3 {background-color: rgba(70,152,203,0.9);}
.color-filter4 {background-color: rgba(113,204,152,0.9);}
.color-filter5 {background-color: rgba(120,47,65,0.9);}
.color-filter6 {background-color: rgba(0,0,0,0.7);}
.overlay-image:hover .color-filter1 {background-color: rgba(111,26,7,0);}
.overlay-image:hover .color-filter2, .overlay-image:hover .color-filter3, .overlay-image:hover .color-filter4, .overlay-image:hover .color-filter5, .overlay-image:hover .color-filter6 {background-color: rgba(188,179,209,0);}
.text1, .text2, .text3, .text4, .text5, .text6 {color: #fff; font-size: clamp(28px, 4vw, 54px); line-height: 1.5em; text-shadow: 2px 2px 2px #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; white-space: nowrap;}
@media screen and (max-width: 700px) {
	.home-tiles {padding: 8px 8px 0;}
	.home-tiles__grid {grid-template-columns: 1fr; gap: 8px;}
	.text1, .text2, .text3, .text4, .text5, .text6 {font-weight: 200; font-size: 12vw;}
}

/* ===================================================================
   7. Content pages
   =================================================================== */
.site-main--home {padding: 0;}
.page-content-wrap {max-width: var(--gqo-max); margin: 0 auto; padding: 40px var(--gqo-gutter) 120px;}
.entry-content ul {margin-left: 1.5em;}
.entry-content .event {max-height: none;}
.page-links {clear: both; margin: 0 0 1.5em;}

.share-icon {border-top: 1px solid #ccc; margin-top: 30px; padding-top: 6px; overflow: hidden;}
.social-share {list-style: none; margin: 0; padding: 0; float: right;}
.social-share li {float: left; border-radius: 100%; border: 1px solid; padding: 2px 6px 0; text-align: center; margin: 2px;}
.social-share li a {text-decoration: none; color: var(--gqo-wine) !important;}
.share-icon .share {float: left; font-size: 14px; color: #999; padding-top: 4px;}

/* Team */
.almond {background: #fff;}
.team-page {margin-top: 40px;}
.team-title {text-align: center; font-weight: 600; font-size: 48px; text-transform: none; margin: 0.4em 0;}
.team-announcment {width: 60%; margin: 0 auto; text-align: center; font-size: 22px; padding-top: 40px;}
.job-mail {font-weight: 600;}
.job-mail a {text-decoration: none; color: #000;}
.social-banner {width: 25%; margin: 20px auto 30px; height: 35px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around;}
.social-banner a {text-decoration: none; border: none; color: #000; font-size: 36px;}
.social-banner a:hover {color: var(--gqo-wine);}
.winehunter-team {display: flex; flex-grow: 3; flex-wrap: wrap;}
.team-wrapper {width: calc(33% - 40px); border: 1px solid; margin: 20px; padding: 2%; position: relative; margin-bottom: 3%;}
.center-style {position: relative; text-align: center;}
.team-member, .the-winehunter {display: block; width: 100%; height: auto;}
.team-text {font-size: 28px; font-weight: 900; margin-bottom: -10px;}
.team-subtitle {padding-top: 0; margin-top: 0; font-style: italic; text-align: center; font-size: 19px;}
@media screen and (max-width: 1000px) {.team-wrapper {width: calc(50% - 40px);}}
@media screen and (max-width: 800px) {.team-wrapper {width: calc(100% - 40px);}}
@media screen and (max-width: 650px) {.team-announcment {width: 90%; font-size: 18px;} .social-banner {width: 70%;} .team-title {font-size: 34px;}}

/* Contact */
.contact-page {overflow: visible;}
.contact-img {width: 45%; float: left; margin-right: 50px;}
.contact-img img {width: 70%;}
.contact-data {width: 50%; float: right; font-size: 17px; line-height: 1.6;}
.contact-logos {display: flex; align-items: center; justify-content: space-around; margin-bottom: 20px;}
.contact-logos a {width: 33%;}
.align-left {margin: 20px 0 30px 45px; float: left; width: auto; min-width: 260px;}
@media screen and (max-width: 650px) {
	.contact-img {width: 100%; float: none; margin: 0 auto;}
	.contact-img img {width: 80%; padding-left: 20%;}
	.contact-data {width: 100%; float: none;}
	.align-left {margin-left: 0; margin-top: 0; float: none; width: 90%;}
}

/* Not found / search */
.error-404, .no-results {max-width: 800px; margin: 120px auto 160px; text-align: center; padding: 0 var(--gqo-gutter);}
.error-404 .page-title, .no-results .page-title {font-size: 28px;}

/* Legacy page-builder pages: keep them readable */
.entry-content h2, .entry-content h3 {margin-top: 1.4em;}

/* ===================================================================
   8. Footer
   =================================================================== */
#colophon {background: var(--gqo-grey-light); color: #0f0f16; font-size: 13px; position: relative; padding-top: 90px;}
.site-info {max-width: var(--gqo-max); margin: 0 auto; padding: 40px var(--gqo-gutter) 50px; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 32px; align-items: start;}
.site-info ul {margin: 0; padding: 0; list-style: none;}
.site-info a, .site-info a:visited {color: #0f0f16; text-decoration: none; font-size: 14px;}
.site-info a:hover, .site-info a:focus {color: #fff;}
.footer-menu {font-size: 16px; line-height: 2;}
.footer-menu a {font-size: 16px;}
.gourmet {margin: 22px 0 10px;}
.gourmet a {background: url('img/gourmet_international_logo.png') no-repeat center / contain; display: block; text-indent: -9999px; overflow: hidden; width: 140px; height: 52px;}
.company-info {padding-top: 8px; font-size: 14px; line-height: 1.6;}
.company-info p {margin: 6px 0 14px;}
.mission a, .iso-footer a {color: #f5f5f5 !important;}
.iso-footer p {font-size: 11px; margin: 10px 0 0;}
.iso-footer a {font-size: 12px !important;}
.social-tag h4 {font-size: 22px; margin: 0 0 10px; line-height: 1.2;}
.social-media {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px;}
.social-media a {font-size: 30px; line-height: 1;}
.footer-quick h4 {font-size: 16px; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 1px;}
.footer-quick li {line-height: 2;}
.postFooter {background: #000; padding: 14px 0;}
.postFooter .follow {justify-content: center;}
@media screen and (max-width: 800px) {
	.site-info {grid-template-columns: 1fr; text-align: center;}
	.gourmet a {margin: 0 auto;}
	.social-media {justify-content: center;}
	.triangolo1 {display: none;}
	#colophon {padding-top: 0;}
}

/* ===================================================================
   9. Leftovers from the original stylesheet that pages still use
   =================================================================== */
.estratto {background: #fff; padding: 0 15px; width: 50%; float: left;}
.more {position: absolute; bottom: 0; right: 0; background: var(--gqo-wine); width: 30px; height: 30px; color: #fff !important; text-decoration: none; font-size: 23px; padding: 0 0 0 3px;}
.homeHeader h2 {font-size: 34px; position: relative; margin: 150px auto 50px; color: var(--gqo-wine); text-align: center;}
#loghi ul {list-style: none; margin: 0; padding: 0;}
#loghi li {float: left; overflow: hidden; border: none; width: 16%; text-align: center; margin: 0 auto; padding: 10px; height: 170px;}
#loghi img {filter: grayscale(1); transition: all .3s ease-in-out;}
#loghi img:hover {filter: none; transform: scale(1.01);}
.dataEvento {position: absolute; top: 5px; left: 20px; font-size: 31px; color: #fff;}
.dataEvento p {margin: 25px auto; padding: 0; font-weight: 600;}
.eventi, .EventiPassati {background: #fff; overflow: hidden; position: relative;}
#eventi .col0, #EventiPassati .col0 {width: 100%; float: left; padding: 15px;}
#eventoEvidenza {padding: 15px;}
#eventoEvidenza figure {margin: 0;}
#eventoEvidenza .white {padding: 0 20px; min-height: 300px;}
.giorni {text-align: center;}
.giorno {vertical-align: top; position: relative; padding: 0 15px; margin: 50px auto; display: inline-block; width: 30%;}
.descProgramma {max-width: 600px; margin: 0 auto; font-size: 18px; text-align: center;}
.comunicato {margin-bottom: 50px !important; overflow: hidden; margin-left: 2%;}
.comunicato .estratto p {font-size: 14px; margin: 0; padding: 0 20px;}
.comunicato div {border-top: 1px solid #ccc; margin: 0 10px; padding: 0;}
.comunicato h4 {margin: 0;}
.comunicati_icon {width: 40px; margin-top: 5px;}
.communicati-title {text-align: center;}
.tg {border-collapse: collapse; border-spacing: 0; margin: 2em;}
.tg td {font-size: 16px; padding: 10px 5px; border: 1px solid #000; overflow: hidden; word-break: normal;}
.tg th {font-size: 18px; font-weight: normal; padding: 10px 5px; border: 1px solid #000; overflow: hidden; word-break: normal;}
@media screen and (max-width: 700px) {
	.col5 {width: 100%; float: none;}
	.left {float: none; padding: 0;}
	.estratto {width: 100%; padding: 0 15px;}
	.giorno {width: 100%;}
}