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

:root {
  
  --font-button: clamp(1.4rem, calc(1.29rem + 0.36vw), 1.8rem); /*18-16*/
 --pading-t-b: clamp(0.63rem, 0.89vi + 0.45rem, 1.25rem);/*20-10*/
--pading-l-r: clamp(1rem, 0.71vi + 0.86rem, 1.5rem); /*24-16*/
/*container*/
--padding-l-r: clamp(2rem, calc(0.71rem + 4.02vw), 6.5rem);/*container padding left oter right 65-20*/
--padding-t-b:clamp(2.5rem, 3.57vi + 1.79rem, 5rem); /*80-40*/
/*h1-h6*/
--head-h1:clamp(2rem, 4.29vi + 1.14rem, 5rem);/*80-32*/
--head-h2xl:clamp(1.88rem, 3.75vi + 1.13rem, 4.5rem);/*72-30*/
--head-h2:clamp(1.75rem, 2.5vi + 1.25rem, 3.5rem);/*56-28*/
--head-h3:clamp(1.5rem, 0.71vi + 1.36rem, 2rem);/*32-24*/
--head-h4: clamp(1.13rem, 0.54vi + 1.02rem, 1.5rem);/*24-18*/
--head-h4s: clamp(1rem, 0.71vi + 0.86rem, 1.5rem);/*24-16*/;
--head-h5:clamp(1rem, 0.18vi + 0.96rem, 1.13rem);/*18-16*/
--head-h6: clamp(0.75rem, 0.18vi + 0.71rem, 0.88rem);/*14-12*/
  
  /*p-text*/
  --text-xs: clamp(0.69rem, 0.13vi + 0.67rem, 0.78rem);
--text-s: clamp(0.78rem, 0.23vi + 0.73rem, 0.94rem);
--text-m: clamp(0.88rem, 0.36vi + 0.8rem, 1.13rem);
--text-l: clamp(0.98rem, 0.52vi + 0.88rem, 1.35rem);
--text-xl: clamp(1.11rem, 0.73vi + 0.96rem, 1.62rem);


/*gap*/
--row-gap71:clamp(0.88rem, 5.09vi + -0.14rem, 4.44rem); /*71-14*/
--row-gap:clamp(1.25rem, 0.36vi + 1.18rem, 1.5rem);

/*Spacing*/
--spasing-145: clamp(5.63rem, 4.91vi + 4.64rem, 9.06rem);/*145-90*/
--spacing-40: clamp(1.88rem, 0.89vi + 1.7rem, 2.5rem);/*40-30*/
--spacing-34: clamp(1.44rem, 0.98vi + 1.24rem, 2.13rem);/*34-24*/
--spacing-24: clamp(1.13rem, 0.54vi + 1.02rem, 1.5rem);/*24-18*/
--spacing-18: clamp(0.81rem, 0.45vi + 0.72rem, 1.13rem);/*18-12*/
--spacing-16: clamp(0.75rem, 0.36vi + 0.68rem, 1rem);/*16-12*/
/*h1*/
--h1-xxlmonitor: clamp(5rem, 2.92vi + 2.37rem, 9.38rem);

}
html { 
    scroll-behavior: smooth; 
  }
body{
    /*font-family: 'SF Pro Display', -apple-system, "system-ui", Segoe UI, roboto, helvetica, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;*/
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    /* Для браузерів на основі WebKit (Chrome, Safari) */
    -moz-osx-font-smoothing: grayscale;
    /* Для Firefox на macOS */
    text-rendering: optimizeLegibility;
    /* Покращення якості рендерингу тексту */

}
/*animate css fade text
.animate-scroll, .animate-title-fade {
animation: fade linear both;
-webkit-animation: fade linear both;
animation-timeline: view();
animation-range: entry 50% cover 50%;
}

p > span.style-span-blue{
background: linear-gradient(90deg, #2E4967, transparent);
  background-size: 400%;
  animation: reveal both linear;
  -webkit-animation: reveal both linear;
  animation-timeline: view();
  background-repeat: no-repeat;
  animation-range: entry 50% cover 50%;
  background-clip: text;
  -webkit-background-clip: text;
  color:transparent;
}



@keyframes fade {

  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes reveal{
  from{
background-position-x: 200% ;
  }
  to {
    background-position-x: 0%;

  }
}*/
/*end animate fade text*/






@media (min-width: 1800px) and (max-width: 3840px) {
  #brxe-vnsmtd {
        background-size: 40%!important;
    min-height: calc(100svh - 100px)!important;
    }
    
}

@media (min-width: 1441px) and (max-width: 3840px) {
  h1 {
    font-size: var(--h1-xxlmonitor)!important;
  }
  .brxe-popup-346 .brx-popup-content .view-scroll::-webkit-scrollbar{
  width:0px !important;
}
}


@media (max-width: 1440px){
    
    #brxe-vnsmtd {
    
    background-size: 40%;
        
    }
    
    
}



@media (max-width: 420px) {
    
        #brxe-txfoaa {
        align-items: flex-end;
        grid-column: 1 / 13;
    }
    
#brxe-sdwnnj {        
  
  width:100%;
    
}

.box-2.brxe-block {
    
        min-width: 100%!important;
        
        
    }
}