/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.animated-media {
	opacity: 0;
	transform:scale(.75);
	animation: fade-in-media linear;
	animation-timeline: view();
	animation-range-start: cover 0%;
	animation-range-end: cover 33%;
	animation-fill-mode: both;
}

@keyframes fade-in-media {
  from {
    opacity: 0;
	transform:scale(.75);
  }
  to {
    opacity: 1;
	transform:scale(1);
  }
}

@supports (animation-timeline: view()) {
  .animated-media {
    transition: none;
  }
}

.animated-cita {
	opacity: 0;
	transform:translateY(40px);
	animation: fade-in linear;
	animation-timeline: view();
	animation-range-start: cover 20%;
	animation-range-end: cover 40%;
	animation-fill-mode: forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
	transform:translateY(40px);
  }
  to {
    opacity: 1;
	transform:translateY(0);
  }
}

@supports (animation-timeline: view()) {
  .animated-cita {
    transition: none;
  }
}