/* Piazza Editore – riquadri copertina con rotazione.
 * Regole di animazione identiche al widget Flip Box di Elementor Pro 3.3.4 (effetto flip, direzione sinistra, 3D)
 * più lo stile usato nella home originale. Nessun plugin a pagamento richiesto. */
.elementor-flip-box{height: 280px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.elementor-flip-box{cursor: pointer;}
.elementor-flip-box__front{background-color: #1abc9c;}
.elementor-flip-box__back{background-color: #4054b2; display: block;}
.elementor-flip-box__layer{position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.elementor-flip-box__layer__overlay{display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; padding: 35px; color: white;}
.elementor-flip-box__layer__title{font-size: 21px;}
.elementor-flip-box__layer__description{font-size: 14px;}
.elementor-flip-box__layer__description:not(:last-child), .elementor-flip-box__layer__title:not(:last-child){margin: 0 0 20px 0; padding: 0;}
.elementor-flip-box__layer__title{line-height: 1; font-weight: 600;}
.elementor-flip-box, .elementor-flip-box .elementor-view-framed, .elementor-flip-box .elementor-view-stacked{--e-flip-box-view-framed-stacked-icon-color: #fff;}
.elementor-flip-box .elementor-icon, .elementor-flip-box .elementor-view-framed .elementor-icon, .elementor-flip-box .elementor-view-stacked .elementor-icon{color: var(--e-flip-box-view-framed-stacked-icon-color);}
.elementor-flip-box .elementor-icon svg, .elementor-flip-box .elementor-view-framed .elementor-icon svg, .elementor-flip-box .elementor-view-stacked .elementor-icon svg{fill: var(--e-flip-box-view-framed-stacked-icon-color);}
.elementor-flip-box .elementor-view-framed .elementor-icon{border-color: #fff;}
.elementor-flip-box .elementor-view-stacked .elementor-icon{background-color: rgba(0, 0, 0, 0.5);}
.elementor-flip-box__button.elementor-button{cursor: pointer; -ms-flex-item-align: center; align-self: center; margin-left: auto; margin-right: auto; border: solid 2px white; background: transparent;}
.elementor-flip-box__button.elementor-button:hover{background: transparent; text-decoration: none;}
.elementor-flip-box__image{margin: 0 0 20px 0; display: inline-block; width: 100%;}
.elementor-flip-box__image img{width: 50%;}
.elementor-flip-box .elementor-icon-wrapper{margin-bottom: 20px;}
.elementor-flip-box--3d .elementor-flip-box__layer__inner{-webkit-transform: translateZ(90px) scale(0.91); transform: translateZ(90px) scale(0.91);}
.elementor-flip-box--3d .elementor-flip-box__layer__overlay{-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(0.1px); transform: translateZ(0.1px);}
.elementor-flip-box--effect-flip .elementor-flip-box{-webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.elementor-flip-box--effect-flip .elementor-flip-box__layer{-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.elementor-flip-box--effect-flip .elementor-flip-box__front{-webkit-transform: none; -ms-transform: none; transform: none; z-index: 1;}
.elementor-flip-box--effect-flip .elementor-flip-box:hover .elementor-flip-box__back{-webkit-transform: none; -ms-transform: none; transform: none;}
.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box__back{-webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg);}
.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box:hover .elementor-flip-box__front{-webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg);}
/* stile della home originale (post-387.css) */
.piazza-flip-box{box-shadow:0 0 41px 0 rgba(0,0,0,.15)}
.piazza-flip-box .elementor-flip-box{height:var(--h,300px)}
.piazza-flip-box .elementor-flip-box__front{background-color:var(--e-global-color-3a1a7ffd);background-position:top center;background-repeat:no-repeat;background-size:cover;border:0}
.piazza-flip-box .elementor-flip-box__back{background-color:var(--retro,#474747)}
.piazza-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:0;text-align:center;justify-content:flex-end}
.piazza-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center}
.piazza-flip-box .elementor-flip-box__layer__title{margin:0 0 20px;padding:0}
.piazza-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{color:var(--e-global-color-primary);font-family:"Montserrat",Sans-serif;font-size:18px;font-weight:600}
.piazza-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:"Montserrat",Sans-serif;font-size:12px;font-weight:300;line-height:1.3em}
.piazza-flip-box .elementor-flip-box__button{font-family:"Montserrat",Sans-serif;font-size:14px;font-weight:500;border-color:var(--e-global-color-512520e5);border-width:5px;border-radius:0}
.piazza-flip-box .elementor-flip-box__button:hover{color:var(--e-global-color-18afdd5d);background-color:var(--e-global-color-3a1a7ffd);border-color:#FFFFFF00}
@media(max-width:1024px){
 .piazza-flip-box .elementor-flip-box{height:var(--h-t,190px)}
 .piazza-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:5px}
 .piazza-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:14px}
 .piazza-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:10px}
 .piazza-flip-box .elementor-flip-box__button{font-size:11px}
}
@media(max-width:767px){
 .piazza-flip-box .elementor-flip-box{height:var(--h-m,210px)}
 .piazza-flip-box .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:10px}
}