/**
 * Theme Name:  Sonaar Child Theme - Ultimate Creative Music WP Theme
 * Theme URI:   https://sonaar.io/
 * Description: Sonaar is a complete solution for everybody in the music industry.
 *
 * Author:      Sonaar
 * Author URI:  https://sonaar.io
 *
 * Version:     1.0
 * Template:    sonaar
 * Text Domain: sonaar-child
 *
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */


/* =Theme customization starts here
-------------------------------------------------------------- */



@font-face {
  font-family: 'BASSNECTAR';
  src:  url('https://bassnectar.net/wp-content/uploads/2025/07/BASSNECTAR.eot?c5ao8n');
  src:  url('https://bassnectar.net/wp-content/uploads/2025/07/BASSNECTAR.eot?c5ao8n#iefix') format('embedded-opentype'),
    url('https://bassnectar.net/wp-content/uploads/2025/07/BASSNECTAR.ttf?c5ao8n') format('truetype'),
    url('https://bassnectar.net/wp-content/uploads/2025/07/BASSNECTAR.woff?c5ao8n') format('woff'),
    url('https://bassnectar.net/wp-content/uploads/2025/07/BASSNECTAR-1.svg?c5ao8n#BASSNECTAR') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}



.holo {
  font-family: 'BASSNECTAR' !important;
  display: inline-block;
  line-height: 1;

  background-image: url("https://bassnectar.net/wp-content/uploads/2025/07/holo-foil-back-ten-scaled.jpg");
  background-size: 400% 400%;
  background-position: 50% 50%;
  animation: gradientBGMoveTwo 24s ease infinite;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  -webkit-filter: saturate(105%) brightness(1.05);
          filter: saturate(105%) brightness(1.05);
}

@keyframes gradientBGMoveTwo {
  0% { background-position: 50% 50%; }
  20% { background-position: 100% 50%; }
  40% { background-position: 100% 100%; }
  60% { background-position: 50% 100%; }
  80% { background-position: 0% 50%; }
  100% { background-position: 50% 50%; }
}

.gold {
  font-family: 'BASSNECTAR' !important;
  font-size: 100px;
  display: inline-block;
  line-height: 1;

  background-image: url("https://bassnectar.net/wp-content/uploads/2025/07/gold-texture.jpg");
  background-size: 400% 400%;
  background-position: 50% 50%;
  animation: gradientBGMoveTwo 24s ease infinite;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  -webkit-filter: saturate(105%) brightness(1.05);
          filter: saturate(105%) brightness(1.05);
}

@keyframes gradientBGMoveTwo {
  0% { background-position: 50% 50%; }
  20% { background-position: 100% 50%; }
  40% { background-position: 100% 100%; }
  60% { background-position: 50% 100%; }
  80% { background-position: 0% 50%; }
  100% { background-position: 50% 50%; }
}


<span class="gold">&#xe666;</span>
<span class="gold">&#xe901;</span>
<span class="gold">&#xe902;</span>
<span class="gold">&#xe903;</span>
<span class="gold">&#xe904;</span>
<span class="gold">&#xe905;</span>
<span class="gold">&#xe906;</span>

<span class="holo">&#xe666;</span>
<span class="holo">&#xe900;</span>
<span class="holo">&#xe901;</span>
<span class="holo">&#xe902;</span>
<span class="holo">&#xe903;</span>
<span class="holo">&#xe904;</span>
<span class="holo">&#xe905;</span>
<span class="holo">&#xe906;</span>

.sr_it-padtop {padding-top: 0;}