/* Pollen Shortcode */
.pollen_counter {text-align: center;}
.pollen_counter.single {max-width: 400px;}
.pollen_counter.double     .pollen-type {width: 45%;display: inline-block;margin-right: 4%;}
.pollen_counter.horizontal .pollen-type {width: 22%; display: inline-block; margin-right: 2%;}
.pollen_counter b {display: block; margin-bottom: 1em;}
.pollen_counter .st0{fill:#6D6D6D;}
.pollen_counter .st1{fill:#ED1C24;}
.pollen_counter .st2{fill:#F8EF1D;}
.pollen_counter .st3{fill:#F57E20;}
.pollen_counter .st4{fill:#85C440;}
.pollen_counter .st5{opacity:0.42;}
.pollen_counter .st6{fill:#E6E7E7;}
.pollen_counter .needle {animation: 1s ease 0.5s 1 forwards; transform-origin: 50% 90%; transform-style: preserve-3D; transform: rotate(-94deg);}
.pollen_counter .absent .needle {animation-name: absent;}
.pollen_counter .Low .needle {animation-name: low;}
.pollen_counter .Moderate .needle {animation-name: moderate;}
.pollen_counter .High .needle {animation-name: high;}
.pollen_counter .Very.High .needle {animation-name: very-high;}
.pollen_counter .not-counted {-webkit-filter: grayscale(100%); filter: grayscale(100%);}

@keyframes absent {
    0%   {transform: rotate(-94deg);}
    100% {transform: rotate(-80deg);}
}

@keyframes low {
    0%   {transform: rotate(-94deg);}
    100% {transform: rotate(-40deg);}
}

@keyframes moderate {
    0%   {transform: rotate(-94deg);}
    100% {transform: rotate(0deg);}
}

@keyframes high {
    0%   {transform: rotate(-94deg);}
    100% {transform: rotate(40deg);}
}

@keyframes very-high {
    0%   {transform: rotate(-94deg);}
    100% {transform: rotate(80deg);}
}
