/*
Theme Name: sandbox-alica
Theme URI: https://sandbox-alica
Description: A basic theme for HTML.it readers
Author:carla del regno nju:lab
Author URI: https://sandbox-alica
Version: 0.1

*/
/* ANIMAZIONI */


.target-bg {
    background-color: rgba(0, 0, 0,0);
    -webkit-transition: background-color 1s, transform 1s;
    -o-transition: background-color 1s, transform 1s;
    transition: background-color 1s, transform 1s;
}

.target-bg.onScreen {
    	background-color: rgba(0, 0, 0,0.4);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.target-bg07 {
    background-color: rgba(0, 0, 0,0);
    -webkit-transition: background-color 1s, transform 2s;
    -o-transition: background-color 1s, transform 2s;
    transition: background-color 1s, transform 2s;
}

.target-bg07.onScreen {
    	background-color: rgba(0, 0, 0,0.7);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
/* testo slider */
.spazio-testo-slider h1{
    -webkit-animation-name:testoslider;
  animation-name: testoslider;padding-top:3%;
  -webkit-animation-duration:2s;
  animation-duration: 2s;
  animation-delay: 0.5s;
  transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
  animation-fill-mode:forwards;opacity:0;
  animation-iteration-count:1;
  animation-timing-function: ease-in-out;}
  
@keyframes testoslider {
  0% {padding-top:3%;opacity:0;}
  20% {opacity:0;}
  50%{opacity:1;}
  100% {padding-top:0%;opacity:1;}
}  

.spazio-testo-slider h4{
    -webkit-animation-name:testoslider1;
  animation-name: testoslider1;padding-top:-3%;
  -webkit-animation-duration:2s;
  animation-duration: 2s;
  animation-delay: 0.5s;
  transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
  animation-fill-mode:forwards;opacity:0;
  animation-iteration-count:1;
  animation-timing-function: ease-in-out;}
  
@keyframes testoslider1 {
  0% {padding-top:-3%;opacity:0;}
  20% {opacity:0;}
  50%{opacity:1;}
  100% {padding-top:0%;opacity:1;}
}  

 
@-webkit-keyframes move {
  0% {
    -webkit-transform: translate(-33%, 0);
            transform: translate(-33%, 0);
  }
  50% {
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
  }
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }
}
 
@keyframes move {
  0% {
    -webkit-transform: translate(-23%, 0);
            transform: translate(-23%, 0);
  }
  50% {
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
  }
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
  }
}



.bounceIn.target1.onScreen {

  display: inline-block;
  -webkit-animation: bounceIn0 1s ease-in-out ;
          animation: bounceIn0 1s ease-in-out ;
}


@-webkit-keyframes bounceIn0 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn0 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn0;
  animation-name: bounceIn0;
}


.target .riga-verso-dx{border-bottom:1px solid #AD976E;width:0px;padding:0px;}
.target.onScreen .riga-verso-dx{width:100%; -webkit-transition: width 2s;transition: width 2s; 
  -webkit-transition-delay: 0.5s;transition-delay: 0.5s; }


 /* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
  .padding-left-0-desktop{padding-left:15px;}
  .padding-top-60-desktop{padding-top:30px;} 
  .padding-top-90-desktop{padding-top:60px;}
  .margin-top-60-desktop{margin-top:30px;}
  .margin-top-100-desktop{margin-top:60px;}
  .margin-top-130-desktop{margin-top:60px;}
  .margin-bottom-60-desktop{margin-top:30px;}
 .margin-top-90-desktop,.margin-top-15vh-desktop{margin-top:60px;}  
  .margin-top-20vh-desktop{margin-top:60px;}
  .margin-bottom-90-desktop,
  h3.margin-bottom-90-desktop{margin-bottom:60px;} 
  .padding-bottom-60-desktop{padding-bottom:30px;} 
   .padding-bottom-30-desktop{padding-bottom:30px;}
.padding-bottom-90-desktop{padding-bottom:60px;} 
    .height-90-desktop{height:60px;}
  .altezza-prodotti-home{height:270px;}
 .altezza-prodotti-home.piupiccolo{padding-top:0vh;}
  
.target .riga-verso-dx.bianco.larghezza50{border-bottom:1px solid #fff;}
.target.onScreen .riga-verso-dx.bianco.larghezza50{width:100%;margin:0 auto;}
}

@media only screen and (min-width : 375px) {
}
    /* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {


}

@media only screen and (min-width : 768px){
  .padding-left-0-desktop{padding-left:0px;}
  .margin-top-60-desktop{margin-top:60px;}
  .margin-top-100-desktop{margin-top:100px;}
   .margin-top-130-desktop{margin-top:130px;}
   .margin-top-80-desktop{margin-top:80px;}
  .margin-top-90-desktop{margin-top:90px;} 
  .padding-top-90-desktop{padding-top:90px;} 
  .margin-top-15vh-desktop{margin-top:15vh;}
  .margin-top-20vh-desktop{margin-top:20vh;}
   .margin-bottom-90-desktop,
  h3.margin-bottom-90-desktop{margin-bottom:90px;} 
  .padding-top-60-desktop{padding-top:60px;} 
  .padding-bottom-60-desktop{padding-bottom:60px;} 
  .padding-bottom-30-desktop{padding-bottom:30px;}
.padding-bottom-90-desktop{padding-bottom:90px;} 
  .height-90-desktop{height:90px;}
 .altezza-prodotti-home{height:30vh;}
  .altezza-prodotti-home.piupiccolo{padding-top:3vh;}

}   

    /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
.target .riga-verso-dx.bianco.larghezza50{border-bottom:1px solid #fff;}
.target.onScreen .riga-verso-dx.bianco.larghezza50{width:50%;margin:0 auto;}

 }

    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .altezza-prodotti-home{height:35vh;}
  .altezza-prodotti-home.piupiccolo{padding-top:4vh;}
 }