/**
 * Theme Name:        BRAINK
 * Theme URI:         https://brainkcrypto.com
 * Description:       Un Theme con estilo cyber-retro que transmite arte y un ecosistema crypto. El objetivo del tema es crear un espacio crypto donde el arte y la Web3 puedan coexistir, dando accesos a espacios colaborativos, una shop y NFTs. Braink es un llamado al impulso de la Web3, Blockchain y el uso de tokens como medios crypto para salvaguardar fondos. Cargado de originalidad y una estrategia clara, este tema se convierte en un producto de medium-code hecho con WordPress como Framework. <a href="https://raydium.io/swap/?inputMint=QPPh9Gc7kTvXiidoLyuxnnB918337B87TDAERMoBwnv&outputMint=sol" target="_blank">Link a la Pool de Braink</a>
 * Version:           1.1.0
 * Author:            Diego Castro
 * Author URI:        https://github.com/diegowdeveloper
 * Tags:              crypto, tokens, raydium
 * Text Domain:       brainkcrypto
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  position: relative;
  z-index: 0;
  width: 100vw;
  min-width: 320px;
  height: 100vh;
}

body {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Space Grotesk", sans-serif;
  background-color: #000000;
  overflow-x: hidden;
}
body .braink-divisor {
  position: relative;
  width: 100%;
  min-width: 320px;
  height: 100px;
  background: #000000;
}

.braink-loader {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: radial-gradient(circle at 20% 24%, rgba(82, 96, 126, 0.14) 0%, rgba(82, 96, 126, 0) 44%), radial-gradient(circle at 80% 76%, rgba(56, 88, 112, 0.12) 0%, rgba(56, 88, 112, 0) 48%), linear-gradient(145deg, #07090e 0%, #0c111a 38%, #09101a 68%, #020304 100%);
  overflow: hidden;
  isolation: isolate;
  z-index: 9999;
}
.braink-loader::before, .braink-loader::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -10%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.braink-loader::before {
  width: 86px;
  height: 120%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 255, 0)), color-stop(24%, rgba(255, 0, 255, 0.5)), color-stop(48%, rgba(255, 0, 255, 0.38)), color-stop(72%, rgba(64, 216, 255, 0.34)), to(rgba(80, 232, 255, 0)));
  background: linear-gradient(to bottom, rgba(255, 0, 255, 0) 0%, rgba(255, 0, 255, 0.5) 24%, rgba(255, 0, 255, 0.38) 48%, rgba(64, 216, 255, 0.34) 72%, rgba(80, 232, 255, 0) 100%);
  -webkit-filter: blur(0.5px);
          filter: blur(0.5px);
  z-index: 1;
  -webkit-animation: tractor-beam 1.9s cubic-bezier(0.42, 0, 0.24, 1) infinite alternate;
          animation: tractor-beam 1.9s cubic-bezier(0.42, 0, 0.24, 1) infinite alternate;
}
.braink-loader::after {
  width: 180px;
  height: 125%;
  background: radial-gradient(ellipse at center, rgba(255, 0, 255, 0.4) 0%, rgba(255, 0, 255, 0.2) 36%, rgba(96, 228, 255, 0.26) 56%, rgba(0, 0, 0, 0) 76%);
  -webkit-filter: blur(14px);
          filter: blur(14px);
  z-index: 0;
  animation: tractor-beam 2.4s cubic-bezier(0.42, 0, 0.24, 1) infinite alternate-reverse;
}
.braink-loader img {
  position: relative;
  z-index: 2;
  width: 60px;
  height: 60px;
  margin-top: 0;
  -webkit-filter: drop-shadow(0 0 12px rgba(255, 0, 255, 0.65)) drop-shadow(0 0 16px rgba(92, 224, 255, 0.34));
          filter: drop-shadow(0 0 12px rgba(255, 0, 255, 0.65)) drop-shadow(0 0 16px rgba(92, 224, 255, 0.34));
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation: logo-abduction 2.1s cubic-bezier(0.22, 0.84, 0.32, 1) 0s 1 normal forwards, logo-float-y 1.35s cubic-bezier(0.43, 0, 0.44, 1) 2.1s infinite alternate, logo-opacity 1s cubic-bezier(0.58, 0.02, 0.5, 0.99) infinite alternate;
          animation: logo-abduction 2.1s cubic-bezier(0.22, 0.84, 0.32, 1) 0s 1 normal forwards, logo-float-y 1.35s cubic-bezier(0.43, 0, 0.44, 1) 2.1s infinite alternate, logo-opacity 1s cubic-bezier(0.58, 0.02, 0.5, 0.99) infinite alternate;
}
.braink-loader--noshow {
  pointer-events: none;
  -webkit-animation: loader-out 0.9s cubic-bezier(0.22, 0.88, 0.3, 1) forwards;
          animation: loader-out 0.9s cubic-bezier(0.22, 0.88, 0.3, 1) forwards;
}
.braink-loader--show {
  pointer-events: none;
  -webkit-animation: loader-in 0.9s cubic-bezier(0.22, 0.88, 0.3, 1) forwards;
          animation: loader-in 0.9s cubic-bezier(0.22, 0.88, 0.3, 1) forwards;
}
@-webkit-keyframes loader-out {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  70% {
    opacity: 0.25;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
}
@keyframes loader-out {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  70% {
    opacity: 0.25;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
}
@-webkit-keyframes loader-in {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  30% {
    opacity: 0.25;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes loader-in {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  30% {
    opacity: 0.25;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@-webkit-keyframes logo-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}

@keyframes logo-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
@-webkit-keyframes logo-abduction {
  0% {
    -webkit-transform: translateY(120px) scaleX(0.9) scaleY(0.82);
            transform: translateY(120px) scaleX(0.9) scaleY(0.82);
    opacity: 0.35;
  }
  42% {
    -webkit-transform: translateY(46px) scaleX(0.62) scaleY(1.18);
            transform: translateY(46px) scaleX(0.62) scaleY(1.18);
    opacity: 0.72;
  }
  68% {
    -webkit-transform: translateY(14px) scaleX(0.78) scaleY(1.08);
            transform: translateY(14px) scaleX(0.78) scaleY(1.08);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translateY(0) scaleX(1) scaleY(1);
            transform: translateY(0) scaleX(1) scaleY(1);
    opacity: 1;
  }
}
@keyframes logo-abduction {
  0% {
    -webkit-transform: translateY(120px) scaleX(0.9) scaleY(0.82);
            transform: translateY(120px) scaleX(0.9) scaleY(0.82);
    opacity: 0.35;
  }
  42% {
    -webkit-transform: translateY(46px) scaleX(0.62) scaleY(1.18);
            transform: translateY(46px) scaleX(0.62) scaleY(1.18);
    opacity: 0.72;
  }
  68% {
    -webkit-transform: translateY(14px) scaleX(0.78) scaleY(1.08);
            transform: translateY(14px) scaleX(0.78) scaleY(1.08);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translateY(0) scaleX(1) scaleY(1);
            transform: translateY(0) scaleX(1) scaleY(1);
    opacity: 1;
  }
}
@-webkit-keyframes logo-float-y {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -7px;
  }
}
@keyframes logo-float-y {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -7px;
  }
}
@-webkit-keyframes tractor-beam {
  0% {
    opacity: 0.62;
    -webkit-transform: translateX(-50%) scaleX(0.94);
            transform: translateX(-50%) scaleX(0.94);
  }
  100% {
    opacity: 0.95;
    -webkit-transform: translateX(-50%) scaleX(1.08);
            transform: translateX(-50%) scaleX(1.08);
  }
}
@keyframes tractor-beam {
  0% {
    opacity: 0.62;
    -webkit-transform: translateX(-50%) scaleX(0.94);
            transform: translateX(-50%) scaleX(0.94);
  }
  100% {
    opacity: 0.95;
    -webkit-transform: translateX(-50%) scaleX(1.08);
            transform: translateX(-50%) scaleX(1.08);
  }
}
@media (min-width: 1200px) and (min-height: 600px) {
  .braink-loader::before {
    width: 7.1667vw;
  }
  .braink-loader::after {
    width: 15vw;
  }
  .braink-loader img {
    width: 4.5vw;
    height: 4.5vw;
  }
  @-webkit-keyframes logo-abduction {
    0% {
      -webkit-transform: translateY(10vw) scaleX(0.9) scaleY(0.82);
              transform: translateY(10vw) scaleX(0.9) scaleY(0.82);
      opacity: 0.35;
    }
    42% {
      -webkit-transform: translateY(3.8333vw) scaleX(0.62) scaleY(1.18);
              transform: translateY(3.8333vw) scaleX(0.62) scaleY(1.18);
      opacity: 0.72;
    }
    68% {
      -webkit-transform: translateY(1.1667vw) scaleX(0.78) scaleY(1.08);
              transform: translateY(1.1667vw) scaleX(0.78) scaleY(1.08);
      opacity: 0.9;
    }
    100% {
      -webkit-transform: translateY(0) scaleX(1) scaleY(1);
              transform: translateY(0) scaleX(1) scaleY(1);
      opacity: 1;
    }
  }
  @keyframes logo-abduction {
    0% {
      -webkit-transform: translateY(10vw) scaleX(0.9) scaleY(0.82);
              transform: translateY(10vw) scaleX(0.9) scaleY(0.82);
      opacity: 0.35;
    }
    42% {
      -webkit-transform: translateY(3.8333vw) scaleX(0.62) scaleY(1.18);
              transform: translateY(3.8333vw) scaleX(0.62) scaleY(1.18);
      opacity: 0.72;
    }
    68% {
      -webkit-transform: translateY(1.1667vw) scaleX(0.78) scaleY(1.08);
              transform: translateY(1.1667vw) scaleX(0.78) scaleY(1.08);
      opacity: 0.9;
    }
    100% {
      -webkit-transform: translateY(0) scaleX(1) scaleY(1);
              transform: translateY(0) scaleX(1) scaleY(1);
      opacity: 1;
    }
  }
  @-webkit-keyframes logo-float-y {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -0.5833vw;
    }
  }
  @keyframes logo-float-y {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -0.5833vw;
    }
  }
}