/* 
Add your additional CSS here. Note that the plug-in already includes the baseline CSS at css/style.css. 
For example, the CSS below makes the MoodThingy header bar red, but we've commented this out so the CSS won't show.
*/

/*
#moodthingy-widget #hdr { background-color: #f00; }
*/



.voting {
  min-width: 250px;
}

.voting > #moodthingy-widget{
  width: 250px;
}




  
 .voting > .footitle,
 .voting > #moodthingy-widget{
    display:block !important;
  }
}



@media (max-width: 773px){
  .dial .arrow {
    left: 56px !important;
  }

 
  .single-style1-meta-tag{
    overflow:visible !important;
  }
}


@media (max-width: 330px)
{
  .dial .arrow {
    left: 48px !important;
  }
}



.dial .arrow {
  right:41.5% !important;
}

.dial{
    background: url(https://isitfunnyoroffensive.com/wp-content/uploads/2018/01/spinnerbg-gradient.png) no-repeat center center !important;
}





#moodthingy-widget .arrow {
  transform-origin: 95px center !important;
}

#moodthingy-widget.voted .arrow {
  left: 0% !important;
  right: 79px;
  top: 82px;
}

#moodthingy-widget.voted .gauge {
  margin: auto;
  width: 190px;
}