/*
 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: #000; scroll-behavior: initial;}
html, body { width: 100%; min-height: 100%; }
body {transition: background .6s ease;}
video {border-radius: 3px;}
::-moz-selection { color: white; background: #F4364C; }
::selection { color: white; background: #F4364C; }

* {outline: none !important;}

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




/* ---------- Cursor utilities---------- */

#cursor {
    width: 100px;
    height: 100px;
    display: none;
    position: fixed;
    z-index: 5;
      pointer-events: none;
  }
  
  .cursor-seta { cursor: none; }
  .cursor-lupa  { cursor: none; }
  .cursor-lupa .bricks-lightbox {cursor: none;}
  .c-play {	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 187.9 187.9'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='93.95' cy='93.95' r='93.95'/%3E%3Cpath d='M83.56,72.77l34.43,19a3.66,3.66,0,0,1,0,6.42l-34.43,19a3.67,3.67,0,0,1-5.44-3.21V76A3.67,3.67,0,0,1,83.56,72.77Z'/%3E%3C/svg%3E") !important; }
  .c-pause { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 187.9 187.9'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='93.95' cy='93.95' r='93.95'/%3E%3Crect x='75.99' y='72.5' width='12' height='42.9' rx='2.39'/%3E%3Crect x='99.9' y='72.5' width='12' height='42.9' rx='2.39'/%3E%3C/svg%3E") !important; }
  .c-seta { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 187.9 187.9'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='93.95' cy='93.95' r='93.95'/%3E%3Cpath d='M92.43,72.89,107.1,87.56H65.37a6.4,6.4,0,0,0,0,12.79H107.1L92.43,115a6.39,6.39,0,0,0,9,9l25.58-25.58a6.39,6.39,0,0,0,0-9L101.47,63.85a6.39,6.39,0,0,0-9,9Z'/%3E%3C/svg%3E") !important; }
  .c-lupa { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 187.9 187.9'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ecursor-lupa%3C/title%3E%3Ccircle class='a' cx='93.95' cy='93.95' r='93.95'/%3E%3Cpath d='M132.77,125.85,112.89,106a30,30,0,0,0,6.67-19.14A30.93,30.93,0,1,0,107.84,111l19.88,19.88a4.07,4.07,0,0,0,2.66,1.05,3.6,3.6,0,0,0,2.52-1A3.47,3.47,0,0,0,132.77,125.85Zm-67.67-39a23.74,23.74,0,1,1,23.74,23.74A23.77,23.77,0,0,1,65.1,86.83Z'/%3E%3C/svg%3E") !important; }
  
  .anima-in { animation: cursorIn .2s ease forwards; }
  .anima-out { animation: cursorOut .2s ease forwards; }
  
  @keyframes cursorIn {	0% { transform: scale(0); }	100% { transform: scale(1); } }
  @keyframes cursorOut {	0% { transform: scale(1); }	100% { transform: scale(0); } }
  
  
  
  
  /* ---------- Background transition ---------- */
  
  .bg-transition {
    transition: background-color 1s ease;
  }
  


  
  /* ---------- Hamburger menu ---------- */
  
  #menu-icon {
      position: fixed;
      background-color: #0d0d0d;
      opacity: 1;
      -webkit-border-daius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      background-image: url(https://frison.digital/assets/sprite-menu.png);
      width: 60px;
      height: 60px;
      background-size: 1620px 60px;
      cursor: pointer;
      z-index: 99999;
  }
  
  .menu-icon-open { animation: menu-icon-animation 0.8s steps(26) forwards; }
  .overflow-hidden { overflow: hidden !important; }
  
  @keyframes menu-icon-animation { 100% { background-position: -1560px; } }
  

  
  
  /* ---------- Animated gradient ---------- */
  
  .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%; }
  }
  
  
  
  
  /* ---------- Video ---------- */
  
  .video-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: none;
  }
  
  .video-play {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 32px;
    background: linear-gradient(45deg, #F4364C, #ff8400);
      background-size: 300%;
      border-radius: 150px;
    animation: animated_text 5s ease-in-out infinite;
      -moz-animation: animated_text 5s ease-in-out infinite;
      -webkit-animation: animated_text 5s ease-in-out infinite;
      box-shadow: 0px 20px 40px -15px rgba(0,0,0,0.25);
  }
  
  .video-play svg {
    width: 25px;
    height: 25px;
    padding-left: 5px;
  }
  

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