.socialink-donations {
    margin: 2em 0;
    /*! border: 1px solid #ccc; */
}


.socialink-donations a,
.socialink-donations div,
.socialink-donations div {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}


.socialink-donations .tabintro p {
    font-size: 1em;
}

.socialink-donations .tabs-menu a {
    font-size: 1em;
    text-transform: uppercase;
    font-size: 1.1em;
    min-height: inherit;
    width: 50%;
    padding: .5em 0;
}

.socialink-donations .tabs-menu a:hover,
.socialink-donations .tabs-menu a.active {
    color: #4a5f8a;
}

.socialink-donations a.choose_membership.active,
.socialink-donations a.choose_membership:hover,
.socialink-donations a.choose_membership {
    background: #DFE1E6;
}

.socialink-donations a.choose_donation,
.socialink-donations a.choose_donation:hover,
.socialink-donations a.choose_donation.active {
    background: #ECF2DE;
}

.socialink-donations .tabs-menu.main-menu a {
    width: 50%;
}


.socialink-donations .tabs-menu.main-menu a.choose_membership:not(.active) {
    border-right: 1px solid #ccc;
    opacity: 0.2;
    border-bottom: 1px solid #ccc;
}


.socialink-donations .tabs-menu.main-menu a.choose_donation:not(.active) {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*! display: none; */
    opacity: 0.2;
}

.socialink-donations .tabs-menu.main-menu a.choose_membership:not(.active):hover,
.socialink-donations .tabs-menu.main-menu a.choose_donation:not(.active):hover,
.socialink-donations .tabs-menu.main-menu a:hover {
    opacity: 1;
}



.socialink-donations .tabs-menu.secondary-menu a {
    width: 33%;
    background: #fff;
    font-size: 1em;
    font-weight: normal;
    opacity: 0.2;
}


.socialink-donations .tabs-menu.secondary-menu a(.active),
.socialink-donations .tabs-menu.secondary-menu a:hover {
    opacity: 1;
}

.socialink-donations .tab {
    padding: 0;
    display: none;
}

.socialink-donations .tab .inner {
    padding: 1em;
}


.socialink-donations .tab .tabintro {
    margin: 1em 0;
    border: 1px solid #ccc;
    padding: 1em;
    background: #DFE1E6;
}

.socialink-donations .tab#donation .tabintro {
    background: #ECF2DE;
}




.socialink-donations .tab-content > .active,
.socialink-donations .tab.active {
    display: block;
}

.socialink-donations .tab.firstlevel {
    min-height: 800px;
}

.socialink-donations .tab.secondlevel {
    min-height: 800px;
}

.socialink-donations .tabs-menu.main-menu {}

.socialink-donations .tabs-menu.secondary-menu {margin-bottom: 2em;}

.tab#donation {
/*    background: #ECF2DE;*/
}

.tab#membership {
    background: #fff;
}

a.demeterButton {
    background: #ececed none repeat scroll 0 0;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    display: block;
    border: 1px solid #4a5f8a;
}

a.demeterButton:hover {
    text-decoration: none;
    background: #4a5f8a;
    color: #fff;
}

.socialink-donations .continue_billing {
    display: none;
    background: #ececed;
    padding: 1em;
}

.socialink-donations .tab#membership .tabs-menu.secondary-menu a:hover,
.socialink-donations .tab#membership .tabs-menu.secondary-menu a.active {
    background: #6F798A;
    color: #fff;
    opacity: 1;
}

.socialink-donations .tab#membership .tab.active {
    background: #6F798A;
    display: none;
}

.socialink-donations .tab#donation .tabs-menu.secondary-menu a:hover,
.socialink-donations .tab#donation .tabs-menu.secondary-menu a.active {
    background: #A1BC5B;
    color: #4d5a6f;
    opacity: 1
}

.socialink-donations .tab#donation .tab.active {
    background: #A1BC5B;
}

.socialink-donations .tab#donation .tab label {
   color: #fff;
   font-size: .9em;
   color: #4d5a6f;
   font-weight: 500;
       margin-bottom: 0;
}

.socialink-donations .tab#donation .tab .amt_col label {
    color: #fff;
}

.socialink-donations .tab#donation .tab .otheramt .amt_col label {
    min-width: 150px;
}

.socialink-donations .tab#donation .tab .otheramt .amt_col .sinkstripe_field {
    margin-bottom: 0;
    min-width: 200px;
}

.socialink-donations h1 {
    font-size: 1.3em;
    text-transform: uppercase;
    color: #4d5a6f;
    margin-bottom: 1.5em;
}

        .socialink-donations .tab#membership h1,
        .socialink-donations .tab#membership h3 {
            color: #fff;
            margin-bottom: 0;
        }



.socialink-donations .tab#donation h3 {
    color: #4d5a6f;
}

.socialink-donations h2 {
    /*font-size: 1.3em;*/
    /*text-transform: uppercase;*/
    /*color: #fff;*/
}

.socialink-donations h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.1em;
}

.socialink-donations .choose_difference {
     margin: auto;
    color: #fff;
    border: 3px solid #4a5f8a;
    display: none;
    padding: 1em;
    max-width: 740px;
    margin-bottom: 2em;
}


.socialink-donations .choose_difference:hover,
.socialink-donations .choose_difference:focus,
.socialink-donations .choose_difference:active {
    background: #fff;
}

.socialink-donations section.billing-container .choose_difference label {
    width: 90%;
    color: #4a5f8a;
}

.socialink-donations .choose_difference label {
    color: #fff;
    display: inline-block;
    font-size: .5em;
}

.socialink-donations .billing-expanded .billing-details-billing {
    display: none;
}

.socialink-donations .billing-expanded .billing-details-billing.reveal {
    display: block;
}

.socialink-donations .billing-details-mailing h1 > span {
    display: none;
}

.socialink-donations .billing-details-mailing h1:after {
    content: ' Address';
}

.socialink-donations .inner p {
    color: #fff;
       margin: 0 0 1em 0;
}

 .socialink-donations #donation .inner p {
    color: #4D5A6D;
    font-weight: 500;
    margin: 1em 0;
 }

.socialink-donations .inner ul li {
    font-size: .9em;
    color: #fff;
}

.socialink-donations .sink_demeter_note {
    margin-bottom: 1em;
}

.sink-demeter-section input#name {
    display: none;
}

#sink_demeter_submit_area {
    margin-bottom: 2em;
}

.socialink-donations .sink_demeter_note p {
    font-size: .9em;
}

.socialink-donations .sink_demeter_section {
    margin-bottom: 2em;
}

.socialink-donations .sink_demeter_response {
    display: none;
}

.socialink-donations .sink_demeter_submission_intro {
    border-top: 1px solid #A1BC5B;
}

.socialink-donations section.billing-container {
    background: #DFE1E6;
    padding: 1em;
    display: none;
}

.socialink-donations .memtype {
    background: #ECF2DE;
    border: 1px solid #ECF2DE;

    margin: 0 auto 1em;
    color: #525E2D;
}

.socialink-donations .memtype p,
.socialink-donations .memtype label {
   color: #525E2D;
   margin: 0;
   font-size: 1em;
   text-align: center;
   line-height: 1.2;
}

.socialink-donations .memtype p {

}

.socialink-donations label {
    cursor: pointer;
    font-size: 1em;
}

.socialink-donations .renewal-section label {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.socialink-donations .renewal-section.renewal-top label {
    color:#000;
}

.socialink-donations .col {
    width: 50%;
    padding: .5em;
}

.socialink-donations .donationsection {
    margin-top: 2em;
}

.socialink-donations .donationsection,
.socialink-donations .billing-container .inner,
.socialink-donations .sink_demeter_module,
.socialink-donations .processing-container,
.socialink-donations .checkoutpreview {

}

.socialink-donations .amt_col {
    background: #A1BC5B;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.socialink-donations .moneydonation .amt_col {
    width: 100%;
    background: #6F798A;
    color: #fff;
}

.socialink-donations .amtlabel {
    margin-left: .5em;
    margin-right: .5em;
}

.socialink-donations .namelabel:before {

}

.socialink-donations section.billing-container h1 {
/*    color: #000;
    margin-bottom: 1em;
    border-top: 1px solid #000;
    display: inline-block;
    padding-top: .5em;*/
}

.socialink-donations section.billing-container label {

}

.socialink-donations section.billing-container .field-type-checkbox label {
    width:inherit;
    text-transform: normal;
}

.socialink-donations section.billing-container .field-type-textarea .sinkstripe_input_area {
    width: 50%;
}

.socialink-donations .sinkstripe_field {
    margin-bottom: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
            flex-direction: column;
            align-items: flex-start;
}

.socialink-donations .field-container-socialink_dem_comments.field-type-textarea {
    font-size: .9em;
}

#socialink_dem_comments {
    height: 50px;
}

.socialink-donations .sinkstripe_field.field-container-socialink_dem_how-hear-ftpt {
    display: block;
}

.socialink-donations .sinkstripe_field.field-container-socialink_dem_how-hear-ftpt .sinkstripe_label,
.socialink-donations .sinkstripe_field.field-container-socialink_dem_how-hear-ftpt .sinkstripe_label label {
    width: 100%;

}

.socialink-donations section.billing-container .field-type-textarea.sinkstripe_field.field-container-socialink_dem_how-hear-ftpt .sinkstripe_input_area {
    width: 100%;
}

.text .continue_button a {
    text-decoration: none;
}

.socialink-donations .sinkstripe_field.field-type-checkbox {}

.socialink-donations .sinkstripe_field .sinkstripe_label {
    margin-right: 1em;
}

.socialink-donations .donation-recipient .sinkstripe_field .sinkstripe_label {
    min-width: 250px;

}

.socialink-donations .sinkstripe_field .sinkstripe_input_area {
    display: inline-block;
    margin-right: .5em;
    width: 100%;
}

    .socialink-donations .sinkstripe_field .sinkstripe_input_area input[type="text"] {
       
        width: 100%;
    }

    .socialink-donations .sinkstripe_field .sinkstripe_input_area input#socialink_dem_billing-address_zip {
        max-width: 100px;
        min-width: 0;
    }

    .socialink-donations .sinkstripe_field .sinkstripe_input_area input#socialink_demeter-email {
        min-width:300px;
        width: 100%;
    }

    .socialink-donations .sinkstripe_field .sinkstripe_input_area input#socialink_dem_billing-address_line1,
    .socialink-donations .sinkstripe_field .sinkstripe_input_area input#socialink_dem_billing-address_line2,
    .socialink-donations .sinkstripe_field .sinkstripe_input_area input#socialink_dem_billing-address_line3 {
        min-width: 400px;
    }

    .socialink-donations .sinkstripe_field .sinkstripe_input_area input#socialink_dem_billing-phone {
        min-width: 140px;
        width: 140px;
    }
.socialink-donations .sinkstripe_field.field-currency .currency_indicator {
    background: #fff;
    padding: .5em;
    display: inline;
    margin-right: 0;
    border-bottom: 1px solid #ccc;
    padding-right: 0;
}

.socialink-donations .sinkstripe_field.field-currency .sinkstripe_input_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.socialink-donations .sinkstripe_field.field-currency input {
/*    max-width: 100px;*/
}

.socialink-donations #card-element {
    background: #fff;
    width: 100%;
    border: 1px solid #4a5f8a;
    padding: .5em .75em;
}

.socialink-donations .checkoutpreview {

}

.socialink-donations .checkoutpreview h2 {
    color: inherit;
}

.socialink-donations .totalPayment {

}

.socialink-donations .responses > div {
    display: none;
    padding: 1em 1em;
    margin-bottom: 1em;
    display: none;

}

.socialink-donations .responses .error {
   padding: 1em;
   background: #ffe875eb;
   border: 1px solid #e0e0e0;
   font-size: .9em;
   color: #333;
   border-radius: 2px;
}

.socialink-donations .responses .success {
    color: #2d475e;
    border: none;
    background: none repeat scroll 0 0 #A1BC5B;
    border-radius: 5px;
}

.socialink-donations .responses h2 {
    color: inherit;
}

.socialink-donations .responses > div.visible {

    max-width: 740px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.socialink-donations .processing-container {
    position: relative;
}

.socialink-donations .processing-container > .form_processing {
    position: absolute;
    background: #333;
    color: #fff;
    width: 100%;
    height: 100%;
    z-index: 5;
    text-align: center;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    left: 0;
}

.socialink-donations .processing-container.processing > .form_processing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.socialink-donations input.error,
.socialink-donations select.error
{
    border:2px solid red;
}

.socialink-donations p.donationDescription,
.socialink-donations p.totaldonation,
.socialink-donations p.annualnotice
 {

    margin-bottom: .5em;
}

.socialink-donations p.annualnotice
 {
    display: none;
}

.socialink-donations .validation {
    border-top: 5px solid red;
    background: #fff;
    color: red;
    border-bottom: 5px solid red;
}

.socialink-donations .validation  p.response_validation {

}

.socialink-donations .responses .validation  label {
    border: none;
    background: #fdfad2;
    width: inherit;
    margin-right: 5px;
}

.socialink-donations  fieldset#fieldset-member-information {
    display: flex;
    flex-direction: revert;
    flex-wrap: wrap;
}

.socialink-donations  .sinkstripe_field.fldobj-socialink_dem_mailing-name_first,
.socialink-donations  .sinkstripe_field.fldobj-socialink_dem_mailing-name_last {
    width: 49.5%;
    margin-right: 1%;
}

.socialink-donations .fldobj-socialink_dem_mailing-address_line1 {
    width:  80%;
     margin-right: 1%;
}

.socialink-donations .fldobj-socialink_dem_mailing-address_line2 {
    width: 19%;
    margin-right: 0;
}

.socialink-donations  .sinkstripe_field.fldobj-socialink_dem_mailing-name_last {
    margin-right: 0;
}

.socialink-donations .fldobj-socialink_dem_mailing-address_city,
.socialink-donations .fldobj-socialink_dem_mailing-address_state {
    width: 40%;
    margin-right: 1%;
}

.socialink-donations .fldobj-socialink_dem_mailing-address_zip {
    margin-right: 0;
    width: 18%;
}

.socialink-donations .fldobj-socialink_dem_mailing-address_zip input {
    width: 100%;
}

.socialink-donations .member-email {
    width: 100%;
}