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

::selection {
  background: var(--primary); /* New highlight background color */
  color: var(--text-body); /* New text color */
}

/*---FONTS---*/
.heading-accent {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

/*---SITE FADE-IN---*/
/* Hide everything initially */
#brx-header {
  opacity: 0;
  animation: fadeIn 0.6s ease-in forwards;
  position: relative;
  z-index: 1000;
}

#brx-content {
  opacity: 0;
  animation: fadeIn 0.6s ease-in 0.2s forwards;
  position: relative;
  z-index: 1;
}

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

/*---LINKS---*/
a {
  transition: color .4s ease;
}


/*---HEADER STYLES---*/
[data-header-style="Overlay"] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

[data-header-style="Overlay"].tc-header {
	background-color: transparent;
}

/*---Hero Background---*/
.ken-burns-bg {
  animation: kenBurns 15s ease-in-out infinite;
  will-change: transform, opacity;
  background-size: cover;
  background-position: center;
  position: absolute;
  inset: 0;
  z-index: 0;
}

@keyframes kenBurns {
  0% {
    opacity: 0;
    transform: scale(1.15);
  }
  10% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}