/*
 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
*/


@keyframes animate-drip {
    0% {
        opacity: 1;
        stroke-dashoffset: 0;
    }

    80% {
        opacity: 1;
        stroke-dashoffset: 100;
    }

    100% {
        opacity: 1;
        stroke-dashoffset: 100;
    }
}

/* play btn keyframes */
@keyframes first {

    0%,
    100% {
        transform: scale(1);
        transform-origin: calc(98% - 60px) calc(84% - 38px);
    }

    55% {
        transform: scale(1.2);
        opacity: 1;
    }
}
@keyframes second {

    0%,
    100% {
        transform: scale(0);
        opacity: 0;
        transform-origin: calc(98% - 60px) calc(84% - 38px);
    }

    55% {
        transform: scale(1.3);
        opacity: 1;
    }
}

@keyframes third {

    0%,
    100% {
        transform: scale(0);
        opacity: 0;
        transform-origin: calc(98% - 60px) calc(84% - 38px);
    }

    55% {
        transform: scale(1.4);
        opacity: 0.9;
    }
}

@keyframes polygon {

    0%,
    100% {
        transform: scale(1);
        transform-origin: calc(98% - 60px) calc(84% - 38px);
    }

    55% {
        transform: scale(1.1);
        opacity: 1;
    }
}

/* test multistep form */

.step {
  display: none;
}
.step.active {
  display: block;
}
.miscellaneous-note {
  display: none;
  margin-top: 15px;
}

.error-message {
  color: red;

}



@supports (-webkit-touch-callout: none) {
  .hero__left {
    background-color: white;
  }
}