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

body {
  position: relative;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/*************************************************/
/* Misc */
h2 {
  text-wrap: balance;
}

.card h4 {
  margin-bottom: 0.5rem;
}

.brxe-button,
.bricks-button {
  text-wrap-mode: nowrap;
}

.brxe-post-reading-progress-bar {
  display: none;
}


/*************************************************/
/* Instagram Feed */
#sb_instagram img {
  border-radius: 12px;
}

#sb_instagram #sbi_images {
  padding: 0px !important;
}

/*************************************************/
/* Gradients */
.gradient {
  position: absolute;
  width: 1400px;
  height: 1400px;
  background: radial-gradient(circle, rgba(32, 80, 130, 0.5) 0%, rgba(1, 27, 41, 0) 70%);
  pointer-events: none;
  will-change: transform;
}

@media (max-width: 900px) {
    .gradient {
        display: none;
    }
}

.footer__container {
  position: relative; 
  overflow: hidden; 
}

.footer__container:before {
  content: "";
  position: absolute;
  bottom: -50%; 
  left: 50%;
  transform: translateX(-50%);
  width: 1400px;
  height: 1400px;
  background: radial-gradient(circle, rgba(32, 80, 130, 0.5) 0%, rgba(1, 27, 41, 0) 70%);
  pointer-events: none;
  will-change: transform;
  z-index: -1; 
}

/*************************************************/
/* Animation trigger */
.bricks-is-frontend .animation-trigger {
  opacity: 0;
}

/* Animated Class*/
.animate {
  animation-name: fadeAnimation;
  animation-delay: calc(var(--delay, 0) * 200ms);
  animation-duration: var(--duration, 800ms);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

/* Change translate Origin*/
.animation--left-to-right {
  --translate: -20px, 0, 0;
}

.animation--right-to-left {
  --translate: 20px, 0, 0;
}

.animation--top-to-bottom {
  --translate: 0, -20px, 0;
}

.animation--bottom-to-top {
  --translate: 0, 20px, 0;
}

/* Keyframes */
@keyframes fadeAnimation {
  from {
    /* transform: translate3d(var(--translate)); */
    transform: translate3d(0, 40px, 0);
    opacity: 0
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.benefit__item:nth-child(1),
.card__job:nth-child(1),
.card__clients:nth-child(1),
.team__slider-slides:nth-child(1),
.card__support:nth-child(1),
.card__facts:nth-child(1) {
  animation-delay: 100ms;
}

.benefit__item:nth-child(2),
.card__job:nth-child(2),
.card__clients:nth-child(2),
.team__slider-slides:nth-child(2),
.card__support:nth-child(2),
.card__facts:nth-child(2),
.contact__form,
.hero__slider-headline {
  animation-delay: 200ms;
}

.benefit__item:nth-child(3),
.card__job:nth-child(3),
.card__clients:nth-child(3),
.team__slider-slides:nth-child(3),
.card__support:nth-child(3),
.card__facts:nth-child(3),
.hero__slider {
  animation-delay: 300ms;
}

.benefit__item:nth-child(4),
.card__job:nth-child(4),
.card__clients:nth-child(4),
.team__slider-slides:nth-child(4) {
  animation-delay: 400ms;
}

.benefit__item:nth-child(5),
.card__job:nth-child(5),
.card__clients:nth-child(5),
.hero__slider-slides:nth-child(5) {
  animation-delay: 500ms;
}

.benefit__item:nth-child(6),
.card__job:nth-child(6),
.card__clients:nth-child(6),
.hero__slider-slides:nth-child(6) {
  animation-delay: 600ms;
}

.benefit__item:nth-child(7),
.card__job:nth-child(7),
.card__clients:nth-child(7),
.hero__slider-slides:nth-child(7) {
  animation-delay: 700ms;
}

.benefit__item:nth-child(8),
.card__job:nth-child(8),
.card__clients:nth-child(8),
.hero__slider-slides:nth-child(8) {
  animation-delay: 800ms;
}