:root {
  --mwf-gold-light: #fcfdde;
  --mwf-gold: #B6B283;
  --mwf-gold-dark: #8c6d1f;
}	

body{background:#201c2a !important}

@keyframes bounce {
  0%   { transform: translateX(-50%) translateY(0); }
  10%  { transform: translateX(-50%) translateY(8px); }
  20%  { transform: translateX(-50%) translateY(-4px); }
  30%  { transform: translateX(-50%) translateY(2px); }
  40%  { transform: translateX(-50%) translateY(0); }
  100% { transform: translateX(-50%) translateY(0); }
}


  #biglietti{color: var(--mwf-gold); padding: 5vw; font-family: 'Baskervville', serif; }
  #biglietti h1 {font-size:3rem;text-align:center;}
  #biglietti h3 {font-size:2rem;text-align:center;}
  .tabs-nav { display: flex; gap: 2.2rem; margin: 2rem auto; flex-wrap: wrap; }
.tab-button { position: relative; flex: 1; padding: 3rem; background: var(--mwf-gold-light); border: none; cursor: pointer; font-size: 1.5rem; font-weight: bold; font-family: 'Baskervville', serif !important; }
.tab-button.active { background: #e0e0e0; }
.tab-button strong { font-size: 3rem; font-weight: 100; }
.tab-button strong::after { content: ""; display: block; margin-bottom: 5%; }
.tab-button span{font-size: 1.8rem;font-style: italic;}
.tab-button span::after { content: ""; display: block; margin-bottom: 1%; }
.tab-button::after { content: ""; position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%); width: 4rem; height: 4rem; background: url('/img/icon-mwf-fancyarrow.png') no-repeat center; background-size: contain;  animation: bounce 1.5s ease-out infinite;  animation-delay: 0s; }
  .tabs-content { position: relative; }
  .tab-pane { display: none; }
  .tab-pane.active { display: block; }
  .content-block { display: flex; gap: 1.5rem; margin-top: 15vh; }
  .date-block { flex: 0 0 12vw; text-align: center; font-size: 4rem; line-height: 2; }
  .date-block .day { display: block; font-weight: bold; }
  .date-block .month { display: block; text-transform: uppercase; font-size: 2.5rem; }
  .content-body { flex: 1; }
  .content-body h2 { text-align:left; }
  .info-row, .table-row { display: flex; align-items: flex-start; margin: 2.75rem 0; }
  .info-row span{ align-self: center; font-size: 1.5rem; }
  .info-icon { flex: 0 0 5vw; height: 5vh; margin-right: .75rem; }
  .ilocation { background: url('/img/icon-mwf-locations.png') no-repeat center; background-size: contain; }
  .iorario { background: url('/img/icon-mwf-clock.png') no-repeat center; background-size: contain; }
  .itasting { background: url('/img/icon-mwf-tasting.png') no-repeat center; background-size: contain; }
  .iticket { background: url('/img/icon-mwf-ticket.png') no-repeat center; background-size: contain; }
  .prices-table { width: 100%; border-collapse: collapse; margin-top: 1rem; color: var(--mwf-gold) }
  .prices-table th,
  .prices-table td { border: 1px solid var(--mwf-gold); padding: .5rem; font-size: 1.5rem; text-align: left; text-align:center; }
  .prices-table td a {color: var(--mwf-gold); }
  .prices-table .corner-cell { border-top: none; border-left: none; }
  .prices-table thead tr th { border-bottom: 3px double var(--mwf-gold-dark); }
  .abo-table { border-top: 3px double var(--mwf-gold-dark);}
  .ticket-link { display: block; color: var(--mwf-gold); margin-top: 5rem; margin-bottom:10vh; font-size: 1.2rem; font-weight: bold; text-decoration: none; text-align: right; }
  td:first-child { position: relative; text-align:left;}
  td:first-child .arrow-link { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; cursor:pointer; background: url('/img/icon-mwf-arrow.png') no-repeat center; background-size: contain; display: block; }
  @media (max-width: 768px) {
    .tabs-nav { flex-direction: column; }
	.tab-button {margin-bottom:5vh;}
    .content-block { flex-direction: column; }
	.content-body h2 { text-align: center; }
    .date-block { margin: 0 auto; }
    .info-row, .table-row { flex-direction: column; }
	.info-row span{ text-align: center; }
    .info-icon {flex: 0 0 10vw; margin-bottom: .5rem; height: 10vw; width: 10vw; }
    .prices-table th, .prices-table td { font-size: 0.875rem; }
	.iticket { margin: 0 auto; height: auto; width: 30vw; flex: 0 0 20vw !important; }
  .prices-table {
    width: 100%;
    table-layout: fixed;
  }
  .prices-table th {
    width: 25%;   /* four equal header cells */
  }
  /* hide all tds by default */
  .prices-table td {
    display: none;
  }
  /* always show the first (Tickets) column */
  .prices-table td:first-child {
    display: table-cell;
  }
  /* show the “active” date column based on table class */
  .prices-table.active-col-1 td:nth-child(2),
  .prices-table.active-col-2 td:nth-child(3),
  .prices-table.active-col-3 td:nth-child(4) {
    display: table-cell;
  }
  /* highlight the active header if you want */
  .prices-table th.active {
    background: rgba(255,255,255,0.25);
  }
  td {
    height: 80px;
}
  td:first-child .arrow-link {
    right: 5px;
    width: 1rem;
    height: 1rem;}
	
  }

.tawk-header-text {
    display: none;
}

.tawk-toolbar .tawk-button-hover {
    display: none;
}

iframe[title="chat widget"] {
  bottom: 100px !important;
  right: 40px !important;
  opacity: 0.8 !important;
  border-radius: 12px !important;
}