@charset "UTF-8";

span#triple {
        font-family: GraphikSemiBold;
        color: #0057B8;
    }
    
    input.en__field__input.en__field__input--other {
        border: .2rem solid #000000;
    }
    select#en__field_supporter_phoneNumber2 {
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
    }
    
    .en__field.en__field--select.en__field--withOther.en__field--842894.en__field--phoneNumber2 {
        margin-top: -14px;
    }
    
    input[name="supporter.phoneNumber2.other"] {
        outline-style: none !important;
        width: 23.3vw !important;
        border-radius: 0px !important;
        border: 1px solid black !important;
        border-left: 0px !important;
        border-right: 0px !important;
        border-top: 0px !important;
        border-color: rgb(0, 0, 0) rgb(0, 0, 0) rgb(94, 98, 99) !important;
        padding-bottom: 7px !important;
    }
    
    select#en__field_supporter_phoneNumber2 {
        font-family: GraphikSemiBold;
        color: gray;
    }
    
    /** Donation Amount, hides 2nd to the last field- Other Button **/
    .en__field--donationAmt .en__field__element--radio .en__field__item:nth-last-child(2) {
        display: none !important;
    }
    
    /** Styles the $ sign **/
    .en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden)::after {
        content: "$";
        font-family: 'GraphikBlack';
        font-size: 14px !important;
        top: 1.25rem !important;
        padding-left: 3.25rem !important;    
    }
         
    
    /** Moves the donation amount to the Other Amount space **/
    .frequency-choices div.en__field--1827571 div:last-child {
        grid-column: 3 / -1 !important;
    }
    
    
    .en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden)::after, .en__field--recurrfreq div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden)::after {
            font-family: 'GraphikBlack' !important;
    }
    
    .en__field--phoneNumber2 > .en__field__element.en__field__element--select {
        display: grid;
        grid-template-columns: 1fr 2fr;
        align-items: baseline;
    }
    
    header#nav {
        position: fixed;
        z-index: 1;
        height: 108px;
    }
    
    @media (min-width: 900px) {
        main {
            padding-top: 200px;
        }
    }
    
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    input[type="number"] {
        -moz-appearance: textfield;
    }
    
    @media (max-width: 500px) {
        .en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden)::after {
            top: 1rem !important;
            padding-left: 1.5rem !important;
        }
    }
    
    @media (max-width: 375x) {
        .en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden)::after {
            padding-left: 0.8rem !important;
        }
    }
    
    @media (max-width: 320px) {
        .en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden)::after {
            font-size: 11px !important;
            top: 0.3rem !important;
        }
    }
    
    header#nav .inner-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 108px;
        width: 205px;
    }
    
    .field.field-name-body.field-type-text-with-summary.field-label-hidden > .field-items > .field-item > h2 {
        font-size: 35px;
    }
    
    .titleHead > div > h3 {
        font-size: 20px;
    }
    
    .submit-btn .en__submit button {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    
    /*<!--Phone Number & Other Button styles-->*/
        .en__field--phoneNumber2 input.en__field__input.en__field__input--other {
        width: 365px !important;
    }
    
    .en__field--phoneNumber2 .en__field__item.en__field__item--other {
        max-width: 376px !important;
    }
    
    .en__field--donationAmt input.en__field__input.en__field__input--other {
        font-size: 14px !important;
        text-align:center !important;
        text-transform: lowercase;
        font-size: 16px!important;
    }
    
    /** Additional Custom Style for Upsell **/
    
    .en__upsellModal__content {
        margin: auto !important; 
    }
    
    #en__upsellModal .en__upsellModal__background {
        /*background-position: 50%;*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: -100px;
        background-position-y: 50px;
    }
    
    
    /*<!--Style and Scripts to Hide Affiliations and Opt Ins-->*/
    /** Hides the label for General opt-in **/
    .en__field--general-email-opt-in label.en__field__label:not(.en__field__label--item) {
        display: none;
    }
    
    /*.hide-affiliation, .hide-optins{*/
    /*display:none !important;*/
        
    /*}*/
    
    .en__field--othamt4 {
        display: none;
    }
    
    li#menu-item-45 a:hover svg, li#menu-item-46 a:hover svg, li#menu-item-47 a:hover svg {
        fill: #59CBE8!important;
    }
	.fww-content {
	        color:#fff;
	        font-size: 12px !important;
            margin-left: 0px !important;
            padding-left: 0px !important;
            margin-right: 0px !important;
            padding-right: 0px !important;
	    }
	    .fwww-content {
	        color:#fff;
	        font-size: 12px !important;
            margin-left: 0px !important;
            padding-left: 0px !important;
            margin-right: 0px !important;
            padding-right: 0px !important;
            margin-top: 0px !important;
	    }
	    .copyrightfww {
	        color: #ffffff;
	        font-size:12px;
	        display:inline-flex;
	    }
	    .copyrightfww:after {
            content: '|';
            margin-left: 8px;
            margin-right: 8px;
        }
        
        @media (max-width: 768px) {
            .fww-content {
                display:inline-flex!important;
            }
            .fwww-content {
                display: inline !important;
            }
            .copyrightfww {
                display:block;
            }
            .copyrightfww:after {
                content: '';
            }
            .en__field--donationAmt label.en__field__label--item {
                font-size: 14px !important;
            }
        }
    	#footer-details div {
            color: #fff;
            line-height: 21px;
        }
	    footer .footer-two {
            margin-top: 47px;
            padding-top: 47px;
            width: 100%;
            margin: 0 auto;
        }

        .footer-social-wrapper {
            margin: 0; 
            width: 100%;
        }

        #menu-social-links-menu {	
            margin: 0 auto 27px;
        }

        #menu-social-links-menu {
            display: flex;
            justify-content: end;
            align-content: center;
            flex-wrap: wrap;
        }

        ul.menu { 
            border: none;	
            list-style: none;
            text-align: left;
        }
        
        #menu-social-links-menu li {
            margin: 1rem;
        }
        
        ul.menu li{		
            margin: 0 0 0 0.5em;
        }

        #menu-social-links-menu li .title{ 	
            display: none;
        }

        #menu-social-links-menu li a svg {    
            width: 35px;
            height: 35px;
        }
        .footer-two .fww-legal {
            font-size: 11px;
            line-height: 18px;
        }
        .grecaptcha-legal {
            max-width: 220px;
        }
        .grecaptcha-legal {
            margin: 0 auto;
            font-size: 11px;
            color: #878787;
        }
        .footer-two p:not(.link-with-arrow) a {
            font-weight: inherit;
             text-decoration: underline;
        }
        .fww-legal a {
            font-size: 12px;
        }
        span.pipe {
            color: #fff;
            font-size: 12px;
        }
        .grecaptcha-legal a {
            color: #878787;
            text-decoration: none;
        }
        
        @media (max-width: 820px) {
            .inner-wrap {
                width: 100%;
                display: grid;
                justify-content: center;
            }
            main {
                background: #0057b8;
            }
            footer .inner-wrap div {
                text-align: center;
            }
            footer .footer-two {
                text-align: center;
            }
            #menu-social-links-menu {
                justify-content: center;
                padding-left: 0px!important;
            }
            ul.org-badges {
                margin-left: auto;
                margin-right: auto;
            }
            .en__field__element--splitselect .en__field__item, .en__field__element--splittext .en__field__item {
            margin-bottom: 0px!important;
            padding-bottom: 0px!important;
            }
            
        
        }
        
        @media (min-width: 1000px) {
            header .inner-wrap {
                /*margin-left: 0px;*/
                background: #000;
                width: 205px;
                /*padding-left: 20px;*/
            }
            footer .footer-two {
                display: flex;
                padding-top: 27px;
            }
            .footer-two .footer-social-wrapper {
                width: 50%;
                order: 2;
            }
            .footer-two .fww-legal {
                width: 50%;
                text-align: left;
                font-size: 12px;
                line-height: 17px;
            }
            .footer-two .grecaptcha-legal {
                margin-left: 0;
                max-width: none;
            }
            .grecaptcha-legal {
            position: relative;
            bottom: auto;
            width: auto;
            padding: 0;
            text-align: left;
            }
            .footer-two p > div:first-child::after {
                content: '|';
                margin-left: 10px;
            }
            .footer-two p > span:first-child {
                display: inline-block;
                margin-right: 10px;
            }
 
        }


        
        input#en__field_supporter_firstName,
        input#en__field_supporter_lastName,
        input#en__field_supporter_emailAddress,
        input#en__field_supporter_postcode,
        input#en__field_supporter_address1,
        input#en__field_supporter_city,
        input#en__field_supporter_phoneNumber2,
        select#en__field_supporter_region,
        select#en__field_supporter_country,
        select#en__field_transaction_paymenttype,
        select#en__field_transaction_ccexpire,
        select.en__field__input.en__field__input--splitselect,
        input#en__field_supporter_creditCardHolderName,
        input#en__field_supporter_bankRoutingNumber,
        input#en__field_supporter_bankAccountNumber,
        input#en__field_supporter_NOT_TAGGED_1,
        input#en__field_supporter_NOT_TAGGED_79 {
            border-top: 0px;
            border-left: 0px;
            border-right: 0px;
            border-radius: 0px;
        }
        
        label.en__field__label.en__field__label--item {
           font-size: 14px;
        }
        
        .en__field__element--checkbox .en__field__item, .en__field__element--radio .en__field__item {
            display: flex;
            flex-direction: row;
            width: 100%;
            align-items: flex-start !important;
        }
        
        input#en__field_supporter_questions_1816309, input#en__field_supporter_questions_1816308 {
            margin-top: 2px;
        }
        
        .en__submit {
            width: auto;
            font-family: 'GraphikBlack' !important;
        }
        
        button {
            width: auto !important;
            /*white-space: nowrap;*/
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
        
        /*.frequency-choices div {*/
        /*    display: flex !important;*/
            /*justify-content: center !important;*/
        /*}*/
        
        label[for="en__field_transaction_recurrfreq0"] {
            border-radius: 100px 0px 0px 100px !important;
            font-family: 'GraphikBlack';
            white-space: nowrap;
        }
        
        label[for="en__field_transaction_recurrfreq1"] {
            font-family: 'GraphikBlack';
            border-radius: 0px !important;
            border-left: 0px !important;
            border-right: 0px !important;
        }
        
        label[for="en__field_transaction_recurrfreq2"] {
            font-family: 'GraphikBlack';
            border-radius: 0px !important;
        }
        
        /*label[for="en__field_transaction_recurrfreq1"] {*/
        /*    border-radius: 0px 100px 100px 0px !important;*/
        /*    border-left: 0px !important;*/
        /*    font-family: 'GraphikBlack';*/
        /*}*/
        
        label[for="en__field_transaction_recurrfreq3"] {
            border-radius: 0px 100px 100px 0px !important;
            border-left: 0px !important;
            font-family: 'GraphikBlack';
        }
        
        .frequency-choices div.en__field--842889 div, .monthly-dono div div, .quarter-annual-dono div div {
            display: grid !important;
            grid-template-columns: repeat(3, 160px);
        }
        
        .en__field.en__field--radio.en__field--842910.en__field--paymenttype.en__mandatory > div {
                display: flex;
        }
        
        
        
        @media (max-width: 500px) {
            .frequency-choices div.en__field--842889 div, .monthly-dono div div, .quarter-annual-dono div div {
                display: grid !important;
                grid-template-columns: repeat(3, 122px);
            }
            
            .en__field.en__field--radio.en__field--842910.en__field--paymenttype.en__mandatory > div {
                /*display: flex !important;*/
                flex-direction: column !important;
            }
            
            .en__component.en__component--formblock.ccexpCvv {
                display: block;
            }
            
        }
        
        .en__field.en__field--vgs.en__field--843866.en__field--ccvv.en__mandatory {
            margin-left: 20px;
        }
        /*@media (max-width: 535px) {*/
        /*    .frequency-choices div div {*/
        /*        display: grid !important;*/
        /*        grid-template-columns: repeat(3, 150px);*/
        /*    }*/
        /*}*/
        
        @media (max-width: 320px) {
            .en__field--recurrfreq label.en__field__label.en__field__label--item {
                font-size: 10px !important;
            }
            .en__field--recurrfreq div.en__field__element--radio {
                display: grid !important;
                grid-template-columns: repeat(4, calc(53% - 77px)) !important;
            }
            #form-wrap {
                padding: 2rem;
            }
            .field.field-name-body.field-type-text-with-summary.field-label-hidden > .field-items > .field-item > h2 {
                font-size: 33px;
                letter-spacing: -.019rem;
            }
        }
        
        @media (max-width: 400px) {
            .frequency-choices div.en__field--842889 div, .monthly-dono div div, .quarter-annual-dono div div {
                display: grid !important;
                grid-template-columns: repeat(3, 100px);
            }
            
            .en__field--recurrfreq div.en__field__element--radio {
                display: grid !important;
                grid-template-columns: repeat(4, calc(43% - 52px));
            }
            .en__field--recurrfreq label.en__field__label.en__field__label--item {
                 font-size: 10px !important;
            }
            .en__field--recurrfreq div.en__field__element--radio .en__field__item {
                width: unset !important;
            }
            .en__field--recurrfreq label.en__field__label--item {
                padding: .5rem !important;
            }
        }
        
        
        
        .frequency-choices div.en__field--842889 div div:nth-child(2) label, .frequency-choices div.en__field--842889 div div:nth-child(5) label,
        .monthly-dono div div div:nth-child(2) label, .monthly-dono div div div:nth-child(5) label,
        .quarter-annual-dono div div div:nth-child(2) label, .quarter-annual-dono div div div:nth-child(5) label
        {
            border-right: none !important;
            border-left: none !important;
        }
        
        .frequency-choices div.en__field--842889 div div:nth-child(1) label, .frequency-choices div.en__field--842889 div div:nth-child(2) label, .frequency-choices div.en__field--842889 div div:nth-child(3) label,
        .monthly-dono div div div:nth-child(1) label, .monthly-dono div div div:nth-child(2) label, .monthly-dono div div div:nth-child(3) label,
        .quarter-annual-dono div div div:nth-child(1) label, .quarter-annual-dono div div div:nth-child(2) label, .quarter-annual-dono div div div:nth-child(3) label
        {
            border-bottom: none !important
        }
        
        .en__field--donationAmt label.en__field__label--item {
            border-radius: 0px !important;
            text-transform: lowercase;
            font-size: 16px!important;
        }
        
        .frequency-choices div.en__field--842889 div div, .monthly-dono div div div, .quarter-annual-dono div div div {
            margin: 0px !important;
        }
        
        .en__field--donationAmt input.en__field__input--radio:focus+label, .en__field--recurrfreq input.en__field__input--radio:focus+label, .en__field--recurrpay input.en__field__input--radio:focus+label {
            /* solid rgba(0, 0, 0, .7) !important; */
            outline: none !important;
        }
        
        /*strong {*/
        /*    border-left: 4px solid #0057B8;*/
        /*}*/
        
        #give-once {
            display: flex;
            justify-content: center;
            margin-bottom: 28px;
        }
        
        .titleHead {
            display: flex;
            align-items: center; 
            margin-top: -12px;
            margin-bottom: -4px;
        }
        
        .titleBorder {
            background-color: #0057b8; 
            margin-right: 6px;
        }
        
        h3 {
            margin-bottom: 1em !important;
        }
        
        .en__field.en__field--radio.en__field--withOther.en__field--1817490.en__field--donationAmt.en__mandatory div div label {
            font-family: 'GraphikBlack';
        }
        
        ::placeholder {
            font-family: GraphikSemiBold;
            color: #7a7c7a;
        }
        
        select#en__field_supporter_region, select#en__field_supporter_country {
            font-family: GraphikSemiBold;
            color: #7a7c7a;
        }
        
        select#en__field_supporter_country {
            text-transform: capitalize;
        }
        
        input {
            font-family: GraphikSemiBold;
        }
        
        [data-engrid-theme] {
            --checkbox_border-color_checked: #21b2fc;
            --checkbox_content_checked: "\2714";
            --checkbox_border-radius: 0px;
        }
        
        .submit-btn div button, .submit-btn div button span {
            font-family: GraphikBlack;
        }
        
        .solid {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
        p#process-fee-text {
            font-weight: 600;
            margin-top: 0px;
        }
        
        @media (min-width: 768px) {
            .en__component.en__component--formblock.info-container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                column-gap: 20px;
            }
            
            .en__field__element.en__field__element--radio.en__field__element--layouthorizontal {
                display: flex;
                justify-content: space-between;
            }
            
            .en__field--emailAddress, .en__field--address1, .en__field--phoneNumber2, .en__field--fww-email-opt-in, .en__field--fww-mobile-opt-in {
                grid-column: span 2 !important;
            }
            
            .en__field.en__field--select.en__field--1817489.en__field--region.en__mandatory {
                margin-top: -4px;
            }
            
            .en__field.en__field--select.en__field--1817502.en__field--country.en__mandatory {
                margin-top: -3px;
            }
        }
        
        @media (max-width: 1000px) {
            #nav {
                display: none;
            }
            
            #mobileNav {
                display: flex !important;
                justify-content: center !important;
            }
        }
        
        #mobileNav {
            display: none;
        }
        
        .en__field--donationAmt div.en__field__element--radio, .en__field--recurrfreq div.en__field__element--radio, .en__field--recurrpay div.en__field__element--radio {
            flex-wrap: nowrap !important;
        }
        /*.frequency-choices div.en__field--842889 div:last-child , .monthly-dono div div:last-child, .quarter-annual-dono div div:last-child {*/
        /*    grid-column: 3 / -3;*/
        /*}*/
        
        input.en__field__input.en__field__input--other {
            border-radius: 0px;
            /*border-color: #000000;*/
            /*border-width: 0px;*/
            /*border-top: 0px;*/
            /*outline-style: solid;*/
            /*outline-width: 2px;*/
            /*margin-top: 10px;*/
        }
        .en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden):after, .en__field--recurrfreq div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden):after, .en__field--recurrpay div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden):after {
            top: 1.8rem;
        }
        .en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden) input.en__field__input--other, .en__field--recurrfreq div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden) input.en__field__input--other, .en__field--recurrpay div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden) input.en__field__input--other {
            /*padding-left: 2.8rem;*/
            text-align:center;
        }
        /*.en__field__item.en__field__item--other {*/
        /*    grid-column: 2 / 3;*/
        /*}*/
        
        .en__field.en__field--radio.en__field--1825465.en__field--paymenttype.en__mandatory > div {
            display: flex;
        }
        
        label[for="en__field_transaction_paymenttype0"] {
             background: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2419/cccombined.png) no-repeat;
             display: block;
             margin-bottom: 0;
             margin-left: 0px !important;
             width: 170px;
             height: 34px;
             color: transparent;
        }
        
        label[for="en__field_transaction_paymenttype1"] {
            background: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2419/paypal.png) no-repeat;
            display: block;
            margin-bottom: 0;
            margin-left: 0px !important;
            width: 100px;
            height: 34px;
            color: transparent;
        }
        
        label[for="en__field_transaction_paymenttype2"] {
            font-family: 'General' !important;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
            background: none;
            color: #000000;
            width: 100px;
            margin-bottom: 0px;
            height: 34px;
        }
        input[type="radio"]:checked {
            accent-color: #c37d0b;
        }
        
        input.card-number-input.css-joki7f.invalid.touched.dirty, select#en__field_transaction_ccexpire, select.en__field__input.en__field__input--splitselect, input.card-security-code.css-joki7f.valid.touched.dirty {
            font-family: Arial !important;
            font-weight: bold !important;
        }

        .css-joki7f {
            font-family: Arial !important;
            font-weight: bold !important;
        }
        .footer-two .fww-legal > p {
             margin-top: 0px;
            margin-bottom: 10px;
        }
        footer ul.org-badges li:first-child {
            margin-left: 0px;
        }
        
        @media screen and (max-width: 768px) {
            footer .inner-wrap div {
                 margin-bottom: 0px !important;
                 padding-left: 9% !important;
	            padding-right: 9% !important;
            }
            .fww-content a {
                display: contents!important;
            }
            .wrap-right {
                padding-left: 7% !important;
	            padding-right: 7% !important;
            }
        }
        
        .frequency-choices div div div label {
            font-family: 'GraphikBlack' !important;
            border-width: 2px !important;
        }
        
        .frequency-choices div div div label:hover {
            background: #FFF6BD;
        }
        
        .en__component.en__component--formblock.ccexpCvv {
            display: flex;
            flex-wrap: nowrap;
            align-items: flex-end;
        }
        
        .en__field.en__field--splitselect.en__field--1825468.en__field--ccexpire.en__mandatory {
            margin-right: 20px;
        }
        
        div#en__field_transaction_ccvv {
            margin-top: 0px;
        }
        
        .en__field__element.en__field__element--radio {
            justify-content: center !important;
        }
        
        @media (max-width: 600px) {
            div#form-wrap {
                margin: 0 !important;
                width: 100vw !important;
            }
            
            
            label.en__field__label.en__field__label--item {
                font-size: 13px !important;
            }
            
            main {
                padding-bottom: 0px !important;
            }
        }
        
        /*span#dono-freq {*/
        /*    font-family: GraphikSemiBold !important;*/
        /*}*/
        
        #amount-total span[data-token="amount-total"] {
            font-family: GraphikSemiBold !important;
        }
        
        .en__component.en__component--formblock.frequency-choices div.en__field--182754 div div label:hover {
            background-color: #FFF6BD;
        }
        
        
        label[for="en__field_supporter_firstName"],
        label[for="en__field_supporter_lastName"],
        label[for="en__field_supporter_emailAddress"],
        label[for="en__field_supporter_address1"],
        label[for="en__field_supporter_city"],
        label[for="en__field_supporter_region"],
        label[for="en__field_supporter_postcode"],
        .en__field--country label,
        label[for="en__field_supporter_phoneNumber2"],
        label[for="en__field_transaction_recurrfreq"],
        div.en__field--842889 > label > label,
        .en__field--fww-mobile-opt-in > label,
        .en__field--ccnumber label,
        .en__field--ccexpire label,
        .en__field--ccvv label,
        .en__field--creditCardHolderName label,
        .en__field--bankRoutingNumber label,
        .en__field--bankAccountNumber label,
        .en__field--NOT_TAGGED_79 label
        {
          display: none;
        }
        
        .en__field--842889 > label {
            display: none !important;
        }
        
        .en__field--fww-mobile-opt-in > label {
            display: none;
        }
        
        .en__field--ccvv {
            margin-left: 20px;
        }
        
        select#en__field_supporter_region, select#en__field_supporter_country {
           padding-bottom: 5px;
        }
        
        .en__field.en__field--radio.en__field--withOther.en__field--842889.en__field--donationAmt.en__mandatory.en__field--withOther--active {
            white-space: nowrap !important;
        }
        
        label[for="en__field_transaction_paymenttype2"] {
            font-family: GraphikSemiBold !important;
        }
        
        main>img {
            position: fixed !important;
            bottom: 0px !important;
        }
        
        select#en__field_transaction_ccexpire, select.en__field__input.en__field__input--splitselect {
            font-family: GraphikSemiBold !important;
            padding-bottom: 5px;
        }
        @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
            .en__component--row, .en__component--row.en__component--advrow {
                display: grid!important;
            }
        }
        
        @media (max-width: 340px) {
    .en__field--donationAmt label.en__field__label--item, .en__field--recurrfreq label.en__field__label--item, .en__field--recurrpay label.en__field__label--item {
        padding: .7rem;
    }
    .en__component--column {
        min-width: 196px!important;
    }
    .en__field--recurrfreq div.en__field__element--radio {
        display: grid !important;
        grid-template-columns: repeat(4, calc(42% - 48px));
    }
    #form-wrap {
        padding: 2rem;
    }
    
}


@media (max-width: 320px) {
    .en__field--donationAmt label.en__field__label--item, .en__field--recurrfreq label.en__field__label--item, .en__field--recurrpay label.en__field__label--item {
        padding: .4rem!important;
    }
    label.en__field__label.en__field__label--item {
    font-size: 14px !important;
    white-space: nowrap;
    }
    .frequency-choices div.en__field--842889 div, .monthly-dono div div, .quarter-annual-dono div div {
    grid-template-columns: repeat(3, 95px)!important;
    }
    .en__field--donationAmt input.en__field__input.en__field__input--other {
    font-size: .9rem !important;
    text-align: center !important;
    }
}


@media (min-width: 768px){
    .en__field--checkbox{
            grid-column: span 2 !important;
    }
}

/** Meant for selects **/    
    .fill-black {
    color: black !important;
    }  
    
    select, select#en__field_supporter_region, select#en__field_supporter_country {
        padding-bottom: 5px;
        -webkit-appearance: none;
        appearance: none;
        background-position: calc(100% + 1.2ch + .1875rem);
        background-size: .5625rem .375rem;
        border: 1p solid #000;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: auto;
        max-width: 100%;
        min-width: auto;
        padding: 5px 10px;
        padding-right: 2.4ch;
        transition: box-shadow .25s,border-color .25s ease-in-out;
    }

    @media screen and (max-width: 1000px) {
        footer {
            height: unset!important;
        }
    }
    
     @media screen and (max-width: 768px) {
        footer {
            height: unset!important;
        }
     }

     @media screen and (max-width: 768px) {
        footer .inner-wrap div {
            margin-bottom: 0px !important;
            padding-left: 7% !important;
            padding-right: 7% !important;
        }
    }
    .en__field__input--checkbox + .en__field__label::before {
        content: "";
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        text-align: center;
        border: 2px solid #878787;
        margin-right: 10px;
        vertical-align: middle;
        cursor: pointer;
    }
    
    .en__field__input--checkbox:checked + .en__field__label::before {
        border: 2px solid #FEDD00;
        color: #000;
        content: "\2713";
        background-color: #fafafa;
    }
    
    .en__field__input--checkbox {
        display: none;
    }

    .hidden {
        display: none !important;
       }
       
       
       .en__field--paymenttype > div {
       align-content: center;
       justify-content: space-between;
       align-items: center;
       display: grid !important;
       grid-template-columns: repeat(2, 50%);
       }
   
       .en__field--paymenttype label.en__field__label.en__field__label--item {
           font-family: GraphikSemiBold !important;
       }
       
       /** Hide Input fields payment type **/
       input#en__field_transaction_paymenttype0, input#en__field_transaction_paymenttype1, input#en__field_transaction_paymenttype2, input#en__field_transaction_paymenttype3, input#en__field_transaction_paymenttype4         {
           left: -10000px;
           position: absolute;
           z-index: -1;
       }
   
       
       /**Pay by Credit Card **/
       label[for="en__field_transaction_paymenttype0"] {
           background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10146/credit-card-icons3.svg);
           display: block;
           margin-bottom: 0;
           background-size: 80%;
           background-repeat: no-repeat;
           background-position: center;
           width: 100%;
           height: 80px;
           color: transparent;
           text-align: center;
           border: 2px solid black;
           background-color: #FFF;
           padding: 10px;
       }
   
       .en__field--paymenttype input[type="radio"]:checked + label[for="en__field_transaction_paymenttype0"] {
       background-color: black;
       color: transparent !important;
       }
   
   /** Pay by Paypal **/    
       label[for="en__field_transaction_paymenttype2"]{
       background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10146/paypal.svg);
       background-repeat: no-repeat;
       background-position: center;
       text-align: center;
       color: transparent;
       background-size: 90px;
       border: 2px solid black;
       padding: 25px 10px;
       height: 80px;
       background-color: #FFF;
       width: 100%;
       margin-top: -14px;
           
       }
       
       .en__field--paymenttype input[type="radio"]:checked + label[for="en__field_transaction_paymenttype2"] {
       background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10146/paypal-white.svg?v=1715046348000);
       background-color: black;
       color: transparent !important;
       background-size: 90px;
       background-repeat: no-repeat;
       background-position: center;
       text-align: center;
       background-size: 90px;
       padding: 25px 10px;
       height: 80px;
       width: 100%;
       margin-top: -14px;
       }
       
       label[for="en__field_transaction_paymenttype2"]:hover {
       background-color: #d2d2d224;
       border: 2px solid black;
       }
       
   /** Pay by Check **/    
   label[for="en__field_transaction_paymenttype1"] {
       background: none;
       text-align: center;
       border: 2px solid black;
       padding: 25px 10px;
       height: 80px;
       color: black;
       width: 100%;
       font-size: 16px !important;
       text-transform: capitalize;
       margin-top: 0;
       margin-left: -2px !important;
   }
   
   
   /** Payment Type Selected **/
   .en__field--paymenttype input[type="radio"]:checked + label {
       background-color: #000 !important;
       color: white;
   }
   
   .en__field__input--checkbox + .en__field__label::before {
       content: "";
       display: inline-flex;
       justify-content: center;
       align-items: center;
       width: 20px;
       height: 20px;
       text-align: center;
       border: 2px solid #878787;
       margin-right: 10px;
       vertical-align: middle;
       cursor: pointer;
   }
   
   .en__field__input--checkbox:checked + .en__field__label::before {
       border: 2px solid #FEDD00;
       color: #000;
       content: "\2713";
       background-color: #fafafa;
   }
   
   .en__field__input--checkbox {
       display: none;
   }
   
   
    p.donation-security {
           background: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10146/padlock.svg?v=1715647693000) no-repeat 0px 5px;
           padding-left: 2rem;
           font-weight: 700;
           font-family:'Graphik', Arial, Helvetica Neue, Helvetica, sans-serif;
           }
           
   b, strong {
       font-family:'Graphik', Arial, Helvetica Neue, Helvetica, sans-serif;
       font-weight: 700;
   }
   
   mark {
       background-color: #fedd00;
   } 
   
   
   @font-face {
     font-family: 'Graphik';
     src: url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10146/Graphik-Semibold-Web.woff2?v=1708635330000') format('woff2');
     font-weight:bold;
   }
   
   
   .en__submit button {
       font-size: 21px !important;
       padding: 12px 16px !important;
       min-width: 340px !important;        
   }
   
   @media (max-width: 600px) {
       div#form-wrap {
           margin-left: auto!important;
           margin-right: auto!important;
           justify-content: center!important;
       }
       .submit-btn .en__submit button {
       padding-left: 0px !important;
       padding-right: 0px !important;
     }
     .en__submit button {
         min-width: 217px !important;
     }
   }