
body{
    --profily-speed-xslow: 3s;
	--profily-speed-slow: 2s;
	--profily-speed-normal: 1.2s;
	--profily-speed-fast: 0.8s;
	--profily-speed-xfast: 0.4s;
	--profily-delay-xsmall: 0.25s;
	--profily-delay-small: 0.5s;
	--profily-delay-medium: 0.75s;
	--profily-delay-large: 1s;
	--profily-delay-xlarge: 2s;
} 

.wp-block-group.is-style-infobox {
    border-radius: 8px;
    margin-top: var(--wp--preset--spacing--30);
    padding-top: var(--wp--preset--spacing--40);
    padding-right: var(--wp--preset--spacing--30);
    padding-bottom: var(--wp--preset--spacing--40);
    padding-left: var(--wp--preset--spacing--30);
    background-color: var(--wp--preset--color--base);
}

.is-style-infobox .wp-block-heading{
    font-family: var(--wp--preset--font-family--jost);
    font-size: var(--wp--preset--font-size--medium);
    margin-bottom:10px!important;
}




/*  Animation  */

/* Animation - Delay */
.profily-delay-1 {
    animation-delay: 0.25s!important;
}

.profily-delay-2 {
    animation-delay: 0.5s!important;
}

.profily-delay-3 {
    animation-delay: 0.9s!important;
}

/* var(--profily-delay-medium); */

/* Animation - Presets */
.profily-animation.animate {
    animation: var(--profily-animation-name) 1s ease-out both;
}

.animation-inited {
    opacity: 0;
}

/* Disable animations in WordPress.org patterns preview */
#wporg-pattern-preview .animation-inited {
    opacity: 1;
    animation: none!important;
}


.profilyFadeIn {
    --profily-animation-name: profilyFadeIn;
}

.profilyFadeInUp {
    --profily-animation-name: profilyFadeInUp;
}

.profilyFadeInDown {
    --profily-animation-name: profilyFadeInDown;
}

.profilyFadeInLeft {
    --profily-animation-name: profilyFadeInLeft;
}

.profilyFadeInRight {
    --profily-animation-name: profilyFadeInRight;
}

.profilyZoomIn {
    --profily-animation-name: profilyZoomIn;
}


  @keyframes profilyZoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  
    to {
      opacity: 1;
    }
  }

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

@keyframes profilyFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes profilyFadeInUp {
	from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
	}
	to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
	}
}

@keyframes profilyFadeInDown {
	from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
	}
	to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
	}
}

@keyframes profilyFadeInLeft {
	from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
	}
	to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
	}
}

@keyframes profilyFadeInRight {
	from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
	}
	to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
	}
}
