/*
 Theme Name:   RV-10
 Theme URI:    https://www.playmain.com/
 Description:  RV-10 Bricks child theme.
 Author:       Playmain
 Author URI:   https://www.playmain.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Global settings */
h1, h2, h3, h4, h5, h6,
.pl-h1, .pl-h2, .pl-h3, .pl-h4, .pl-h5, .pl-h6
{
  margin-bottom: var(--pl-spacing-vertical);
}

h1, 
.pl-h1 {
   font-size: var(--pl-font-size-9); 
}

h2, 
.pl-h2 {
   font-size: var(--pl-font-size-7);
}

h3, 
.pl-h3 {
   font-size: var(--pl-font-size-6);
}

h4, 
.pl-h4 {
   font-size: var(--pl-font-size-4);
}

h5, 
.pl-h5 {
   font-size: var(--pl-font-size-3);
}

h6, 
.pl-h6 {
   font-size: var(--pl-font-size-1);
}

/* root */
:root {
  --fade-up-from: 75px;
  --fade-up-to: 0px;
}

body {
    min-width: 320px;
}

@keyframes fadeDownAnimation1 {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}

@keyframes fadeInAnimation {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}

@keyframes fadeUpAnimation {
    0% {
      transform: translateY(var(--fade-up-from, 75px));
      opacity: 0;
    }
    100% {
      transform: translateY(var(--fade-up-to, 0px));
      opacity: 1;
    }
}

/* @keyframes fadeUpAnimation1 {
    0% {
      transform: translateY(75px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}

@keyframes fadeUpAnimation2 {
    0% {
      transform: translateY(30px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
} */


/* @media (prefers-reduced-motion: no-preference) {
  .header .header__menu #menu-main-menu,
  .header .header__logo img {
      animation: fadeUpAnimation2 0.3s ease-out;
      animation-delay: 0.2s;
      animation-fill-mode: forwards;
      opacity: 0;	
  }  
  .header .header__logo img {
      animation-delay: 0s;   
  }
} */

@media (prefers-reduced-motion: no-preference) {
  [pl-animate] {
    	transition-duration: var(--pl-transition-duration);
    	transition-timing-function: ease;
    	transition-delay: var(--pl-transition-delay);    
  }
  [pl-animate="fade-up"] {
			opacity: 0;
      transform: translate3d(0, var(--pl-transition-distancey, 75px), 0);
      transition-property: opacity, transform;
  }

  [pl-animate="fade-in"] {
			opacity: 0;
      transition-property: opacity;
  }
  
  .brx-body.iframe [pl-animate] {
    opacity: 1;
    transform: none;
  }
  
  [pl-animate="fade-up"].pl-animate {
		opacity: 1;
    transform: none;		
  }
  [pl-animate="fade-in"].pl-animate {
		opacity: 1;
  }
  
}

/* no js */
.rv-no-js [pl-animate] {
  opacity: 1;
  transform: none;
}