:root {
--dark-red: #6b1a1a;
}

@font-face {
  font-family: Buda;
  src: url(/sites/default/files/custom/font/Buda-Light.woff);
}

@font-face {
  font-family: Fogli;
  src: url(/sites/default/files/custom/font/FoglihtenNo06.woff);
}


@font-face {
  font-family: Cormorant;
  src: url(/sites/default/files/custom/font/Cormorant-VariableFont_wght.woff);
}


@font-face {
  font-family: Cormorant-italic;
  src: url(/sites/default/files/custom/font/Cormorant-Italic-VariableFont_wght.woff);
}

@font-face {
  font-family: Newsreader;
  src: url(/sites/default/files/custom/font/Newsreader.woff);
}

@font-face {
  font-family: Newsreader-italic;
  src: url(/sites/default/files/custom/font/Newsreader-italic.woff);
}

@font-face {
  font-family: Fraunces;
  src: url(/sites/default/files/custom/font/Fraunces.woff);
}

@font-face {
  font-family: Fraunces-italic;
  src: url(/sites/default/files/custom/font/Fraunces-italic.woff);
}
body {
	margin:0;
	padding:0;
	background:white;
}

#main-container {
	background-color: white;
	padding-bottom:2rem;
}

#main-container-inner {
	padding:0;
	margin: 0 auto;
	background-color: white;
}

.solo-clear.node__content {
	margin:0;
}

.solo-outer .region-inner {
  padding:0;
}

#home-page {
	background-color: white;
}

#main-menubar li {
	font-family: Fogli;
	font-size:1.6rem;
	font-weight:600;
}

p {
	padding: 1rem;
}

.row{
	display:flex;
	flex-direction:column-reverse;
} 

#row1 {
  background-color:black;
	font-family: Fogli;
	color:white;
       display: flex;
  justify-content: center;
  align-items: center;
  height:40vh;
  max-width:100vw;
}

#row2 .inside.left {
	flex-basis:100%;
	max-width: 100vw;
}

#row2 .inside.right {
	flex-basis:68.5%;
	max-width: 100vw;
}

#row2 .inside.left .box {
	width:100%;
	height:100%;
	background-color:var(--dark-red);
	display:flex;
	justify-content: center;
  	align-items: center;
  padding: 3rem;
  font-family: Buda;
  max-width: 100vw;
}

#row2 .inside.left .box .text {
	color: white;
	font-size:1.8rem;
line-height: 1.9rem;
  font-weight: 600;
  text-align: justify;
	opacity:0%;
}

#row3 {
	opacity:0%;
	position: relative;
	z-index: 5;
  top: 2px;
}

.fade-in {
	animation-name: fadeIn; 
	animation-duration: 3s;
	animation-delay: 3s;
	animation-direction: normal;
	animation-fill-mode: forwards;
}

@keyframes fadeIn {
  	0% { opacity: 0; }
	100% { opacity: 1; }
}

.title-site {
	font-family: Fogli;
font-style: normal;
font-weight: 100;
       font-size:5rem;	
	width: min-content;
  line-height: 1em;
  text-align:center;
}

.inside.left {
        transform: translateX(-100vw);
        transition: transform 3s;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.enter-left {
        transform:translateX(0px) !important;
}

.inside.right {
        transform: translateX(100vw);
        transition: transform 3s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.enter-right {
	transform:translateX(0px) !important;
	transition-delay:250ms;
}

#primary-menu, #main-menubar, #header, #header-inner {
	background-color: white;
	color:black;
}


.opera-image-block .view-content {
	position:relative;
	margin: 0 auto;
}

.path-mostra-2024 .opera-image-row {
        position:relative;
        width:100%;
}

.opera-mostra {
	display:flex;
	flex-flow:column;
}

.opera-dati {
	padding:0.5rem 1rem 3rem 1rem;
}

.opera-dati .titolo {
	font-weight:bold;
}

.opera-image-row {
	position:relative;
margin-bottom: 10px;
	width:17%;
}

.opera-img img {
	width:100vw !important;
}

.gray-spacer {
	height:1rem;
	width:100%;
	background-color:gray;
}


.path-node-53 h3 {
	margin-bottom: .5rem;
} 

.path-node-53 p {
        margin-top: 0;
	padding-top:0;
}

article {
	padding: 0 2rem;
}
#views-exposed-form-opere-block-2  legend {
	display:none;
}


#views-exposed-form-opere-block-2 .form-radios {
	display:flex;
}

#views-exposed-form-opere-block-2 .form-radios label {
        color:white;
	background-color:black;
	padding:2rem;
}

#views-exposed-form-opere-block-2 .form-radios input {
	display:none;
}

.solo-block.exposed-form.form--inline fieldset {
	border:none !important;
}

#row3 ul {
	list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
  display: flex;
  background-color: #eee;
	color:black;
	margin-top:1rem;
	flex-flow: column;
}

#row3 ul li {
 background-color: var(--dark-red);
        color:white;
        border: 1px solid gray;
	border-bottom:0;
        border-radius: 10px 10px 0 0;
padding: 5px 15px 5px 15px;
  font-family: Fogli;
  font-weight: bold;
}

.active-tab {
	background-color:white !important;
	color:black !important;
}

#block-solo-subtheme-views-block-opere-block-1 {
padding: 10px 0;
  border: 2px solid gray;

  background-color:white;
	opacity:0;
	z-index: 1;
  position: relative;
}



p {
	font-family:Newsreader;
	font-variation-settings: 'wght' 400;
  	font-size: 1.2rem;
}

h1, h2, h3, h4, h5 {
	font-family:Newsreader;
	font-variation-settings: 'wght' 500;
}

h3 a {
	font-size:1.4rem;
}

.page-title-text {
	font-family:Newsreader;
	font-variation-settings: 'wght' 500;
  text-transform: uppercase;
  background-color: var(--dark-red);
  color: white;
}

h1.page-title-text  {
padding-left: 2rem;
 color: white;
}
.nav__submenu-item {
	margin-top:0 !important;
}


.page-node-type-opera .node__content {
	display:flex !important;
	flex-direction:column;
}

.opera-right {
	display: flex;
  gap: 10%;
  flex-flow: row wrap;
  padding: 0 1rem 1rem 1rem;
}

.opera-left {
	
}

#copyright {
}

/* ############################## MEDIA SECTION #################################################3 */

@media screen and (min-width: 800px) {


        .path-node-50 #img1{
                float:left;
                margin: 0 20px 0 20px;
                width:45%;
		max-width: 400px;
        }

	.path-node-51 #img1{
		float:left;
		margin: 0 20px 0 20px;
		width:45%;
	}

	 .path-node-51 #img2{
                float:right;
		margin: 0 20px 0 20px;
		width:45%;
        }

.path-node-51 #img3{
	position: relative;
  margin: 0 auto;
  width: 1000px;
  display: block;
  }


#row3 ul  {
	flex-flow:row wrap;
 }
}



@media screen and (min-width: 993px) {
	#main-menubar {
		margin-top:4rem;
	}

	.opera-mostra {
		flex-flow:row;
	}

	.opera-img a img {
        	width:40vw !important;
	}
	.gray-spacer {
		margin:2rem 0;
	}
}



@media screen and (min-width: 1024px) {
	.title-site {
		width:initial;
	}

.page-node-type-opera .node__content {
        display:flex !important;
        flex-direction:row;
}

.opera-right {
        display: block;
}

.opera-left {

}

}



@media screen and (min-width: 1280px) { 

	#row2 {
		flex-direction:row;
	}

#row2 .inside.left .box .text {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
  text-align: justify;
  opacity: 0%;
 }

 #row2 .inside.left {
  flex-basis: 31.5%;
}

        .opera-img a img.solo-image {
                width:30vw !important;
        }

}

@media screen and (min-width: 1480px) {
  .title-site {
   font-size: 7rem;
   transform: translateX(-12rem);
  }
 #row2 .inside.left .box .text {
    font-size: 2rem;
    line-height: 2.5rem;
  }

}