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

/* Scrollbar */
html {
  scrollbar-color: var(--at-primary) transparent;
}

/* The stack Post Content */
.brxe-post-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  &>* {
    margin-block: 0;
  }

  &>*+* {
    margin-block-start: var(--flow-spacer, .75em);
  }

  h2,
  h3 {
    --flow-spacer: 1.2em;
  }
}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}.lang-item a{align-items:center;display:flex;gap:10px}.brxe-polylang-language-switcher{display:flex;gap:10px;list-style-type:none;margin:0;padding:0}.brxe-polylang-language-switcher select{background-image:none}.brxe-polylang-language-switcher a span{margin:0!important}





.brxe-block>p {
  margin: 0;
}


body {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
}



:where(.at-section--alt-odd #brx-content > section:nth-child(odd)) {
  background: var(--at-section--alt-background);
}

:where(.at-section--alt-even #brx-content > section:nth-child(even)) {
  background: var(--at-section--alt-background);
}



@media(max-width: 477px) {
  body {
    --at-header-height: 150px;
    
  }
}

@media(max-width: 766px) {
  body {
    --at-header-height: 150px;
    
  }
}

@media(max-width: 990px) {
  body {
    --at-header-height: 150px;
    
  }
}

@media(min-width: 991px) {
  body {
    --at-header-height: 150px;
    
  }
}




body.bricks-is-frontend :focus-visible {
  outline-offset: var(--at-focus-outline-offset);
  z-index: 1;
}


@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  
  [class*=fade-],
  [class*=-fade] {
    opacity: 1 !important;
  }
}