/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */






.forma-artista:hover{
    transform: scale(1.02);
    z-index: 10;

}

.forma-artista:hover .contenitore-immagine{ transform: scale(1.05);}


.loop-home .artista{max-width: calc(33.3vw - 50px)}


@media screen and (max-width: 1024px) {
  .loop-home .artista{max-width: calc(50vw - 50px)}
}


@media screen and (max-width: 767px) {
.loop-home .artista{max-width: 90vw}
}


.forma-artista:hover .contenitore-immagine > .elementor-widget-image::after{
    animation-name: rotate; 
    animation-duration: 2s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: center;
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


/* Forma 1 */
.Forma1{
    
    --color-main-color: #ff5858;
    background: var(--color-main-color);
    --color-shadow-mask: #11a7a4;
    --color-title: #00b7c3;

}

.Forma1 img {
    -webkit-mask-image: url(/SVG/Forma-1.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
	
}

.Forma1 .contenitore-immagine > .elementor-widget-image::before{

    -webkit-mask-image: url(/SVG/Forma-1.svg);
}

.Forma1 .contenitore-immagine > .elementor-widget-image::after{

    content:url(/SVG/Simbolo-1.svg);
    top: 0;
    right: 0;
}



/* Forma 2 */

.Forma2{
    --color-main-color: #ff9c3e;
    background: var(--color-main-color);
    --color-shadow-mask: #2660a2;
    --color-title: #00855d;
}



.Forma2 img {
    -webkit-mask-image: url(/SVG/Forma-2.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    
}

.Forma2 .contenitore-immagine > .elementor-widget-image::before{

    -webkit-mask-image: url(/SVG/Forma-2.svg);
}

.Forma2 .contenitore-immagine > .elementor-widget-image::after{

    content:url(/SVG/Simbolo-2.svg);
    top: 0;
    right: 0;
}



/* Forma 3 */

.Forma3{
     --color-main-color: #00855d;
    background: var(--color-main-color);
    --color-shadow-mask: #ee789f;
    --color-title: #d4d486;
}


.Forma3 img {
    -webkit-mask-image: url(/SVG/Forma-3.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    
}

.Forma3 .contenitore-immagine > .elementor-widget-image::before{

    -webkit-mask-image: url(/SVG/Forma-3.svg);
}

.Forma3 .contenitore-immagine > .elementor-widget-image::after{

    content:url(/SVG/Simbolo-3.svg);
    top: -20px;
    right: -20px;
        width: 60px;
    height: 60px;
}





/* Forma 4 */

.Forma4{

     --color-main-color: #ffb1ac;
    background: var(--color-main-color);
    --color-shadow-mask: #094f52;
    --color-title: #0084b7;
}

.Forma4 img {
    -webkit-mask-image: url(/SVG/Forma-4.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    
}

.Forma4 .contenitore-immagine > .elementor-widget-image::before{

    -webkit-mask-image: url(/SVG/Forma-4.svg);
}


.Forma4 .contenitore-immagine > .elementor-widget-image::after{

    content:url(/SVG/Simbolo-4.svg);
    top: -20px;
    right: 0;
}



/* Forma 5 */

.Forma5{

     --color-main-color: #9e76b8;
    background: var(--color-main-color);
    --color-shadow-mask: #648a53;
    --color-title: #ff9c3e;
}


.Forma5 img {
    -webkit-mask-image: url(/SVG/Forma-5.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;

    
}

.Forma5 .contenitore-immagine > .elementor-widget-image::before{

    -webkit-mask-image: url(/SVG/Forma-5.svg);
}

.Forma5 .contenitore-immagine > .elementor-widget-image::after{

    content:url(/SVG/Simbolo-5.svg);
      top: -20px;
    right: -20px;
}


/* Forma 6 */

.Forma6{
  
     --color-main-color: #0084b7;
    background: var(--color-main-color);
    --color-shadow-mask: #f17848;
    --color-title: #ff5858;
}


.Forma6 img {
    -webkit-mask-image: url(/SVG/Forma-6.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    
}

.Forma6 .contenitore-immagine > .elementor-widget-image::before{

    -webkit-mask-image: url(/SVG/Forma-6.svg);
}


.Forma6 .contenitore-immagine > .elementor-widget-image::after{

    content:url(/SVG/Simbolo-6.svg);
    top: 0;
    right: 0;
}




/* Forma 7 */

.Forma7{
     --color-main-color: #d4d486;
    background: var(--color-main-color);
    --color-shadow-mask: #292d73;
    --color-title: #9e76b8;
}


.Forma7 img {
    -webkit-mask-image: url(/SVG/Forma-7.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    
}

.Forma7 .contenitore-immagine > .elementor-widget-image::before{

    -webkit-mask-image: url(/SVG/Forma-7.svg);
}

.Forma7 .contenitore-immagine > .elementor-widget-image::after{

    content:url(/SVG/Simbolo-7.svg);
    top: 0;
    left: 0;
}


/* Forma 8 */

.Forma8{
     --color-main-color: #00b7c3;
    background: var(--color-main-color);
    --color-shadow-mask: #db4f41;
    --color-title: #ffb1ac;
}

.Forma8 img {
    -webkit-mask-image: url(/SVG/Forma-8.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    
}


.Forma8 .contenitore-immagine > .elementor-widget-image::before{

    -webkit-mask-image: url(/SVG/Forma-8.svg);
}

.Forma8 .contenitore-immagine > .elementor-widget-image::after{

    content:url(/SVG/Simbolo-8.svg);
     top: 0px;
    right: -20px;
}







.maschera a{

/* filter: drop-shadow(-8px 0 0px var(--color-shadow-mask)) drop-shadow(0px -8px 0px  var(--color-shadow-mask)) drop-shadow(8px 0 0px  var(--color-shadow-mask)) drop-shadow(0px 8px 0px  var(--color-shadow-mask));

*/
}


.titolo {
        margin-top: -30px;
    margin-right: -30px;
}


.titolo h2{
    background-color: var(--color-title);
    transform: rotate(-10deg);
    border-radius: 50px;
    padding: 10px;
}

.contenitore-immagine > .elementor-widget-image::before{
        content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: scale(1.05);
    top: 0;
    left: 0;
    background: var(--color-shadow-mask);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;


}


.contenitore-immagine > .elementor-widget-image::after{

    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 1;
}



.singola-data{
      background: var(--color-title);
}

.singola-data .elementor-button.elementor-button-link{background-color: var(--color-main-color) !important; color: white !important;
    padding: 10px 14px;
    border-radius: 30px;
    font-size: 20px;}

.elementor-button.elementor-button-link:hover{  filter: brightness(1.2);}
.singola-data .link-biglietti{}

.bigtext  {
    width: 100%;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
	text-align: center
}

.text-fitter {
    white-space: nowrap; /* Impedisce la rottura del testo */
    overflow: hidden;
    text-overflow: ellipsis; /* Troncamento se necessario */
}

.e-load-more-message{margin-top:0 !important}



.swiper-container {
    width: calc(100vw - 60px);
    margin: 30px auto 0;
    position: relative;
     border: 20px solid #fbc711;
     border-radius:50px;

    
    overflow:hidden;
}

.swiper-slide {
	aspect-ratio:5/2;
   
border-radius:25px;


/* max-height: 70vh;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}


.swiper-slide img, .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}

.swiper-pagination {
    bottom: 10px;
}


.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 30px;
    right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 30px;
    left: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '<';
    font-family: "Modak", Sans-serif;
    font-size: 100px;
    color: #fbc711;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
     content: '>';
    font-family: "Modak", Sans-serif;
     font-size: 100px;
    color: #fbc711;
}

@media screen and (max-width: 767px) {

    .swiper-container {
     border: 10px solid #fbc711;

 }

.swiper-slide {
   min-height: 80vw;
   
   }

   .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after  {

     font-size: 50px;
   }
   .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-button-prev{top:93%}
}