/*------------------------------------
    Global styles
    ----------------------------------*/
.number {
  font-family: 'highway_gothic_narrowregular', sans-serif;
  font-weight: 700;
}


.fl-sr .off { /*svg image */

}

.fl-sr .on { /*svg image */
  
}



/*------------------------------------
    Main Florida Button
    right hand column on desktop
    below article on mobile
    ----------------------------------*/


.fl-button-main {
  display: block;
  text-align: center;
  overflow: hidden;
  padding: 20px;
}

.fl-button-main .fl-button-loader {
  display: inline-block;
  width: 60px;
  height: 50px;
  position: absolute;
  left: 32px;
  bottom: 20px;
}

.fl-button-status-box {
  display: block;
  text-align: center;
  font-size: .9em;
  line-height: 1.3;
}


.fl-button-status-box .removevote {
  font-size: .77em;
  color: rgba(244,60,18,0.5);
  transition: color .5s ease-out;
}
.fl-button-status-box .removevote:hover {
  font-size: .77em;
  color: rgba(255,51,0,1);
  transition: color .2s ease-in;
}




a.fl-button, a.fl-button:active, a.fl-button:focus, a.fl-button:hover {
  outline: none;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

a.fl-button.unliked {
  cursor: pointer;
}
a.fl-button.liked {
  cursor: default;
}


.fl-sr { /*main holder for clickable sign */
  display: inline-block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 12px;
  padding: 4px 4px 4px 4px;
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
}


@-webkit-keyframes pulsate {
    from { box-shadow: 0 0 10px #333; }
    to { box-shadow: 0 0 20px #f43c12; }
}
@-moz-keyframes pulsate {
    from { box-shadow: 0 0 10px #333; }
    to { box-shadow: 0 0 20px #f43c12; }
}
@keyframes pulsate {
    from { box-shadow: 0 0 10px #333; }
    to { box-shadow: 0 0 20px #f43c12; }
}

.fl-sr.off {
  border: 4px solid black;
  -webkit-animation: pulsate 1s infinite alternate;
    -moz-animation: pulsate 1s infinite alternate;
    animation: pulsate 1s infinite alternate;
}

a.fl-button .fl-sr.off svg > path  { /*main holder for clickable sign */

  fill: black;
}

@-webkit-keyframes pulsatemore {
    from { box-shadow: 0 0 10px #ccffff; }
    to { box-shadow: 0 0 20px #ff3300; }
}
@-moz-keyframes pulsatemore {
    from { box-shadow: 0 0 10px #ccffff; }
    to { box-shadow: 0 0 20px #ff3300; }
}
@keyframes pulsatemore {
    from { box-shadow: 0 0 10px #ccffff; }
    to { box-shadow: 0 0 20px #ff3300; }
}

a.fl-button:hover .fl-sr.off { /*main holder for clickable sign */

  -webkit-animation: pulsatemore .2s infinite alternate;
    -moz-animation: pulsatemore .2s infinite alternate;
    animation: pulsatemore .2s infinite alternate;
}

a.fl-button:hover .fl-sr.off svg > path  { /*main holder for clickable sign */

  fill: #ff3300;
}

.fl-sr.on {
  border: 4px solid black;
  cursor: default;
}

.fl-sr.on svg > path {
  fill: #ff3300;
}



.fl-button-main .flapprovals {
  color: black;
  line-height: 1;
  width: auto;
  text-align: center;
  position: absolute;
  z-index: 7; /* lifting above loader */
}

.fl-button-main .flapprovals.huge {
  width: 60px;
  left: 40px;
  top: 30px;
  font-size: 4.5em !important;
}
.fl-button-main .flapprovals.big {
  width: 80px;
  left: 15px;
  top: 34px;
  font-size: 4em !important;
}
.fl-button-main .flapprovals.medium {
  width: 86px;
  left: 10px;
  top: 43px;
  font-size: 3em !important;
  letter-spacing: -.02em;
}
.fl-button-main .flapprovals.small {
  width: 86px;
  left: 8px;
  top: 48px;
  font-size: 2.4em !important;
  letter-spacing: -.03em;
}
.fl-button-main .flapprovals.extrasmall {
  width: 90px;
  left: 6px;
  top: 52px;
  font-size: 1.8em !important;
  letter-spacing: -.03em;
}

.fl-button-main .flapprovals.extrasmall2 {
  width: 90px;
  left: 6px;
  top: 56px;
  font-size: 1.4em !important;
  letter-spacing: initial;
}

.main-fl-button-data-box { /* main holder for data on right col */
  display: block;
  text-align: center;
  padding: 0 .3em .5em .3em;
  font-size: .8em;
  line-height: 1.2;
}


.main-fl-button-data-box .number {
  font-size: 1.5em;
}


#points-tag-list-simple {
  display: none;
}
#points-tag-list-simple a {
  white-space: nowrap;
}


/*------------------------------------
    Mobile Florida Button
    ----------------------------------*/



.fl-button-mobile {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  padding: 10px;
  width: 25%;
  float: right;
}
@media (min-width: 750px) {
  .fl-button-mobile {
  display: none;
  }
}

.fl-button-mobile .fl-button-loader {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 6px;
  bottom: 4px;
}

.fl-button-mobile .fl-button-status-box-mobile {
  display: none;
}

@media (min-width: 340px) {
  .fl-button-mobile .fl-button-status-box-mobile {
    display: block;
    font-weight: 400;
    font-size: .7em;
    line-height: 1.1;
  }
}
.fl-button-status-box-mobile .removevote {
  font-size: .7em;
  color: rgba(244,60,18,0.7);
  transition: color .5s ease-out;
}
.fl-button-status-box-mobile .removevote:hover {
  font-size: .7em;
  color: rgba(255,51,0,1);
  transition: color .2s ease-in;
}

.fl-button-mobile .fl-sr { /*main holder for clickable sign */
  display: inline-block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 12px;
  padding: 4px 4px 4px 4px;
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
}


@-webkit-keyframes pulsatemobile {
    from { box-shadow: 0 0 5px #333; }
    to { box-shadow: 0 0 10px #f43c12; }
}
@-moz-keyframes pulsatemobile {
    from { box-shadow: 0 0 5px #333; }
    to { box-shadow: 0 0 10px #f43c12; }
}
@keyframes pulsatemobile {
    from { box-shadow: 0 0 5px #333; }
    to { box-shadow: 0 0 10px #f43c12; }
}

.fl-button-mobile .fl-sr.off {
  border: 2px solid black;
  -webkit-animation: pulsatemobile 1s infinite alternate;
    -moz-animation: pulsatemobile 1s infinite alternate;
    animation: pulsatemobile 1s infinite alternate;
}

@-webkit-keyframes pulsatemoremobile {
    from { box-shadow: 0 0 5px #ccffff; }
    to { box-shadow: 0 0 10px #ff3300; }
}
@-moz-keyframes pulsatemoremobile {
    from { box-shadow: 0 0 5px #ccffff; }
    to { box-shadow: 0 0 10px #ff3300; }
}
@keyframes pulsatemoremobile {
    from { box-shadow: 0 0 5px #ccffff; }
    to { box-shadow: 0 0 10px #ff3300; }
}

.fl-button-mobile a.fl-button:hover .fl-sr.off { /*main holder for clickable sign */

  -webkit-animation: pulsatemoremobile .2s infinite alternate;
    -moz-animation: pulsatemoremobile .2s infinite alternate;
    animation: pulsatemoremobile .2s infinite alternate;
}

.fl-button-mobile a.fl-button:hover .fl-sr.off svg > path  { /*main holder for clickable sign */

  fill: #ff3300;
}

.fl-button-mobile .fl-sr.on {
  border: 2px solid black;
  cursor: default;
}

.fl-button-mobile .fl-sr.on svg > path {
  fill: #ff3300;
}

.fl-button-mobile .flapprovals {
  color: black;
  line-height: 1;
  width: auto;
  text-align: center;
  position: absolute;
  z-index: 7; /* lifting above loader */
  font-weight: 400;
}

.fl-button-mobile .flapprovals.huge {
  width: 40px;
  left: 14px;
  top: 19px;
  font-size: 2em !important;
}
.fl-button-mobile .flapprovals.big {
  width: 40px;
  left: 6px;
  top: 23px;
  font-size: 1.6em !important;
}
.fl-button-mobile .flapprovals.medium {
  width: 46px;
  left: 4px;
  top: 24px;
  font-size: 1.18em !important;
}
.fl-button-mobile .flapprovals.small {
  width: 44px;
  left: 4px;
  top: 26px;
  font-size: 1.1em !important;
}
.fl-button-mobile .flapprovals.extrasmall {
  width: 44px;
  left: 4px;
  top: 27px;
  font-size: .9em !important;
}

.fl-button-mobile .flapprovals.extrasmall2 {
  width: 44px;
  left: 4px;
  top: 28px;
  font-size: .8em !important;
}



/*------------------------------------
    Loader
    ----------------------------------*/
.loader,
.loader:before,
.loader:after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: loaderloop 1s infinite ease-in-out;
  animation: loaderloop 1s infinite ease-in-out;
  width: .2em;
  height: .6em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -.375em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 1.5em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: .375em;
}
@-webkit-keyframes loaderloop {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}
@keyframes loaderloop {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}



.fl-button-mobile .loader {
  font-size: .8em;
}

/*------------------------------------
    Footer data
    ----------------------------------*/

.single.single-post .floridapointsdatafooter {/* called for ajax */
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

.single.single-post .entry-footer .floridapointsdatafooter a.votenow.unclicked {
  background-color: transparent;
  border: 1px solid transparent;
  transition: all .5s;
}

.single.single-post .entry-footer .floridapointsdatafooter a.votenow.clicked {
  cursor: wait;
  background-color: #00ffff;
  border: 1px solid #ff0000;
  transition: all .5s;
}

.single.single-post .entry-footer .floridapointsdatafooter a.undovote.unclicked {
  font-size: .8em;
  transition: font-size 1s ease-in;
}
.single.single-post .entry-footer .floridapointsdatafooter a.undovote.clicked {
  font-size: .1em;
  cursor: wait;
  transition: font-size 1s ease-in;
}


.single.single-post .floridapproval-info {
  display: block; /* florida button info */
}

.single.single-post .tags-info {
  display: block; /* florida button info */
}

.single.single-post .totalfloridapoints-info {
  display: block; /* florida button info */
}



/*--------------------------------------------------------------
#### Florida Points
--------------------------------------------------------------*/




/* bottom of article main florida points box */


.florida-points-box{
  display: block;
    padding: 0;
}

.florida-points-box .voting-button{
  display: inline-block;
}

.florida-points-box .loading.hide{
  display: none;
}
.florida-points-box .loading.show{
  display: inline;
}

#total-florida-points, .like-count {
  overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.florida-points-box .number {
  font-size: 1.4em;
}
.florida-points-box .like-count,
.florida-points-box .tag-count,
.florida-points-box .florida-points {
  display: inline;
    font-weight: 400;
    white-space: nowrap;
}
.florida-points-box .multiplier {
  font-size: 2em;
    font-weight: 400;
    color: #cccccc;
}