/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.cim-szoveg {
	animation-name: example2;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
.slide-in-left {
  left: -1000px;
  position: relative;
  /*animation-name: slide-in;
  animation-duration: 2s;
  animation-iteration-count: 1;  
  animation-fill-mode: forwards;
*/
}
.slide-in-left-animation {
 animation-name: slide-in;
  animation-duration: 2s;
  animation-iteration-count: 1;  
  animation-fill-mode: forwards;

}

.slide-in-rigth {
  left: 1000px;
  position: relative;
 /* animation-name: slide-in2;
  animation-duration: 2s;
  animation-iteration-count: 1;  
  animation-fill-mode: forwards;
  */

}
@keyframes slide-in2 {
  100%  {left: 0;}  
}
@keyframes slide-in {
  100%  {left: 0;}  
}

@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:0px;}
  75%  {background-color:green; left:0px; top:0px;}
  100% {background-color:red; left:0px; top:0px;}
}
@keyframes example2 {
  100%  {left: 0px;}  
}

.zoom, .zoom-rotate {
  transition: transform .5s; /* Animation */
}
.zoom:hover {
  transform: scale(1.1) ; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.zoom-rotate:hover {
  transform: scale(1.1) rotate(5deg); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}