/* The margin of the intrudoction text */
.appearancemodifier-petition #intro.crm-section {
    margin: 0 0 1em;
}
/* Outro text the is displayed after the submit button. */
.appearancemodifier-petition#crm-container .crm-section.helprow-post[id*='helprow-'] div.content.description.outro {
    margin-top: 35px;
}
/* The petition signers block */
.appearancemodifier-petition [class*='appearancemodifier-signers-'] p {
    font-weight: bolder;
    font-size: 1.25em;
    line-height: 1.4;
}
/* The petition signers block progressbar. Main rules. based on this document: https://css-tricks.com/html5-progress-element/ */
.appearancemodifier-petition .appearancemodifier-signers-progressbar progress {
    width: 100%;
    appearance: none;
    height: 26px;
    border: 2px solid white;
    background-color: #fff;
    color: #fff;
}
/* The petition signers block progressbar. firefox implementation. */
.appearancemodifier-petition .appearancemodifier-signers-progressbar progress::-moz-progress-bar {
    background-image: linear-gradient(90deg, #ffdf28, #f2ab07 35%, #f93014);
}
/* The petition signers block progressbar. webkit implementation. */
.appearancemodifier-petition .appearancemodifier-signers-progressbar progress::-webkit-progress-bar {
    background-color: #fff;
}
.appearancemodifier-petition .appearancemodifier-signers-progressbar progress::-webkit-progress-value {
    background-image: linear-gradient(90deg, #ffdf28, #f2ab07 35%, #f93014);
}