@font-face {
	font-family: "Candara-Regular";
	src: url("../Fonts/Candara-Regular.eot");
	src: url("../Fonts/Candara-Regular.eot?#iefix")format("embedded-opentype"),
	url("../Fonts/Candara-Regular.woff2")format("woff2"),
	url("../Fonts/Candara-Regular.woff")format("woff"),
	url("../Fonts/Candara-Regular.ttf")format("truetype"),
	url("../Fonts/Candara-Regular.svg#Candara-Regular")format("svg");
}

@font-face {
	font-family: "Candara-Bold";
	src: url("../Fonts/Candara-Bold.eot");
	src: url("../Fonts/Candara-Bold.eot?#iefix")format("embedded-opentype"),
	url("../Fonts/Candara-Bold.woff2")format("woff2"),
	url("../Fonts/Candara-Bold.woff")format("woff"),
	url("../Fonts/Candara-Bold.ttf")format("truetype"),
	url("../Fonts/Candara-Bold.svg#Candara-Bold")format("svg");
}



html,
body {
	font-family: 'Candara-Regular', Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	font-size: 1.10rem;
	line-height: 1.25rem;
}


header {
	width: 100%;
	height: 40px;
	background: var(--main-graphic-color);
	z-index: 9997;
	position: sticky;
	top: 0;
	left: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

.row-header {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

main {
	width: 100%;
	height: auto;
	position: relative;
}

footer {
	width: 100%;
	height: 40px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0.80rem;
	line-height: 1.0rem;
	background: var(--main-graphic-color);
	color: #FFFFFF;
}

footer p {
	color: #FFFFFF;
	text-align: center;
}

footer a:link,
footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

footer a:hover,
footer a:active {
	color: #FFFFFF;
	text-decoration: underline;
}



/* CSS INTRODUZIONE HOME PAGE */
.immagineOperaInHome {
	width: 50vw;
	height: calc(100vh - 160px);
	background-image: url('../Immagini/opera_in_home.webp');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.testoIntroHome {
	text-align: center;
	color: var(--secondary-graphic-color);
	padding: 3.0rem;
}

.testoIntroHome h1 {
	margin-bottom: 2.0rem;
}

.testoIntroHome p {
	line-height: 2.0rem;
}



/* CSS SLIDE SHOW BIOGRAFIA */
.row-biografia {
	width: 100vw;
	height: calc(100vh - 160px);
	box-sizing: border-box;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.column-freccia-slide-precedente,
.column-freccia-slide-successiva {
	width: 48px;
	height: calc(100vh - 160px);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.column-freccia-slide-precedente span {
	font-size: 40px;
	line-height: 40px;
	color: #333333;
	cursor: pointer;
}

.column-freccia-slide-precedente span:hover {
	color: #000000;
}

.column-freccia-slide-successiva span {
	font-size: 40px;
	line-height: 40px;
	color: #EEEEEE;
	cursor: pointer;
}

.column-freccia-slide-successiva span:hover {
	color: #FFFFFF;
}

.column-slide {
	width: calc(100vw - 96px);
	height: calc(100vh - 160px);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.column-testo-slide {
	width: 50%;
	height: calc(100vh - 160px);
	padding: 0 1.0rem;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	opacity: 1;
	transition:opacity 0.8s ease;
}

.column-immagine-slide {
	width: 50%;
	height: calc(100vh - 160px);
	padding: 0 1.0rem;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	opacity: 1;
	transition:opacity 0.8s ease;
}

.testoBiografia {
	text-align: justify;
}

.column-immagine-slide figure {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.column-immagine-slide figure figcaption {
	font-style: italic;
	color: #FFFFFF;
}

.imgBiografia {
	max-width: 100%;
	max-height: calc(100vh - 200px);
}

.fade-out{
	opacity: 0;
}


.istruzioniSottotitoli {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}


/* CSS PAGINA ESPOSIZIONI */
.row-bibliografia,
.row-esposizioni,
.row-media {
	width: 100vw;
	min-height: calc(100vh - 160px);
	box-sizing: border-box;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.column-immagine-bibliografia,
.column-immagine-esposizioni,
.column-video-media{
	width: 50vw;
}

.column-immagine-bibliografia img,
.column-immagine-esposizioni img,
.column-video-media div.videoContainer {
	position: sticky;
	top: 80px;
	left: 0;
}

.column-testo-bibliografia,
.column-testo-esposizioni,
.column-articoli-media {
	width: 50vw;
}

.testoBibliografia,
.testoEsposizioni {
	width: calc(100% - 2.0rem);
	padding: 1.0rem;
}



/* CSS PAGINA BIBLIOGRAFIA */
.pBibliografia {
	font-size: 1.0rem;
	line-height: 1.25rem;
	margin-bottom: 1.0rem;
}



/* CSS PAGINA DIPINTI, DISEGNI, FOTOGRAFIE */
.altezzaMinimaFinestra {
	min-height: calc(100vh - 160px);
	padding-top: 1.0rem;
}

.testoIntroOpere {
	text-align: center;
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}


.smallText {
	font-size: 0.90rem;
}

.titoloPaginaOpere h2 {
	text-align: center;
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;
	font-weight: normal;
}

.spazioPulsanteHome {
	text-align: center;
}



/* CSS GRIGLIA RASSEGNA STAMPA */

.logoTestataRassegnaStampa {
	text-align: center;
}

.logoTestataRassegnaStampa img {
	max-width: 240px;
	box-sizing: border-box;
}

.testataRassegnaStampa {
	text-align: center;
}

.titoloRassegnaStampa {
	font-weight: bold;
}

.sommarioRassegnaStampa {
	width: 100%;
}

ul.grigliaRassegnaStampa {
	width: calc(100% - 2.0rem);
	list-style: none;
	margin: 2.0rem;
	padding: 0;
	
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	gap: 1.0em;
}

ul.grigliaRassegnaStampa li {
	width: calc(50% - (4.0rem));
	height: auto;
	margin: 0;
	padding: 1.0rem;
	background-color: #FFFFFF;
	border-radius: 0.25rem;
}


.logoTestataArticolo img {
	max-width: 240px;
	box-sizing: border-box;
	margin-bottom: 2.0rem;
}

.testataArticolo {
	font-weight: bold;
}

.titoloArticolo {
	font-weight: bold;
}

.immagineArticolo {
	text-align: center;
}

.testoArticolo {
	width: 100%;
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

.spazioPulsanteLinkArticolo {
	text-align: center;
	margin-bottom: 2.0rem;
}


ul.listaArticoliCorrelati {
	width: 100%;
	list-style: none;
	margin-top: 0;
	margin-bottom: 2.0rem;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	box-sizing: border-box;
	
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	gap: 1.0em;
}

ul.listaArticoliCorrelati li {
	max-width: 240px;
	height: auto;
	margin: 0;
	padding-top: 1.0rem;
	padding-bottom: 0.0rem;
	padding-left: 1.0rem;
	padding-right: 1.0rem;
	background-color: #FFFFFF;
	border-radius: 0.25rem;
}



/* CSS NOTIZIE */

ul.grigliaNotizie {
	width: 100%;
	list-style: none;
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	box-sizing: border-box;
	
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-flex-pack: center;
	-ms-justify-content: center;
	justify-content: center;

	gap: 1.0em;
}

ul.grigliaNotizie li {
	max-width: 240px;
	height: auto;
	margin: 0;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	padding-left: 1.0rem;
	padding-right: 1.0rem;
	background-color: #FFFFFF;
	border-radius: 0.25rem;
}

ul.grigliaNotizie li img {
	max-width: 240px;
	box-sizing: border-box;
}


.titoloSeparatore {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 0.5rem;
	margin-bottom: 1.0rem;
}



/* CSS GRIGLIA OPERE */

ul.grigliaOpere {
	width: calc(100% - 2.0rem);
	list-style: none;
	margin-top: 1.0rem;
	margin-bottom: 2.0rem;
	margin-left: 1.0rem;
	margin-right: 1.0rem;
	padding: 0;
	box-sizing: border-box;
	
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	gap: 1.0em;
}

ul.grigliaOpere li {
	max-width: 240px;
	height: auto;
	margin: 0;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	padding-left: 1.0rem;
	padding-right: 1.0rem;
	border-radius: 0.25rem;
	text-align: center;
}

ul.grigliaOpere li img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}



/* CSS PER SLIDE SHOW BXSLIDER */

/* Toglie l'ombra sotto le slide dello slide show */
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px var(--secondary-graphic-color);
	-webkit-box-shadow: 0 0 0px var(--secondary-graphic-color);
	box-shadow: 0 0 0px var(--secondary-graphic-color);
	border:  0px solid var(--secondary-graphic-color);
	left: 0px;
	background: var(--secondary-graphic-color);
}

.slide {
	text-align: center;	/* Centra orizzontalmente il testo delle didascalie nella slide */
}

.slide img {
	margin-right: auto;	/* Centra orizzontalmente le immagini nella slide */
	margin-left: auto;
}

.slideOpera {
	text-align: center;
	min-height: 520px;
}

.slideOpera img {
	margin-right: auto;
	margin-left: auto;
}



/* CSS TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
	
	.immagineOperaInHome {
		background-image: url('../Immagini/Tablet/opera_in_home.webp');
	}

	.testoIntroHome {
		padding: 2.0rem;
	}

	.testoIntroHome h1 {
		margin-bottom: 1.0rem;
	}

	.testoIntroHome p {
		line-height: 1.25rem;
	}

}


/* CSS SMARTPHONE */
@media (max-width: 767px) {
	
	html,
	body {
		background: var(--secondary-graphic-color);
	}

	.immagineOperaInHome {
		width: 100%;
		height: calc(100vw * 1.16);
		background-image: url('../Immagini/Smartphone/opera_in_home.webp');
	}
	
	.row-biografia {
		height: auto;
	}

	.column-slide {
		width: calc(100vw - 96px);
		height: auto;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.column-testo-slide {
		width: 100%;
		height: auto;
		background: var(--secondary-graphic-color);
	}

	.column-immagine-slide {
		width: 100%;
		height: auto;
		background: var(--secondary-graphic-color);
	}

	.column-freccia-slide-precedente span {
		position: fixed;
		top: 50%;
		left: 8px
	}

	.column-freccia-slide-successiva span {
		position: fixed;
		top: 50%;
		right: 8px
	}

	.column-freccia-slide-successiva span {
		color: #333333;
	}

	.column-freccia-slide-successiva span:hover {
		color: #000000;
	}

	.column-immagine-slide figure figcaption {
		color: #000000;
	}


	.row-esposizioni {
		height: auto;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.column-immagine-esposizioni {
		width: 100vw;
	}

	.column-immagine-esposizioni img {
		position: sticky;
		top: 80px;
		left: 0;
	}

	.column-testo-esposizioni {
		width: 100vw;
	}

}