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


/* General improvements */

html , :root { background-color: #fafafa; scroll-behavior: initial;}
html, body { width: 100%; min-height: 100%; background-color: #fafafa}
body {transition: background .6s ease;}
::-moz-selection { color: white; background: #F4364C; }
::selection { color: white; background: #F4364C; }

* {outline: none !important; -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */}

.pswp__button--share , .pswp__button--fs { display: none !important; }

.video-100 {
  width: 100%;
}
video {
  display: block !important;
}

#topo .bricks-background-video-wrapper , #topo.has-bg-video::before, #topo {
    border-radius: 0 0 55px 55px !important;
  transform: scaleX(1.01)
}


  
  
  /* ---------- Background transition ---------- */
  
  .bg-transition {
    transition: background-color 1s ease;
  }
  


  
  
  .grad {
      background: linear-gradient(45deg, #F4364C, #ff8400, #24f4ee);
      background-size: 300%;
  
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: animated_text 5s ease-in-out infinite;
      -moz-animation: animated_text 10s ease-in-out infinite;
      -webkit-animation: animated_text 10s ease-in-out infinite;
  }
  
  
  @keyframes animated_text {
      0% { background-position: 0px 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0px 50%; }
  }
  
  
  
  
  
  /* ---------- Resposive ---------- */
  
  /* Mobile */
  .on-mobile {display: block;}
  .on-mobile-tablet {display: block;}
  .on-mobile-tablet-wide {display: block;}
  .on-tablet {display: none;}
  .on-tablet-wide {display: none;}
  .on-tablet-wide-ultra {display: none;}
  .on-wide {display: none;}
  .on-ultra {display: none;}
  .on-wide-ultra {display: none;}
  
  
  /* Tablet */
  @media (min-width: 767px) {
   .on-mobile {display: none;}
   .on-tablet {display: block;}
   .on-tablet-wide {display: block;}
   .on-tablet-wide-ultra {display: block;}
  }
  
  /* Wide */
  @media (min-width: 1200px) {
   .on-mobile-tablet {display: none;}
   .on-tablet {display: none;}
   .on-wide {display: block;}
   .on-wide-ultra {display: block;}
  }
  
  /* Ultra */
  @media (min-width: 2000px) {
   .on-mobile-tablet-wide {display: none;}
   .on-tablet-wide {display: none;}
   .on-wide {display: none;}
   .on-ultra {display: block;}
  }