@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
.jss {
    font-family: 'Josefin Sans', sans-serif !important;
}
.navbar-vertical .navbar-nav {
    font-weight: 300 !important;
    font-size: 0.75rem !important;
}
.nav-link-text {
    padding-top: 0.25rem !important;
}
.bg-card-blue {
    background-image:url('../assets/img/illustrations/bg-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right; 
    overflow: hidden;
}
.bg-card-header {
    background-color: transparent !important;
}
/* Gold */
.text-rank-2 {
    color: #d4af37;
}
/* Silver */
.text-rank-1 {
    color: #b5b5bd;
}
/* Bronze */
.text-rank-0 {
    color: #ae6842;
}
/* Positive */
.text-sentiment-1 {
    color: #00d27a;
}
/* Neutral */
.text-sentiment-0 {
    color: #b5b5bd;
}
/* Negative */
.text-sentiment--1 {
    color: #e63757 ;
}
/* Shopify */
.text-shopify {
  color: #96bf48 !important;
}

.ico-spin {
    -webkit-animation: ico-spin 2s infinite linear;
    animation: ico-spin 2s infinite linear;
  }
  @-webkit-keyframes ico-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @keyframes ico-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
}

.vibrant-bg {
  background-image:-o-linear-gradient(-135deg, rgba(0,160,255,0.86), #0048a2),
  url(../img/generic/bg-navbar.png);
  background-image:linear-gradient(45deg, rgba(0,160,255,0.86), #0048a2),
  url(../img/generic/bg-navbar.png);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  color: white;
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}

.hbeat {
  animation: heartbeat 1s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(44,123,229, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(44,123,229, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(44,123,229, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(44,123,229, 0.4);
    box-shadow: 0 0 0 0 rgba(44,123,229, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(44,123,229, 0);
      box-shadow: 0 0 0 10px rgba(44,123,229, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(44,123,229, 0);
      box-shadow: 0 0 0 0 rgba(44,123,229, 0);
  }
}

.spulse {
	border-radius: 50%;
	box-shadow: 0 0 0 rgb(44,123,229);
	animation: pulse 2s infinite;
}