Contacts
Come and visit us
ADDRESS
Piazza Giacomo Matteotti, 32
50022, Greve in Chianti (FI)
Italy.
Directions →
Phone
HOURS
Open 7 days a week
Breakfast · Lunch · Dinner · Aperitifs and events
/* =========================================================
CONTAINER RESPONSIVE
Si adatta alla larghezza DEL WIDGET, non dello schermo
========================================================= */
.dietary-widget {
container-type: inline-size;
container-name: dietary;
width: 100%;
--diet-gold: #b68a45;
--diet-dark: #31231d;
}
/* =========================================================
DESKTOP / WIDGET LARGO
========================================================= */
.dietary-signatures {
width: 100%;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 24px 0;
}
/* ELEMENTO */
.dietary-signature {
position: relative;
min-width: 0;
min-height: 110px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
padding: 10px 30px;
}
/* DIVISORI */
.dietary-signature:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 15%;
bottom: 15%;
width: 1px;
background: rgba(182, 138, 69, .35);
}
/* =========================================================
ICONA
========================================================= */
.dietary-icon {
width: 66px;
height: 66px;
flex: 0 0 66px;
color: var(--diet-gold);
transition:
transform .45s cubic-bezier(.2,.7,.2,1);
}
.dietary-icon svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
fill: none;
stroke: currentColor;
stroke-width: 1.25;
stroke-linecap: round;
stroke-linejoin: round;
}
.dietary-icon svg circle {
stroke-width: .8;
}
.dietary-slash {
stroke-width: 1.4;
}
/* =========================================================
TESTI
========================================================= */
.dietary-text {
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.dietary-small {
display: block;
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 10px;
line-height: 1.2;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .18em;
color: var(--diet-gold);
}
.dietary-title {
display: block;
font-family:
"Times New Roman",
Georgia,
serif;
font-size: clamp(20px, 2.2cqw, 27px);
line-height: 1.05;
font-weight: 400;
letter-spacing: -.02em;
color: var(--diet-dark);
}
/* =========================================================
HOVER
========================================================= */
@media (hover:hover) {
.dietary-signature:hover .dietary-icon {
transform: translateY(-4px);
}
}
/* =========================================================
WIDGET MEDIO
es. colonna Elementor stretta
========================================================= */
@container dietary (max-width: 850px) {
.dietary-signature {
padding: 10px 16px;
gap: 13px;
}
.dietary-icon {
width: 52px;
height: 52px;
flex-basis: 52px;
}
.dietary-title {
font-size: 20px;
}
.dietary-small {
font-size: 8px;
letter-spacing: .14em;
}
}
/* =========================================================
WIDGET STRETTO
passa automaticamente su una colonna
========================================================= */
@container dietary (max-width: 650px) {
.dietary-signatures {
grid-template-columns: 1fr;
padding: 0;
}
.dietary-signature {
justify-content: flex-start;
min-height: 92px;
padding: 15px 5px;
gap: 18px;
}
/* divisore diventa orizzontale */
.dietary-signature:not(:last-child)::after {
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(182, 138, 69, .28);
}
.dietary-icon {
width: 58px;
height: 58px;
flex-basis: 58px;
}
.dietary-title {
font-size: 23px;
}
.dietary-small {
font-size: 9px;
letter-spacing: .17em;
}
}
/* =========================================================
WIDGET MOLTO STRETTO
========================================================= */
@container dietary (max-width: 360px) {
.dietary-signature {
gap: 14px;
min-height: 82px;
padding: 13px 2px;
}
.dietary-icon {
width: 50px;
height: 50px;
flex-basis: 50px;
}
.dietary-title {
font-size: 20px;
}
.dietary-small {
font-size: 8px;
letter-spacing: .13em;
}
}
