/*LAYOUT.CSS - Eugenio Comencini*/

@import "stylesheet.css";
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {font-family: 'Lato', sans-serif; color:#3e3e3e; padding:0px; margin:0px; font-weight:400;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {display:none;}
.clear {clear: both;}
.site {margin:0px;}
.site-main {margin-bottom:0px;}
.site-content {padding:0px; margin:0px; word-wrap: normal!important;}
.site-inner {max-width:100%!important;}
.edit-link {display:none;}
.col-2 {width:50%; float:left;}
.col-3 {width:33.3%; float:left;}
.col-4 {width:25%; float:left;}
p {padding:0px; margin:0px; font-size:16px; line-height:24px;}
strong {font-weight:600;}
input {font-family: 'Lato', sans-serif;}
a {color:currentColor; text-transform:none; cursor:pointer!important;}
a:hover {color:currentColor;}
a:visited {color:currentColor;}
a:active {text-decoration:none!important;}
a:focus {outline:none; outline-style:none; text-decoration:none;}
.float-left {float:left;}
.float-right {float:right!important;}
.align-center {text-align:center;}
.input-left {float:left; width:49%;}
.input-right {float:right; width:49%;}
.contenuto-generico {width:100%; padding:70px 10%;}
.content-text {float:left; width:70%; padding-right:5%;}
.side-bar-fix {float:left; width:30%;}
h1 {font-size:30px; line-height:30px; font-weight:400;}
h2 {font-size:24px; line-height:24px; font-weight:400;}
.btn {font-size:20px;}
.btn span {padding:10px; background-color:#f5f5f5;}
.virgolette-top-open {width:83px; height:65px; position:absolute; top:-20px; left:5%; background: url("../images/virgolette-top.png") no-repeat center center / cover; z-index:1;}
.virgolette-top-close {width:83px; height:65px; position:absolute; top:-20px; right:5%; background: url("../images/virgolette-top-close.png") no-repeat center center / cover; z-index:1;}
.entry-content {margin:0px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {font-weight:400;}
.entry-header {padding:0px 0px 50px 0px;}
::placeholder {font-family: 'Lato', sans-serif; font-size:18px;}
.w10 {width:10%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w38 {width:38%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}

.grecaptcha-badge {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {max-width:100%!important;}

.entry-content a {box-shadow:0 0px 0 0 currentColor!important;}
.column-reverse {float:right!important;}

/* HEADER */
header {width:100%; padding:30px 10%;}
.logo {width:20%; float:left;}
.logo img {width:100%; max-width:300px;}
.menu {/*width:80%;*/ float:right;}

/* FOOTER */
.footer-main {width:100%; background-color:#888888; color:#fff; padding:25px 10% 60px 10%; font-size:14px;}
#fb-icon {text-align:right;}
#fb-icon img {width:30px; height:30px;}

/* HOMEPAGE */
.content-slider-home {width:100%; padding:0px 10% 150px 10%;}
.img-opera {width:100%; background-size:contain; background-repeat:no-repeat; background-position: center center;}
.img-opera img {width:auto;}
.dida-opera-home {padding-top:25px; line-height:20px; text-align:center;}
.tit-opera-slide {font-weight:600; font-size:20px; padding-bottom:5px;}
.date-opera-slide {font-weight:400; font-size:16px;}
#slider-home .owl-nav {display:block;}
#slider-home .owl-prev {width:34px; height:57px; background: url("../images/freccia-news-left.png") no-repeat center center / cover; position: absolute; left:-5%; top:50%; margin-top:-25px; color: transparent;}
#slider-home .owl-next {width:34px; height:57px; background: url("../images/freccia-news-right.png") no-repeat center center / cover; position: absolute; right:-5%; top:50%; margin-top:-25px; color: transparent;}


/* BIOGRAFIA */
.dida-foto {padding:25px 2%; font-size:24px; line-height:20px;}
.banner-libro {width:80%; position:relative; border:solid 1px #000; padding:60px 10%; z-index:0; margin:200px 10% 150px 10%;}
.mock-book {width:35%; position:absolute; bottom:-10%; right:0px;}
.text-banner {width:70%;}
.text-banner h3 {font-size:30px; line-height:28px;}
.text-banner p {font-size:24px; line-height:28px;}
.text-banner .btn { margin-top:30px;}


/* CRITICA */
.intro-page {margin-bottom:100px;}
.box-critico {padding:50px 0px; display: flex;}
.box-cit {width:65%; position:relative; border:solid 1px #000; padding:60px;}
.foto-critico {width:30%; margin-left:5%;}

/* CONTATTI */
.legal {font-size:14px; line-height:16px;}
input {border:none!important; color:#747474; background-color:#f4f4f4; padding: 0px 10px 10px 0px; font-size:18px;}
input:focus {border-bottom:solid 1px #000!important; background-color:#f4f4f4!important; }
textarea {border:none!important; color:#747474; background-color:#f4f4f4; height:100px; font-family: 'Lato', sans-serif; margin-bottom:10px; padding: 0px 10px 10px 10px; font-size:18px;}
textarea:focus {border-bottom:solid 1px #000!important; color:#747474; background-color:#f4f4f4; height:100px; font-family: 'Lato', sans-serif; margin-bottom:10px; border-top:none; border-left:none; border-right:none; padding: 0px 10px 10px 10px; font-size:18px;}
input[type="text"], input[type="email"], input[type="tel"], textarea {border-radius:0px!important; margin-bottom:10px;}
input[type="checkbox"] {width:15px; height:15px;}
.btn-contatti {margin-top:30px;}
.btn-contatti input {width:auto!important; border:none; padding:10px 20px; font-size:14px; text-transform:uppercase; color:#fff; letter-spacing:2px; border-radius:0px; background-color:#888888;}
.btn-contatti input:hover {width:auto!important; border:none; padding:10px 20px; font-size:14px; text-transform:uppercase; letter-spacing:2px; border-radius:0px; background-color:#888888; background-color:#747474; color:#fff;}
.btn-contatti input[disabled]:hover {width:auto!important; border:none; padding:10px 20px; font-size:14px; text-transform:uppercase; color:#fff; letter-spacing:2px; border-radius:0px;  background-color:#747474;}
.btn-contatti ::placeholder {color:#fff; width:100%;}
.wpcf7-spinner {display:block;}

/* OPERE */
.menu-opere {margin:-30px 10% 20px 0px; float:right; width:90%;}
.tit-mobile {display:none;}
.content-slider-opere {width:100%; padding:0px 10% 50px 10%;}
#slider-opere .owl-nav {display:block;}
#slider-opere .owl-prev {width:34px; height:57px; background: url("../images/freccia-news-left.png") no-repeat center center / cover; position: absolute; left:-5%; top:50%; margin-top:-25px; color: transparent;}
#slider-opere .owl-next {width:34px; height:57px; background: url("../images/freccia-news-right.png") no-repeat center center / cover; position: absolute; right:-5%; top:50%; margin-top:-25px; color: transparent;}


/* MOSTRE VIRTUALI */
.content-slider-mostre {width:100%; padding:0px 10% 50px 10%;}
#slider-mostre .owl-nav {display:block;}
#slider-mostre .owl-prev {width:34px; height:57px; background: url("../images/freccia-news-left.png") no-repeat center center / cover; position: absolute; left:-5%; top:50%; margin-top:-25px; color: transparent;}
#slider-mostre .owl-next {width:34px; height:57px; background: url("../images/freccia-news-right.png") no-repeat center center / cover; position: absolute; right:-5%; top:50%; margin-top:-25px; color: transparent;}
.dida-opera-mostra {padding:25px; line-height:20px; text-align:left; border:solid 1px #ededed; overflow-y:auto; display:flex; align-items: center;}
.dida-opera-mostra .date-opera-slide {margin-bottom:10px;}

	/* width */.dida-opera-mostra::-webkit-scrollbar {width:10px;}
	/* Track */.dida-opera-mostra::-webkit-scrollbar-track {background:#f1f1f1;}
	/* Handle */.dida-opera-mostra::-webkit-scrollbar-thumb {background:#3e3e3e;}
	/* Handle on hover */.dida-opera-mostra::-webkit-scrollbar-thumb:hover {background:#555;}
#slider-mostre .owl-slide .flex {display:flex; align-content:center; align-items:center; column-gap:20px; justify-content:space-between;}
.img-opera-mobile {display:none;}
.box-mostra-archive {margin:30px; display:flex; align-content: center; align-items:center; justify-content: space-between;}
.thumb-mostra {width:30%; float:left;}
.info-archive-mostra {width:68%; float:right; padding:40px;}
.info-archive-mostra p {margin-bottom:30px;}
.post-thumbnail {margin:0px;}


#sync1 .item{
    text-align: center;
}
#sync2 .item{
    margin: 5px;
    text-align: center;
    cursor: pointer;
}

@media (max-width:1600px) {
	.dida-opera-mostra {align-items: flex-start;}
}

@media (max-width: 909px) {
	body {text-align:center!important;}
    .col-2 {width:100%; float:none;}
    .col-3 {width:50%;}
	.col-4 {width:50%;}
	.contenuto-generico {padding:50px 5%;}
	.content-text {float:none; width:100%; padding-right:0%;}
	.side-bar-fix {float:none; width:100%; margin-top:50px;}
	h1 {font-size:24px; line-height:24px;}
	h2 {font-size:18px; line-height:18px;}
	.float-right {float:none!important;}
	.float-left {float:none!important;}
	.input-left {float:none; width:100%;}
	.input-right {float:none; width:100%;}
	.btn {font-size:16px;}
	
	/* HEADER */
	header {width:100%; padding:20px 5%;}
	.logo {width:60%; padding-top:6px;}
	
	/* FOOTER */
	.footer-main {padding:15px 5%; font-size:14px;}
	#fb-icon {text-align:center;}
	#fb-icon img {width:20px; height:20px;}
	
	/* HOMEPAGE */
	.content-slider-home { height:600px; width:100%; padding:0px 10% 50px 10%;}
	.img-opera {width:100%; background-size:contain; background-repeat:no-repeat; background-position: center center;}
	.img-opera img {width:auto;}
	#slider-home .owl-prev {width:24px; height:40px; left:-10%; margin-top:-20px; top:40%;}
	#slider-home .owl-next {width:24px; height:40px; right:-10%; margin-top:-20px; top:40%;}
	
	/* BIOGRAFIA */
	.dida-foto {font-size:18px; line-height:18px;}
	.banner-libro {width:90%; padding:60px 5%; margin:50px 5%;}
	.virgolette-top {width:83px; height:65px; position:absolute; top:-20px; left:5%; background: url("../images/virgolette-top.png") no-repeat center center / cover;}
	.mock-book {width:100%; position:relative; text-align: center;}
	.text-banner {width:100%;}
	.text-banner h3 {font-size:24px; line-height:24px; font-weight:500; margin-bottom:50px;}
	
	/* CRITICA */
	.intro-page {margin-bottom:50px;}
	.box-critico {padding:30px 0px; display:block;}
	.box-cit {width:100%; position:relative; border:solid 1px #000; padding:40px;}
	.foto-critico {width:100%; margin-left:0%;}
	
	/* OPERE */
	.menu-opere {display:none;}
	.tit-mobile {display:block; width:100%; text-align:center; padding:0px 5% 10px 5%;}
	.content-slider-opere { height:600px; width:100%; padding:0px 10% 50px 10%;}
	#slider-opere .owl-prev {width:24px; height:40px; left:-10%; margin-top:-20px;}
	#slider-opere .owl-next {width:24px; height:40px; right:-10%; margin-top:-20px;}
	
	/* MOSTRE VIRTUALI */
	.content-slider-mostre {height:auto!important; width:100%; padding:0px 10% 50px 10%;}
	#slider-mostre .owl-prev {width:24px; height:40px; left:-10%; margin-top:-20px; top:150px;}
	#slider-mostre .owl-next {width:24px; height:40px; right:-10%; margin-top:-20px; top:150px;}
	#slider-mostre .owl-slide {height:auto!important;}
	#slider-mostre .owl-slide .w60 {width:100%!important;}
	#slider-mostre .owl-slide .w38 {width:100%!important;}
	.dida-opera-mostra {height:auto!important;}
	#slider-mostre .owl-slide .img-opera {height:auto!important;}
	#slider-mostre .owl-slide {height:auto!important;}
	#slider-mostre {height:auto!important;}
	.img-opera-mobile {display:block;}
	.tit-opera-slide {font-size: 16px;}
	.date-opera-slide p {font-size:14px; line-height:16px;}
	.dida-opera-mostra {margin-top:20px;}
	.desc-opera-slide p {font-size:14px; line-height:18px;}
	.box-mostra-archive {margin:30px; display:block;}
	.thumb-mostra {width:100%; float:none;}
	.info-archive-mostra {width:100%; float:none; padding:30px;}
	.post-thumbnail {margin:0px;}
	
	
	
}


@media (max-width: 767px) {
    .col-3 {width:100%; float:none;}
	.col-4 {width:100%; float:none;}
	
}


@media (max-width: 480px) {

}