<link href="https://www.donizettiopera.org/wp-content/plugins/ecal-plugin/dist/style.css" rel="stylesheet">

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>




<style>
	
main#main { /* Compensazione spaziatura sotto la barra del menu */
    margin-top: -21px;
}	
	

	hr{
		border-top-width: 4px;
		border-image: linear-gradient(to right, #dd2a40, #dd2a40, #dd2a4000) 1 !important;
		width: 100%;
		margin-bottom: 25px;
	}
	
.slider-container h2 {
    color: white !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid white !important;
    font-style: italic;
    border-image: unset !important;
	padding: 8px;
	}


	h2 {
		border-image: linear-gradient(to right, #dd2a40, #dd2a40, #dd2a4000) 1 !important;
		width: 100%;
		margin-bottom: 25px;
		border-bottom: solid 5px !important;
		padding-bottom: 25px;
		font-size:30px !important;
	}

	.note-evento{

	}
	
	
a.fusion-button.button-flat.fusion-button-default-size.button-custom.fusion-button-default.button-8.fusion-button-span-yes.fusion-button-default-type { /*Pulsante acquista*/
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}

p.data.isPast a { /* Eventi passati */
    color: #bebdbd !important;
}
	
span.note-evento {
    font-size: 16px;
    font-style: italic;
    margin-bottom: -5px; */
}	
	
	
/* PER PULSANTE MORE  */
	
.read-more-content {
  display: none;
}

.read-more-toggle {
  background: none;
  border: none;
  color: blue;
  cursor: pointer;
  text-decoration: underline;
  font-size: 1em;
  margin-top: 10px;
  padding: 0;
}

	.btn-category{
		margin-bottom:10px
	}
	
	.tag-category{
		
		border-left:0px !important;
		border-right:0px !important;
		border-bottom: 1px solid #d32f45 !important;
		border-top:1px solid #d32f45 !important;
		font-style: italic;
		
	}
	
/*  per Slider photoalbum*/
	.awb-swiper-carousel .swiper-wrapper {
  display: flex;
}
.awb-swiper-carousel .swiper-slide {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s ease;
}
	
	.swiper-pagination-bullet-active{
		background:#d32f45;
	}	
	
	
/*BOTTONE DROPDOWN SALVA NEL CALENDARIO*/

button.dropdown-btn.fusion-button.button-flat.fusion-button-default-size.button-default.fusion-button-default.button-3.fusion-button-default-span.fusion-button-default-type {
    width: 100% !important;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #d32f45;
    background: transparent;
    border: 1px solid #d32f45;
}
	
.custom-dropdown {
  position: relative;
  display: inline-block;

}
.dropdown-content {
  display: none;
  position: absolute;
  background: #fff;
  min-width: 160px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  z-index: 9999;
	width:100%;
}
.custom-dropdown:hover .dropdown-content,
.custom-dropdown:focus-within .dropdown-content {
  display: block;
}
.dropdown-btn {
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}
.dropdown-content a {
  color: #333;
  padding: 6px 14px; /* Ridotto il padding verticale */
  text-decoration: none;
  display: block;
  font-size: 15px;    /* Puoi ridurre anche la dimensione del font se vuoi */
  line-height: 1.2;   /* Più compatto */
}
.dropdown-content a:hover {
  background: #f1f1f1;
}

/*TITOLI SEZIONE*/
h1.fusion-title-heading.title-heading-right {
    margin-bottom: -10px !important;
}	
	
	
	
	/* MODALE */
.custom-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}
.custom-modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  max-width: 600px;
  width: 90%;
  box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
	
	
	
h2.fusion-title-heading.title-heading-right {
    font-size: 66px !important;
}	
	

h2.fusion-title-heading.title-heading-right {
    margin-bottom: 5px !important;
    border-bottom: 0px !important;
}

.fusion-title.title.fusion-title-11.fusion-sep-none.fusion-title-text.fusion-title-size-one {
    margin-bottom: -17px !important;
}

	
	/* equalizzazione aòltezza bottoni acquista e info */

	.btn-related {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 70px; /* oppure qualsiasi valore ti dia un buon risultato visivo */
}

	
	
/******* MOBILE *******/
@media (max-width: 768px) {	
	
	h1.fusion-title-heading.title-heading-left {
    font-size: 30px !important;
}
	
	.fusion-title.title.fusion-title-16.fusion-sep-none.fusion-title-text.fusion-title-size-two { /*Titolo Evento*/
		margin-bottom: -7px !important;
	}
	
h2.fusion-title-heading.title-heading-right.h2-related-mobile {
    font-size: 40px !important;
    margin-bottom: -18px !important;
}

	.fusion-title.title.fusion-title-12.fusion-sep-none.fusion-title-text.fusion-title-size-one {
		margin-bottom: -12px !important;
	}
	

}

</style>



					<div class="slider-container fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:80px;--awb-padding-bottom:80px;--awb-background-color:var(--awb-color5);--awb-flex-wrap:wrap;">
						
						<div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1248px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );">
							
							<div class="fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;">
								
								<div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column">
									
									
									
									<!-- PAGE HEADER -->
									
									<div class="fusion-text fusion-text-1 fusion-text-no-margin" style="--awb-font-size:24px;--awb-text-transform:uppercase;--awb-text-color:var(--awb-color1);--awb-text-font-family:&quot;Roboto&quot;;--awb-text-font-style:normal;--awb-text-font-weight:700;">
										<p>
											


											
Tuesday 28 April 2026										
										
										
										</p>
									</div>
									<div class="fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-one" style="--awb-text-color:var(--awb-color4);--awb-margin-bottom-small:40px;--awb-font-size:72px;">

										<!--ALLERT-->

										
										<!-- HEADER > Title  -->
										<h1 class="fusion-title-heading title-heading-left" style="margin:0;font-size:1em;text-transform:uppercase;line-height:1.1;">
																					</h1>
									</div>
									<div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;flex-grow:1;width:100%;">

									</div>
									<!-- HEADER > Description  -->
									<div class="fusion-text fusion-text-2" style="--awb-font-size:20px;--awb-text-color:var(--awb-color1);--awb-text-font-family:&quot;Roboto&quot;;--awb-text-font-style:normal;">
										<p></p>
									</div>

								</div>
							</div>
							<div class="fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_2_3 2_3 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;">
								<div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column">
									
									<div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;width:100%;">
										<div class="fusion-separator-border sep-single sep-solid" style="--awb-height:20px;--awb-amount:20px;border-color:var(--awb-color5);border-top-width:4px;"></div>
									</div>
									
									<div class="fusion-image-element " style="--awb-aspect-ratio:1 / 1;--awb-object-position:52% 17%;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);">
										<span class=" fusion-imageframe imageframe-none imageframe-3 hover-type-none has-aspect-ratio">
										<img fetchpriority="high" decoding="async" width="1440" height="1851" title="Locandina spettacolo ''" src="" class="img-responsive wp-image-252 img-with-aspect-ratio" data-parent-fit="cover" data-parent-container=".fusion-image-element" alt="" srcset="">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>

					<!-- Container -->

					<div class="fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:80px;--awb-padding-bottom:80px;--awb-flex-wrap:wrap;">
						
						<div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1296px;margin-left: calc(-8% / 2 );margin-right: calc(-8% / 2 );">

							<!-- Container > Left Column -->
							<div id="left-column" class="fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_2_3 2_3 fusion-flex-column" style="--awb-padding-top:25px;--awb-padding-right:25px;--awb-padding-bottom:25px;--awb-padding-left:25px;--awb-bg-color:var(--awb-color1);--awb-bg-color-hover:var(--awb-color1);--awb-bg-size:cover;--awb-width-large:66.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.52%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.52%;--awb-width-medium:66.666666666667%;--awb-order-medium:0;--awb-spacing-right-medium:5.52%;--awb-spacing-left-medium:5.52%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:3.68%;--awb-margin-bottom-small:40px;--awb-spacing-left-small:3.68%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility">

								<!-- Container > Left Column > Description -->
								<div id="box1" class="content-with-more text-box fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column">
																	</div>
							</div>

							<!-- Container > Right Column -->

							<div  id="right-column" class="fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_3 1_3 fusion-flex-column" style="--awb-padding-top:25px;--awb-padding-right:25px;--awb-padding-bottom:25px;--awb-padding-left:25px;--awb-bg-color:var(--awb-color1);--awb-bg-color-hover:var(--awb-color1);--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:11.04%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:11.04%;--awb-width-medium:33.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:11.04%;--awb-spacing-left-medium:11.04%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:3.68%;--awb-spacing-left-small:3.68%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility">
								<div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column">

									<!-- Container > Right Column > Info -->
									
										<h2>Info</h2>

									<!-- Container > Right Column > Info > Dates -->
									<div class="fusion-title title fusion-title-6 fusion-sep-none fusion-title-text fusion-title-size-paragraph" style="--awb-text-color:var(--awb-color5);--awb-margin-bottom:0px;--awb-font-size:16px;">
										<p class="fusion-title-heading title-heading-left title-heading-tag" style="font-family:&quot;Roboto&quot;;font-style:normal;font-weight:700;margin:0;font-size:1em;text-transform:uppercase;">date</p>
									</div>
									
									<!-- Container > Right Column > Info > Location -->
									<div class="fusion-title title fusion-title-7 fusion-sep-none fusion-title-text fusion-title-size-paragraph" style="--awb-text-color:var(--awb-color5);--awb-margin-bottom:0px;--awb-font-size:16px;">
										<p class="fusion-title-heading title-heading-left title-heading-tag" style="font-family:&quot;Roboto&quot;;font-style:normal;font-weight:700;margin:0;font-size:1em;text-transform:uppercase;">Location</p>
									</div>
									<div class="fusion-text fusion-text-12" style="--awb-font-size:20px;">
										<p><span style="letter-spacing: 0.24px;"></span></p>
									</div>
									

									
									

									<!-- Container > Right Column > Info > Tickets price -->

									<div class="fusion-title title fusion-title-8 fusion-sep-none fusion-title-text fusion-title-size-paragraph" style="--awb-text-color:var(--awb-color5);--awb-margin-bottom:0px;--awb-font-size:16px;">
										<p class="fusion-title-heading title-heading-left title-heading-tag" style="font-family:&quot;Roboto&quot;;font-style:normal;font-weight:700;margin:0;font-size:1em;text-transform:uppercase;">Ticket from</p>
									</div>
									<div class="fusion-text fusion-text-13" style="--awb-font-size:20px;">
										<p><span style="letter-spacing: 0.24px;">
																						</span></p>
									</div>
									
									

									
									
									
									<!-- Container > Right Column > Btn Buy -->
																			<div style="text-align:center;"><a target="_blank" class="fusion-button button-flat fusion-button-default-size button-default fusion-button-default button-2 fusion-button-span-yes fusion-button-default-type" style="--button_text_transform:uppercase;--button_margin-bottom:40px;" target="_self" href="#"><span class="fusion-button-text awb-button__text awb-button__text--default"></span></a>
										</div>
																		
									

<!--SAVE CALENDAR-->
				<div class="custom-dropdown">
                  <button class="dropdown-btn fusion-button button-flat fusion-button-default-size button-default fusion-button-default button-3 fusion-button-default-span fusion-button-default-type">Save to your calendar</button>
                  <div class="dropdown-content">
                    <a href="https://ecaltest.teatrodonizetti.it/calendar?slug=&data=&lang=en&type=google" target="_blank">Google Calendar</a>
                    <a href="webcal://ecaltest.teatrodonizetti.it/calendar?slug=&data=&lang=en&type=ics" target="_blank">iCalendar</a>
                    <a href="https://ecaltest.teatrodonizetti.it/calendar?slug=&data=&lang=en&type=office" target="_blank">Outlook 365</a>
                    <a href="https://ecaltest.teatrodonizetti.it/calendar?slug=&data=&lang=en&type=outlook" target="_blank">Outlook Live</a>
                  </div>
                </div>			



									

									<!-- Container > Right Column > Btn Share -->
									
									
										<h2 style="margin-bottom:0px;">Share on</h2>

									<div class="fusion-sharing-box fusion-sharing-box-1" style="background-color:var(--awb-color1);--awb-margin-top:0px;--awb-separator-border-color:#cccccc;--awb-separator-border-sizes:0px;--awb-alignment:flex-start;--awb-layout:row;--awb-alignment-small:flex-start;--awb-stacked-align-small:center;" data-title="" data-description="" data-link="https://staging.donizettiopera.org/singolo-evento/">
										<div class="fusion-social-networks sharingbox-shortcode-icon-wrapper sharingbox-shortcode-icon-wrapper-1">
											<span><a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fstaging.donizettiopera.org%2Fsingolo-evento%2F&amp;t=Singolo%20evento" target="_blank" rel="noreferrer" title="Facebook" aria-label="Facebook"><i class="fusion-social-network-icon fusion-tooltip fusion-facebook awb-icon-facebook" style="color:var(--awb-color8);" aria-hidden="true"></i></a></span>
											<span><a href="https://x.com/intent/post?text=Singolo%20evento&amp;url=https%3A%2F%2Fstaging.donizettiopera.org%2Fsingolo-evento%2F" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"><i class="fusion-social-network-icon fusion-tooltip fusion-twitter awb-icon-twitter" style="color:var(--awb-color8);" aria-hidden="true"></i></a></span><span><a href="https://api.whatsapp.com/send?text=https%3A%2F%2Fstaging.donizettiopera.org%2Fsingolo-evento%2F" target="_blank" rel="noopener noreferrer" title="WhatsApp" aria-label="WhatsApp"><i class="fusion-social-network-icon fusion-tooltip fusion-whatsapp awb-icon-whatsapp" style="color:var(--awb-color8);" aria-hidden="true"></i></a></span>
											<span><a href="mailto:?subject=Singolo%20evento&amp;body=https%3A%2F%2Fstaging.donizettiopera.org%2Fsingolo-evento%2F" target="_self" title="Email" aria-label="Email"><i class="fusion-social-network-icon fusion-tooltip fusion-mail awb-icon-mail" style="color:var(--awb-color8);" aria-hidden="true"></i></a></span>
										</div>
									</div>
									
								
									<!-- Container > Right Column > Tag Category -->
									
									<div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="width:108% !important;max-width:108% !important;margin-left: calc(-8% / 2 );margin-right: calc(-8% / 2 );">
										<div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-0 fusion_builder_column_inner_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.68%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:3.68%;--awb-spacing-left-medium:3.68%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:3.68%;--awb-spacing-left-small:3.68%;">
											