MediaWiki:Centralnotice-template-Donation: Difference between revisions

From WikiCigar
Jump to navigation Jump to search
No edit summary
Tag: Central Notice
No edit summary
Tag: Central Notice
Line 1: Line 1:
<!-- Small mobile banner -->
<style>
<style>
/* css variables */
/* Hide when editing */
:root {
.action-edit .frb,
    --wmui-base100: #fff;
.ve-activated .frb {
    --wmui-base90: #f8f9fa;
     display: none !important;
    --wmui-base80: #eaecf0;
}
    --wmui-base70: #c8ccd1;
 
    --wmui-base50: #a2a9b1;
/* Hide when printed */
    --wmui-base30: #72777d;
@media print {
    --wmui-base20: #54595d;
     .frb {
    --wmui-base10: #202122;
        display: none !important;
    --wmui-base0: #000;
     }
    --wmui-accent: #36c;
}
    --wmui-accent-light: #eaf3ff;
 
    --wmui-accent-dark: #2a4b8d;
.frb {
    --wmui-red: #d33;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --wmui-red-light: #fee7e6;
}
    --wmui-red-dark: #b32424;
 
    --wmui-green: #00af89;
#centralNotice.collapsed .frb {
    --wmui-green-light: #d5fdf4;
     display: none;
    --wmui-green-dark: #14866d;
}
    --wmui-yellow: #fc3;
 
    --wmui-yellow-light: #fef6e7;
/* z-index override for #siteNotice now having .mw-body-content class [https://phabricator.bharatmedia.org/T155863] */
    --wmui-yellow-dark: #ac6600;
#siteNotice {
    --frb-primary: #900;
     z-index: auto;
    --frb-primary-light: #fee7e6;
     --frb-primary-dark: var(--frb-primary);
    --frb-body: var(--wmui-base0);
    --frb-link: var(--wmui-accent);
    --frb-link-hover: #447ff5;
    --frb-message-background: var(--wmui-base100);
     --frb-message: var(--wmui-base0);
    --frb-muted: var(--wmui-base20);
     --frb-muted-hover: var(--wmui-base0);
    --frb-radio: var(--wmui-accent);
    --frb-button: var(--wmui-base90);
    --frb-button-border: var(--wmui-base50);
     --frb-button-hover: var(--wmui-base100);
    --frb-button-border-hover: var(--wmui-base50);
    --frb-button-focus: var(--wmui-base90);
    --frb-button-border-focus: var(--wmui-accent);
    --frb-button-selected: var(--wmui-accent-dark);
     --frb-button-border-selected: #7d8389;
    --frb-submit: var(--wmui-accent);
    --frb-submit-border: var(--wmui-accent);
    --frb-submit-hover: #447ff5;
    --frb-submit-border-hover: #447ff5;
     --frb-error: var(--frb-primary);
}
}


/* Hide nag when editor overlay enabled, or reference drawer open */
/* z-index override for German Bharatpedia */
.overlay-enabled #frb-nag,
.mw-body {
.has-drawer--with-scroll-locked #frb-nag {
    z-index: auto;
     display: none !important;
}
 
#toc,
.toc {
     clear: left;
}
}


Line 66: Line 46:
}
}


.frb input[type="radio"],
.frb button {
.frb input[type="number"],
     background: transparent;
.frb input[type="email"] {
     border: 0;
    appearance: none;
     cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
 
.frb input[type="number"] {
     background-color: transparent;
     -moz-appearance:textfield;
}
 
.frb input[type="number"]::-webkit-outer-spin-button,
.frb input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
     margin: 0;
}
}


.frb frb-amt {
.frb frb-amt {
     white-space: nowrap;
     white-space: nowrap;
}
/* Hide when printed */
@media print {
    .frb {
        display: none !important;
    }
}
}


Line 99: Line 59:
     .frb,
     .frb,
     .frb * {
     .frb * {
         transition: none;
         transition-duration: 0.01ms !important;
     }
     }
}
}


/* Typography
/* Inline banner styles
---------------------------- */
---------------------------- */
/*Base font*/
#frb-inline {
#frb-inline {
    font-family: system-ui, -apple-system,BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
     display: table;
    font-size: 16px;
     position: relative;
    line-height: 1.5; /*24px @16px*/
     background: white;
}
     color: black;
 
span.frb-emoji {
    font-family: "Segoe UI Emoji";
}
 
.frb-error {
     display: none;
     line-height: 1.25; /*20px @16px*/
     font-weight: 400;
    margin: 4px 0;
     color: var(--frb-error);
    text-align: center;
}
 
.frb-inline-rml-form-close,
.frb-inline-rml-wrapper,
.frb-inline-close {
    font-size: 12px;
}
 
#frb-inline legend,
.frb-inline-rml-label,
.frb-other-txt,
.frb-optin-no-prompt {
     font-size: 14px;
     font-size: 14px;
     line-height: 1.2857142857; /*18px @14px*/
     margin: 12px 0 38px;
    border: 5px solid #900;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
}


@media all and (min-width: 480px) {
@media all and (min-width: 1390px) {
     .frb-other-txt {
     #frb-inline {
         font-size: 15px;
         float: left;
         line-height: 1.2666666667; /*19px @15px*/
        width: 40%;
         margin-top: 5px;
        /*align with article text*/
        margin-right: 16px;
     }
     }
}


#frb-nag {
    body.rtl #frb-inline {
    font-size: 15px;
        float: right;
    line-height: 1.2; /*18px @15px*/
        margin-right: 0;
}
        margin-left: 16px;
    }


@media all and (min-width: 720px) {
    /* Override for where it should be full width e.g. on Main Page */
     #frb-nag {
     #frb-inline.frb-fullwidth {
         font-size: 17px;
         float: none;
        width: 100%;
        margin-top: 0;
        margin-right: 0;
     }
     }
}
}


.frb-submit {
/* --- Top bar --- */
    font-size: 18px;
    line-height: 1.2222222222; /*22px @18px*/
}


.frb-inline-rml .frb-submit,
.frb-inline-topbar {
.frb-inline-rml-form input {
    width: 100%;
     font-size: 16px; /*overrides .frb-submit*/
    padding: 6px 10px 9px 10px;
     line-height: 1.25; /*20px @16px*/
    text-align: center;
    background-color: #900;
    color: #fff;
    display: inline-block;
    z-index: 999;
    font-weight: 600;
     font-size: 16px;
     line-height: 1.125;
    /*18px @16px*/
}
}


.frb-inline-rml-wrapper {
/* --- Main content --- */
    line-height: 18px; /*fixed line height due to normal/bold difference*/
    text-transform: uppercase;
}


.frb-btn {
.frb-inline-main {
     font-size: 15px;
     padding: 14px 16px 16px;
    line-height: 1;
}
}


@media all and (min-width: 375px) {
.frb-inline-message {
    .frb-btn {
    font-size: 16px;
        font-size: 16px;
     line-height: 1.5625;
    }
    /*25px @16px*/
}
     display: block;
 
.frb-inline-rml .frb-submit,
.frb-inline-rml-form input,
.frb-ptf {
     line-height: 1.25; /*20px @16px*/
}
 
/* In-article banner styles
---------------------------- */
 
#frb-inline {
     display: table;
    position: relative;
    background: var(--wmui-base100);
    color: var(--frb-body);
    margin-top: 14px;
    margin-left: -16px;
    margin-right: -16px;
}
 
.frb-inline-border {
    position: relative;
    border-top: 5px solid var(--frb-primary);
    border-bottom: 5px solid var(--frb-primary);
    padding: 10px 16px 6px;
    background-color: var(--frb-primary-light);
}
}


.frb-inline-message .frb-icon-info {
.frb-inline-message .frb-icon-info {
    height: 16px;
     margin-bottom: -2px;
     margin-bottom: -2px;
     margin-right: 1px;
     margin-right: 2px;
}
}


.frb-icon-info circle {
/* --- Form legends --- */
     fill: var(--frb-primary);
.frb-form {
     position: relative;
}
}


.frb-icon-info path {
.frb-legend {
     fill: var(--wmui-base100);
     margin: 0;
    padding: 6px 0 8px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 1.2142857143;
    /*17px @14px*/
    color: #54595d;
    font-weight: normal;
    text-transform: none;
}
}


.frb-inline-message p:first-of-type {
.frb-form fieldset.frb-haserror .error-highlight {
     margin-top: 0;
     color: #d33;
    font-weight: 600;
}
}


.frb-form {
#frb-inline ul {
    position: relative;
     margin: 0;
     margin-top: 0;
    padding-bottom: 8px;
}
}


.frb-methods,
.frb-form fieldset {
.frb-amounts,
     width: 100%;
.frb-frequency,
     margin: 12px auto 0;
.frb-optin {
     padding: 0;
     margin-top: 1em;
     border: none;
     width: calc(100% + 8px);
     margin-left: -4px;
     margin-right: -4px;
}
}


.frb-form ul {
/*less padding to use less vertical height*/
     display: flex;
.frb-form .frb-methods {
    flex-wrap: wrap;
     margin-top: 6px;
    width: 100%;
    padding: 0;
}
}


/* --- Form legends --- */
/* --- Common Button Styles --- */


.frb-form legend,
/* TODO - fix to remove !important */
.frb-inline-rml-label {
.frb-btn-wrapper {
     margin: 0;
     margin-left: -6px !important;
    color: var(--wmui-base20);
     width: calc(100% + 12px) !important;
    text-align: center;
     width: 100%;
}
}
 
body.rtl .frb-btn-wrapper {
.frb-form fieldset.frb-haserror .error-highlight {
     margin-left: 0 !important;
     color: var(--frb-error);
    margin-right: -6px !important;
}
}


.frb-form legend {
.frb-optin ul.frb-btn-wrapper,
     font-weight: bold;
#frb-inline ul.frb-btn-second-wrapper {
     margin-top: 12px;
}
}


/* --- Common Button Styles --- */
.frb .frb-btn,
 
#frb-amt-other-label {
.frb-btn {
     display: block;
     display: flex;
     min-height: 48px;
     justify-content: center;
    margin: 0 auto;
     align-items: center;
     padding: 15px 6px;
     background-color: var(--frb-button);
     background-color: #f8f9fa;
     color: var(--frb-body);
     color: #222;
     border: 1px solid var(--frb-button-border);
     border: 1px solid #9aa0a7;
     border-radius: 2px;
     border-radius: 2px;
    padding: 17px 6px;
    min-height: 54px;
     outline: 0;
     outline: 0;
     text-align: center;
     text-align: center;
    line-height: 1; /*16px @16px*/
     cursor: pointer;
     cursor: pointer;
     font-weight: bold;
     font-weight: 600;
     transition: background 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
     transition: background 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
}
}
.frb-btn:hover {
 
     background-color: var(--frb-button-hover);
.frb .frb-btn:hover,
     color: var(--frb-body);
#frb-amt-other-label:hover {
     border-color: var(--frb-button-border-hover);
     background-color: #fff;
     color: #444;
     border-color: #a2a9b1;
}
}
.frb-btn:active {
 
.frb .frb-btn:active,
#frb-amt-other-label:active {
     background-color: #d9d9d9;
     background-color: #d9d9d9;
     color: var(--frb-body);
     color: #000;
     border-color: #7d8389;
     border-color: #7d8389;
}
/* Adjust padding for buttons with logo, e.g. payment methods */
.frb-methods .frb-btn-logo {
    padding: 2px 4px;
}
.frb-btn svg {
    max-width: 100%;
}
.frb-logo-paypal-usd {
    margin-bottom: -6px;
}
.frb-form input[type="radio"]:checked+.frb-btn,
.frb-form .frb-btn.checked {
    background-color: #2a4b8d;
    color: #fff;
    border-color: #2a4b8d;
}
.frb-form input[type="radio"]:checked+#frb-amt-other-label #frb-amt-other-input {
    border: none;
    color: #fff;
    box-shadow: 0 1px 0 0 #fff;
}
}


.frb-btn:focus,
.frb-btn:focus,
.frb-fieldset input[type="radio"]:focus + label,
.frb-submit:focus,
.frb-fieldset input[type="radio"]:focus + .frb-btn,
.frb-input:focus,
.frb-frq-switch.is-active {
#frb-amt-other-label:focus {
     border-color: var(--frb-button-border-focus);
    outline: 0;
     box-shadow: inset 0 0 0 1px var(--frb-button-border-focus);
     border-color: #36c;
     box-shadow: inset 0 0 0 1px #36c;
}
}


#frb-form .frb-btn.active,
.frb-form input[type=radio]:focus+.frb-btn,
#frb-form input[type="radio"]:checked + .frb-btn,
.frb-form input[type=radio]:focus+#frb-amt-other-label,
#frb-form .frb-btn.checked {
.frb-form input[type=radio]:checked+.frb-btn:focus,
     background-color: var(--frb-button-selected);
.frb-form input[type=radio]:checked+#frb-amt-other-label:focus,
     color: var(--wmui-base100);
.frb-submit:focus {
     box-shadow: inset 0 0 0 2px #36c, inset 0 0 0 3px #fff;
     border-color: #36c !important;
}
}


.frb-btn.active .frb-logo-paypal path,
.frb-form input[type="radio"]:checked+.frb-btn,
.frb-btn.active .frb-logo-paypal-usd path,
.frb-form input[type="radio"]:checked+#frb-amt-other-label,
.frb-btn.active .frb-logo-amazon-pay path,
.frb-form .frb-btn.checked {
.frb-btn.active .frb-logo-applepay path {
    background-color: #2a4b8d;
     fill: var(--wmui-base100);
     color: #fff;
    border-color: #2a4b8d;
}
}


/* Blue text buttons */
.frb-form input[type="radio"]:checked+#frb-amt-other-label #frb-amt-other-input {
.frb-btn.frb-btn-btxt {
    background-color: transparent;
     color: var(--wmui-accent);
     color: #fff;
}
}
.frb-btn.frb-btn-btxt:active {
 
     color: var(--wmui-accent-dark);
/* Blue buttons */
.frb-methods .frb-btn,
#frb-nag .frb-btn {
     color: #36c;
}
}


/* Disabled states */
.frb-methods .frb-btn:active,
#frb-frequency-monthly:disabled + label,
#frb-nag .frb-btn:active {
.form-monthly .no-monthly button {
     color: #2a4b8d;
     opacity: 0.4 !important;
    cursor: default;
}
}


/* Submit/Continue buttons (blue background) */
/* Submit/Continue buttons (blue background) */
.frb-submit {
.frb .frb-submit {
    width: 100%;
     display: block;
     display: block;
    width: 100%;
     margin-top: 8px;
     margin-top: 12px;
     padding: 16px 2px;
     padding: 17px 6px;
     color: #36c;
    font-weight: bold;
     background-color: #f8f9fa;
     color: var(--frb-submit);
     border: 1px solid #a2a9b1;
     background-color: var(--frb-button);
     border: 1px solid var(--frb-button-border-hover);
     cursor: default;
     cursor: default;
     border-radius: 2px;
     border-radius: 2px;
     transition: background-color 0.5s ease;
     font-size: 16px;
     opacity: .5;
    font-weight: 600;
    line-height: 1;
     transition: background 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
}
}


.frb-submit.active {
.frb-submit.active {
     color: var(--wmui-base100);
     color: #fff;
     background-color: var(--frb-submit);
     background-color: #36c;
     border-color: var(--frb-submit-border);
     border-color: #36c;
     cursor: pointer;
     cursor: pointer;
    opacity: 1;
}
}
.frb-submit.active:hover {
.frb-submit.active:hover {
     background-color: var(--frb-submit-hover);
     background-color: #447ff5;
     border-color: var(--frb-submit-border-hover);
     border-color: #447ff5;
}
}


.frb-submit-label-monthly {
.frb-inline-rml-form .frb-submit {
    display: none;
     padding: 9px 2px;
}
     font-size: 14px;
.frb-submit-label-now {
    display: inline;
}
.form-monthly .frb-submit-label-monthly {
     display: inline;
}
.form-monthly .frb-submit-label-now {
     display: none;
}
 
.frb-inline-rml .frb-submit {
    margin: 8px 0;
    padding: 12px 6px;
}
}


/* Hide radio buttons. Based on http://jqueryui.com/button/#radio */
/* Hide radio buttons. Based on http://jqueryui.com/button/#radio */
.frb-ptf-checkbox,
.frb-frequency li input[type="radio"],
.frb-fieldset li input[type="radio"],
.frb-amounts li input[type="radio"],
.frb-frequency li input[type="radio"] {
.frb-optin li input[type="radio"],
.frb-form input[type="checkbox"] {
     position: absolute;
     position: absolute;
     overflow: hidden;
     overflow: hidden;
Line 397: Line 342:
}
}


/* --- Amount buttons layout --- */
/* --- Buttons layout --- */


.frb-amounts ul li,
.frb-form fieldset ul {
.frb-frequency ul li,
     display: table;
.frb-optin ul li {
     table-layout: fixed;
     display: block;
     width: 100%;
     width: 50%;
     clear: none;
    float: left;
    padding: 4px;
    margin: 0;
}
}


body.rtl .frb-amounts ul li,
.frb-form fieldset ul li {
body.rtl .frb-frequency ul li,
    display: table-cell;
body.rtl .frb-optin ul li {
    vertical-align: top;
     float: right;
     padding: 0 6px;
}
}


/* Larger screen layout, 3 amount buttons per row */
/* --- Frequency buttons appearance --- */
@media (min-width: 375px) {
 
    .frb-amounts ul li {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
 
    .frb-amounts ul li.frb-button--other {
        flex: 0 0 66.67%;
        max-width: 66.67%;
    }


.frb-frequency li {
    display: table-cell;
    padding: 0 7px 0 0;
    vertical-align: top;
}
}


/* --- Amount buttons appearance --- */
.frb-frequency label {
 
     display: block;
.frb-amounts li label:active ,
     width: 100%;
.frb-amounts li input[type="radio"]:checked + label,
.frb-amounts li input[type="radio"].checked + label,
.frb-amounts li label.checked {
     background-color: var(--frb-button-selected);
     border-color: var(--frb-button-border-selected);
    color: var(--wmui-base100);
}
}


.frb-frequency label,
.frb-amounts li label {
.frb-amounts li label {
     display: block;
     font-size: 16px;
    width: 100%;
     line-height: 1;
     min-height: auto;
    height: 54px;
}
}


/* --- Other amount --- */
/* --- Other amount --- */


/* Other amount field */
#frb-amt-other-label {
.frb-other-txt,
     position: relative;
.frb-other-input {
     padding: 18px 8px 8px;
     line-height: 1;
     text-align: left;
}
}


.frb-other-txt {
#frb-amt-other-input {
     display: block;
     margin: 0;
    background: transparent;
    border: none;
    width: 100%;
    font-size: 16px;
     text-align: center;
     text-align: center;
     margin-top: 1px;
     direction: ltr;
     margin-bottom: 3px;
    -moz-appearance: textfield;
     /* remove number spinner in Firefox */
    box-shadow: 0 1px 0 0 #444;
}
}


.frb-other-input {
#frb-amt-other-input:focus {
     width: 100%;
     outline: none;
    max-width: 120px;
    border: none;
    text-align: center !important;
    font-weight: bold;
    color: var(--frb-body);
    box-shadow: 0 2px 0 0 #222;
    text-align: right;
    border-radius: 0; /* Needed for iOS */
}
}


.frb-button--other .frb-btn {
.frb-amt-other-span {
     padding: 6px;
     position: absolute;
    top: 5px;
    font-size: 12px;
    width: 100%;
    line-height: 1;
    left: 0;
    text-align: center;
}
}


.frb-button--other .frb-label {
/* Remove number spinner Safari and Chrome */
     padding: 2px 6px 6px;
#frb-amt-other-input::-webkit-inner-spin-button,
#frb-amt-other-input::-webkit-outer-spin-button {
     -webkit-appearance: none;
    margin: 0;
}
}


.frb-radio:checked + .frb-other-txt,
/* --- Transaction fees options --- */
.frb-radio:checked + .frb-btn .frb-other-input {
    color: var(--wmui-base100);
}


.frb-radio:checked + .frb-btn .frb-other-input {
/* Checkbox styles */
    box-shadow: 0 2px 0 0 var(--wmui-base100);
}


.frb-input {
.frb-checkbox-label {
     background: var(--wmui-base100);
     position: relative;
     padding: 7px;
    display: inline-block;
     margin: 0;
    margin-top: 16px;
    width: 100%;
    padding-left: 26px;
     padding-top: 1px;
    cursor: pointer;
    font-size: 14px;
     font-weight: 600;
    line-height: 1.3571428571; /*19px @14px*/
     color: #000;
     color: #000;
    border: 1px solid var(--frb-button-border);
    border-radius: 2px;
}
}
 
body.rtl .frb-checkbox-label {
.frb-input:focus {
     padding-left: 0;
     outline: 0;
     padding-right: 26px;
     border-color: var(--frb-button-border-focus);
    box-shadow: inset 0 0 0 1px var(--frb-button-border-focus);
}
}


.frb-input.frb-haserror {
/* Outer-box */
     border-color: var(--frb-error);
.frb-checkbox-label::before {
     box-shadow: inset 0 0 0 1px var(--frb-error);
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    display: inline-block;
    height: 17px;
    width: 17px;
     border-radius: 2px;
     border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
}
}
 
body.rtl .frb-checkbox-label::before {
/* --- Pay the fee --- */
     left: auto;
.frb-ptf {
     right: 0;
    margin-left: 2px;
    width: calc(100% - 6px);
     padding-top: 9px;
     padding-bottom: 6px;
}
}


.frb-ptf-fee {
/* Checkmark */
     white-space: nowrap;
.frb-checkbox-label::after {
     position: absolute;
    content: "";
    top: 8px;
    left: 4px;
    display: inline-block;
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    border-color: #fff;
}
}
 
body.rtl .frb-checkbox-label::after {
.frb-ptf-checkbox:focus + .frb-ptf-label .frb-ptf-img {
     left: auto;
     box-shadow: inset 0 0 0 2px var(--frb-button-border-focus), inset 0 0 0 2px var(--wmui-base100);
    right: 4px;
}
}


.frb-ptf-checkbox:focus + .frb-ptf-label .frb-ptf-img {
.frb-ptf-total {
     border-radius: 5px;
     font-weight: bold;
}
}
 
.frb-ptf-fee {
.frb-ptf-checkbox + .frb-ptf-label .frb-ptf-img {
     white-space: nowrap;
     display: inline-block;
    margin-bottom: -4px;
    width: 32px;
    height: 32px;
    background-image: url('https://upload.wikimedia.org/wikipedia/donate/b/b1/Wmf-frb-checkbox.png');
    background-size: 64px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
}


.frb-ptf-checkbox:checked + .frb-ptf-label .frb-ptf-img {
/*Hide the checkmark by default*/
     background-position: -32px 0;
.frb-checkbox + .frb-checkbox-label::after {
     content: none;
}
}
 
/*Unhide the checkmark on the checked state*/
.frb-ptf-label {
.frb-checkbox:checked + .frb-checkbox-label::after {
    display: flex;
     content: "";
    align-items: center;
     cursor: pointer;
}
}


.frb-ptf-cell {
.frb-checkbox:checked + .frb-checkbox-label:before {
     display: table-cell;
     background-color: #36c;
     vertical-align: middle;
     border-color: #36c;
}
}


.frb-ptf-cell:first-child {
/*Focus styles*/
     padding-left: 2px;
/*Unchecked*/
.frb-checkbox:focus + .frb-checkbox-label::before {
    border-color: #36c;
     box-shadow: inset 0 0 0 1px #36c;
}
}


body.rtl .frb-ptf-cell:first-child {
/*Checked*/
     padding-left: 0;
.frb-checkbox:focus:checked + .frb-checkbox-label::before {
    padding-right: 2px;
     box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
}
}


.frb-ptf-cell:nth-child(2) {
/*Hover*/
     padding-left: 12px;
.frb-checkbox:hover + .frb-checkbox-label::before {
     background-color: #eaecf0;
}
}


body.rtl .frb-ptf-cell:nth-child(2) {
.frb-checkbox:checked:hover + .frb-checkbox-label:before {
     padding-left: 0;
     background-color: #447ff5;
     padding-right: 12px;
     border-color: #447ff5;
}
}


/* --- Payment method buttons layout --- */
/* --- Payment method buttons appearance --- */


/* Always horizontal */
/* Hide methods which aren't monthly capable when monthly option is selected */
.frb-methods ul {
.form-monthly .no-monthly {
     display: flex;
     display: none !important;
    width: 100%;
}
}


.frb-methods ul li {
    display: inline-block;
    flex: 1 0 0;
    padding: 4px;
    margin: 0;
}
/* --- Payment method buttons appearance --- */
.frb-methods .frb-btn {
.frb-methods .frb-btn {
     width: 100%;
     width: 100%;
     padding: 2px 4px;
     font-size: 16px;
     min-height: 54px;
     font-weight: bold;
}
}


.frb-methods ul li:first-child:nth-last-child(4) .frb-btn,
.frb-methods .frb-btn img {
.frb-methods ul li:first-child:nth-last-child(4) ~ li .frb-btn {
     display: block;
    padding: 2px;
}
 
/* Adjust padding for method buttons with logo, e.g. payment methods */
.frb-methods .frb-btn-logo {
    padding: 2px 7px;
}
 
.frb-methods ul li:first-child:nth-last-child(4) .frb-btn-logo,
.frb-methods ul li:first-child:nth-last-child(4) ~ li .frb-btn-logo {
    padding: 2px 4px;
}
 
/* -- Credit card logos -- */
 
/* Countries with 4 card types */
.frb-cc-logo-wrapper {
     display: none;
     margin: 0 auto;
     margin: 0 auto;
     width: 80px;
     max-height: 16px;
     font-size: 0; /* Remove spacing between icons */
     max-width: 100%;
}
}


.frb-methods ul li:first-child:nth-last-child(4) .frb-cc-logo-wrapper,
/* --- Credit card logos --- */
.frb-methods ul li:first-child:nth-last-child(4) ~ li .frb-cc-logo-wrapper {
    width: 56px;
}


@media (min-width: 360px) {
.frb-pm-cc .frb-btn {
    .frb-methods ul li:first-child:nth-last-child(4) .frb-cc-logo-wrapper,
    padding: 0px;
    .frb-methods ul li:first-child:nth-last-child(4) ~ li .frb-cc-logo-wrapper  {
        width: 64px;
    }
}
}


@media (min-width: 720px) {
@media all and (min-width: 1390px) {
     .frb-methods ul li:first-child:nth-last-child(4) .frb-cc-logo-wrapper,
     .frb-pm-cc .frb-btn {
    .frb-methods ul li:first-child:nth-last-child(4) ~ li .frb-cc-logo-wrapper  {
         padding: 0 2px;
         width: 128px;
     }
     }
}
}


.frb-pm-cc svg {
.frb-pm-cc svg {
    width: 30px;
    height: 18px;
    margin: 2px;
     display: none;
     display: none;
    width: 20%;
    min-width: 30px;
    max-width: 40px;
    max-height: 24px;
    margin: 0 3px;
    border-radius: 2px;
    box-shadow: 0 1px 1px #aaa;
}
}


.frb-methods ul li:first-child:nth-last-child(4) .frb-cc-logo-wrapper svg,
@media all and (min-width: 1390px) {
.frb-methods ul li:first-child:nth-last-child(4) ~ li .frb-cc-logo-wrapper svg {
     .frb-pm-cc svg {
    width: 24px;
         min-width: 26px;
    height: 16px;
}
 
@media (min-width: 360px) {
     .frb-methods ul li:first-child:nth-last-child(4) .frb-cc-logo-wrapper svg,
    .frb-methods ul li:first-child:nth-last-child(4) ~ li .frb-cc-logo-wrapper svg {
         width: 28px;
        height: 18px;
     }
     }
}
}


/* Countries with 3 card types */
.frb-cctypes-vmad .frb-btn,
.frb-cctypes-vma .frb-cc-logo-wrapper {
.frb-cctypes-vmaj .frb-btn,
    width: 100%;
.frb-cctypes-vma .frb-btn,
}
.frb-cctypes-vm .frb-btn {
 
     font-size: 0;
.frb-cctypes-vma svg  {
     /* Remove spacing between icons */
     width: 30%;
     max-height: 34px;
}
}


.frb-cctypes-vmad .frb-cc-logo-wrapper,
.frb-cctypes-vmad span,
.frb-cctypes-vmaj .frb-cc-logo-wrapper,
.frb-cctypes-vmaj span,
.frb-cctypes-vma .frb-cc-logo-wrapper,
.frb-cctypes-vma span,
.frb-cctypes-vm   .frb-cc-logo-wrapper {
.frb-cctypes-vm span {
    display: block;
}
 
.frb-cctypes-vmad .frb-pm-cc-label,
.frb-cctypes-vmaj .frb-pm-cc-label,
.frb-cctypes-vma  .frb-pm-cc-label,
.frb-cctypes-vm  .frb-pm-cc-label {
     display: none;
     display: none;
}
}
Line 699: Line 592:
.frb-cctypes-vmaj .frb-cc-logo-jcb,
.frb-cctypes-vmaj .frb-cc-logo-jcb,


.frb-cctypes-vma .frb-cc-logo-visa,
.frb-cctypes-vma .frb-cc-logo-visa,
.frb-cctypes-vma .frb-cc-logo-mastercard,
.frb-cctypes-vma .frb-cc-logo-mastercard,
.frb-cctypes-vma .frb-cc-logo-amex,
.frb-cctypes-vma .frb-cc-logo-amex,


.frb-cctypes-vm   .frb-cc-logo-visa,
.frb-cctypes-vm .frb-cc-logo-visa,
.frb-cctypes-vm   .frb-cc-logo-mastercard {
.frb-cctypes-vm .frb-cc-logo-mastercard {
     display: inline-block;
     display: inline-block;
}
}


/* Payment method buttons logo sizing */
/* --- Footer / Small Print --- */
.frb-btn-logo svg {
 
     width: 100%;
.frb-smallprint {
     height: 100%;
    margin-top: 12px;
     max-height: 24px;
     font-size: 12px;
     line-height: 1.5; /*18px @12px*/
    color: #54595d;
     font-weight: normal;
}
}


.frb-logo-paypal-usd {
.frb-smallprint a {
     margin-bottom: -4px; /* visual tweak */
     color: #54595d;
    text-decoration: underline;
}
}


.frb-methods legend,
.frb-smallprint a:hover,
.frb-methods button {
.frb-smallprint a:focus {
     transition: all .2s ease-in-out;
     color: #000;
}
}


.frb-methods.hint legend {
.recurring-details {
     color: #588fbb;
     display: none;
}
}
.frb-methods.hint button {
 
     box-shadow: 0 0 5px #588fbb;
.frb-optin .frb-smallprint {
     margin-top: 8px;
    font-size: 11px;
    line-height: 1.4;
}
}


Line 734: Line 634:


.frb-inline-bottombar {
.frb-inline-bottombar {
    position: absolute;
    width: 100%;
     text-align: center;
     text-align: center;
}
}


.frb-inline-rml-wrapper {
.frb-inline-rml-wrapper {
     display: inline-block;
     display: inline;
     position: relative;
     position: relative;
    padding: 0;
}
}


.frb-inline-close,
.frb-inline-close,
.frb-inline-rml-link {
.frb-inline-rml-form-close {
     display: inline-block;
     color: #54595d;
     padding: 9px;
}
.frb-inline-close:hover,
.frb-inline-close:focus,
.frb-inline-rml-form-close:hover,
.frb-inline-rml-form-close:focus {
     color: #000;
}
 
.frb-inline-close,
.frb-inline-rml-link,
.frb-inline-rml-form-close {
     text-transform: uppercase;
     text-transform: uppercase;
     cursor: pointer;
     line-height: 1.2857142857;
}
}


.frb-inline-close {
.frb-inline-close,
     z-index: 999;
.frb-inline-rml-link {
     color: var(--wmui-base20);
     margin-top: 8px;
}
     padding: 5px 8px 6px;
.frb-inline-close:hover,
    font-size: 12px;
.frb-inline-close:focus {
    letter-spacing: 0.25px;
    color: var(--wmui-base0);
}
}


/* Close button icon */
/* Close button icon */
.frb-close-x {
.frb-inline-close-icon {
     margin-bottom: -3px;
     margin-bottom: -2px;
     width: 13px;
     width: 10px;
    height: 13px;
}
}
.frb-close-x {
.frb-inline-close-icon g {
     stroke: currentColor;
     stroke: currentColor;
}
}


/* RML link */
/* RML text color */
.frb-inline-rml-link {
.frb-inline-rml-link {
     color: var(--frb-link);
     color: #36c;
     font-weight: bold;
     font-weight: bold;
}
}
.frb-inline-rml-link:hover,
.frb-inline-rml-link:hover {
.frb-inline-rml-link:focus {
     color: #447ff5;
     color: var(--frb-link-hover);
}
}


/* RML clock icon */
/* RML clock icon */
.frb-inline-rml-icon {
.frb-inline-rml-icon {
     margin-bottom: -2px;
     margin-bottom: -3px;
     width: 13px;
     width: 13px;
    height: 13px;
}
}
.frb-inline-rml-icon path {
.frb-inline-rml-icon path {
Line 796: Line 703:
.frb-rml-disabled .frb-inline-rml-wrapper {
.frb-rml-disabled .frb-inline-rml-wrapper {
     display: none;
     display: none;
}
.frb-inline-rml-link {
    position: relative;
    text-transform: uppercase;
    display: inline-block;
}
}


.frb-inline-rml {
.frb-inline-rml {
     display: none;
     display: none;
    position: absolute;
     cursor: default;
     cursor: default;
     margin: 2px 16px 16px;
     text-align: left;
     padding: 14px 14px 2px 14px;
     padding: 7px 14px;
    top: 28px;
    right: -142px;
     z-index: 10000;
     z-index: 10000;
     width: calc(100% - 32px);
     width: 320px;
     background: var(--wmui-base100);
     background: #fff;
     color: var(--frb-body);
     color: #000;
     border: 1px solid var(--wmui-base50);
     border: 1px solid #aaa;
     border-radius: 2px;
     border-radius: 2px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
     text-transform: none;
     text-transform: none;
}
}


.frb-inline-bottombar.active .frb-inline-rml-wrapper:before,
body.rtl .frb-inline-rml {
.frb-inline-bottombar.active .frb-inline-rml-wrapper:after {
    left: -142px;
     display: block;
     right: auto;
}
}


.frb-inline-rml-wrapper:before,
.frb-inline-rml-form:before,
.frb-inline-rml-wrapper:after {
.frb-inline-rml-form:after {
    display: none;
     bottom: 100%;
     bottom: -3px;
     border: solid transparent;
     border: solid transparent;
     content: " ";
     content: " ";
Line 827: Line 743:
     position: absolute;
     position: absolute;
     left: auto;
     left: auto;
     right: 5px;
     right: 148px;
     pointer-events: none;
     pointer-events: none;
}
}


body.rtl .frb-inline-rml-wrapper:before,
body.rtl .frb-inline-rml-form:before,
body.rtl .frb-inline-rml-wrapper:after {
body.rtl .frb-inline-rml-form:after {
     left: 5px;
     left: 148px;
     right: auto;
     right: auto;
}
}


.frb-inline-rml-wrapper:before {
.frb-inline-rml-form:before {
     border-bottom-color: #888;
     border-bottom-color: #888;
     border-width: 11px;
     border-width: 11px;
}
}


.frb-inline-rml-wrapper:after {
.frb-inline-rml-form:after {
     border-bottom-color: var(--wmui-base100);
     border-bottom-color: #fff;
     border-width: 10px;
     border-width: 10px;
     margin-right: 1px; /*Triangle pixel glitch fix (margin left and right)*/
     margin-right: 1px;
    /*Triangle pixel glitch fix (margin left and right)*/
     margin-left: 0;
     margin-left: 0;
}
}


/* Triangle pixel glitch fix for RTL */
/* Triangle pixel glitch fix for RTL */
body.rtl .frb-inline-rml-wrapper:after {
body.rtl .frb-inline-rml-form:after {
     margin-right: 0;
     margin-right: 0;
     margin-left: 1px;
     margin-left: 1px;
}
}


.frb-inline-rml-form form {
.frb-input {
     display: table;
     background: #fff;
     width: 100%;
     width: 100%;
    display: block;
    padding: 7px 7px 6px;
    margin: 0;
    font-size: inherit;
    color: #000;
    border: 1px solid #9aa0a7;
    border-radius: 2px;
}
.frb-input.frb-haserror {
    border-color: #d33;
    box-shadow: inset 0 0 0 1px #d33;
}
.frb-inline-rml-done {
    text-align: left;
}
body.rtl .frb-inline-rml-done {
    text-align: right;
}
.frb-inline-rml-form-close-wrapper {
    padding-top: 4px;
    text-align: center;
}
.frb-inline-rml-form-close-icon {
    width: 10px;
    height: 10px;
    margin-bottom: -1px;
}
}


.frb-inline-rml-label {
.frb-inline-rml-form-close-icon g {
     font-weight: normal;
     stroke: currentColor;
    margin-bottom: 4px;
}
}


.frb-inline-rml-form input {
/* "Nag" banner styles
---------------------------- */
div#frb-nag {
    display: none;
    position: fixed;
     width: 100%;
     width: 100%;
    bottom: 0;
    left: 0;
    z-index: 110;
    background-color: #fff;
    border-top: 1px solid black;
    text-align: center;
    color: #000;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal; /* needed for uk.bharatpedia */
    transition: margin 1s ease-in-out;
}
/* Extra specificity for https://phabricator.bharatmedia.org/T247126 */
#frb-nag.frb {
    margin-bottom: -100%;
}
}


.frb-inline-rml-form input.frb-haserror {
#frb-nag.reveal {
     border-color: var(--frb-error);
     margin-bottom: 0;
    box-shadow: inset 0 0 0 1px var(--frb-error);
}
}


.frb-inline-rml-done {
#frb-nag .frb-nag-link {
     text-align: center;
    position: relative;
    width: 100%;
    padding: 12.5px;
    max-width: 1200px;
    margin: auto;
    cursor: pointer;
    display: block;
}
 
#frb-nag:hover .frb-nag-link {
     text-decoration: none;
}
}


body.rtl .frb-inline-rml-done {
#frb-nag a {
     text-align: right;
     color: black !important;
    transition: color 0.5s ease;
}
}


.frb-inline-rml .frb-smallprint {
#frb-nag a:hover {
     text-align: left;
     text-decoration: none !important;
}
}


.frb-inline-rml-form-close {
/* --- Nag Close button --- */
 
#frb-nag .frb-nag-close {
     display: inline-block;
     display: inline-block;
     margin: 0 auto;
     position: absolute;
     color: var(--frb-muted);
     right: 12.5px;
    top: 12.5px;
    z-index: 999;
    font-size: 12px;
     cursor: pointer;
     cursor: pointer;
     padding: 8px 4px 6px;
     padding: 0;
    text-transform: uppercase;
}
}
.frb-inline-rml-form-close:hover {
body.rtl #frb-nag .frb-nag-close {
     color: var(--frb-muted-hover);
    right: auto;
     left: 12.5px;
}
}


.frb-inline-rml-form-close-icon {
#frb-nag .frb-nag-close:hover .frb-icon g {
     margin-bottom: -3px;
     stroke: #000000;
     width: 13px;
     transition: all 0.5s ease;
    height: 13px;
}
}


.frb-inline-rml-form-close-icon {
#frb-nag .frb-icon-close {
     stroke: currentColor;
     width: 16px;
    height: 16px;
}
}


/* --- Smallprint --- */
/* -------------- Message -------------- */


.frb-footer {
#frb-nag .frb-message {
     width: 100%;
     transition: background-color 0.5s ease;
    margin-top: 24px;
}
     margin-bottom: 8px;
 
#frb-nag .frb-message p {
     margin: 0;
}
}


.frb-smallprint {
/* --- Plea --- */
     font-size: 12px;
 
     line-height: 1.5;
#frb-nag .frb-plea {
     color: var(--frb-muted);
     background-color: #FFC9C9;
     font-weight: normal;
     border-radius: 10px;
    padding: 15px 30px;
     display: table;
     margin-top: 10px;
}
}


.frb-smallprint a {
#frb-nag .frb-plea-message,
     color: var(--frb-muted);
#frb-nag .frb-plea-button {
     text-decoration: underline
     display: table-cell;
     vertical-align: middle;
}
}


.frb-smallprint a:hover,
#frb-nag .frb-plea-message {
.frb-smallprint a:focus {
    text-align: left;
     color: var(--frb-muted-hover);
    line-height: 1.4;
     text-decoration: underline
     width: calc(100% - 305px);
     padding: 0 20px;
}
}


#frb-inline .recurring-details {
#frb-nag .frb-plea-button {
     display: none;
     width: 160px;
}
}


/* Bottom "nag" banner styles
------------------------------------ */


#frb-nag {
/* --- Button Style --- */
    z-index: 100;
 
    position: fixed;
#frb-nag .frb-donate-button {
    left: 2.5%;
    bottom: 0;
    width: 95%;
     display: block;
     display: block;
     color: var(--frb-body);
     background-color: #990000;
     background-color: var(--wmui-base100);
     color: white;
     box-shadow: 0 0 15px 0 rgba(0,0,0,.7);
    font-size: 18px;
     border-radius: 10px 10px 0 0;
    white-space: nowrap;
     padding: 16px;
    line-height: 1;
     text-transform: uppercase;
    padding: 8px 12px;
     border-radius: 5px;
     outline: 0;
     text-align: center;
     text-align: center;
    font-weight: bold;
     cursor: pointer;
     cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition:    all .25s ease-in-out;
    transition:        all .25s ease-in-out;
}
}
 
#frb-nag .frb-donate-button:hover {
#frb-nag:hover {
    background-color: #fff;
     text-decoration: none;
    color: #444;
}
#frb-nag .frb-donate-button:active {
     background-color: black;
    color: white;
}
}


#frb-nag .frb-icon-info {
/* Error messages */
     height: 19px;
.frb .frb-error {
     width: 19px;
    display: none;
     margin-bottom: -3px;
    margin-top: 8px;
     padding-right: 4px;
     font-size: 14px;
     color: #d33;
     font-weight: 600;
    line-height: 1.3;
     text-align: center;
}
}


body.rtl #frb-nag .frb-icon-info {
/* --- opt-in and email --- */
    padding-right: 0;
    padding-left: 4px;
}


#frb-nag .frb-btn {
#frb-form fieldset.frb-optin {
     display: inline-block;
     margin: 12px auto;
    padding: 8px 10px;
    min-height: 44px;
    font-size: 14px;
}
}


.frb-nag-message {
.frb-radio {
     vertical-align: middle;
     cursor: pointer;
     margin-bottom: 10px;
     float: left;
     padding: 0 20px;
    height: 15px;
     margin: 6px 6px 0px 9px;
}
}
.frb-nag-message:hover {
body.rtl .frb-radio {
     text-decoration: underline;
     float: right;
}
}


.frb-nag-close {
.frb-radio-label {
    position: absolute;
     display: block;
     display: block;
    top: -6px;
     padding: 2px;
    right: -6px;
    width: 44px;
    height: 44px;
     padding: 10px;
     cursor: pointer;
     cursor: pointer;
     transition: all .25s ease-in-out;
     white-space: nowrap;
    font-weight: bold;
}
}
body.rtl .frb-nag-close {
body.rtl .frb-radio-label {
     right: auto;
     text-align: right;
    left: 0;
}
}
.frb-nag-close g {
 
    fill: var(--frb-muted);
.frb-radio-label:hover,
.frb-radio:focus + .frb-radio-label,
.frb-radio:hover + .frb-radio-label {
    color: #36c;
}
}


.frb-nag-close:active {
.frb-form .frb-optin {
     -moz-transform:   scale(1.05);
     margin-bottom: 1px;
    -ms-transform:    scale(1.05);
    -webkit-transform: scale(1.05);
    transform:        scale(1.05);
}
}


.frb-icon-nag-close {
/* .frb-form .frb-optin li {
     width: 21px;
     display: block;
     height: 21px;
     clear: both;
}
} */


/* give the footer padding so it's visible above the nag */
.frb-optin .frb-radio {
.minerva-footer {
     margin: 4px 6px 0 0;
     padding-bottom: 140px;
}
}


/*!--- Focus styles ----*/
.frb-optin .frb-radio-label {
 
    float: right;
/*Outline reset*/
    width: calc(100% - 22px);
.frb-submit:focus,
    white-space: normal;
#frb-amt-other-input:focus,
    font-size: 14px;
.email_input:focus {
    line-height: 19px;
     outline: 0;
     font-weight: normal;
}
}


.frb-submit:focus,
.frb-optin .frb-radio-label:hover,
#frb-form .frb-amounts input[type="radio"]:checked + label:focus,
.frb-optin .frb-radio:hover+.frb-radio-label {
#frb-form .frb-amounts input[type="radio"]:checked + .frb-btn:focus,
     text-decoration: none;
#frb-form .frb-amounts input[type="radio"]:checked:focus + label,
#frb-form .frb-amounts input[type="radio"]:checked:focus + .frb-btn,
#frb-form .frb-frequency input[type="radio"]:checked + label:focus,
#frb-form .frb-frequency input[type="radio"]:checked + .frb-btn:focus,
#frb-form .frb-frequency input[type="radio"]:checked:focus + label,
#frb-form .frb-frequency input[type="radio"]:checked:focus + .frb-btn,
#frb-form .frb-amt-other.is-focused .frb-btn,
.email_input:focus,
#frb-form .frb-button--is-focused .frb-btn {
     border-color: var(--frb-button-border-focus);
    box-shadow: inset 0 0 0 2px var(--frb-button-border-focus), inset 0 0 0 3px var(--wmui-base100);
}
}


/* Email optin */
.frb-optin-no-prompt {
.frb-optin-no-prompt {
     display: none;
     display: none;
     clear: both;
     clear: both;
     padding: 6px 8px;
    margin-top: 8px;
     border: 1px solid var(--wmui-red-dark);
     padding: 6px 6px 5px 6px;
     background-color: var(--wmui-red-light);
     border: 1px solid #b32424;
     background-color: #fee7e6;
     border-radius: 2px;
     border-radius: 2px;
    font-size: 14px;
    line-height: 1.2857142857; /*18px @14px*/
     font-weight: normal;
     font-weight: normal;
     margin: 4px;
}
 
.frb-optin-no-prompt span {
     font-family: "Segoe UI Emoji";
}
}


.frb-optin-no-prompt.is-positive {
.frb-optin-no-prompt.is-positive {
     border-color: var(--wmui-green-dark);
     border-color: #14866d;
     background-color: var(--wmui-green-light);
     background-color: #d5fdf4;
     font-weight: bold;
     font-weight: bold;
}
}
Line 1,085: Line 1,068:
}
}


.frb-optin-legal {
/* --- Back button --- */
    font-size: 14px;
    padding: 0 4px;
}
 
/* Back button */
.frb-back {
.frb-back {
    cursor: pointer;
     position: absolute;
     position: absolute;
     left: 0;
     left: 0;
     top: 0;
     top: 10px;
     color: var(--wmui-base30);
    padding: 0;
     color: #72777d;
}
}
.frb-back:hover {
.frb-back:hover {
     color: var(--frb-muted-hover);
     color: #000;
}
}


.frb-back path {
.frb-icon-back path {
     stroke: currentColor;
     stroke: currentColor;
}
}
.frb-back rect {
.frb-icon-back rect {
     fill: currentColor;
     fill: currentColor;
}
}
Line 1,115: Line 1,093:


.frb-icon-lock {
.frb-icon-lock {
     fill: var(--wmui-accent);
     fill: currentColor;
     width: 14px;
     width: 14px;
     height: 14px;
     height: 14px;
}
}


.active .frb-icon-lock {
/* --- Recurring upsell --- */
    fill: var(--wmui-base100);
}


/* STEP 2 UPSELL*/
.frb-step-upsell,
 
.frb-step-monthly-diff-amt {
.frb-upsell,
     padding-top: 24px;
.frb-step-monthly-diff-amt .frb-amt-monthly {
     width: calc(100% + 8px) !important;
    transition: background-color 0.5s ease;
    padding: 10px 4px;
     text-align: center;
     text-align: center;
}
.frb-upsell {
    padding-top: 0;
    margin-top: 1em;
}
.frb-step-monthly-diff-amt .frb-amt-monthly {
    display: block;
    padding: 0 4px 10px 4px;
}
}


Line 1,147: Line 1,109:
.frb-upsell-ty {
.frb-upsell-ty {
     font-size: 17px;
     font-size: 17px;
    line-height: 1.3;
     font-weight: bold;
     font-weight: bold;
    text-align: center;
}
#monthly-support-text {
    max-width: 400px;
    margin: 0.5em auto;
}
}


.frb-upsell-color,
.frb-upsell-color,
.frb-step-monthly-diff-amt .frb-amt-monthly label {
.frb-step-monthly-diff-amt label {
    display: block;
    max-width: 380px;
    margin: 8px auto;
     display: block;
     display: block;
     font-size: 15px;
     font-size: 15px;
     line-height: 1.3;
     line-height: 1.3;
     font-weight: normal;
     font-weight: normal;
     padding: 0 5%;
     margin: 8px auto;
     margin: .5em 0;
}
 
.frb-monthly-buttons {
     padding-top: 8px;
}
}


.frb-monthly-diff-amt-link {
.frb-step-monthly-diff-amt-link {
    display: block;
     font-size: 15px;
     font-size: 15px;
     line-height: 1.3;
     line-height: 1.3;
     color: var(--frb-link);
     color: #36c;
     margin: 8px auto;
     margin: 8px 2px;
     padding: 12px;
     padding: 12px 10%;
    text-align: center;
    cursor: pointer;
     font-weight: bold;
     font-weight: bold;
}
}
 
.frb-step-monthly-diff-amt-link:hover {
.frb-monthly-diff-amt-link:hover {
     color: #447ff5;
     text-decoration: underline;
}
}


#frb-amt-monthly-other-input {
#frb-amt-monthly-other-input {
    width: auto;
    margin: 0 auto;
     text-align: center;
     text-align: center;
    font-size: 18px;
}
}


.frb-step-monthly-diff-amt {
</style>
    display: none;
<div id="frb-inline" class="frb frb-rml-disabled frb-country-IN" style="">
    text-align: center;
}


/* New RML Nag Styles */
    <div class="frb-inline-topbar">
        We ask you, humbly: don't scroll away.
    </div>


.frb-rml-disabled .frb-nag-rml-link {
    <div class="frb-inline-main">
    display: none !important;
}


#frb-nag .frb-inline-rml {
    margin: 0;
    padding: 0;
    width: 100%;
    color: var(--frb-body);
    border: 0;
}
#frb-nag .frb-inline-rml-label {
    font-weight: bold;
    color: var(--frb-body);
    font-size: 100%;
    padding: 0 20px;
}
#frb-nag .frb-inline-rml-form-close {
    margin: 10px auto auto;
}
#frb-nag .frb-btn-btxt {
    background-color: var(--frb-primary);
    border: 1px solid var(--frb-primary);
    color: var(--wmui-base100);
    transition: background 100ms, color 100ms;
    text-transform: uppercase;
}
#frb-nag .frb-btn-btxt:active {
    background-color: var(--wmui-base0);
    color: var(--wmui-base100);
}
#frb-nag.active .frb-nag-action {
    display: none;
}
</style>
<div id="frb-inline" class="frb" style="display: none;"><!-- the in-article banner -->
    <div class="frb-inline-border">
         <div class="frb-inline-message">
         <div class="frb-inline-message">
             <p>
             <svg class="frb-icon frb-icon-info" role="img" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <svg class="frb-icon frb-icon-info" role="img" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="none"><circle cx="8.035" cy="8.143" r="7.844"/><path d="M9.672 6.097l-1.695 5.879c-.094.336-.14.557-.14.662 0 .06.024.117.074.169.05.053.101.079.157.079a.428.428 0 0 0 .28-.124c.249-.204.547-.574.894-1.108l.28.165c-.831 1.45-1.716 2.175-2.653 2.175-.359 0-.644-.101-.856-.302a1.008 1.008 0 0 1-.318-.765c0-.204.046-.463.14-.777l1.15-3.953c.11-.38.165-.667.165-.86a.424.424 0 0 0-.157-.322c-.105-.094-.248-.14-.43-.14-.083 0-.182.002-.298.007l.108-.33 2.803-.455h.496zm-.513-3.804c.342 0 .63.119.864.356.234.237.352.524.352.86 0 .336-.119.623-.356.86-.225.232-.537.36-.86.355-.33 0-.615-.118-.852-.355a1.171 1.171 0 0 1-.355-.86c0-.336.117-.623.351-.86a1.16 1.16 0 0 1 .856-.356z" /></g></svg>
                <g fill-rule="nonzero" fill="none">
                Hi. This isn’t the first time we’ve interrupted your search recently, but 98% of our readers don't give; they keep reading. This <span class="frb-replace-dayofweek"></span> we ask you to protect WikiCigar's future. All we ask is %MINIMUM% if you can afford %MINIMUM%, or <span class="frb-replace-amt-ps4"></span> if you can afford <span class="frb-replace-amt-ps4"></span>. We ask you, humbly: Please don't scroll away.
                    <circle fill="#991B1E" cx="8.035" cy="8.143" r="7.844"></circle>
             </p>
                    <path d="M9.672 6.097l-1.695 5.879c-.094.336-.14.557-.14.662 0 .06.024.117.074.169.05.053.101.079.157.079a.428.428 0 0 0 .28-.124c.249-.204.547-.574.894-1.108l.28.165c-.831 1.45-1.716 2.175-2.653 2.175-.359 0-.644-.101-.856-.302a1.008 1.008 0 0 1-.318-.765c0-.204.046-.463.14-.777l1.15-3.953c.11-.38.165-.667.165-.86a.424.424 0 0 0-.157-.322c-.105-.094-.248-.14-.43-.14-.083 0-.182.002-.298.007l.108-.33 2.803-.455h.496zm-.513-3.804c.342 0 .63.119.864.356.234.237.352.524.352.86 0 .336-.119.623-.356.86-.225.232-.537.36-.86.355-.33 0-.615-.118-.852-.355a1.171 1.171 0 0 1-.355-.86c0-.336.117-.623.351-.86a1.16 1.16 0 0 1 .856-.356z" fill="#FFF"></path>
        </div>
                </g>
            </svg>
            <b>Please select an amount (USD)</b>. The average donation in the U.S. is around $15. Many first-time donors give $2. All that matters is that you're choosing to stand up for free, open information; and for that, you have our gratitude. If you find WikiCigar useful, take a minute to donate. Thank you.
             </div>


         <form id="frb-form" class="frb-form">
         <form id="frb-form" class="frb-form">
Line 1,250: Line 1,169:
             <div class="frb-step-1">
             <div class="frb-step-1">


                 <fieldset class="frb-methods cf">
                 <fieldset class="frb-methods">
 
                    <legend>{{{FR2015_translations,select-payment-method-please}}}</legend>
                    <ul>
                        <li class="frb-pm-ideal" style="display: none;">
                            <button class="frb-btn frb-btn-btxt" onclick="$('.frb-methods .frb-btn').removeClass('active'); $(this).addClass('active'); frb.setMethod({ method:'rtbt', submethod:'rtbt_ideal' }); return false;">
                                iDEAL
                            </button>
                        </li>
 
                        <li class="frb-pm-cc">
                            <button class="frb-btn frb-btn-btxt" onclick="$('.frb-methods .frb-btn').removeClass('active'); $(this).addClass('active'); frb.setMethod({ method:'cc' }); return false;">
                                <span class="frb-pm-cc-label">{{{FR2015_translations,pm-creditcard}}}</span>
                                <span class="frb-cc-logo-wrapper">
                                    <svg class="frb-cc-logo-visa" xmlns="http://www.w3.org/2000/svg" aria-labelledby="frb-cc-logo-visa-title" viewBox="0 0 200 120"><title id="frb-cc-logo-visa-title">Visa</title><path fill="#FFFFFF" d="M7.7 0h184.6c4.2 0 7.7 3.3 7.7 7.5v105c0 4.1-3.4 7.5-7.7 7.5H7.7c-4.2 0-7.7-3.3-7.7-7.5V7.5C0 3.3 3.4 0 7.7 0z"/><path fill="#F7B600" d="M0 98v14.3c0 4.2 3.4 7.7 7.7 7.7h184.6c4.2 0 7.7-3.4 7.7-7.7V98H0z"/><path fill="#1A1F71" d="M200 22V7.7c0-4.2-3.4-7.7-7.7-7.7H7.7C3.4 0 0 3.4 0 7.7V22h200zM81.9 36.9L62.3 83.4H49.4l-9.6-37.2c-.6-2.3-1.1-3.1-2.8-4.1-3.8-1.8-7.8-3.1-12-3.9l.2-1.4h20.6c2.8 0 5.1 2 5.6 4.8l5.1 26.9 12.6-31.7h12.8zm50.3 31.3c0-12.3-17-13-16.9-18.4 0-1.7 1.6-3.4 5.2-3.9 4.1-.4 8.2.3 12 2.1l2.1-9.8c-3.6-1.4-7.5-2.1-11.4-2.1-12 0-20.4 6.4-20.5 15.3-.1 6.8 6 10.4 10.6 12.6s6.3 3.8 6.3 5.8c0 3.1-3.8 4.5-7.3 4.5-4.3.1-8.6-.9-12.5-2.9l-2.2 10.2c4.3 1.7 8.9 2.5 13.5 2.5 12.7 0 20.9-6.2 21.1-15.9m31.6 15.2H175l-9.8-46.5h-10.4c-2.3 0-4.3 1.3-5.2 3.4l-18.3 43.1H144l2.5-7h15.6l1.7 7zm-13.6-16.5l6.4-17.4 3.7 17.4h-10.1zm-51-30l-10 46.5H77.1l10-46.5h12.1z"/></svg>
                                    <svg class="frb-cc-logo-mastercard" xmlns="http://www.w3.org/2000/svg" aria-labelledby="frb-cc-logo-mastercard-title" viewBox="0 0 200 120"><title id="frb-cc-logo-mastercard-title">MasterCard</title><path d="M192.3 120H7.7c-4.2 0-7.7-3.4-7.7-7.5V7.5C0 3.4 3.5 0 7.7 0h184.6c4.2 0 7.7 3.4 7.7 7.5v105c0 4.1-3.5 7.5-7.7 7.5z"/><g id="Layer_1-2"><path id="_Compound_Path_" fill="#FFFFFF" d="M61.9 106.5v-6.2c.2-2-1.3-3.7-3.3-3.9h-.5c-1.4-.1-2.7.6-3.5 1.8-.7-1.1-1.9-1.8-3.3-1.8-1.2-.1-2.3.5-3 1.5v-1.2h-2v9.9h2v-5.7c-.1-1.3.8-2.5 2.1-2.6h.4c1.4 0 2.2.9 2.2 2.6v5.7h2v-5.7c-.1-1.3.8-2.5 2.1-2.6h.4c1.5 0 2.2.9 2.2 2.6v5.7l2.2-.1zm32.1-10h-3.6v-3h-2v3h-2.1v1.8h2.1v4.7c0 2.3.8 3.7 3.3 3.7.9 0 1.9-.3 2.7-.8l-.6-1.8c-.6.3-1.2.5-1.9.6-1 0-1.5-.7-1.5-1.7v-4.8H94v-1.7zm18.3-.2c-1.1 0-2.1.5-2.7 1.5v-1.2h-2v9.9h2v-5.6c0-1.6.8-2.7 2.2-2.7.5 0 .9.1 1.3.2l.7-1.9c-.5-.1-1-.2-1.5-.2zm-27.7 1c-1.2-.7-2.6-1.1-4-1-2.5 0-4 1.2-4 3.1 0 1.6 1.1 2.6 3.3 2.9l1 .1c1.2.2 1.8.6 1.8 1.1 0 .8-.9 1.3-2.3 1.3-1.2 0-2.3-.3-3.3-1l-1 1.6c1.3.9 2.7 1.3 4.3 1.3 2.8 0 4.4-1.3 4.4-3.2 0-1.9-1.2-2.6-3.3-2.9l-1-.1c-.9-.1-1.8-.4-1.8-1s.8-1.2 2-1.2c1.1 0 2.1.3 3.1.9l.8-1.9zm29.9 4.2c-.1 2.7 2 5.1 4.7 5.2h.5c1.3.1 2.6-.4 3.5-1.2l-1-1.6c-.7.6-1.6.9-2.6.9-1.8-.2-3.2-1.8-3-3.7.2-1.6 1.4-2.9 3-3 .9 0 1.8.3 2.6.9l1-1.6c-1-.8-2.3-1.2-3.5-1.2-2.7-.1-5 2-5.2 4.7v.6zm-13.9-5.2c-2.9 0-4.9 2.1-4.9 5.2-.2 2.7 1.9 5 4.5 5.2h.5c1.5.1 2.9-.4 4-1.4l-1-1.5c-.8.7-1.8 1-2.9 1-1.5.1-2.8-1-3-2.5h7.4v-.8c.1-3.1-1.8-5.2-4.6-5.2zm0 1.8c1.4 0 2.5 1 2.6 2.4v.1h-5.3c.1-1.4 1.3-2.5 2.7-2.5zm-26.7 3.4v-4.9h-2v1.2c-.8-1-2-1.5-3.2-1.5-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2 1.2.1 2.4-.5 3.2-1.5v1.2h2v-4.9zm-7.9 0c-.1-1.7 1.1-3.2 2.8-3.4h.3c1.8.2 3.2 1.8 3 3.7-.2 1.6-1.4 2.9-3 3-1.7 0-3.1-1.4-3.1-3.1-.1 0-.1-.1 0-.2zm76.1-5.2c-1.1 0-2.1.5-2.7 1.5v-1.2h-2v9.9h2v-5.6c0-1.6.8-2.7 2.2-2.7.5 0 .9.1 1.3.2l.7-1.9c-.5-.1-1-.2-1.5-.2zm15.8 8.7c.1 0 .3 0 .4.1.1 0 .2.1.3.2.1.1.2.2.2.3.1.2.1.5 0 .8-.1.1-.1.2-.2.3-.1.1-.2.2-.3.2-.1.1-.3.1-.4.1-.4 0-.8-.2-.9-.6-.1-.2-.1-.5 0-.8.1-.1.1-.2.2-.3.1-.1.2-.2.3-.2.2 0 .3-.1.4-.1zm0 1.8c.1 0 .2 0 .3-.1.1 0 .2-.1.2-.2.3-.3.3-.7 0-1l-.2-.2c-.1 0-.2-.1-.3-.1-.1 0-.2 0-.3.1-.1 0-.2.1-.2.2-.3.3-.3.7 0 1 .1.1.2.1.2.2.1.1.2.1.3.1zm.1-1.2c.1 0 .2 0 .3.1.1.1.1.1.1.2s0 .1-.1.2-.1.1-.2.1l.3.3h-.2l-.3-.3h-.1v.3h-.2v-.9h.4zm-.2.1v.2h.3v-.2h-.3zm-23.3-4.2v-5h-2v1.2c-.8-1-2-1.5-3.2-1.5-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2 1.2.1 2.4-.5 3.2-1.5v1.2h2v-4.8zm-8 0c-.1-1.7 1.1-3.2 2.8-3.4h.3c1.8.2 3.2 1.8 3 3.7-.2 1.6-1.4 2.9-3 3-1.7 0-3.1-1.4-3.1-3.1v-.2zm27.9 0v-9h-2v5.2c-.8-1-2-1.5-3.2-1.5-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2 1.2.1 2.4-.5 3.2-1.5v1.2h2v-4.8zm-8 0c-.1-1.7 1.1-3.2 2.8-3.4h.3c1.8.3 3.1 2 2.8 3.9-.2 1.5-1.4 2.6-2.8 2.8-1.7 0-3.1-1.4-3.1-3.1-.1 0-.1-.1 0-.2z"/><g id="_Group_"><path fill="#FF5F00" d="M83.9 21h32.4v58.7H83.9z"/><path id="_Path_2" fill="#EB001B" d="M86 50.3C86 38.8 91.2 28 100.2 21c-16.1-12.7-39.4-9.9-52.1 6.3S38.2 67 54.3 79.7c13.4 10.6 32.4 10.6 45.8 0C91.2 72.6 86 61.8 86 50.3z"/><path fill="#F79E1B" d="M156.6 73.5v-1.2h.5V72h-1.2v.2h.5v1.2h.2zm2.4 0V72h-.4l-.4 1-.4-1h-.4v1.5h.3v-1.1l.4.9h.3l.4-.9v1.1h.2zm1.2-23.2c0 20.6-16.6 37.3-37.1 37.3-8.3 0-16.4-2.8-22.9-8 16.1-12.7 18.9-36.2 6.2-52.4-1.8-2.3-3.9-4.4-6.2-6.3 16.1-12.7 39.4-9.9 52.1 6.3 5.1 6.6 7.9 14.8 7.9 23.1z"/></g></g></svg>
                                    <svg class="frb-cc-logo-amex" xmlns="http://www.w3.org/2000/svg" aria-labelledby="frb-cc-logo-amex-title" viewBox="0 0 200 120"><title id="frb-cc-logo-amex-title">Amex</title><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="187.342" y1="3564.816" x2="13.247" y2="3503.596" gradientTransform="translate(0 -3474.102)"><stop offset="0" stop-color="#51BCEA"/><stop offset="1" stop-color="#3078BC"/></linearGradient><path fill="url(#SVGID_1_)" d="M192.3 120H7.7c-4.2 0-7.7-3.5-7.7-7.7V7.7C0 3.5 3.5 0 7.7 0h184.6c4.2 0 7.7 3.5 7.7 7.7v104.7c0 4.1-3.5 7.6-7.7 7.6z"/><path fill="#FFFFFF" d="M162.8 60.1L179 42.5h-11L157.4 54l-10.2-11.5h-33.4v35h32.9l10.6-11.6 10.2 11.6h10.8l-15.5-17.4zm-20.3 10.1H122v-7h18.2V56H122v-6.4h20.8l9.1 10.2-9.4 10.4zm-95-7.7l-5.6-13.9-5.6 13.9m74.4 15h-8.5V50.1L90.1 77.5h-7.3L70.7 50.1v27.4h-17l-3.2-7.8H33.2L30 77.5h-9l14.9-35h12.3l14.1 33.1V42.5H76l10.9 23.7 10-23.7h13.8v35z"/></svg>
                                    <svg class="frb-cc-logo-jcb" xmlns="http://www.w3.org/2000/svg" aria-labelledby="frb-cc-logo-jcb-title" viewBox="0 0 200 120"><title id="frb-cc-logo-jcb-title">JCB</title><path fill="#FFFFFF" d="M193.1 0H7.7C3.4 0 0 3.3 0 7.5v105c0 3.9 3.1 7.1 6.9 7.5h185.4c4.3 0 7.7-3.4 7.7-7.5V7.5c0-3.9-3.1-7.1-6.9-7.5z"/><linearGradient id="path6338_1_" gradientUnits="userSpaceOnUse" x1="-227.894" y1="959.936" x2="-209.808" y2="959.936" gradientTransform="matrix(2.0492 0 0 -2.0492 590.04 2032.794)"><stop offset="0" stop-color="#007940"/><stop offset=".229" stop-color="#00873F"/><stop offset=".743" stop-color="#40A737"/><stop offset="1" stop-color="#5CB531"/></linearGradient><path id="path6338" fill="url(#path6338_1_)" d="M130.4 69.6h8.7c.2 0 .8-.1 1.1-.1 1.6-.3 3.1-1.8 3.1-3.9 0-2-1.4-3.5-3.1-3.9-.2-.1-.7-.1-1.1-.1h-8.7v8z"/><linearGradient id="path6349_1_" gradientUnits="userSpaceOnUse" x1="-227.894" y1="962.732" x2="-209.823" y2="962.732" gradientTransform="matrix(2.0492 0 0 -2.0492 590.04 2032.794)"><stop offset="0" stop-color="#007940"/><stop offset=".229" stop-color="#00873F"/><stop offset=".743" stop-color="#40A737"/><stop offset="1" stop-color="#5CB531"/></linearGradient><path id="path6349" fill="url(#path6349_1_)" d="M138.1 15c-8.2 0-15 6.7-15 15v15.6h21.2c.5 0 1.1 0 1.5.1 4.8.2 8.3 2.7 8.3 7 0 3.4-2.4 6.3-6.8 6.8v.2c4.9.3 8.6 3 8.6 7.3 0 4.5-4.1 7.5-9.6 7.5H123V105h22c8.2 0 15-6.7 15-15V15h-21.9z"/><linearGradient id="path6360_1_" gradientUnits="userSpaceOnUse" x1="-227.894" y1="965.808" x2="-209.807" y2="965.808" gradientTransform="matrix(2.0492 0 0 -2.0492 590.04 2032.794)"><stop offset="0" stop-color="#007940"/><stop offset=".229" stop-color="#00873F"/><stop offset=".743" stop-color="#40A737"/><stop offset="1" stop-color="#5CB531"/></linearGradient><path id="path6360" fill="url(#path6360_1_)" d="M142.1 53.7c0-2-1.4-3.3-3.1-3.5-.2 0-.6-.1-.8-.1h-7.8v7.3h7.8c.2 0 .7 0 .8-.1 1.7-.3 3.1-1.7 3.1-3.6z"/><linearGradient id="path6371_1_" gradientUnits="userSpaceOnUse" x1="-268.384" y1="962.752" x2="-250.018" y2="962.752" gradientTransform="matrix(2.0492 0 0 -2.0492 590.04 2032.794)"><stop offset="0" stop-color="#1F286F"/><stop offset=".475" stop-color="#004E94"/><stop offset=".826" stop-color="#0066B1"/><stop offset="1" stop-color="#006FBC"/></linearGradient><path id="path6371" fill="url(#path6371_1_)" d="M55.1 15c-8.2 0-15 6.7-15 15v37c4.2 2.1 8.6 3.4 12.9 3.4 5.2 0 8-3.1 8-7.4V45.5h12.9v17.4c0 6.8-4.2 12.3-18.5 12.3-8.7 0-15.4-1.9-15.4-1.9v31.6h22c8.2 0 15-6.7 15-15V15H55.1z"/><linearGradient id="path6384_1_" gradientUnits="userSpaceOnUse" x1="-248.235" y1="962.712" x2="-230.398" y2="962.712" gradientTransform="matrix(2.0492 0 0 -2.0492 590.04 2032.794)"><stop offset="0" stop-color="#6C2C2F"/><stop offset=".173" stop-color="#882730"/><stop offset=".573" stop-color="#BE1833"/><stop offset=".859" stop-color="#DC0436"/><stop offset="1" stop-color="#E60039"/></linearGradient><path id="path6384" fill="url(#path6384_1_)" d="M96.6 15c-8.2 0-15 6.7-15 15v19.6c3.8-3.2 10.4-5.3 21-4.8 5.7.2 11.8 1.8 11.8 1.8V53c-3.1-1.6-6.7-3-11.4-3.3-8.1-.6-12.9 3.4-12.9 10.3 0 7 4.9 11 12.9 10.3 4.7-.3 8.3-1.8 11.4-3.3v6.3s-6 1.6-11.8 1.8c-10.6.5-17.2-1.6-21-4.8V105h22c8.2 0 15-6.7 15-15V15h-22z"/></svg>
                                    <svg class="frb-cc-logo-discover" xmlns="http://www.w3.org/2000/svg" aria-labelledby="frb-cc-logo-discover-title" viewBox="0 0 200 120"><title id="frb-cc-logo-discover-title">Discover</title><path fill="#FFFFFF" d="M192.3 120H7.7c-4.2 0-7.7-3.5-7.7-7.7V7.7C0 3.5 3.5 0 7.7 0h184.6c4.2 0 7.7 3.5 7.7 7.7v104.7c0 4.1-3.5 7.6-7.7 7.6z"/><path fill="#E77730" d="M47.5 120h144.8c4.2 0 7.7-3.5 7.7-7.7V64.6s-21.5 15.4-61.9 31C104 108.9 57 118.2 47.5 120z"/><path fill="#211E1E" d="M26.6 54.2c-1.8 1.6-4 2.3-7.6 2.3h-1.5V37.8H19c3.6 0 5.8.6 7.6 2.3 1.9 1.7 3.1 4.4 3.1 7 0 2.7-1.2 5.4-3.1 7.1m-6.5-21.3h-8.2v28.2H20c4.3 0 7.4-1 10.2-3.3 3.3-2.7 5.2-6.7 5.2-10.8 0-8.2-6.3-14.1-15.3-14.1M38 61.3h5.6V32.9H38v28.4zm19.1-17.5c-3.3-1.2-4.3-2-4.3-3.6 0-1.8 1.8-3.2 4.1-3.2 1.7 0 3 .7 4.5 2.3l2.9-3.8c-2.4-2.1-5.3-3.2-8.4-3.2-5.1 0-8.9 3.5-8.9 8.1 0 3.9 1.8 5.9 7 7.7 2.2.8 3.3 1.3 3.8 1.6 1.1.7 1.7 1.8 1.7 2.9 0 2.3-1.9 4-4.3 4-2.7 0-4.8-1.3-6.1-3.8l-3.6 3.5c2.6 3.8 5.6 5.3 9.9 5.3 5.8 0 9.8-3.8 9.8-9.2.2-4.3-1.7-6.3-8.1-8.6m10 3.3c0 8.3 6.6 14.8 15.1 14.8 2.4 0 4.5-.5 7-1.7v-6.5c-2.2 2.2-4.2 3.1-6.7 3.1-5.6 0-9.6-4.1-9.6-9.7 0-5.4 4.1-9.7 9.3-9.7 2.7 0 4.7 1 7 3.2V34c-2.4-1.2-4.5-1.8-6.9-1.8-8.4.1-15.2 6.7-15.2 14.9m66.2 4.9l-7.6-19h-6.1l12.1 29h3l12.4-29h-6l-7.8 19m16.3 9.3h15.8v-4.8h-10.2v-7.7h9.8V44h-9.8v-6.2h10.2v-4.9h-15.8M176.3 46h-1.6v-8.5h1.7c3.5 0 5.4 1.4 5.4 4.2-.1 2.7-2 4.3-5.5 4.3m11.1-4.6c0-5.2-3.7-8.3-10.1-8.3H169v28.2h5.6V49.9h.7l7.7 11.4h6.9l-9-11.9c4.2-.9 6.5-3.8 6.5-8"/><path fill="#E77731" d="M121.2 47.1c0 8.2-6.8 15-15.1 15S91 55.3 91 47.1s6.8-15 15.1-15c8.4 0 15.1 6.8 15.1 15"/><path fill="none" d="M106.3 32c-.6 0-1.2 0-1.8.1.2 0 .4 0 .6-.1.5.1.9.1 1.2 0h.8-.8M91.4 43.6c-.1.5-.2 1.1-.3 1.6 0 .2 0 .4-.1.5.1-.5.1-1 .2-1.5.1-.1.1-.3.2-.6"/></svg>
                                </span>
                            </button>
                        </li>


                        <li class="frb-pm-bt no-monthly" style="display: none;">
                          <ul class="frb-btn-wrapper">
                            <button class="frb-btn frb-btn-btxt" onclick="$('.frb-methods .frb-btn').removeClass('active'); $(this).addClass('active'); frb.setMethod({ method:'bt' }, 'no-monthly'); return false;">
                                {{{FR2015_translations,pm-banktransfer}}}
                            </button>
                        </li>


                         <li class="frb-pm-cash no-monthly" style="display: none;">
                         <li class="frb-pm-cc frb-cctypes-vmar">
                            <button class="frb-btn frb-btn-btxt" onclick="$('.frb-methods .frb-btn').removeClass('active'); $(this).addClass('active'); frb.setMethod({ method:'cash' }, 'no-monthly'); return false;">
                                {{{FR2015_translations,pm-cash}}}
                            </button>
                        </li>


                        <li class="frb-pm-pp">
                             <button class="frb-btn" type="submit" formaction="https://wikicigar.org/wiki/WikiCigar:Donate">
                             <button class="frb-btn frb-btn-logo" onclick="$('.frb-methods .frb-btn').removeClass('active'); $(this).addClass('active'); frb.setMethod({ method:'paypal' }); return false;">
                                Donate now
                                <svg class="frb-logo-paypal" role="img" aria-labelledby="frb-logo-paypal-title" width="80" height="24" viewBox="0 0 80 24" xmlns="http://www.w3.org/2000/svg"><title id="frb-logo-paypal-title">{{{FR2015_translations,pm-paypal}}}</title><g fill-rule="nonzero" fill="none"><path d="M12.444 5.085H6.97a.763.763 0 0 0-.752.648L4.006 19.891c-.044.279.17.53.451.53H7.07a.762.762 0 0 0 .751-.647l.597-3.819a.762.762 0 0 1 .75-.648h1.733c3.606 0 5.686-1.76 6.23-5.248.245-1.526.01-2.724-.698-3.564-.778-.922-2.158-1.41-3.99-1.41zm.631 5.171c-.3 1.981-1.8 1.981-3.25 1.981h-.826l.579-3.7a.457.457 0 0 1 .45-.388h.379c.988 0 1.92 0 2.402.569.288.339.376.842.266 1.538zM28.803 10.193h-2.62a.458.458 0 0 0-.451.388l-.116.74-.184-.269c-.567-.83-1.832-1.108-3.095-1.108-2.896 0-5.37 2.213-5.851 5.317-.25 1.548.105 3.029.976 4.061.799.95 1.941 1.345 3.301 1.345 2.334 0 3.628-1.513 3.628-1.513l-.117.734c-.044.281.17.533.45.533h2.36a.763.763 0 0 0 .752-.648l1.416-9.05a.457.457 0 0 0-.449-.53zm-3.653 5.145c-.253 1.51-1.441 2.525-2.957 2.525-.76 0-1.37-.246-1.76-.713-.387-.464-.534-1.123-.411-1.858.236-1.497 1.444-2.544 2.937-2.544.744 0 1.35.25 1.748.72.399.475.557 1.139.443 1.87zM42.761 10.193h-2.634a.761.761 0 0 0-.63.336l-3.632 5.398-1.54-5.187a.764.764 0 0 0-.73-.547h-2.587a.46.46 0 0 0-.433.608l2.9 8.588-2.726 3.884a.46.46 0 0 0 .372.727h2.63c.25 0 .483-.123.625-.33l8.76-12.755a.46.46 0 0 0-.375-.722" fill="#283B82"/><path d="M51.48 5.085h-5.473a.762.762 0 0 0-.75.648l-2.214 14.158c-.044.279.17.53.45.53H46.3c.261 0 .485-.191.525-.453l.628-4.013a.762.762 0 0 1 .751-.648h1.732c3.606 0 5.686-1.76 6.23-5.248.246-1.526.01-2.724-.699-3.564-.777-.922-2.156-1.41-3.987-1.41zm.632 5.171c-.299 1.981-1.799 1.981-3.25 1.981h-.826l.58-3.7a.456.456 0 0 1 .45-.388h.379c.987 0 1.92 0 2.402.569.287.339.375.842.265 1.538zM67.84 10.193h-2.62a.455.455 0 0 0-.45.388l-.116.74-.184-.269c-.567-.83-1.832-1.108-3.094-1.108-2.897 0-5.37 2.213-5.851 5.317-.25 1.548.105 3.029.976 4.061.8.95 1.94 1.345 3.3 1.345 2.334 0 3.628-1.513 3.628-1.513l-.117.734c-.044.281.17.533.452.533h2.36a.762.762 0 0 0 .75-.648l1.417-9.05a.46.46 0 0 0-.452-.53zm-3.654 5.145c-.251 1.51-1.441 2.525-2.957 2.525-.76 0-1.37-.246-1.76-.713-.387-.464-.533-1.123-.41-1.858.237-1.497 1.444-2.544 2.936-2.544.744 0 1.35.25 1.748.72.4.475.56 1.139.443 1.87zM70.929 5.474L68.683 19.89c-.044.279.17.53.45.53h2.258a.761.761 0 0 0 .751-.647l2.215-14.157a.459.459 0 0 0-.45-.532H71.38a.458.458 0 0 0-.45.389" fill="#469BDB"/></g></svg>
                             </button>
                             </button>
                         </li>
                         </li>


                         <li class="frb-pm-applepay">
                          
                            <button class="frb-btn frb-btn-logo" onclick="$('.frb-methods .frb-btn').removeClass('active'); $(this).addClass('active'); frb.setMethod({ method:'apple' }); return false;">
                                <svg class="frb-logo-applepay" role="img" aria-labelledby="frb-logo-applepay-title" width="58" height="24" viewBox="0 0 512 210.2" xmlns="http://www.w3.org/2000/svg"><title id="frb-logo-applepay-title">Apple Pay</title><path d="M93.6 27.1C87.6 34.2 78 39.8 68.4 39c-1.2-9.6 3.5-19.8 9-26.1 6-7.3 16.5-12.5 25-12.9 1 10-2.9 19.8-8.8 27.1m8.7 13.8c-13.9-.8-25.8 7.9-32.4 7.9-6.7 0-16.8-7.5-27.8-7.3-14.3.2-27.6 8.3-34.9 21.2-15 25.8-3.9 64 10.6 85 7.1 10.4 15.6 21.8 26.8 21.4 10.6-.4 14.8-6.9 27.6-6.9 12.9 0 16.6 6.9 27.8 6.7 11.6-.2 18.9-10.4 26-20.8 8.1-11.8 11.4-23.3 11.6-23.9-.2-.2-22.4-8.7-22.6-34.3-.2-21.4 17.5-31.6 18.3-32.2-10-14.8-25.6-16.4-31-16.8m80.3-29v155.9h24.2v-53.3h33.5c30.6 0 52.1-21 52.1-51.4s-21.1-51.2-51.3-51.2h-58.5zm24.2 20.4h27.9c21 0 33 11.2 33 30.9s-12 31-33.1 31h-27.8V32.3zM336.6 169c15.2 0 29.3-7.7 35.7-19.9h.5v18.7h22.4V90.2c0-22.5-18-37-45.7-37-25.7 0-44.7 14.7-45.4 34.9h21.8c1.8-9.6 10.7-15.9 22.9-15.9 14.8 0 23.1 6.9 23.1 19.6v8.6l-30.2 1.8c-28.1 1.7-43.3 13.2-43.3 33.2 0 20.2 15.7 33.6 38.2 33.6zm6.5-18.5c-12.9 0-21.1-6.2-21.1-15.7 0-9.8 7.9-15.5 23-16.4l26.9-1.7v8.8c0 14.6-12.4 25-28.8 25zm82 59.7c23.6 0 34.7-9 44.4-36.3L512 54.7h-24.6l-28.5 92.1h-.5l-28.5-92.1h-25.3l41 113.5-2.2 6.9c-3.7 11.7-9.7 16.2-20.4 16.2-1.9 0-5.6-.2-7.1-.4v18.7c1.4.4 7.4.6 9.2.6z"/></svg>
                            </button>
                        </li>
 
                        <li class="frb-pm-amazon no-monthly">
                            <button class="frb-btn frb-btn-logo" onclick="$('.frb-methods .frb-btn').removeClass('active'); $(this).addClass('active'); frb.setMethod({ method:'amazon' }, 'no-monthly'); return false;">
                                <svg class="frb-logo-amazon-pay" role="img" aria-labelledby="frb-logo-amazon-pay-title" width="80" height="24" viewBox="0 0 80 24" xmlns="http://www.w3.org/2000/svg"><title id="frb-logo-amazon-pay-title">{{{FR2015_translations,pm-amazon}}}</title><g fill-rule="nonzero" fill="none"><path d="M17.33 9.035c.278.07.56.125.82.26.655.349 1.01.895 1.097 1.63.03.27.038.542.038.814 0 1.896-.004 3.793-.007 5.689 0 .31-.097.407-.404.407H17.5c-.275 0-.38-.104-.38-.38v-5.08c0-.167-.003-.334-.027-.504-.094-.675-.675-1.01-1.305-.738-.46.195-.63.585-.686 1.051a7.11 7.11 0 0 0-.038.818v4.42c0 .32-.094.417-.41.417h-1.358c-.289 0-.386-.101-.386-.387 0-1.61 0-3.225.003-4.837 0-.31-.013-.612-.104-.911-.122-.4-.376-.623-.745-.65-.497-.036-.814.128-1.002.521-.16.33-.198.689-.202 1.05-.007 1.591-.007 3.178-.007 4.768 0 .359-.083.446-.435.446h-1.34c-.274 0-.379-.105-.379-.376V9.599c0-.293.094-.39.38-.39H10.4c.244 0 .348.108.352.348 0 .316 0 .633.024.957.062-.133.122-.268.195-.394.323-.58.804-.946 1.468-1.047.025-.003.045-.007.052-.035h.696c.007.007.014.025.021.025.752.097 1.222.556 1.552 1.2.038.077.08.157.132.254a5.77 5.77 0 0 1 .074-.163c.295-.627.775-1.04 1.444-1.229.097-.028.205-.02.292-.083.209-.007.417-.007.626-.007zM4.28 9.035c.209.08.435.08.65.139.384.104.746.25 1.066.487.584.435.824 1.044.86 1.744.051 1.113.01 2.223.02 3.337 0 .114 0 .233.004.348.01.344.11.657.302.946.06.087.119.17.181.254.268.366.261.418-.083.71-.317.271-.63.546-.947.818-.223.195-.355.195-.574.003a3.175 3.175 0 0 1-.672-.79c-.076-.128-.121-.153-.243-.031-.425.431-.901.786-1.503.919-.56.125-1.128.153-1.688 0-.93-.254-1.42-.902-1.583-1.827-.007-.038.014-.084-.039-.105v-.835c.049-.02.032-.07.039-.104.1-.574.344-1.075.769-1.483.55-.525 1.238-.748 1.966-.883a17.19 17.19 0 0 1 1.687-.21c.126-.01.185-.04.174-.184-.014-.191 0-.382-.01-.574-.024-.508-.254-.828-.686-.96a1.376 1.376 0 0 0-1.06.104c-.314.16-.495.421-.582.762-.056.226-.15.317-.317.303a51.272 51.272 0 0 1-1.45-.153c-.213-.024-.297-.16-.255-.372.045-.234.115-.46.216-.676.39-.824 1.075-1.273 1.924-1.52.258-.077.533-.077.787-.174.351.007.7.007 1.047.007zm.386 5.317c0-.223-.003-.372 0-.526.004-.08-.02-.11-.107-.107a4.925 4.925 0 0 0-.933.09c-.919.202-1.364.766-1.288 1.646.032.386.167.73.554.898.393.17.758.08 1.092-.17.178-.136.307-.314.414-.509.237-.435.275-.908.268-1.322zM24.88 9.035c.223.049.45.087.668.142.453.115.874.303 1.229.62.532.48.696 1.11.706 1.788.014 1.062.021 2.123.004 3.184-.01.585.139 1.097.511 1.545.049.056.09.122.126.188.07.14.059.265-.07.373-.376.32-.745.643-1.12.967-.206.174-.342.167-.55-.01a3.517 3.517 0 0 1-.703-.835c-.063-.101-.101-.105-.188-.021-.435.438-.912.81-1.531.946-.651.14-1.302.17-1.935-.076-.793-.31-1.214-.923-1.333-1.744-.153-1.047.084-1.97.926-2.676.466-.39 1.023-.577 1.607-.7.613-.128 1.236-.19 1.859-.243.15-.014.219-.052.202-.215-.018-.185-.01-.37-.018-.557-.042-.87-.717-1.076-1.294-.989-.536.08-.895.376-1.034.92-.066.253-.15.305-.414.281-.445-.045-.887-.09-1.33-.143-.232-.027-.32-.17-.27-.407.257-1.169 1.019-1.844 2.136-2.157.275-.077.56-.119.839-.178.327-.003.654-.003.977-.003zm.404 5.296c0-.157-.003-.313 0-.47.004-.097-.017-.146-.132-.142-.296.01-.588.027-.88.083-.958.188-1.41.783-1.312 1.723.08.772.803 1.148 1.478.762.254-.147.435-.362.575-.613.23-.417.268-.877.271-1.343zM48.89 9.035c.178.059.37.073.547.142.766.3 1.159.884 1.302 1.667.07.383.1.77.1 1.159.004 1.827.004 3.654.004 5.48 0 .24-.108.349-.351.352-.488.004-.975.004-1.462 0-.233 0-.344-.118-.344-.358V12.57c0-.278-.021-.557-.094-.824-.101-.376-.31-.648-.717-.707-.418-.062-.738.105-.968.446-.24.354-.327.769-.34 1.186-.05 1.496-.011 2.993-.022 4.49 0 .114.004.232 0 .347-.007.212-.114.327-.323.33-.505.008-1.01.008-1.514 0-.216-.003-.313-.121-.313-.368v-2.906c0-1.646 0-3.292-.004-4.941 0-.327.084-.41.408-.41h1.27c.26 0 .358.097.358.354v1.086c.077-.021.077-.09.098-.136.118-.264.257-.518.438-.748a1.859 1.859 0 0 1 1.187-.692c.03-.007.073.007.087-.035.212-.007.435-.007.654-.007zM40.017 9.035c.126.062.265.055.397.087 1.086.254 1.84.932 2.269 1.928.706 1.635.748 3.302-.004 4.934-.494 1.068-1.322 1.768-2.515 1.976a3.242 3.242 0 0 1-3.428-1.652c-.49-.895-.665-1.855-.661-2.86.007-.94.17-1.845.63-2.677.536-.967 1.336-1.566 2.45-1.705.024-.003.045-.007.055-.031h.807zm-1.597 4.363c0 .314-.017.627.004.94.034.49.1.981.33 1.427.174.337.432.56.825.574.4.01.703-.164.915-.501.122-.192.198-.404.25-.627.182-.8.157-1.61.119-2.422-.024-.48-.08-.956-.247-1.416-.16-.442-.473-.671-.943-.689-.432-.017-.741.181-.95.553a1.894 1.894 0 0 0-.174.435c-.153.564-.15 1.145-.129 1.726z" fill="#343F48"/><path d="M19.626 24.346c-.188-.07-.386-.045-.578-.06a19.687 19.687 0 0 1-9.18-3.058 20.499 20.499 0 0 1-2.543-1.935.514.514 0 0 1-.094-.1c-.066-.091-.09-.189-.02-.29.069-.1.177-.114.281-.08.087.028.167.077.247.122a26.22 26.22 0 0 0 6.994 2.732c1.632.383 3.289.616 4.966.692 3.918.181 7.676-.515 11.299-2 .1-.042.202-.091.313-.095.184-.006.351.084.414.23.066.15.031.324-.129.449-.23.177-.466.345-.71.501-1.304.846-2.714 1.469-4.196 1.935a20.6 20.6 0 0 1-5.008.922c-.038.003-.083-.017-.107.035h-1.95z" fill="#FE9901"/><path d="M56.72 10.176c.192-.136.37-.282.564-.403 1.05-.662 2.175-.884 3.368-.484.989.33 1.605 1.061 1.939 2.022.49 1.423.49 2.86-.032 4.273-.435 1.18-1.245 1.994-2.516 2.23-1.127.21-2.164-.038-3.065-.772-.045-.035-.087-.07-.16-.126v3.742c0 .368-.077.441-.453.445-.268 0-.532.003-.8 0-.282-.004-.38-.098-.38-.376V9.713c0-.271.098-.365.37-.365.233 0 .462-.004.696 0 .212.003.32.094.361.3.021.09.025.184.05.274.027.084.006.174.058.254zm.105 3.296v2.174c0 .07-.007.13.066.181.633.453 1.322.738 2.109.738 1.023 0 1.712-.445 2.025-1.399a5.297 5.297 0 0 0-.01-3.379c-.303-.908-.947-1.336-1.904-1.36-.8-.021-1.514.226-2.168.668-.087.059-.122.118-.118.223.003.716 0 1.433 0 2.154zM32.397 10.917h-2.614c-.292 0-.379-.09-.379-.386V9.54c0-.25.101-.358.345-.358 1.687-.004 3.375-.004 5.063 0 .247 0 .348.1.351.348.004.289 0 .581.004.87.003.23-.126.407-.247.581-.519.748-1.044 1.49-1.566 2.234-.411.588-.825 1.176-1.26 1.796h.296c.898.007 1.76.17 2.568.58.26.133.372.328.365.613-.007.348 0 .696-.003 1.044-.004.317-.185.432-.467.3-1.764-.832-3.528-.836-5.292.006-.265.126-.45.021-.453-.275-.007-.424 0-.845.004-1.27.003-.282.1-.529.264-.758.968-1.382 1.932-2.767 2.895-4.148.039-.049.073-.105.126-.185zM69.4 16.847a4.976 4.976 0 0 1-.876.591c-.905.46-1.852.64-2.84.331-.905-.285-1.416-.926-1.552-1.862-.094-.643-.02-1.263.341-1.82.453-.696 1.128-1.044 1.921-1.186.919-.167 1.823-.042 2.721.153.223.049.223.052.223-.174-.004-.376.01-.755-.014-1.131-.06-.853-.46-1.253-1.308-1.322-1.003-.084-1.973.083-2.93.372-.33.101-.428.035-.432-.306 0-.14.004-.279 0-.418-.007-.226.098-.365.303-.452.466-.198.953-.32 1.451-.4.793-.129 1.59-.178 2.387-.042.741.125 1.392.404 1.775 1.107.209.382.306.803.306 1.235.01 1.949.007 3.897.007 5.842 0 .24-.097.338-.338.341-.226.004-.452.004-.678 0-.237-.003-.338-.087-.38-.316-.03-.17-.052-.338-.086-.543zm-.062-1.844c0-.244-.004-.488 0-.731 0-.084-.024-.118-.111-.14-.717-.149-1.438-.246-2.172-.156-.925.111-1.381.654-1.322 1.576.038.571.372.968.926 1.086.174.038.354.049.535.035.742-.052 1.403-.32 2.008-.741.094-.066.143-.133.136-.254-.007-.223 0-.45 0-.675zM76.05 16.175c.547-1.566 1.083-3.107 1.619-4.645.198-.574.396-1.149.598-1.72.146-.417.216-.462.658-.462.271 0 .546-.004.817 0 .202.003.272.087.23.289-.042.205-.136.393-.212.588a4131.2 4131.2 0 0 1-3.588 9.12 4.17 4.17 0 0 1-.706 1.208c-.407.47-.93.696-1.538.73-.39.021-.776.008-1.155-.1-.265-.073-.352-.181-.359-.456a8.131 8.131 0 0 1 0-.505c.007-.215.094-.296.31-.268.271.035.54.063.814.046.466-.032.828-.23 1.068-.64.282-.477.425-1.013.63-1.521.032-.073-.01-.136-.038-.199-1.037-2.56-2.078-5.122-3.114-7.683a2.001 2.001 0 0 1-.115-.345c-.035-.167.038-.26.205-.264.372-.007.741-.004 1.114 0 .236 0 .344.157.417.355.22.602.439 1.207.658 1.81.54 1.489 1.075 2.982 1.61 4.47.018.057.043.109.077.192z" fill="#343F48"/><path d="M31.36 19.328c-.661 0-1.32.083-1.973.153-.108.01-.237.045-.29-.083-.055-.14.05-.23.15-.303a4.104 4.104 0 0 1 1.504-.647c.94-.213 1.879-.247 2.822-.021.045.01.087.028.132.038.292.07.418.261.425.553a4.896 4.896 0 0 1-.213 1.49c-.247.866-.626 1.666-1.245 2.338a2.283 2.283 0 0 1-.373.338c-.083.059-.184.1-.275.03-.097-.072-.059-.177-.024-.27.25-.64.505-1.281.689-1.946.097-.358.191-.717.164-1.092-.018-.268-.108-.383-.362-.467-.366-.121-.749-.111-1.131-.111z" fill="#FE9901"/></g></svg>
                            </button>
                        </li>
 
                        <li class="frb-pm-pp-usd" style="display: none;">
                            <button class="frb-btn frb-btn-logo" onclick="$('.frb-methods .frb-btn').removeClass('active'); $(this).addClass('active'); frb.setMethod({ method:'paypal', skipValidation: true }); return false;">
                                <svg class="frb-logo-paypal-usd" role="img" aria-labelledby="frb-logo-paypal-usd-title" width="105" height="24" viewBox="0 0 105 24" xmlns="http://www.w3.org/2000/svg"><title id="frb-logo-paypal-usd-title">{{{FR2015_translations,pm-paypal}}} (USD)</title><g fill="none" fill-rule="evenodd"><path d="M75.452 10.3c.44-.68 1.024-1.411 1.752-2.195h1.192l-.471.621a11.815 11.815 0 0 0-1.542 2.684 12.17 12.17 0 0 0-.604 2.007c-.24 1.13-.297 2.17-.172 3.12.074.563.26 1.283.56 2.163h-1.17l-.277-.538c-.185-.325-.353-.81-.504-1.452a7.683 7.683 0 0 1-.05-3.393c.214-1.013.643-2.018 1.286-3.016zm4.042-2.062h1.735l-1.07 5.023c-.118.562-.139.972-.061 1.231.11.458.514.688 1.208.688.692 0 1.189-.23 1.492-.688.188-.259.342-.669.46-1.23l1.07-5.024h1.735l-1.07 5.023c-.185.869-.464 1.545-.837 2.03-.691.886-1.744 1.33-3.16 1.33-1.416 0-2.282-.444-2.6-1.33-.166-.485-.157-1.161.028-2.03l1.07-5.023zm8.232 5.65c-.025.373.017.652.128.837.207.336.647.504 1.32.504.402 0 .739-.044 1.008-.133.514-.17.82-.486.915-.948.06-.27-.015-.478-.222-.626-.203-.144-.547-.272-1.03-.383l-.827-.194c-.81-.192-1.353-.4-1.63-.626-.47-.377-.619-.967-.449-1.769.155-.732.55-1.34 1.187-1.824.635-.484 1.469-.726 2.5-.726.861 0 1.547.228 2.057.685.51.456.687 1.119.532 1.987h-1.641c.078-.491-.06-.84-.416-1.048-.236-.136-.552-.205-.948-.205-.44 0-.81.089-1.111.266-.302.178-.485.425-.552.743-.063.292.02.51.25.654.144.097.474.21.992.339l1.336.338c.584.148 1.007.345 1.27.593.406.384.532.94.377 1.669-.16.746-.577 1.366-1.253 1.86-.677.493-1.536.74-2.578.74-1.065 0-1.85-.243-2.357-.73-.506-.485-.669-1.153-.487-2.003h1.63zm8.893-4.23l-1.13 5.333h1.574c.805 0 1.452-.397 1.94-1.192.266-.436.462-.955.588-1.558.177-.831.183-1.47.016-1.915-.166-.446-.637-.668-1.413-.668h-1.575zm3.393-1.242a2 2 0 0 1 1.17 1.037c.2.406.3.846.302 1.319.002.473-.042.924-.13 1.353-.233 1.086-.647 2.007-1.242 2.76-.806 1.017-1.826 1.525-3.06 1.525h-3.52l1.734-8.172h3.52c.504.008.912.067 1.226.178zm4.768 1.885c.218.998.22 2.003.005 3.016-.236 1.112-.733 2.243-1.49 3.393-.426.643-.801 1.127-1.126 1.452l-.505.538H100.5c.669-.88 1.16-1.6 1.475-2.162.528-.95.913-1.99 1.153-3.121a10.54 10.54 0 0 0 .25-2.007 7.927 7.927 0 0 0-.4-2.684l-.205-.62h1.192c.395.783.667 1.515.815 2.195z" fill="#222"/><g fill-rule="nonzero"><path d="M8.444 2.085H2.97a.763.763 0 0 0-.752.648L.006 16.891c-.044.279.17.53.451.53H3.07a.762.762 0 0 0 .751-.647l.597-3.819a.762.762 0 0 1 .75-.648h1.733c3.606 0 5.686-1.76 6.23-5.248.245-1.526.01-2.724-.698-3.564-.778-.922-2.158-1.41-3.99-1.41zm.631 5.171c-.3 1.981-1.8 1.981-3.25 1.981h-.826l.579-3.7a.457.457 0 0 1 .45-.388h.379c.988 0 1.92 0 2.402.569.288.339.376.842.266 1.538zM24.803 7.193h-2.62a.458.458 0 0 0-.451.388l-.116.74-.184-.269c-.567-.83-1.832-1.108-3.095-1.108-2.896 0-5.37 2.213-5.851 5.317-.25 1.548.105 3.029.976 4.061.799.95 1.941 1.345 3.301 1.345 2.334 0 3.628-1.513 3.628-1.513l-.117.734c-.044.281.17.533.45.533h2.36a.763.763 0 0 0 .752-.648l1.416-9.05a.457.457 0 0 0-.449-.53zm-3.653 5.145c-.253 1.51-1.441 2.525-2.957 2.525-.76 0-1.37-.246-1.76-.713-.387-.464-.534-1.123-.411-1.858.236-1.497 1.444-2.544 2.937-2.544.744 0 1.35.25 1.748.72.399.475.557 1.139.443 1.87zM38.761 7.193h-2.634a.761.761 0 0 0-.63.336l-3.632 5.398-1.54-5.187a.764.764 0 0 0-.73-.547h-2.587a.46.46 0 0 0-.433.608l2.9 8.588-2.726 3.884a.46.46 0 0 0 .372.727h2.63c.25 0 .483-.123.625-.33l8.76-12.755a.46.46 0 0 0-.375-.722" fill="#283B82"/><path d="M47.48 2.085h-5.473a.762.762 0 0 0-.75.648l-2.214 14.158c-.044.279.17.53.45.53H42.3c.261 0 .485-.191.525-.453l.628-4.013a.762.762 0 0 1 .751-.648h1.732c3.606 0 5.686-1.76 6.23-5.248.246-1.526.01-2.724-.699-3.564-.777-.922-2.156-1.41-3.987-1.41zm.632 5.171c-.299 1.981-1.799 1.981-3.25 1.981h-.826l.58-3.7a.456.456 0 0 1 .45-.388h.379c.987 0 1.92 0 2.402.569.287.339.375.842.265 1.538zM63.84 7.193h-2.62a.455.455 0 0 0-.45.388l-.116.74-.184-.269c-.567-.83-1.832-1.108-3.094-1.108-2.897 0-5.37 2.213-5.851 5.317-.25 1.548.105 3.029.976 4.061.8.95 1.94 1.345 3.3 1.345 2.334 0 3.628-1.513 3.628-1.513l-.117.734c-.044.281.17.533.452.533h2.36a.762.762 0 0 0 .75-.648l1.417-9.05a.46.46 0 0 0-.452-.53zm-3.654 5.145c-.251 1.51-1.441 2.525-2.957 2.525-.76 0-1.37-.246-1.76-.713-.387-.464-.533-1.123-.41-1.858.237-1.497 1.444-2.544 2.936-2.544.744 0 1.35.25 1.748.72.4.475.56 1.139.443 1.87zM66.929 2.474L64.683 16.89c-.044.279.17.53.45.53h2.258a.761.761 0 0 0 .751-.647l2.215-14.157a.459.459 0 0 0-.45-.532H67.38a.458.458 0 0 0-.45.389" fill="#469BDB"/></g></g></svg>
                            </button>
                        </li>
                    </ul>
 
                </fieldset>
 
            </div><!-- frb-step-1 -->
 
            <div class="frb-step-2" style="display: none;">
                <p class="frb-step-2" style="display:none;">
                We depend on donations, but only a tiny portion of our readers give. When we made WikiCigar a non-profit, people warned us we'd regret it. But if WikiCigar became commercial, it would be a great loss to the world. WikiCigar is a place to learn, not a place for advertising. It unites all of us who love knowledge: contributors, readers and the donors who keep us thriving. The heart and soul of WikiCigar is a community of people working to bring you unlimited access to reliable, neutral information. Please take a minute to help us keep WikiCigar growing. Thank you.
                </p>
                <fieldset class="frb-fieldset frb-frequency">
                    <legend class="error-highlight">{{{FR2015_translations,how-often}}}</legend>
                    <ul>
                        <li>
                            <input class="frb-radio" id="frb-frequency-onetime" type="radio" name="frequency" onchange="frb.toggleMonthly(false);" value="onetime" checked />
                            <label for="frb-frequency-onetime" class="frb-btn">{{{FR2015_translations,just-once}}}</label>
                        </li>
                        <li>
                            <input class="frb-radio" id="frb-frequency-monthly" type="radio" name="frequency" onchange="frb.toggleMonthly(true);" value="monthly"/>
                            <label for="frb-frequency-monthly" class="frb-btn">{{{FR2015_translations,give-monthly}}}</label>
                        </li>
                    </ul>
                </fieldset>
 
                <fieldset class="frb-fieldset frb-amounts">


                    <legend>
                          
                         <span class="error-highlight">{{{FR2015_translations,please-select-amount}}} (<span class="frb-replace-currencycode"></span>).</span>
                    </legend>


                    <ul>
                        <li>
                            <input name="amount" type="radio" id="frb-amt-ps1" value="2.75">
                            <label for="frb-amt-ps1" class="frb-btn">$2.75</label>
                        </li>
                        <li>
                            <input name="amount" type="radio" id="frb-amt-ps2" value="5">
                            <label for="frb-amt-ps2" class="frb-btn">$5</label>
                        </li>
                        <li>
                            <input name="amount" type="radio" id="frb-amt-ps3" value="10">
                            <label for="frb-amt-ps3" class="frb-btn">$10</label>
                        </li>
                        <li>
                            <input name="amount" type="radio" id="frb-amt-ps4" value="20">
                            <label for="frb-amt-ps4" class="frb-btn">$20</label>
                        </li>
                        <li>
                            <input name="amount" type="radio" id="frb-amt-ps5" value="30">
                            <label for="frb-amt-ps5" class="frb-btn">$30</label>
                        </li>
                        <li>
                            <input name="amount" type="radio" id="frb-amt-ps6" value="50">
                            <label for="frb-amt-ps6" class="frb-btn">$50</label>
                        </li>
                        <li>
                            <input name="amount" type="radio" id="frb-amt-ps7" value="100">
                            <label for="frb-amt-ps7" class="frb-btn">$100</label>
                        </li>
                        <li class="frb-button frb-button--other">
                            <input id="frb-input-other" class="frb-radio" type="radio" name="amount" value="Other" />
                            <label class="frb-btn">
                                <span class="frb-other-txt">{{{FR2015_translations,other}}} (<span class="frb-replace-currencysymbol">$</span>)</span>
                                <input name="otherAmount" id="frb-amt-other-input" class="frb-other-input" type="text" inputmode="decimal" value="" tabindex="-1" dir="ltr" />
                            </label>
                        </li>
                    </ul>
                    <div class="frb-ptf" style="display: none;">
                        <input class="frb-ptf-checkbox" type="checkbox" name="ptf" id="frb-ptf-checkbox" value="true" onclick="frb.updateFeeDisplay();">
                        <label class="frb-ptf-label" for="frb-ptf-checkbox">
                            <span class="frb-ptf-cell"><span class="frb-ptf-img"></span></span>
                            <span class="frb-ptf-cell">{{{FR2015_translations,generously-add}}}</span>
                        </label>
                    </div>
                </fieldset>
                <fieldset class="frb-fieldset frb-optin" style="display: none;">
                    <legend>
                        <span class="error-highlight">{{{FR2015_translations,optin-can-we-follow}}}</span>
                    </legend>
                    <ul class="frb-btn-wrapper">
                        <li>
                            <input class="frb-radio" type="radio" name="opt_in" id="frb-optin-yes" value="1">
                            <label class="frb-btn" for="frb-optin-yes">{{{FR2015_translations,optin-yes}}}</label>
                        </li>
                        <li>
                            <input class="frb-radio" type="radio" name="opt_in" id="frb-optin-no" value="0">
                            <label class="frb-btn" for="frb-optin-no">{{{FR2015_translations,optin-no}}}</label>
                        </li>
                     </ul>
                     </ul>


                    <div class="frb-optin-no-prompt">
                        <div class="frb-optin-no-prompt__no">{{{FR2015_translations,optin-we-sorry}}}</div>
                        <div class="frb-optin-no-prompt__yes">{{{FR2015_translations,optin-thanks-changing}}}</div>
                    </div>
                    <div class="frb-optin-legal frb-smallprint">{{{FR2015_translations,optin-info-handled}}}</div>
                </fieldset>
                <fieldset class="frb-continue">
                    <button class="frb-submit" id="frb-btn-first-submit">
                        {{{FR2015_translations,continue}}}
                    </button>
                 </fieldset>
                 </fieldset>


                <div class="frb-error frb-error-smallamount">{{{FR2015_translations,smallamount-error}}}</div>
            </div>
                <div class="frb-error frb-error-bigamount">{{{FR2015_translations,bigamount-error}}}</div>
                <div class="frb-error frb-error-method">{{{FR2015_translations,select-payment-method-please}}}</div>
                <div class="frb-error frb-error-optin">{{{FR2015_translations,optin-please-select-email-option}}}</div>


                <div class="frb-footer frb-smallprint">                  
                <div class="frb-inline-rml-form-close-wrapper">
                    <a href="https://donate.wikimedia.org/wiki/Special:LandingCheck?basic=true&landing_page=Problems_donating" target="_blank">Problems donating?</a> |
<a href="#" title="Close" onclick="mw.centralNotice.hideBanner();return false;"><div class="cn-closeButton">Close <svg class="frb-inline-rml-form-close-icon" aria-hidden="true" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                    <a href="https://wikimediaendowment.org/ways-to-give/" target="_blank">Other ways to give</a> |
                                <g stroke-width="1.4" fill="none" fill-rule="evenodd" stroke-linecap="round">
                    <a href="https://donate.wikimedia.org/wiki/FAQ" target="_blank">Frequently asked questions</a> |
                                    <path d="M1 1l9.944 9.944M10.944 1L1 10.944"></path>
                    <span class="frb-legal-nonUS">{{{FR2015_translations,legal-non-us}}}</span>
                                </g>
                    <span class="frb-legal-US" style="display: none;">{{{FR2015_translations,legal-us}}}</span>
                            </svg></div></a>
                    The Wikimedia Endowment provides dedicated funding to realize the power and promise of WikiCigar and related for the long term. For more information, visit <a href="https://wikimediaendowment.org/" target="_blank">wikimediaendowment.org</a>.
                        </div></div>
                </div>
                        </div></div>


            </div><!-- frb-step-2 -->


            <div class="frb-step-upsell" style="display: none;">


                <button class="frb-back">
                    <svg class="frb-icon frb-icon-back" aria-labelledby="frb-icon-back-title" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16">
                        <title id="frb-icon-back-title">{{{FR2015_translations,back}}}</title>
                        <g fill="none" fill-rule="evenodd" transform="translate(1 1)">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.778" d="M7.181 13.285L.753 7 7.181.715"></path>
                            <rect width="18.182" height="1.778" x=".818" y="6.111" rx=".889"></rect>
                        </g>
                    </svg>
                </button>
                <div class="frb-upsell">
                    <p class="frb-upsell-cta">{{{FR2015_translations,why-not-make}}}</p>
                    <div class="frb-upsell-color" id="monthly-support-text">{{{FR2015_translations,monthly-best}}}
                    </div>
                </div>
                <div class="frb-monthly-buttons">
                    <button class="frb-submit" id="frb-monthly-donate-no" onclick="return false;">
                        {{{FR2015_translations,no-thanks-one}}}
                    </button>
                    <button class="frb-submit" id="frb-monthly-donate-yes" onclick="return false;">
                        {{{FR2015_translations,yes-each-month}}}
                    </button>
                </div>
                <button class="frb-monthly-diff-amt-link">{{{FR2015_translations,yes-but-different}}}</button>
            </div><!--frb-step-upsell-->
            <div class="frb-step-monthly-diff-amt" style="display: none;">
                <button class="frb-back">
                    <svg class="frb-icon frb-icon-back" aria-labelledby="frb-icon-back-title" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16">
                        <title id="frb-icon-back-title">{{{FR2015_translations,back}}}</title>
                        <g fill="none" fill-rule="evenodd" transform="translate(1 1)">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.778" d="M7.181 13.285L.753 7 7.181.715"></path>
                            <rect width="18.182" height="1.778" x=".818" y="6.111" rx=".889"></rect>
                        </g>
                    </svg>
                </button>
                <p class="frb-upsell-ty">{{{FR2015_translations,thank-you-support}}}</p>
                <div class="frb-amt-monthly">
                    <label for="frb-amt-monthly-other-input">{{{FR2015_translations,enter-monthly-amt}}}</label>
                    <input id="frb-amt-monthly-other-input" class="frb-input" name="otherMonthlyAmount" type="text" inputmode="decimal" size="5" autocomplete="off">
                </div>
                <div class="frb-error frb-error-smallamount">{{{FR2015_translations,smallamount-error}}}</div>
                <div class="frb-error frb-error-bigamount">{{{FR2015_translations,bigamount-error}}}</div>
                <button id="frb-donate-monthly-other" class="frb-submit inactive" onclick="return false;">
                    <span class="frb-submit-secure-transaction">
                        <svg class="frb-icon frb-icon-lock" role="img" aria-labelledby="frb-icon-lock-title" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                            <title id="frb-icon-lock-title">{{{FR2015_translations,secure-transaction}}}</title>
                            <path d="M16.07 8H15V5s0-5-5-5-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8zM10 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3-8H7V5.5C7 4 7 2 10 2s3 2 3 3.5z"></path>
                        </svg>
                    </span>
                    {{{FR2015_translations,donate-amt-monthly}}}
                </button>
            </div><!-- frb-step-monthly-diff-amt -->
        </form>
    </div>
    <div class="frb-inline-bottombar">
        <div class="frb-inline-rml-wrapper">
            <button class="frb-inline-rml-link">
                {{{FR2015_translations,maybe-later}}}
                <svg class="frb-inline-rml-icon" aria-hidden="true" width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><path d="M5.7 6.2h3.357c.355 0 .643.289.643.65 0 .359-.288.65-.643.65H6.343a.645.645 0 0 1-.643-.65V6.2z" fill="currentColor"/><circle stroke="currentColor" stroke-width="1.4" cx="6.5" cy="6.5" r="6.5"/><path d="M5.7 2.654A.65.65 0 0 1 6.35 2c.359 0 .65.298.65.654V7H5.7V2.654z" fill="currentColor"/></g></svg>
            </button>
        </div>
        <button class="frb-inline-close">
            {{{FR2015_translations,close}}}
            <svg class="frb-close-x" role="img" aria-hidden="true" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="M2 2l7 7M9 2L2 9"/></g></svg>
        </button>
        <div class="frb-inline-rml" style="display: none;">
            <div class="frb-inline-rml-form">
                <form method="post" action="https://www.pages04.net/wikimedia/remind/Form?sp_source={{{banner}}}">
                    <div class="frb-inline-rml-label">{{{FR2015_translations,remind-me-gladly}}}</div>
                    <input type="hidden" name="formSourceName" value="StandardForm" />
                    <!-- DO NOT REMOVE HIDDEN FIELD sp_exp -->
                    <input type="hidden" name="sp_exp" value="yes" />
                    <input type="hidden" name="rml_source" value="{{{banner}}}" />
                    <input type="hidden" name="rml_group" value="dsk_sm" />
                    <input type="hidden" name="rml_country" value="" />
                    <input type="hidden" name="rml_language" value="" />
                    <input type="hidden" name="rml_submitDate" value="" />
                    <input type="hidden" name="rml_segment" value="" />
                    <input type="email" name="Email" placeholder="{{{FR2015_translations,remind-me-donor-email}}}" class="email_input required frb-input" dir="ltr" autocomplete="email" />
                    <button class="frb-submit active" type="submit">{{{FR2015_translations,remind-me-submit}}}</button>
                    <div class="frb-error frb-error-invalidemail">
                        {{{FR2015_translations,remind-me-error-msg-invalid}}}
                    </div>
                    <div class="frb-smallprint">
                        <span class="frb-legal-US" style="display: none;">{{{FR2015_translations,legal-us}}}</span>
                        <span class="frb-legal-NL" style="display: none;">{{{FR2015_translations,legal-nl}}}</span>
                        <span class="frb-legal-nonUS">{{{FR2015_translations,legal-non-us}}}</span>
                    </div>
                </form>
                <div class="frb-inline-rml-done" style="display: none;">
                    {{{FR2015_translations,remind-me-thankyou}}}
                </div>
                <button class="frb-inline-rml-form-close">
                    <span class="frb-inline-rml-form-close-txt">{{{FR2015_translations,close}}}</span>
                    <svg class="frb-close-x" role="img" aria-hidden="true" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="M2 2l7 7M9 2L2 9"/></g></svg>
                </button>
            </div><!--frb-inline-rml-form-->
        </div><!--frb-inline-rml-->
    </div><!--frb-inline-bottombar-->
</div><!--frb-inline-->
<div id="frb-nag" class="frb" style="display:none;"><!-- the nag banner -->
    <div class="frb-nag-action">
        <div class="frb-nag-message">
            <svg class="frb-icon frb-icon-info" role="img" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="none"><circle cx="8.035" cy="8.143" r="7.844"/><path d="M9.672 6.097l-1.695 5.879c-.094.336-.14.557-.14.662 0 .06.024.117.074.169.05.053.101.079.157.079a.428.428 0 0 0 .28-.124c.249-.204.547-.574.894-1.108l.28.165c-.831 1.45-1.716 2.175-2.653 2.175-.359 0-.644-.101-.856-.302a1.008 1.008 0 0 1-.318-.765c0-.204.046-.463.14-.777l1.15-3.953c.11-.38.165-.667.165-.86a.424.424 0 0 0-.157-.322c-.105-.094-.248-.14-.43-.14-.083 0-.182.002-.298.007l.108-.33 2.803-.455h.496zm-.513-3.804c.342 0 .63.119.864.356.234.237.352.524.352.86 0 .336-.119.623-.356.86-.225.232-.537.36-.86.355-.33 0-.615-.118-.852-.355a1.171 1.171 0 0 1-.355-.86c0-.336.117-.623.351-.86a1.16 1.16 0 0 1 .856-.356z" /></g></svg>
            Please, don't ignore this message: be the rare exception who gives us %MINIMUM%.
        </div>
        <button class="frb-btn frb-btn-btxt">{{{FR2015_translations,donate}}} %MINIMUM%</button>
        <button class="frb-btn frb-nag-rml-link">{{{FR2015_translations,maybe-later}}}</button>
    </div>
    <div class="frb-nag-close frb-close js-close-nag" tabindex="0">
        <svg class="frb-icon frb-icon-nag-close" role="img" aria-labelledby="frb-icon-nag-close-title" width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg"><title id="frb-icon-nag-close-title">{{{FR2015_translations,close}}}</title><g stroke="#72777d" fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="M2 3l7 7M9 3l-7 7"/></g></svg>
     </div>
     </div>
</div><!--frb-nag-->
</div>
 
<script>
var frb = frb || {};
frb.isEndowment = true;
 
{{MediaWiki:FundraisingBanners/LocalizeData-2017.js}}
{{MediaWiki:FundraisingBanners/CoreJS-2018.js}}
{{MediaWiki:FundraisingBanners/LocalizeJS-2017.js}}
 
frb.storedOptions = {};
 
frb.animationDuration = frb.reduceMotion ? 0 : 400; // slides and scrolls
frb.fadeDuration      = frb.reduceMotion ? 0 : 600; // transitions between steps
 
frb.setMethod = function (options, frequency) {
    frb.storedOptions = options || { method: 'cc' }; // Default to credit card
 
    if( frequency === 'no-monthly' ) {
        $('#frb-frequency-monthly').attr('disabled', true);
    } else {
        $('#frb-frequency-monthly').attr('disabled', false);
    }
    if ( frb.optinRequired ) {
        $('.frb-optin').show();
    }
    $('.frb-step-2').slideDown( frb.fadeDuration );
};
 
frb.insertInlineBanner = function() {
    // Place frb-inline in article, before first paragraph or at top
    var $inlineBanner = $('#frb-inline');
    var $firstPara    = $('.mw-parser-output > div > p:not(.mw-empty-elt)').first();
 
    if ( $firstPara.length > 0 && !mw.config.get('wgIsMainPage') ) {
        $firstPara.before( $inlineBanner );
    } else {
        $('#mw-content-text').prepend( $inlineBanner );
    }
 
    $inlineBanner.show();
};
 
frb.postReminderForm = function() {
    // Create the iframe for the form and use it as the form's target
    var frameName = "remindFrame";
    var $form = $(".frb-inline-rml-form form");
    if ($("iframe[name=" + frameName + "]").length == 0) {
        var $iframe = $('<iframe style="display: none;" name="' + frameName + '"></iframe>');
        $form.attr("target", $iframe.attr("name"));
        $form.after($iframe);
    }
    $form[0].submit();
};
 
frb.getCurrentDate = function() {
    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();
 
    if(dd<10) {
        dd='0'+dd;
    }
    if(mm<10) {
        mm='0'+mm;
    }
 
    today = mm+'/'+dd+'/'+yyyy;
    return today;
};
 
frb.initReminderForm = function() {
    $(".frb-inline-rml-form input[name=rml_country]").val(mw.centralNotice.data.country);
    $(".frb-inline-rml-form input[name=rml_language]").val(mw.config.get('wgUserLanguage'));
    $(".frb-inline-rml-form input[name=rml_submitDate]").val(frb.getCurrentDate());
    $(".frb-inline-rml-form input[name=rml_segment]").val(Math.floor((Math.random() * 100) + 1));
 
    $('.frb-inline-rml-link').on('click', function(e) {
        $('.frb-inline-rml').appendTo('#frb-inline .frb-inline-bottombar').toggle();
        if ( $('.frb-inline-rml').is(':visible') ) {
            $('.frb-inline-bottombar').addClass('active');
        } else {
            $('.frb-inline-bottombar').removeClass('active');
        }
        // Use standard JS focus() method not jQuery, because of IE10 scrolling bug
        // https://phabricator.wikimedia.org/T162049
        $('.frb-inline-rml .email_input').get(0).focus();
        return false;
    });
 
    $('.frb-nag-rml-link').on('click', function(e) {
        // Add '_nag' to RML source value
        $('.frb-inline-rml-form input[name="rml_source"]').val('{{{banner}}}_nag');
        $('.frb-inline-rml').appendTo('#frb-nag').toggle();
        if ( $('.frb-inline-rml').is(':visible') ) {
            $('#frb-nag').addClass('active');
        } else {
            $('#frb-nag').removeClass('active');
        }
        // Use standard JS focus() method not jQuery, because of IE10 scrolling bug
        // https://phabricator.wikimedia.org/T162049
        $('.frb-inline-rml .email_input').get(0).focus();
        return false;
    });
 
    $(".frb-inline-rml-form .frb-submit").on("click", function(e) {
        if ( mw.util.validateEmail( $(".frb-inline-rml-form form input[name='Email']").val() ) ) {
            frb.postReminderForm();
            $(".frb-inline-rml-form form").hide();
            $(".frb-inline-rml-done").show();
            $(".frb-inline-rml").delay(2000).fadeOut(1000, function(){
                $("#frb-inline").hide();    // Hide banner
                $("#centralNotice").hide(); // Hide nag
            });
            mw.centralNotice.internal.hide.setHideWithCloseButtonCookies(); // Hide future banners for 7 days
            return false;
        } else {
            $('.frb-inline-rml-form form input[name="Email"]').addClass('frb-haserror');
            $('.frb-inline-rml-form .frb-error-invalidemail').show();
            $('.frb-inline-rml .email_input').get(0).focus();
            return false;
        }
    });
 
};
 
frb.initNag = function() {
    /* --- Code for sticky "nag" banner --- */
    var nagHoverTimeout;
 
    $(window).scroll(function() {
        var nagRevealPosition = $('#frb-inline').offset().top + $('#frb-inline').outerHeight();
 
        if ( $(window).scrollTop() <= nagRevealPosition ) {
            $('#frb-nag').finish();
            $('#frb-nag').hide();
        } else {
            setTimeout(function(){
                if ( $(window).scrollTop() > nagRevealPosition ) {
                    $('#frb-nag').slideDown( frb.animationDuration );
                }
            }, 1500);
        }
    });
 
    $('.frb-nag-close').click(function(e) {
        $('#centralNotice').hide(); // Hide nag (but not inline banner)
        frb.altSetHideCookie( 'close', 86400 );
        e.stopPropagation();
    });
 
    $('#frb-nag .frb-nag-action').click(function() {
        $('html, body').animate( { scrollTop: $('#frb-inline').offset().top }, frb.animationDuration );
        $('#frb-nag').slideToggle( frb.animationDuration );
        frb.extraData.clickedNag = 1;
    });
};
 
$(function() {
 
    if ( mw.centralNotice.adminUi ) { // T262693
        return;
    }
 
    // TODO: clean this up
    frb.toggleMonthly = function (monthly) {
        if (monthly.type === 'checkbox') {
            monthly = monthly.checked;
        }
        if (monthly) {
            $('#frb-frequency-monthly').prop("checked", true);
            $('#frb-monthly-checkbox').prop("checked", true);
            $('#frb-form').addClass('form-monthly');
            $('.no-monthly button').attr('disabled', true);
            $('.no-monthly input[type=radio]').attr('disabled', true);
            $('.no-monthly').prop('disabled', false);
            $('#frb-form').addClass('form-monthly');
            if ($('.form-monthly .no-monthly input[type=radio]').is(':checked')) {
                $('.form-monthly .no-monthly input[type=radio]').removeAttr('checked');
                frb.setMethod({});
            }
        } else {
            $('#frb-frequency-onetime').prop("checked", true);
            $('#frb-monthly-checkbox').prop("checked", false);
            $('#frb-form').removeClass('form-monthly');
            $('.no-monthly button').attr('disabled', false);
            $('.no-monthly input[type=radio]').attr('disabled', false);
        }
    };
 
    var language = mw.centralNotice.data.uselang;
    var country  = mw.centralNotice.data.country;
    var currency = frb.getCurrency(country);
    var validAmount, validStayInTouch;
    if ( !frb.optinRequired ) {
        validStayInTouch = 1;
    }
    var form = document.getElementById('frb-form');
 
    frb.extraData = {};
 
    frb.initReminderForm();
 
    frb.initAmountOptions();
    frb.localizeAmountOptions(frb.amounts.options7, currency, country, language, true);
    frb.localizeErrors();
 
    frb.activateCTA = function () {
        if (validAmount && validStayInTouch) {
            $('.frb-form .frb-submit').addClass('active');
        } else {
            $('.frb-form .frb-submit').removeClass('active');
        }
    };
 
    $('.frb-amounts').on('input change', function() {
        frb.validateAmount();
        validAmount = 1;
        frb.updateFeeDisplay();
        frb.activateCTA();
    });
 
    // Opt-in interaction
    $('.frb-optin').on('change', function() {
        $('.frb-optin').removeClass('frb-haserror');
        validStayInTouch = 1;
        frb.activateCTA();
        $('.frb-error-optin').hide();
        if ( $('#frb-optin-no').is(':checked') ) {
            $('.frb-optin-no-prompt').removeClass('is-positive');
            if ( !$('.frb-optin-no-prompt').is(':visible') ) {
                $('.frb-optin-no-prompt').slideDown( frb.animationDuration );
            }
        } else {
            $('.frb-optin-no-prompt').addClass('is-positive');
        }
    });
 
    $('.frb-inline-close').on('click', function(e) {
        $('#frb-inline').hide();
        mw.centralNotice.hideBanner();
        return false;
    });
 
    // Close inline rml form on click or return
    $('.frb-inline-rml-form-close').on('click', function(e) {
        $('.frb-inline-rml').hide();
        $('.frb-inline-bottombar, #frb-nag').removeClass('active');
        return false;
    });
 
    // Provide a hint they should click the buttons
    $('.frb-inline-message').click(function() {
        $('.frb-methods').addClass('hint');
        setTimeout(function() {
            $('.frb-methods').removeClass('hint');
        }, 400);
    });
    /* -- UPSELL -- */
    frb.updateUpsellAsk = function(isOtherAmountStep) {
        var amount, feeAmount, upsellAmount,
            list = frb.amounts.monthlySuggest[currency] || frb.amounts.monthlySuggest.USD;
 
        // If user is on third step (write a different amount) then get monthly amount if not, the the first form amount
        if (isOtherAmountStep !== undefined) {
            amount = frb.getMonthlyAmount();
        } else {
            amount = frb.getAmount(form);
        }
 
        // If PTF is checked when we need to calculate the fee for that amount
        if ( $('#frb-ptf-checkbox').prop('checked') ) {
            amount = amount + frb.calculateFee(amount);
        }
 
        for (var i = list.length - 1; i >= 0; i--) {
            if ( amount <= list[i][0] ) {
                upsellAmount = list[i][1];
            }
        }
 
        // If user is in the upsell (second step) then the form.otherMonthlyAmount.value will be updated with the upsellAmount calculated
        if (isOtherAmountStep === undefined) {
            form.otherMonthlyAmount.value = upsellAmount;
        }
 
        // A formatted value will be returned
        var upsellAmountFormatted = frb.formatCurrency(currency, upsellAmount, language);
 
        // The value of the amount will be updated only if the user is in the upsell (second step)
        if (isOtherAmountStep === undefined) {
            $('.frb-upsell-ask').text(upsellAmountFormatted);
        }
    };
 
    frb.upsellPossible = function() {
        // Only do monthly convert if initial selection is one-time, payment method supports monthly, upsell value is not 0 (meaning skip), and payment method isn't credit card.
        if ( frb.getRecurring(document.getElementById('frb-form')) ||
            !frb.shouldShowRecurring( frb.storedOptions, mw.centralNotice.data.country ) ||
            form.otherMonthlyAmount.value == 0 ||
            frb.storedOptions.method == 'cc' ) {
            return false;
        } else {
            return true;
        }
    }
 
    $('#frb-btn-first-submit').on('click', function (e) {
        e.preventDefault();
 
        if ( frb.validateForm( frb.storedOptions ) ) {
            frb.updateUpsellAsk();
 
            if ( frb.upsellPossible() ) {
                $('.frb-step-1, .frb-step-2').fadeOut( frb.fadeDuration, function () {
                    $('.frb-step-upsell').fadeIn( frb.fadeDuration, function() {
                        $('html, body').animate( {
                            scrollTop: $('.frb-upsell-cta').offset().top - 10
                        }, frb.animationDuration );
                    });
                    $('.frb-rml-form').hide();
                });
            } else {
                frb.submitForm( frb.storedOptions );
            }
        } else {
            frb.extraData.validateError = 1;
        }
    });
 
    // Go back to step 2 from upsell
    $('.frb-step-upsell .frb-back').on('click', function (e) {
        $('.frb-step-upsell').hide();
        $('.frb-step-1, .frb-step-2').show();
        return false;
    });
 
    // Go back to upsell from diff-amt
    $('.frb-step-monthly-diff-amt .frb-back').on('click', function (e) {
        form.otherMonthlyAmount.value = '';
        frb.updateUpsellAsk();
        validAmount = 1;
        frb.activateCTA();
        frb.toggleMonthly(false);
        $('.frb-step-monthly-diff-amt').hide();
        $('.frb-step-upsell').show();
        return false;
    });
 
    // Donate monthly other amount
    $('.frb-monthly-diff-amt-link').on('click', function (e) {
        form.otherMonthlyAmount.value = '';
        validAmount = 0;
        frb.activateCTA();
        frb.toggleMonthly(true);
        $('.frb-step-upsell').hide();
        $('.frb-step-monthly-diff-amt').show();
        return false;
    });
 
    // Validate monthly other amount
    $('#frb-amt-monthly-other-input').on('input change', function (e) {
        if (frb.validateMonthlyAmount()) {
            validAmount = 1;
            frb.updateUpsellAsk(true);
        } else {
            validAmount = 0;
        }
        frb.activateCTA();
    });
 
    // Submit/"Donate now" buttons
    $('#frb-monthly-donate-yes').on('click', function (e) {
        frb.submitMonthly();
        return false;
    });
 
    $('#frb-monthly-donate-no').on('click', function (e) {
        frb.submitForm(frb.storedOptions);
        return false;
    });
 
    $('#frb-donate-monthly-other').on('click', function (e) {
        if (frb.validateMonthlyAmount()) {
            frb.submitMonthly();
        }
        return false;
    });
 
 
    frb.getMonthlyAmount = function () {
        var form = document.getElementById('frb-form');
        var amount = null;
 
        // Check the "monthly other" amount box
        if (form.otherMonthlyAmount.value !== '') {
            var otherMonthlyAmount = form.otherMonthlyAmount.value;
            otherMonthlyAmount = otherMonthlyAmount.replace(/[,.](\d)$/, ':$10');
            otherMonthlyAmount = otherMonthlyAmount.replace(/[,.](\d)(\d)$/, ':$1$2');
            otherMonthlyAmount = otherMonthlyAmount.replace(/[$£€¥,.]/g, '');
            otherMonthlyAmount = otherMonthlyAmount.replace(/:/, '.');
            amount = otherMonthlyAmount;
        }
 
        amount = parseFloat(amount);
 
        if (isNaN(amount)) {
            return 0;
        } else {
            var totalMonthlyAmountFormatted = frb.formatCurrency(currency, amount, language);
            $('.frb-monthly-total').text(totalMonthlyAmountFormatted);
 
            return amount;
        }
    };
 
    frb.validateMonthlyAmount = function () {
 
        var amount = frb.getMonthlyAmount();
        var currency  = frb.getCurrency( mw.centralNotice.data.country );
        var minAmount = frb.amounts.minimums[ currency ];
 
        if ( amount === null || isNaN(amount) || amount <= 0 || amount < minAmount ) {
            $('.frb-error-bigamount').hide();
            $('.frb-error-smallamount').show();
            return false;
        } else if ( amount > frb.maxUSD * minAmount ) {
            $('.frb-error-bigamount').show();
            return false;
        } else {
            $('.frb-error-smallamount, .frb-error-bigamount').hide();
            return true;
        }
    };
 
    frb.submitMonthly = function() {
        frb.extraData.monthlyUpsell = 1;
        frb.extraData.originalAmt = frb.getAmount().toString();
 
        frb.toggleMonthly(true);
        document.getElementById('frb-input-other').checked = true;
        document.getElementById('frb-ptf-checkbox').checked = false;
        form.otherAmount.value = form.otherMonthlyAmount.value;
        frb.submitForm(frb.storedOptions);
    }
 
    // Focus for Other field
    $('.frb-button--other').on('click keypress', function(e) {
        if ( e.which === 13 || e.type === 'click' ) {
            document.getElementById('frb-input-other').checked = true;
            frb.updateFeeDisplay();
            $('.frb-other-input').focus();
            e.stopPropagation();
        }
    });
 
    /* Other amount field focus styles */
    $('.frb-other-input')
        .focus(function() {
            $('.frb-button--other').addClass('frb-button--is-focused');
        })
        .blur(function() {
            $('.frb-button--other').removeClass('frb-button--is-focused');
        });
 
    // Activate #input_amount_other radio when tabbing into #frb-amt-other-input
    // Add focus class to parent
    $('#frb-amt-other-input')
        .blur(function() {
            $(this).closest('.frb-amt-other').removeClass('is-focused');
        })
        .focus(function() {
            document.getElementById('frb-input-other').checked = true;
            frb.updateFeeDisplay();
            $(this).closest('.frb-amt-other').addClass('is-focused');
        });
       
      /**
    * Simplified custom hide cookie only for this domain,
    * since CentralNotice builtin method seems buggy - T270401
    *
    * @param {string} reason Reason to store in the hide cookie
    * @param {number} duration Cookie duration, in seconds
    */
    frb.altSetHideCookie = function ( reason, duration ) {
 
        var cookieName = 'centralnotice_hide_fundraising',
            date = new Date(),
            hideData = {
                v: 1,
                created: Math.floor( date.getTime() / 1000 ),
                reason: reason
            };
 
        // Re-use the same date object to set the cookie's expiry time
        date.setSeconds( date.getSeconds() + duration );
 
        $.cookie(
            cookieName,
            JSON.stringify( hideData ),
            { expires: date, path: '/' }
        );
 
    };
 
    if ( frb.shouldShowBanner() ) {
        frb.insertInlineBanner();
        frb.initNag();
    }
 
});
</script>

Revision as of 00:47, 25 December 2022

<style> /* Hide when editing */ .action-edit .frb, .ve-activated .frb { 

   display: none !important;

}

/* Hide when printed */ @media print { 

   .frb {
       display: none !important;
   }

}

.frb { 

   font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

  1. centralNotice.collapsed .frb {
   display: none;

}

/* z-index override for #siteNotice now having .mw-body-content class [1] */

  1. siteNotice {
   z-index: auto;

}

/* z-index override for German Bharatpedia */ .mw-body { 

   z-index: auto;

}

  1. toc,

.toc { 

   clear: left;

}

/* Box-sizing */ .frb, .frb *, .frb *:before, .frb *:after { 

   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

}

.frb button { 

   background: transparent;
   border: 0;
   cursor: pointer;

}

.frb frb-amt { 

   white-space: nowrap;

}

@media (prefers-reduced-motion: reduce) { 

   .frb,
   .frb * {
       transition-duration: 0.01ms !important;
   }

}

/* Inline banner styles

*/

  1. frb-inline {
   display: table;
   position: relative;
   background: white;
   color: black;
   font-size: 14px;
   margin: 12px 0 38px;
   border: 5px solid #900;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;

}

@media all and (min-width: 1390px) { 

   #frb-inline {
       float: left;
       width: 40%;
       margin-top: 5px;
       /*align with article text*/
       margin-right: 16px;
   }

   body.rtl #frb-inline {
       float: right;
       margin-right: 0;
       margin-left: 16px;
   }

   /* Override for where it should be full width e.g. on Main Page */
   #frb-inline.frb-fullwidth {
       float: none;
       width: 100%;
       margin-top: 0;
       margin-right: 0;
   }

}

/* --- Top bar --- */

.frb-inline-topbar { 

   width: 100%;
   padding: 6px 10px 9px 10px;
   text-align: center;
   background-color: #900;
   color: #fff;
   display: inline-block;
   z-index: 999;
   font-weight: 600;
   font-size: 16px;
   line-height: 1.125;
   /*18px @16px*/

}

/* --- Main content --- */

.frb-inline-main { 

   padding: 14px 16px 16px;

}

.frb-inline-message { 

   font-size: 16px;
   line-height: 1.5625;
   /*25px @16px*/
   display: block;

}

.frb-inline-message .frb-icon-info { 

   margin-bottom: -2px;
   margin-right: 2px;

}

/* --- Form legends --- */ .frb-form { 

   position: relative;

}

.frb-legend { 

   margin: 0;
   padding: 6px 0 8px;
   width: 100%;
   text-align: center;
   font-size: 14px;
   line-height: 1.2142857143;
   /*17px @14px*/
   color: #54595d;
   font-weight: normal;
   text-transform: none;

}

.frb-form fieldset.frb-haserror .error-highlight { 

   color: #d33;
   font-weight: 600;

}

  1. frb-inline ul {
   margin: 0;

}

.frb-form fieldset { 

   width: 100%;
   margin: 12px auto 0;
   padding: 0;
   border: none;

}

/*less padding to use less vertical height*/ .frb-form .frb-methods { 

   margin-top: 6px;

}

/* --- Common Button Styles --- */

/* TODO - fix to remove !important */ .frb-btn-wrapper { 

   margin-left: -6px !important;
   width: calc(100% + 12px) !important;

} body.rtl .frb-btn-wrapper { 

   margin-left: 0 !important;
   margin-right: -6px !important;

}

.frb-optin ul.frb-btn-wrapper,

  1. frb-inline ul.frb-btn-second-wrapper {
   margin-top: 12px;

}

.frb .frb-btn,

  1. frb-amt-other-label {
   display: block;
   min-height: 48px;
   margin: 0 auto;
   padding: 15px 6px;
   background-color: #f8f9fa;
   color: #222;
   border: 1px solid #9aa0a7;
   border-radius: 2px;
   outline: 0;
   text-align: center;
   line-height: 1; /*16px @16px*/
   cursor: pointer;
   font-weight: 600;
   transition: background 100ms, color 100ms, border-color 100ms, box-shadow 100ms;

}

.frb .frb-btn:hover,

  1. frb-amt-other-label:hover {
   background-color: #fff;
   color: #444;
   border-color: #a2a9b1;

}

.frb .frb-btn:active,

  1. frb-amt-other-label:active {
   background-color: #d9d9d9;
   color: #000;
   border-color: #7d8389;

}

/* Adjust padding for buttons with logo, e.g. payment methods */ .frb-methods .frb-btn-logo { 

   padding: 2px 4px;

}

.frb-btn svg { 

   max-width: 100%;

}

.frb-logo-paypal-usd { 

   margin-bottom: -6px;

}

.frb-form input[type="radio"]:checked+.frb-btn, .frb-form .frb-btn.checked { 

   background-color: #2a4b8d;
   color: #fff;
   border-color: #2a4b8d;

}

.frb-form input[type="radio"]:checked+#frb-amt-other-label #frb-amt-other-input { 

   border: none;
   color: #fff;
   box-shadow: 0 1px 0 0 #fff;

}

.frb-btn:focus, .frb-submit:focus, .frb-input:focus,

  1. frb-amt-other-label:focus {
   outline: 0;
   border-color: #36c;
   box-shadow: inset 0 0 0 1px #36c;

}

.frb-form input[type=radio]:focus+.frb-btn, .frb-form input[type=radio]:focus+#frb-amt-other-label, .frb-form input[type=radio]:checked+.frb-btn:focus, .frb-form input[type=radio]:checked+#frb-amt-other-label:focus, .frb-submit:focus { 

   box-shadow: inset 0 0 0 2px #36c, inset 0 0 0 3px #fff;
   border-color: #36c !important;

}

.frb-form input[type="radio"]:checked+.frb-btn, .frb-form input[type="radio"]:checked+#frb-amt-other-label, .frb-form .frb-btn.checked { 

   background-color: #2a4b8d;
   color: #fff;
   border-color: #2a4b8d;

}

.frb-form input[type="radio"]:checked+#frb-amt-other-label #frb-amt-other-input { 

   background-color: transparent;
   color: #fff;

}

/* Blue buttons */ .frb-methods .frb-btn,

  1. frb-nag .frb-btn {
   color: #36c;

}

.frb-methods .frb-btn:active,

  1. frb-nag .frb-btn:active {
   color: #2a4b8d;

}

/* Submit/Continue buttons (blue background) */ .frb .frb-submit { 

   width: 100%;
   display: block;
   margin-top: 8px;
   padding: 16px 2px;
   color: #36c;
   background-color: #f8f9fa;
   border: 1px solid #a2a9b1;
   cursor: default;
   border-radius: 2px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1;
   transition: background 100ms, color 100ms, border-color 100ms, box-shadow 100ms;

}

.frb-submit.active { 

   color: #fff;
   background-color: #36c;
   border-color: #36c;
   cursor: pointer;

} .frb-submit.active:hover { 

   background-color: #447ff5;
   border-color: #447ff5;

}

.frb-inline-rml-form .frb-submit { 

   padding: 9px 2px;
   font-size: 14px;

}

/* Hide radio buttons. Based on http://jqueryui.com/button/#radio */ .frb-frequency li input[type="radio"], .frb-amounts li input[type="radio"], .frb-optin li input[type="radio"], .frb-form input[type="checkbox"] { 

   position: absolute;
   overflow: hidden;
   height: 1px;
   width: 1px;
   clip: rect(0 0 0 0);
   border: 0;
   margin: -1px;
   padding: 0;

}

/* --- Buttons layout --- */

.frb-form fieldset ul { 

   display: table;
   table-layout: fixed;
   width: 100%;

}

.frb-form fieldset ul li { 

   display: table-cell;
   vertical-align: top;
   padding: 0 6px;

}

/* --- Frequency buttons appearance --- */

.frb-frequency li { 

   display: table-cell;
   padding: 0 7px 0 0;
   vertical-align: top;

}

.frb-frequency label { 

   display: block;
   width: 100%;

}

.frb-frequency label, .frb-amounts li label { 

   font-size: 16px;
   line-height: 1;

}

/* --- Other amount --- */

  1. frb-amt-other-label {
   position: relative;
   padding: 18px 8px 8px;

}

  1. frb-amt-other-input {
   margin: 0;
   background: transparent;
   border: none;
   width: 100%;
   font-size: 16px;
   text-align: center;
   direction: ltr;
   -moz-appearance: textfield;
   /* remove number spinner in Firefox */
   box-shadow: 0 1px 0 0 #444;

}

  1. frb-amt-other-input:focus {
   outline: none;

}

.frb-amt-other-span { 

   position: absolute;
   top: 5px;
   font-size: 12px;
   width: 100%;
   line-height: 1;
   left: 0;
   text-align: center;

}

/* Remove number spinner Safari and Chrome */

  1. frb-amt-other-input::-webkit-inner-spin-button,
  2. frb-amt-other-input::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;

}

/* --- Transaction fees options --- */

/* Checkbox styles */

.frb-checkbox-label { 

   position: relative;
   display: inline-block;
   margin-top: 16px;
   width: 100%;
   padding-left: 26px;
   padding-top: 1px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.3571428571; /*19px @14px*/
   color: #000;

} body.rtl .frb-checkbox-label { 

   padding-left: 0;
   padding-right: 26px;

}

/* Outer-box */ .frb-checkbox-label::before { 

   position: absolute;
   content: "";
   top: 3px;
   left: 0;
   display: inline-block;
   height: 17px;
   width: 17px;
   border-radius: 2px;
   border: 1px solid #a2a9b1;
   background-color: #f8f9fa;

} body.rtl .frb-checkbox-label::before { 

   left: auto;
   right: 0;

}

/* Checkmark */ .frb-checkbox-label::after { 

   position: absolute;
   content: "";
   top: 8px;
   left: 4px;
   display: inline-block;
   height: 5px;
   width: 9px;
   border-left: 2px solid;
   border-bottom: 2px solid;
   transform: rotate(-45deg);
   border-color: #fff;

} body.rtl .frb-checkbox-label::after { 

   left: auto;
   right: 4px;

}

.frb-ptf-total { 

   font-weight: bold;

} .frb-ptf-fee { 

   white-space: nowrap;

}

/*Hide the checkmark by default*/ .frb-checkbox + .frb-checkbox-label::after { 

   content: none;

} /*Unhide the checkmark on the checked state*/ .frb-checkbox:checked + .frb-checkbox-label::after { 

   content: "";

}

.frb-checkbox:checked + .frb-checkbox-label:before { 

   background-color: #36c;
   border-color: #36c;

}

/*Focus styles*/ /*Unchecked*/ .frb-checkbox:focus + .frb-checkbox-label::before { 

   border-color: #36c;
   box-shadow: inset 0 0 0 1px #36c;

}

/*Checked*/ .frb-checkbox:focus:checked + .frb-checkbox-label::before { 

   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;

}

/*Hover*/ .frb-checkbox:hover + .frb-checkbox-label::before { 

   background-color: #eaecf0;

}

.frb-checkbox:checked:hover + .frb-checkbox-label:before { 

   background-color: #447ff5;
   border-color: #447ff5;

}

/* --- Payment method buttons appearance --- */

/* Hide methods which aren't monthly capable when monthly option is selected */ .form-monthly .no-monthly { 

   display: none !important;

}

.frb-methods .frb-btn { 

   width: 100%;
   font-size: 16px;
   font-weight: bold;

}

.frb-methods .frb-btn img { 

   display: block;
   margin: 0 auto;
   max-height: 16px;
   max-width: 100%;

}

/* --- Credit card logos --- */

.frb-pm-cc .frb-btn { 

   padding: 0px;

}

@media all and (min-width: 1390px) { 

   .frb-pm-cc .frb-btn {
       padding: 0 2px;
   }

}

.frb-pm-cc svg { 

   display: none;
   width: 20%;
   min-width: 30px;
   max-width: 40px;
   max-height: 24px;
   margin: 0 3px;
   border-radius: 2px;
   box-shadow: 0 1px 1px #aaa;

}

@media all and (min-width: 1390px) { 

   .frb-pm-cc svg {
       min-width: 26px;
   }

}

.frb-cctypes-vmad .frb-btn, .frb-cctypes-vmaj .frb-btn, .frb-cctypes-vma .frb-btn, .frb-cctypes-vm .frb-btn { 

   font-size: 0;
   /* Remove spacing between icons */

}

.frb-cctypes-vmad span, .frb-cctypes-vmaj span, .frb-cctypes-vma span, .frb-cctypes-vm span { 

   display: none;

}

.frb-cctypes-vmad .frb-cc-logo-visa, .frb-cctypes-vmad .frb-cc-logo-mastercard, .frb-cctypes-vmad .frb-cc-logo-amex, .frb-cctypes-vmad .frb-cc-logo-discover,

.frb-cctypes-vmaj .frb-cc-logo-visa, .frb-cctypes-vmaj .frb-cc-logo-mastercard, .frb-cctypes-vmaj .frb-cc-logo-amex, .frb-cctypes-vmaj .frb-cc-logo-jcb,

.frb-cctypes-vma .frb-cc-logo-visa, .frb-cctypes-vma .frb-cc-logo-mastercard, .frb-cctypes-vma .frb-cc-logo-amex,

.frb-cctypes-vm .frb-cc-logo-visa, .frb-cctypes-vm .frb-cc-logo-mastercard { 

   display: inline-block;

}

/* --- Footer / Small Print --- */

.frb-smallprint { 

   margin-top: 12px;
   font-size: 12px;
   line-height: 1.5; /*18px @12px*/
   color: #54595d;
   font-weight: normal;

}

.frb-smallprint a { 

   color: #54595d;
   text-decoration: underline;

}

.frb-smallprint a:hover, .frb-smallprint a:focus { 

   color: #000;

}

.recurring-details { 

   display: none;

}

.frb-optin .frb-smallprint { 

   margin-top: 8px;
   font-size: 11px;
   line-height: 1.4;

}

/* --- Close and RML Options --- */

.frb-inline-bottombar { 

   position: absolute;
   width: 100%;
   text-align: center;

}

.frb-inline-rml-wrapper { 

   display: inline;
   position: relative;

}

.frb-inline-close, .frb-inline-rml-form-close { 

   color: #54595d;

} .frb-inline-close:hover, .frb-inline-close:focus, .frb-inline-rml-form-close:hover, .frb-inline-rml-form-close:focus { 

   color: #000;

}

.frb-inline-close, .frb-inline-rml-link, .frb-inline-rml-form-close { 

   text-transform: uppercase;
   line-height: 1.2857142857;

}

.frb-inline-close, .frb-inline-rml-link { 

   margin-top: 8px;
   padding: 5px 8px 6px;
   font-size: 12px;
   letter-spacing: 0.25px;

}

/* Close button icon */ .frb-inline-close-icon { 

   margin-bottom: -2px;
   width: 10px;

} .frb-inline-close-icon g { 

   stroke: currentColor;

}

/* RML text color */ .frb-inline-rml-link { 

   color: #36c;
   font-weight: bold;

} .frb-inline-rml-link:hover { 

   color: #447ff5;

}

/* RML clock icon */ .frb-inline-rml-icon { 

   margin-bottom: -3px;
   width: 13px;

} .frb-inline-rml-icon path { 

   fill: currentColor;

} .frb-inline-rml-icon circle { 

   stroke: currentColor;

}

/* --- Remind Me Later (inline) --- */ .frb-rml-disabled .frb-inline-rml-wrapper { 

   display: none;

}

.frb-inline-rml-link { 

   position: relative;
   text-transform: uppercase;
   display: inline-block;

}

.frb-inline-rml { 

   display: none;
   position: absolute;
   cursor: default;
   text-align: left;
   padding: 7px 14px;
   top: 28px;
   right: -142px;
   z-index: 10000;
   width: 320px;
   background: #fff;
   color: #000;
   border: 1px solid #aaa;
   border-radius: 2px;
   box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
   text-transform: none;

}

body.rtl .frb-inline-rml { 

   left: -142px;
   right: auto;

}

.frb-inline-rml-form:before, .frb-inline-rml-form:after { 

   bottom: 100%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   left: auto;
   right: 148px;
   pointer-events: none;

}

body.rtl .frb-inline-rml-form:before, body.rtl .frb-inline-rml-form:after { 

   left: 148px;
   right: auto;

}

.frb-inline-rml-form:before { 

   border-bottom-color: #888;
   border-width: 11px;

}

.frb-inline-rml-form:after { 

   border-bottom-color: #fff;
   border-width: 10px;
   margin-right: 1px;
   /*Triangle pixel glitch fix (margin left and right)*/
   margin-left: 0;

}

/* Triangle pixel glitch fix for RTL */ body.rtl .frb-inline-rml-form:after { 

   margin-right: 0;
   margin-left: 1px;

}

.frb-input { 

   background: #fff;
   width: 100%;
   display: block;
   padding: 7px 7px 6px;
   margin: 0;
   font-size: inherit;
   color: #000;
   border: 1px solid #9aa0a7;
   border-radius: 2px;

} .frb-input.frb-haserror { 

   border-color: #d33;
   box-shadow: inset 0 0 0 1px #d33;

}

.frb-inline-rml-done { 

   text-align: left;

}

body.rtl .frb-inline-rml-done { 

   text-align: right;

}

.frb-inline-rml-form-close-wrapper { 

   padding-top: 4px;
   text-align: center;

}

.frb-inline-rml-form-close-icon { 

   width: 10px;
   height: 10px;
   margin-bottom: -1px;

}

.frb-inline-rml-form-close-icon g { 

   stroke: currentColor;

}

/* "Nag" banner styles

*/

div#frb-nag { 

   display: none;
   position: fixed;
   width: 100%;
   bottom: 0;
   left: 0;
   z-index: 110;
   background-color: #fff;
   border-top: 1px solid black;
   text-align: center;
   color: #000;
   font-size: 15px;
   line-height: 1.2;
   font-weight: 500;
   font-style: normal; /* needed for uk.bharatpedia */
   transition: margin 1s ease-in-out;

}

/* Extra specificity for https://phabricator.bharatmedia.org/T247126 */

  1. frb-nag.frb {
   margin-bottom: -100%;

}

  1. frb-nag.reveal {
   margin-bottom: 0;

}

  1. frb-nag .frb-nag-link {
   position: relative;
   width: 100%;
   padding: 12.5px;
   max-width: 1200px;
   margin: auto;
   cursor: pointer;
   display: block;

}

  1. frb-nag:hover .frb-nag-link {
   text-decoration: none;

}

  1. frb-nag a {
   color: black !important;
   transition: color 0.5s ease;

}

  1. frb-nag a:hover {
   text-decoration: none !important;

}

/* --- Nag Close button --- */

  1. frb-nag .frb-nag-close {
   display: inline-block;
   position: absolute;
   right: 12.5px;
   top: 12.5px;
   z-index: 999;
   font-size: 12px;
   cursor: pointer;
   padding: 0;

} body.rtl #frb-nag .frb-nag-close { 

   right: auto;
   left: 12.5px;

}

  1. frb-nag .frb-nag-close:hover .frb-icon g {
   stroke: #000000;
   transition: all 0.5s ease;

}

  1. frb-nag .frb-icon-close {
   width: 16px;
   height: 16px;

}

/* -------------- Message -------------- */

  1. frb-nag .frb-message {
   transition: background-color 0.5s ease;

}

  1. frb-nag .frb-message p {
   margin: 0;

}

/* --- Plea --- */

  1. frb-nag .frb-plea {
   background-color: #FFC9C9;
   border-radius: 10px;
   padding: 15px 30px;
   display: table;
   margin-top: 10px;

}

  1. frb-nag .frb-plea-message,
  2. frb-nag .frb-plea-button {
   display: table-cell;
   vertical-align: middle;

}

  1. frb-nag .frb-plea-message {
   text-align: left;
   line-height: 1.4;
   width: calc(100% - 305px);
   padding: 0 20px;

}

  1. frb-nag .frb-plea-button {
   width: 160px;

}


/* --- Button Style --- */

  1. frb-nag .frb-donate-button {
   display: block;
   background-color: #990000;
   color: white;
   font-size: 18px;
   white-space: nowrap;
   line-height: 1;
   text-transform: uppercase;
   padding: 8px 12px;
   border-radius: 5px;
   outline: 0;
   text-align: center;
   cursor: pointer;
   font-family: inherit;
   font-weight: 700;
   -webkit-transition: all .25s ease-in-out;
   -moz-transition:    all .25s ease-in-out;
   transition:         all .25s ease-in-out;

}

  1. frb-nag .frb-donate-button:hover {
   background-color: #fff;
   color: #444;

}

  1. frb-nag .frb-donate-button:active {
   background-color: black;
   color: white;

}

/* Error messages */ .frb .frb-error { 

   display: none;
   margin-top: 8px;
   font-size: 14px;
   color: #d33;
   font-weight: 600;
   line-height: 1.3;
   text-align: center;

}

/* --- opt-in and email --- */

  1. frb-form fieldset.frb-optin {
   margin: 12px auto;

}

.frb-radio { 

   cursor: pointer;
   float: left;
   height: 15px;
   margin: 6px 6px 0px 9px;

} body.rtl .frb-radio { 

   float: right;

}

.frb-radio-label { 

   display: block;
   padding: 2px;
   cursor: pointer;
   white-space: nowrap;
   font-weight: bold;

} body.rtl .frb-radio-label { 

   text-align: right;

}

.frb-radio-label:hover, .frb-radio:focus + .frb-radio-label, .frb-radio:hover + .frb-radio-label { 

   color: #36c;

}

.frb-form .frb-optin { 

   margin-bottom: 1px;

}

/* .frb-form .frb-optin li { 

   display: block;
   clear: both;

} */

.frb-optin .frb-radio { 

   margin: 4px 6px 0 0;

}

.frb-optin .frb-radio-label { 

   float: right;
   width: calc(100% - 22px);
   white-space: normal;
   font-size: 14px;
   line-height: 19px;
   font-weight: normal;

}

.frb-optin .frb-radio-label:hover, .frb-optin .frb-radio:hover+.frb-radio-label { 

   text-decoration: none;

}

.frb-optin-no-prompt { 

   display: none;
   clear: both;
   margin-top: 8px;
   padding: 6px 6px 5px 6px;
   border: 1px solid #b32424;
   background-color: #fee7e6;
   border-radius: 2px;
   font-size: 14px;
   line-height: 1.2857142857; /*18px @14px*/
   font-weight: normal;

}

.frb-optin-no-prompt span { 

   font-family: "Segoe UI Emoji";

}

.frb-optin-no-prompt.is-positive { 

   border-color: #14866d;
   background-color: #d5fdf4;
   font-weight: bold;

}

.frb-optin-no-prompt__yes { 

   display: none;

}

.frb-optin-no-prompt__no { 

   display: block;

}

.frb-optin-no-prompt.is-positive .frb-optin-no-prompt__yes { 

   display: block;

}

.frb-optin-no-prompt.is-positive .frb-optin-no-prompt__no { 

   display: none;

}

/* --- Back button --- */ .frb-back { 

   position: absolute;
   left: 0;
   top: 10px;
   padding: 0;
   color: #72777d;

} .frb-back:hover { 

   color: #000;

}

.frb-icon-back path { 

   stroke: currentColor;

} .frb-icon-back rect { 

   fill: currentColor;

}

.frb-icon-back { 

   height: 13px;
   width: 20px;

}

.frb-icon-lock { 

   fill: currentColor;
   width: 14px;
   height: 14px;

}

/* --- Recurring upsell --- */

.frb-step-upsell, .frb-step-monthly-diff-amt { 

   padding-top: 24px;
   text-align: center;

}

.frb-upsell-cta, .frb-upsell-ty { 

   font-size: 17px;
   font-weight: bold;

}

.frb-upsell-color, .frb-step-monthly-diff-amt label { 

   display: block;
   max-width: 380px;
   margin: 8px auto;
   display: block;
   font-size: 15px;
   line-height: 1.3;
   font-weight: normal;
   margin: 8px auto;

}

.frb-monthly-buttons { 

   padding-top: 8px;

}

.frb-step-monthly-diff-amt-link { 

   font-size: 15px;
   line-height: 1.3;
   color: #36c;
   margin: 8px 2px;
   padding: 12px 10%;
   font-weight: bold;

} .frb-step-monthly-diff-amt-link:hover { 

   color: #447ff5;

}

  1. frb-amt-monthly-other-input {
   width: auto;
   margin: 0 auto;
   text-align: center;

}

</style> 

       We ask you, humbly: don't scroll away.

           <svg class="frb-icon frb-icon-info" role="img" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
               <g fill-rule="nonzero" fill="none">
                   <circle fill="#991B1E" cx="8.035" cy="8.143" r="7.844"></circle>
                   <path d="M9.672 6.097l-1.695 5.879c-.094.336-.14.557-.14.662 0 .06.024.117.074.169.05.053.101.079.157.079a.428.428 0 0 0 .28-.124c.249-.204.547-.574.894-1.108l.28.165c-.831 1.45-1.716 2.175-2.653 2.175-.359 0-.644-.101-.856-.302a1.008 1.008 0 0 1-.318-.765c0-.204.046-.463.14-.777l1.15-3.953c.11-.38.165-.667.165-.86a.424.424 0 0 0-.157-.322c-.105-.094-.248-.14-.43-.14-.083 0-.182.002-.298.007l.108-.33 2.803-.455h.496zm-.513-3.804c.342 0 .63.119.864.356.234.237.352.524.352.86 0 .336-.119.623-.356.86-.225.232-.537.36-.86.355-.33 0-.615-.118-.852-.355a1.171 1.171 0 0 1-.355-.86c0-.336.117-.623.351-.86a1.16 1.16 0 0 1 .856-.356z" fill="#FFF"></path>
               </g>
           </svg>
           Please select an amount (USD). The average donation in the U.S. is around $15. Many first-time donors give $2. All that matters is that you're choosing to stand up for free, open information; and for that, you have our gratitude. If you find WikiCigar useful, take a minute to donate. Thank you.

       <form id="frb-form" class="frb-form">

               <fieldset class="frb-methods">

               </fieldset>
<a href="#" title="Close" onclick="mw.centralNotice.hideBanner();return false;">
Close <svg class="frb-inline-rml-form-close-icon" aria-hidden="true" width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"> 
                               <g stroke-width="1.4" fill="none" fill-rule="evenodd" stroke-linecap="round">
                                   <path d="M1 1l9.944 9.944M10.944 1L1 10.944"></path>
                               </g>
</svg>
</a>


Retrieved from "http://wikicigar.org/index.php?title=MediaWiki:Centralnotice-template-Donation&oldid=37377"