/* es_2016donform.css */ #page_content { width: 100%; } div.responsive { margin: 0; /*margin-left:190px ;*/ } div.donation-form-container.responsive { border: 1px solid silver; width: 616px; padding-left: 28px; padding-right: 28px; padding-top: 40px; font-family: 'ProximaNovaReg', Arial, Helvetia, sans-serif; } div.responsive div.form-content { width: 100%; } #page_content { padding: 70px 0 0; } div.donation-form-container.responsive { background: #ffffff; border: 1px solid #eaeaea; border-radius: 0px; padding: 25px; } div.responsive label { font-size: 18px; } div.responsive button#pstep_finish { background: rgba(0, 0, 0, 0) url("../images/content/pagebuilder/email-donate-button-both.png") no-repeat scroll left top; border: medium none; cursor: pointer; height: 49px; margin-left: 0; max-width: none; text-indent: -99999px; text-transform: capitalize; width: 160px; } div.responsive a.next-step, div.responsive button.next-step, div.responsive button.finish-step { float: left; } #don_mailbottombox { margin-top: 50px; } .don_mailaddresstable { width: 100%; } .don_address_td { vertical-align: middle; } .don_envelope_td { text-align: right; vertical-align: middle; } div.form-row { clear: both; } div.responsive span.field-required, label[for="payment_typecc_exp_date_MONTH"] { background: url("../bb/images/required_asterisk.png") 0 center no-repeat; display: inline-block; width: 5px; padding-right: 0px; } div.responsive span.field-required, label[for="payment_typecc_exp_date_MONTH"], .form-text label, .form-selectlist label, #ProcessForm div.form-row div.form-content > input[type="text"], #ProcessForm div.form-row div.form-content > select { height: 42px; line-height: 42px; margin: 0; } .donform_text1 { color: #a41413; font-size: 33px; font-weight: bold; } .don_checkbox_a { clear: both; display: block; float: left; width: 38px; } .don_checkbox_img { clear: both; } .don_radio_a { clear: both; display: block; float: left; width: 38px; padding-top: 3px; } .don_radio_img { clear: both; } label[for="level_flexibleduration"] { clear: both; } .section-header-container { border-top: 0px solid #fff; padding-top: 30px; } /* donation level styles */ #level_flexible_row { padding-top: 0px; } .don-standard-levels { padding-top: 0px; } .donlevel_a { display: block; } .donlevel_a { background: #a41517; } .donlevel_divs { float: left; display: block; width: 73px; padding-left: 9px; padding-right: 9px; padding-top: 10px; padding-bottom: 10px; background: #888888; color: #ffffff; font-weight: bold; text-align: center; margin-right: 10px; font-size: 24px; } .donlevel_divs:hover { background: #a41517; } div.form-row div.form-content > select, div.form-row div.form-content > input[type="text"], div.form-row div.form-content input.ui-autocomplete-input, div.form-row div.form-content > textarea, div.form-row div.form-content > button { display: inline; float: right; margin-top: 3px; } div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea { border: 1px solid silver; padding-left: 5px; padding-right: 5px; padding-top: 7px; padding-bottom: 7px; } div.responsive input[type="text"] { width: 298px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; } div.donation-form-content div.form-content > textarea { width: 288px; } .form-row { padding-bottom: 5px; } #billing_addr_state, #level_flexibleduration { color: #000000; } #responsive_payment_typecc_exp_date_MONTH, #responsive_payment_typecc_exp_date_YEAR { background-image: url("../images/content/pagebuilder/select_bg.png"); background-position: right center; background-repeat: no-repeat; cursor: pointer; padding: 0 36px 0 20px; -moz-appearance: none; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 0; box-sizing: border-box; font-family: "ProximaNovaReg", Arial, Helvetia, sans-serif; font-size: 14px; height: 42px; line-height: 40px; padding: 0 0 0 20px; vertical-align: middle; display: inline; margin-top: 3px; width: 100px; } /* Gift type styles */ #level_flexiblegift_type_Row { clear: both; } #dongifttypecont { clear: both; padding-top: 50px; padding-bottom: 50px; } .don_radio_labels { display: block; float: left; font-size: 18px; font-weight: normal; line-height: 22px; } label[for="level_flexiblegift_type1"], label[for="level_flexiblegift_type2"], label[for="donor_email_opt_inname"], label[for="responsive_payment_typeach_confirmname"], #optintext { /* , label[for="optin-disclaimer-input-id"] */ display: block; float: left; width: 505px; color: #000000; } /* Billing information */ #donor_email_opt_in_Row { clear: both; } h2[class="section-header-container"] { clear: both; background: none; font-size: 26px; font-weight: bold; line-height: 1; font-family: 'ProximaNovaReg', Arial, Helvetia, sans-serif; color: #000000; padding-bottom: 30px; } h3 { clear: both; font-family: 'ProximaNovaReg', Arial, Helvetia, sans-serif; font-size: 22px; } div.button-sub-container { text-align: left; } #paymenttypecont { padding: 10px 0 80px; } .paymenttypesdiv { float: left; display: block; width: 130px; padding-left: 9px; padding-right: 9px; padding-top: 8px; padding-bottom: 10px; background: #ffffff; color: #000000; font-weight: bold; text-align: center; margin-right: 10px; font-size: 18px; border: 1px solid silver; } .paymenttypesdiv:hover { background: #a41517; color: #ffffff; border: 1px solid silver; } .paymenttypesdiv.paypal { float: left; display: block; background-image: url("../bb/images/paypal_button.png"); background-repeat: no-repeat; width: 44px; border: 1px solid silver; padding: 2px; padding-top: 3px; margin-top: 0px; } .creditcardimg_div { clear: both; float: right; width: 298px; height: 30px; background-image: url("../bb/images/creditcardimgs.png"); background-repeat: no-repeat; margin-top: 15px; margin-right: 0; padding-bottom: 10px; } .date-input-container { float: right; } #ProcessForm div.payment-field-container #responsive_payment_typecc_cvv_row input { width: 138px; } #responsive_payment_typecc_cvv_row .HelpLink { display: none; } #responsive_payment_typerouting_number_row .HelpLink { padding: 0; position: absolute; margin-top: 8px; margin-left: 24px; display: inline-block; } .HelpLink { float: right; display: block; padding-top: 11px; padding-left: 7px; padding-right: 76px; font-family: 'ProximaNovaReg', Arial, Helvetia, sans-serif; font-size: 12px; } div.responsive select { display: inline; margin-top: 3px; border: 0px; background: #ffffff; } #optin-disclaimer-input-id { float: left; } #cvv-help { position: relative; float: right; left: 130px; top: 12px; display: block; font-size: .75em; -webkit-border-radius: 15px; border-radius: 15px; width: 20px; height: 20px; line-height: 20px; text-align: center; overflow: hidden; color: #fff !important; background-color: #707070; text-decoration: none !important; cursor: pointer; } #cvv-help:hover { color: #fff !important; background-color: #cf4b04 !important; } #whats_this_popup { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); } .popup_content { background-color: #fefefe; margin: auto; margin-top: 80px; margin-bottom: 40px; padding: 15px; border: 1px solid #888; width: 50%; font-size: 14px; max-width: 600px; overflow: auto; } .popup_content p { padding-bottom: 10px !important; } #popup_header { padding-bottom: 0px !important; font-weight: bold; font-size: 18px; margin: 0px 0px 6px; width: 100%; color: #333333; border-bottom: #ff9900 1px solid; } #responsive_payment_typecc_cvv_row { position: relative; } .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /*************** RESPONSIVE STYLES **************/ /* Medium screens */ @media only screen and (max-width:768px) { /* 768px */ div.responsive { margin: auto; } div.responsive input[type="text"] { width: 60%; } .donlevel_divs { margin-top: 10px; } label[for="level_flexiblegift_type1"], label[for="level_flexiblegift_type2"], label[for="donor_email_opt_inname"], label[for="responsive_payment_typeach_confirmname"], #optintext { width: 70%; } } /* Small screen */ @media only screen and (max-width:320px) { div.responsive { margin: auto; } div.donation-form-container.responsive { width: 87%; } div.responsive input[type="text"] { width: 60%; } .donlevel_divs { margin-top: 10px; } label[for="level_flexiblegift_type1"], label[for="level_flexiblegift_type2"], label[for="donor_email_opt_inname"], label[for="responsive_payment_typeach_confirmname"], #optintext { width: 70%; } .paymenttypesdiv { clear: both; margin-top: 10px; } .date-input-container { float: left; } } /* general_donation_styles_2016.css */ /********************************************** -------------------- wrapper ------------------ **********************************************/ html div.responsive { width: 100%; } body { background: none; } #wrapper_top_wrap { background: #fff; border-bottom: 4px solid #cf4b04; margin: 0 0 4em; } img#backdrop { /* Set rules to fill background */ min-height: 100%; min-width: 1360px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -1; } @media screen and (max-width:1360px) { /* Specific to this particular image */ img#backdrop { left: 50%; margin-left: -680px; /* 50% */ } } #page_content { border: medium none; padding: 0 0 18px !important; } #donation_options_wrap { background: #f3f3f3 none repeat scroll 0 0; padding: 50px 0; width: 100%; } #donation_options { margin: 0 auto; max-width: 996px; overflow: hidden; position: relative; text-align: center; padding: 0 10px; } #donation_options p { color: #333333; font-size: 18px; line-height: 1.2em; } a.donation-options-item { background: #fff; border: 1px solid #d8d8d8; display: block; float: left; font-family: "Roboto", Arial, sans-serif; margin: 40px 0 0 4%; padding: 5px; position: relative; text-align: left; text-decoration: none; width: 29%; } .donation-options-item:first-child { margin-left: 0; } .donation-options-item img { float: left; width: 50%; max-width: 143px; } .donation-options-item p { padding: 1.5em 10px 10px 55%; } .donation-options-item div { background: #aabf02; background: linear-gradient(to bottom, #aabf02 0%, #576100 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aabf02', endColorstr='#576100', GradientType=0); border: 3px solid #fff; bottom: 5px; color: #fff; font-size: 28px; font-weight: bold; line-height: 1em; outline: 1px solid #d8d8d8; padding: 0 0.3em 0.25em 0.4em; position: absolute; right: 5px; } /********************************************** ----------------- donation form --------------- **********************************************/ /* label[for="donor_email_opt_inname"]{padding-left:12px;} #optintext{padding-left:10px;max-width:800px;display:inline-block;} */ .donation-form-content { position: relative; } /* norton security seal */ .html-caption-container > table { bottom: 0; position: absolute; right: 0; } .html-caption-container > table a { position: relative; top: -10px; } div.button-container { height: 100px; } /* all the stuff we want to hide */ div.donation-level-label-input-container, input[type="checkbox"], input[type="radio"], div.form-row.form-checkbox div.form-content>input[type="checkbox"], #responsive_payment_typepay_typeradio_row, #responsive_payment_typecc_type_row, .form-row.form-donation-level span.field-required { display: none; } div.donation-level-input-container { font-family: "Roboto", Arial, sans-serif; font-size: 30px; font-weight: bold; padding: 0px; } div.donation-level-amount-container { font-family: "Roboto", Arial, sans-serif; font-size: 30px; line-height: 50px; font-weight: bold; color: #fff; vertical-align: baseline; } div.responsive a:link { font-family: "Roboto", Arial, sans-serif; } div.responsive div.donation-level-input-container label { font-size: inherit; color: #fff; background-color: #707070; padding: 0px; height: 50px; line-height: 50px; cursor: pointer; display: block; width: 92px; text-align: center; box-sizing: border-box; } div.donation-level-container { border: none; border-radius: 0px; display: inline-block; margin: 0px 5px 10px 0px; } div.donation-level-container:last-child { margin-right: 0px; } div.responsive div.donation-level-container div.form-content { margin: 0px; } div.responsive div.donation-level-container:last-child div.donation-level-input-container label { display: none; } label+div.donation-level-user-entered { margin: 0px; } div.responsive .donation-level-user-entered input[type="text"] { width: 140px; font-size: 30px; font-weight: bold; color: #fff; background-color: #707070; padding: 0px 10px 0px 33px; height: 50px; line-height: 50px; cursor: pointer; border: none; box-sizing: border-box; text-align: left; } div.responsive .donation-level-user-entered { position: relative; } div.responsive .donation-level-user-entered:after { content: '$'; position: absolute; left: 15px; top: 0px; color: #fff; line-height: 50px; } div.responsive .donation-level-user-entered input[type="text"]::-webkit-input-placeholder { color: #fff; opacity: 1; } div.responsive .donation-level-user-entered input[type="text"]:-moz-placeholder { color: #fff; opacity: 1; } div.responsive .donation-level-user-entered input[type="text"]::-moz-placeholder { color: #fff; opacity: 1; } div.responsive .donation-level-user-entered input[type="text"]:-ms-input-placeholder { color: #fff; opacity: 1; } div.responsive div.donation-level-input-container label:hover, div.responsive .donation-level-user-entered input[type="text"]:hover { background-color: #a51515; } div.responsive div.donation-level-container.checked div.donation-level-input-container label, div.responsive div.donation-level-container.checked .donation-level-user-entered input[type="text"] { background-color: #a51515; } div.donation-levels { position: relative; } div.donation-level-amount-container+div.donation-level-label-container { display: none; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px; font-family: "Roboto", Arial, sans-serif; font-size: 16px; line-height: normal; color: #a51515; font-weight: normal; background-color: #fff; text-align: left; } div.donation-level-amount-container+div.donation-level-label-container:before { content: '\25BE'; display: inline-block; -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: 5px; } div.responsive div.donation-level-input-container label:hover div.donation-level-amount-container+div.donation-level-label-container, div.responsive div.donation-level-container.checked div.donation-level-amount-container+div.donation-level-label-container { display: block; } div.responsive div.donation-level-input-container label:hover div.donation-level-amount-container+div.donation-level-label-container { z-index: 2; } #level_flexiblegift_type_Row legend { display: none; } #ProcessForm div.form-row div.form-content > input[type="text"], #ProcessForm div.form-row div.form-content > select { border: 1px solid #cdcdcd; vertical-align: middle; padding: 0px 0px 0px 20px; font-family: "Roboto", Arial, sans-serif; font-size: 14px; color: #000; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; border-radius: 0; background-color: #fff; width: 300px; max-width: 100%; } div.form-row div.form-content > select { padding: 0px 36px 0px 20px; background-image: url('../images/content/pagebuilder/select_bg.png'); background-repeat: no-repeat; background-position: center right; cursor: pointer; } #responsive_payment_typecc_exp_date_MONTH, #responsive_payment_typecc_exp_date_YEAR { border: 1px solid #cdcdcd; vertical-align: middle; height: 42px; line-height: 40px; padding: 0px 0px 0px 20px; font-family: "Roboto", Arial, sans-serif; font-size: 14px; color: #000; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; border-radius: 0; background-color: #fff; padding: 0px 36px 0px 20px; background-image: url('../images/content/pagebuilder/select_bg.png'); background-repeat: no-repeat; background-position: center right; cursor: pointer; width: 142px; } #responsive_payment_typecc_exp_date_MONTH { margin-right: 12px; } div.form-row div.form-content > select::-ms-expand { display: none; } select#responsive_payment_typecc_exp_date_MONTH::-webkit-input-placeholder, select#responsive_payment_typecc_exp_date_YEAR::-webkit-input-placeholder, div.form-row div.form-content > select::-webkit-input-placeholder { color: #000; opacity: 1; } select#responsive_payment_typecc_exp_date_MONTH:-moz-placeholder, select#responsive_payment_typecc_exp_date_YEAR:-moz-placeholder, div.form-row div.form-content > select:-moz-placeholder { color: #000; opacity: 1; } select#responsive_payment_typecc_exp_date_MONTH::-moz-placeholder, select#responsive_payment_typecc_exp_date_YEAR::-moz-placeholder, div.form-row div.form-content > select::-moz-placeholder { color: #000; opacity: 1; } select#responsive_payment_typecc_exp_date_MONTH:-ms-input-placeholder, select#responsive_payment_typecc_exp_date_YEAR:-ms-input-placeholder, div.form-row div.form-content > select:-ms-input-placeholder { color: #000; opacity: 1; } #level_flexibleduration_row { display: none; } h2.section-header-container { font-family: "Roboto", Arial, sans-serif; font-weight: 500; border-top: 1px solid silver; } #page_content .donform_text1 { color: #cf4b04; font-family: "Roboto", Arial, sans-serif; font-weight: 500; font-size: 30px; line-height: 34px; padding-bottom: 6px; } #page_content .donform_leadin { color: #cf4b04; font-size: 18px; line-height: 30px; padding-bottom: 12px; } #page_content .donform_leadin.large { font-size: 24px; } div.donation-form-container.responsive { font-family: "Roboto", Arial, sans-serif; } .donform_text2 { padding-bottom: 0 !important; font-size: 16px; line-height: 24px; } .donform_text3 { font-size: .95em; padding-bottom: 0 !important; } .donform_text3 span { color: #004473; font-size: .75em; } #page_content ul.donform_list, #page_content ul.opt-list { padding: 15px 15px 0; font-size: 16px; } #page_content ul.opt-list li { background: url(../images/content/pagebuilder/orange-bullet.gif) no-repeat 0 11px; padding-left: 20px; list-style: none; } div.responsive .form-info-message:first-child { font-size: .8em; padding-bottom: 20px; } div.responsive .form-info-message span.header-info-message:first-child { margin-top: 3px; padding-left: 5px; } input[type="checkbox"] + label, input[type="checkbox"] + #optintext { padding-left: 38px !important; background-image: url("../bb/images/es2016_checkbox_unclick.png"); background-repeat: no-repeat; background-position: left 5px; } input[type="checkbox"]:checked + label, input[type="checkbox"]:checked + #optintext { background-image: url("../bb/images/es2016_checkbox_click.png"); } div.responsive div.form-checkbox label, label.custom-element-checkbox-label, #optintext { max-width: 100%; width: 100%; box-sizing: border-box; color: #855; font-size: .8em; /* line-height: 1.5em; */ } #optintext { position: relative; top: -15px; } .paymenttypesdiv { padding: 0px; height: 50px; line-height: 48px; box-sizing: border-box; width: 172px; margin: 0 15px 15px 0; } .paymenttypesdiv.paypal { width: 76px; background-position: center; } .paymenttypesdiv.paypal:active, .paymenttypesdiv.paypal:hover, .paymenttypesdiv.paypal.selected { background-image: url("../bb/images/paypal_button2.png"); } .paymenttypesdiv:hover, .paymenttypesdiv.selected { background-color: #a51515; border: 1px solid #a51515; color: #fff; cursor: pointer; } #page_content .radio-array-list > li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; } #page_content legend .field-required, #page_content label .field-required { height: 6px; } #responsive_payment_typeach_confirm_row span.field-required { padding-right: 5px; } #don_mailbottombox { background: #fff url("../bb/images/envelope1.png") no-repeat scroll 550px 6em; } #don_mailbottombox a { text-decoration: none !important; display: inline-block; } #don_mailbottombox:empty { display: none; } div.responsive div.ErrorMessage.page-error > span.field-error-text { width: auto; } /********************************************** ----------------- end donation form ----------- **********************************************/ @media only screen and (max-width:805px) { /* donation form */ .donation-form-container.responsive { margin: 0 auto; } } @media only screen and (max-width:768px) { /* wrapper */ #wrapper_top_wrap { margin-bottom: 5%; } a.donation-options-item, a.donation-options-item:first-child { float: none; margin: 40px 20px 0; min-width: 300px; display: inline-block; } .donation-options-item div { font-size: 20px; } #donation_options .donation-options-item p { font-size: 16px; padding-top: 0; } /* blur background image */ img#backdrop { -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } } @media only screen and (max-width:690px) { div.donation-form-container.responsive { width: 100%; box-sizing: border-box; } #page_content { padding: 0px; } } @media (min-width: 561px) { #responsive_payment_typecc_cvv_row input { margin-right: 163px !important; } } @media only screen and (max-width:560px) { /* donation form */ #ProcessForm div.form-row div.form-content > input[type="text"], #ProcessForm div.form-row div.form-content > select, #ProcessForm div.payment-field-container #responsive_payment_typecc_cvv_row input { width: 100%; } .creditcardimg_div { float: left; } .date-input-container { float: none; } .HelpLink { float: none; display: inline; } #ProcessForm #tribute_message_bodyname { width: 96%; float: none; } #cvv-help { left: -11px; top: -30px; } } @media only screen and (max-width:400px) { /* wrapper */ #page_content { padding-top: 12px !important; } #page_content, #wrapper_bot { padding-bottom: 0 !important; } #wrapper_top_wrap { margin: 0; } img#backdrop { margin: 0; min-width: 0; min-height: 0; position: static; /* unblur background image */ -webkit-filter: initial; -moz-filter: initial; -o-filter: initial; -ms-filter: initial; filter: initial; } a.donation-options-item, a.donation-options-item:first-child { margin: 1.5em 3%; width: auto; min-width: 0; display: block; } .donation-options-item img { width: 40%; } .donation-options-item p { padding-left: 45%; } .donation-options-item div { font-size: 28px; } /* donation form */ div.donation-form-container.responsive { border: none; padding: 40px 10px; } div.donation-form-container.responsive:first-of-type { padding-top: 0; } div.responsive input[type="text"], div.form-row div.form-content > select { width: 100%; } #don_mailbottombox { width: 100%; box-sizing: border-box; border: none; border-top: 1px solid silver; } .don_envelope_td { display: none; } .paymenttypesdiv { line-height: 1.2em; padding: 0.2em 5px 0; width: 30%; float: left; } /* norton security seal */ .html-caption-container > table { bottom: -80px; } } /* reus_rebrand_wrapper_css */ body, body.aff { background: #fff; font-family: "Roboto", Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto", Arial, sans-serif; } h1, h3 { color: #cf4b04; } h1, h2 { font-weight: 500; } div.responsive { color: #000; } #header, .aff #header { min-height: 212px; } a#logo, .aff a#logo { position: relative; left: auto; width: 328px; z-index: auto; top: 27px; float: left; } a#logo img#es_logo_full, .aff a#logo img#es_logo_full { display: block; } a#logo img#es_logo_small, .aff a#logo img#es_logo_small { display: none; } #utility_nav, .aff #utility_nav { float: right; background: none; border: none; padding: 11px 0 0; font-size: 13px; font-family: "Roboto", Arial, sans-serif; } #utility_nav a { color: #004473; font-family: "Roboto", Arial, sans-serif; } #donate, .aff #donate { clear: right; padding: 0; margin-top: 16px; border: none; } #donate a { background: #004473; font-family: "Roboto", Arial, sans-serif; font-weight: 500; height: 40px; line-height: 40px; font-size: 30px; padding: 0 20px; text-transform: capitalize; } #search, .aff #search { margin-top: 16px; height: 38px; width: 200px; } #search form, .aff #search form { height: 38px; width: 201px; } #search_term, .aff #search_term { height: 38px; line-height: 38px; color: #666; font-family: "Roboto", Arial, sans-serif; width: 150px; font-size: 16px; } .aff #search_submit { height: auto; width: auto; } #tagline { clear: right; color: #004473; float: right; font-size: 24px; font-weight: 500; margin-top: 16px; } ul#nav, .aff ul#nav { height: 54px; top: 178px; background: none; } ul#nav li { background: url(../images/content/pagebuilder/yellow-bullet.png) no-repeat right 24px; height: 54px; padding: 0 2.4%; } #nav li#who_we_are, #nav li#get_involved, .aff #nav li#who_we_are, .aff #nav li#get_involved { background: url(../images/content/pagebuilder/yellow-bullet.png) no-repeat right 24px; } #nav li#connect_locally { background: none; } #nav li:hover, #nav li#who_we_are:hover, #nav li#what_we_do:hover, #nav li#our_programs:hover, #nav li#get_involved:hover, #nav li#connect_locally:hover { background: #ffe9c2; border-left: 10px solid #fff; margin-left: -10px; } #nav li#connect_locally:hover { background: #ffe9c2; } #nav li#who_we_are, #nav li#what_we_do, #nav li#our_programs, #nav li#get_involved, #nav li#connect_locally, .aff #nav li#who_we_are, .aff #nav li#what_we_do, .aff #nav li#our_programs, .aff #nav li#get_involved, .aff #nav li#connect_locally { width: auto; } #nav li a { color: #cf4b04; font-family: "Roboto", Arial, sans-serif; font-weight: bold; line-height: 44px; } #nav li#connect_locally a { font-family: "Roboto", Arial, sans-serif; } #nav li a:hover, #nav > li:hover > a { border: none; color: #cf4b04; line-height: 44px; background: #ffe9c2; } #nav li div.dropdown { top: 54px; background: #ffe9c2; border: none; display: none; } #nav li#get_involved div.dropdown_nav ul ul { float: none; padding-left: 14px; padding-top: 0; width: 100%; } #nav li#get_involved div.dropdown_nav ul li:last-of-type { padding-bottom: 10px; } #nav li#get_involved div.dropdown_nav ul li li { padding-bottom: 8px; } #nav li#get_involved div.dropdown_nav ul li li:first-of-type { padding-bottom: 8px; } .nav_story_content { width: 66%; } .nav_story_photo { width: 28.6%; } #nav li#get_involved .nav_story_content h3 { font-size: 24px; font-weight: 700; line-height: 27px; padding-bottom: 10px; } #nav li#get_involved .nav_story_content h3 a { text-align: left; padding: 0; line-height: 27px; display: inline; text-decoration: underline !important; } #nav li#get_involved .nav_story_content h3 a:hover { text-decoration: none !important; } #nav li#our_programs div.dropdown_nav ul li { padding: 0 0 5px 12px; text-indent: -12px; } #nav li#our_programs div.dropdown_nav ul li.space { padding: 0 0 40px 12px; } #nav li#our_programs div.dropdown_nav ul li em { color: #cf4b04; font-size: 20px; display: block; padding-bottom: 10px; font-style: italic; font-weight: bold; font-family: "Roboto", Arial, sans-serif; } #nav div.dropdown_nav ul li a, #nav li#connect_locally div.dropdown_nav ul li a { color: #cf4b04; font-family: "Roboto", Arial, sans-serif; text-decoration: underline !important; } #nav li#who_we_are div.dropdown_nav ul li a, #nav li#what_we_do div.dropdown_nav ul li a { font-weight: bold; } #nav div.dropdown_nav ul li a strong { font-weight: bold; } #nav div.dropdown_nav ul li a:hover, #nav li#connect_locally div.dropdown_nav ul li a:hover { text-decoration: none !important; } #nav div.dropdown_nav ul li.last, #nav div.dropdown_nav ul li:last-of-type { padding: 0 0 15px; } #nav div.dropdown_nav ul li.last .nav_story_content h2, #nav li .nav_story_content h2 a { color: #cf4b04; font-family: "Roboto", Arial, sans-serif; font-size: 16px; line-height: 19px; font-weight: bold; text-align: left; } #nav li .nav_story_content h2 a { text-decoration: underline !important; } #nav li .nav_story_content h2 a:hover { text-decoration: none !important; } .nav_story .read_more { margin-top: 7px; width: 100%; } div.read_more { height: 40px; border: none; padding: 0; } #page_content div.read_more a, #page_content div.read_more a:link, #page_content div.read_more a:visited, #sidebar_blog .read_more a, .action_button a, #nav li .nav_story .read_more a, div.go_button a { background: #004473; font-family: "Roboto", Arial, sans-serif; height: 40px; line-height: 40px; padding: 0 20px; } #nav li .nav_story .read_more a { font-weight: 500; text-transform: capitalize; font-size: 18px; padding: 0; } #nav li .nav_story div.read_more a:hover, #nav li#connect_locally .nav_story .read_more a:hover { background: #002640; } #nav li#connect_locally div.dropdown h2 { color: #cf4b04; font-family: "Roboto", Arial, sans-serif; font-weight: bold; } #nav li#connect_locally div.dropdown p { font-family: "Roboto", Arial, sans-serif; } #nav li#connect_locally div.dropdown #lookup .go_button { border: none; padding: 0; height: 38px; } #nav li#connect_locally div.dropdown #lookup .go_button a { background: #004473; font-family: "Roboto", Arial, sans-serif; font-weight: normal; text-transform: capitalize; height: 37px; line-height: 36px; } #nav li#connect_locally div.dropdown #lookup .go_button a:hover { background: #002640; } #page_content { font-family: "Roboto", Arial, sans-serif; font-size: 16px; } #page_content a, #page_content a:link, #page_content a:visited { color: #004473; font-family: "Roboto", Arial, sans-serif; } #page_content a:hover, #page_content a.ad_link { color: #002640; } #page_content ul li { background: url(../images/content/pagebuilder/orange-bullet.gif) no-repeat 0 11px; } div.responsive a:link { font-family: "Roboto", Arial, sans-serif; } #wrapper_top { max-width: 1024px; } #wrapper_top_wrap { background: #fff; border-bottom: 4px solid #cf4b04; } /* Begin styles from new 2016 home page */ #bottom-social-bar { margin: 0 auto; height: 145px; text-align: center; background: #cf4b04; } #home-ads #bottom-social-bar h2, #bottom-social-bar h2 { color: #fff; font-size: 30px; margin-top: 24px; padding-bottom: 20px; text-align: center; } #bottom-social-bar ul { display: inline-block; } #bottom-social-bar li a { display: block; width: 35px; height: 35px; margin: 0 0 0 17px; background: url(../images/content/pagebuilder/social_links_sprite_mono_rebrand.gif) no-repeat 0 0; font-size: 0; } #bottom-social-bar li:first-of-type a { margin-left: 0; } #bottom-social-bar .soc-fbk a { background-position: 0 0; } #bottom-social-bar .soc-twt a { background-position: -52px 0; } #bottom-social-bar .soc-ytb a { background-position: -104px 0; } #bottom-social-bar .soc-pnt a { background-position: -156px 0; } #bottom-social-bar .soc-ins a { background-position: -208px 0; } #bottom-social-bar .soc-lkn a { background-position: -260px 0; } .nav-list li { float: left; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } /* End styles from new 2016 home page */ p#address { font-family: "Roboto", Arial, sans-serif; color: #888; font-size: 14px; line-height: 17px; } p#address span { font-family: "Roboto", Arial, sans-serif; } p#address span a { font-weight: 500; font-family: "Roboto", Arial, sans-serif; color: #888; } p#address_mob { color: #888; font-family: "Roboto", Arial, sans-serif; } p#address_mob span a { color: #888; font-family: "Roboto", Arial, sans-serif; font-weight: bold; } #footer_nav { color: #888; font-family: "Roboto", Arial, sans-serif; } #footer_nav a { color: #888; font-family: "Roboto", Arial, sans-serif; } #footer_nav_mob, #footer_nav_tab { color: #888; font-family: "Roboto", Arial, sans-serif; } #footer_nav_mob a, #footer_nav_tab a { color: #888; font-family: "Roboto", Arial, sans-serif; } #footer_nav_mob a:hover, #footer_nav_tab a:hover { text-decoration: underline; } #page_content div.read_more a:hover, #donate a:hover, .action_button a:hover, #nav li .nav_story .read_more a:hover, div.go_button a:hover, #sidebar_blog .read_more a:hover { background: #002640; } #mob_search { background: #cf4b04; padding: 7px 10px 5px; } #mob_search form input#search_submit_mob { float: none; font-family: "Roboto", Arial, sans-serif; font-size: 16px; } #mob_search form input#search_term_mob { color: #666; font-family: "Roboto", Arial, sans-serif; font-size: 16px; } #nav li#connect_locally div.dropdown #lookup input { background: #fff; border-radius: 0; color: #666; } TEXTAREA, INPUT, SELECT, OPTION { font-family: "Roboto", Arial, sans-serif; } #nav li#connect_locally div.dropdown #lookup .styled-select { background: #fff url(../images/content/pagebuilder/select-arrow-new.png) right center no-repeat; border-radius: 0; padding: 1px 3.75% 9px; } #nav li#connect_locally div.dropdown #lookup .styled-select select { color: #666; } #w3c { left: 62px; top: 50px; } #bbb { top: 45px; } div.appArea { width: auto; } .headline, .subheading { color: #CF4B04; } #page_content p { font-family: "Roboto", Arial, sans-serif; } #page_content strong { font-weight: 500; } #tributes_hub_rtcolumn { width: 30%; float: right; background: #e7e4e4; padding: 0 20px; } #tributes_hub_rtcolumn ol li { font-size: 15px; padding-bottom: 10px; } #tributes-splash-create { background: #ffe9c2; padding: 20px; } #tribute_show_honor_fields_row label, #message_include_gift_amount_row label { font-size: 15px; } .TributeTitle { color: #CF4B04; font-weight: 500; } p.cstmHeading, span.cstmHeading { font-family: "Roboto", Arial, sans-serif; } .TribHeading2 { color: #CF4B04; } td.TableHeadings { background-color: #CF4B04; } input.FriendRaiserButtons { background-color: #004473; font-family: "Roboto", Arial, sans-serif; border: none; font-size: 24px; font-weight: 500; height: 37px; line-height: 37px; padding: 0 20px; } #photoAlbum.colBox .thumb { margin-bottom: -4px; } #photoAlbum.colBox .caption { padding-bottom: 0; } UL#vlinks LI { background: none !important; } h2.cstmTitle { padding-bottom: 24px; } @media all and (max-width:1044px) { #wrapper_top, #wrapper_bot { padding-left: 1.36719%; padding-right: 1.36719%; } } @media all and (max-width:990px) { #nav li a { font-size: 20px; } } @media all and (max-width:890px) { .aff #donate { height: 41px; padding: 0; } .aff #donate a { font-size: 30px; height: 40px; line-height: 40px; padding: 0 20px; } } @media all and (max-width:885px) { #nav li a { font-size: 18px; } #w3c { position: inherit; top: auto; left: auto; margin-right: 33px; } #bbb { position: inherit; top: auto; right: auto; } } @media all and (max-width:840px) { a#logo, a#logo img, .aff a#logo, .aff a#logo img { width: 330px; } #utility_nav { max-width: 400px; } #donate, .aff #donate { margin: 10px 0 0; height: 32px; } #donate a, .aff #donate a { font-size: 26px; height: 32px; line-height: 32px; padding: 0 16px; } #search, .aff #search { margin: 10px 0 0; width: 194px; height: 32px; clear: right; } #search form, .aff #search form { height: 32px; width: 194px; } #search_term, .aff #search_term { height: 32px; line-height: 32px; } .aff #search_submit { height: 32px; width: 23px; } } @media all and (min-width:768px) { #mob_nav, #mob_search { display: none !important; } #tagline { margin-top: 72px; } } @media all and (max-width:767px) { #header, .aff #header { min-height: inherit; padding-left: 10px; padding-right: 10px; padding-bottom: 0; width: auto; background: #fff; /* height: 130px; */ height: 166px; } .aff a#logo, a#logo { margin: 13px 0 0; top: auto; } a#logo img#es_logo_full { display: none; } a#logo img#es_logo_small { display: block; } #donate, .aff #donate { margin: 13px 0 0; } #toggles { margin: 13px 20px 0 0; width: 75px; height: 28px; } #nav_toggle_link i { float: left; } #search_toggle_link i { float: right; } .material-icons { color: #cf4b04; display: block; font-size: 28px; } #tagline { clear: left; float: left; font-size: 20px; margin-top: 12px; } #wrapper_top { padding-left: 0; padding-right: 0; } #mob_nav { background: #cf4b04; border-bottom: 1px solid #cf4b04; padding-top: 0; } #mob_nav li { border-top: 1px solid #c86a43; } #mob_nav li.connect_locally { width: 100%; } #mob_nav li a { font-family: 'Roboto', Arial, sans-serif; font-weight: 500; } #mob_nav li a.right_link { background: url(../images/content/pagebuilder/mob-nav-divider-util-rebrand.gif) 0 0 no-repeat; } #mob_nav li.util a { color: #cf4b04; } #mob_nav li.util a.right_link { background: #fff url(../images/content/pagebuilder/mob-nav-divider-util-rebrand.gif) 0 0 no-repeat; } } @media all and (max-width:389px) { /* a#logo, a#logo img, .aff a#logo, .aff a#logo img { width: 190px; } */ .aff #header, #header { height: 146px; } #tagline { font-size: 16px; } } @media all and (max-width:344px) { /* a#logo, a#logo img, .aff a#logo, .aff a#logo img { width: 170px; } */ .aff #header, #header { height: 136px; } } /* reus_rebrand_donform_css */ #header, .aff #header { min-height: 184px; } #footer { border-top: 8px solid #cf4b04; background: #fff; } div.donation-form-container.responsive { font-family: "Roboto", Arial, sans-serif; } h2.section-header-container { font-family: "Roboto", Arial, sans-serif; color: #888; font-size: 24px; line-height: 27px; } div.donation-level-amount-container { font-family: "Roboto", Arial, sans-serif; } div.responsive div.donation-level-input-container label:hover, div.responsive .donation-level-user-entered input[type="text"]:hover { background-color: #cf4b04; } div.responsive div.donation-level-container.checked div.donation-level-input-container label, div.responsive div.donation-level-container.checked .donation-level-user-entered input[type="text"] { background-color: #cf4b04; } div.responsive .donation-level-user-entered input[type="text"] { font-family: "Roboto", Arial, sans-serif; } div#minimum_amount_notice { background: #fde9c4; display: none; font-size: 14px; font-style: italic; font-weight: 300; line-height: 16px; padding: 5px 0; position: absolute; text-align: center; } div.donation-level-amount-container + div.donation-level-label-container { color: #cf4b04; font-family: "Roboto", Arial, sans-serif; } #ProcessForm div.form-row div.form-content > input[type="text"], #ProcessForm div.form-row div.form-content > select { font-family: "Roboto", Arial, sans-serif; } div.responsive div.form-checkbox label { color: #000; } label.custom-element-checkbox-label, #donor_email_opt_in_Row label[for="donor_email_opt_inname"], #optintext { color: #cf4b04; } #donor_email_opt_in_Row label[for="donor_email_opt_inname"], #optintext { background-position: left 5px; } .paymenttypesdiv:hover, .paymenttypesdiv.selected { background-color: #cf4b04; border: 1px solid #cf4b04; } .paymenttypesdiv.paypal:active, .paymenttypesdiv.paypal:hover, .paymenttypesdiv.paypal.selected { background-image: url("../bb/images/paypal_button3.png"); } div.responsive a.step-button, div.responsive button.step-button, div.responsive input.step-button { border-radius: 0; } div.responsive button#pstep_finish { font-family: "Roboto", Arial, sans-serif; background-image: none; filter: none; -ms-filter: none; background: #004473; padding: 0 20px; border: none; text-indent: 0; color: #fff; font-size: 30px; height: 40px; line-height: 40px; font-weight: 500; } div.responsive button#pstep_finish:hover { background: #002640; } #donation_options_wrap { background: #ffe9c2; } a.donation-options-item { background: #fff; border: none; padding: 7px; font-family: "Roboto", Arial, sans-serif; } .donation-options-item img { width: 45%; } #donation_options .donation-options-items p { color: #000; float: left; padding: 0 0 0 11px; font-size: 24px; line-height: 28px; width: 45%; } .donation-options-item div { background: #004473; border: none; padding: 0 8px; line-height: 40px; height: 40px; font-weight: 500; right: 7px; bottom: 7px; } .donation-options-item:hover div { background: #002640; } div.responsive span.field-required, label[for="payment_typecc_exp_date_MONTH"] { background: rgba(0, 0, 0, 0) url("../bb/images/required-asterisk-orange.png") no-repeat scroll 0 center; vertical-align: middle; } #don_mailbottombox { background: #fff url("../bb/images/envelope2.png") no-repeat scroll 95% 50%; } #ProcessForm div.form-row div.form-content > input[type="text"], #ProcessForm div.form-row div.form-content > select, #responsive_payment_typecc_exp_date_MONTH, #responsive_payment_typecc_exp_date_YEAR { font-size: 16px; } @media only screen and (max-width:500px) { a#logo, a#logo img, .aff a#logo, .aff a#logo img { width: 238px; } #header, .aff #header { min-height: 145px; } } a.navy-button, #page_content a.navy-button { background: #004473; color: #fff; display: table; font-size: 24px; font-weight: 500; height: 37px; line-height: 37px; margin: 24px 0; padding: 0 20px; text-align: center; text-decoration: none; } a.navy-button:hover, #page_content a.navy-button:hover { background: #002640; } a.navy-button.large, #page_content a.navy-button.large { font-size: 30px; height: 40px; line-height: 40px; } .level_flexibletotal_row, #additional_amount_row { display: none; } #gift-plus-fee { display: inline-block; line-height: 22px; font-size: 16px; margin: 7px 16px; } #gift-plus-fee strong { font-size: 21px; } #transaction-fee-label { font-size: 0.83em; padding-left: 32px !important; display: inline-block; width: auto; } #transaction-fee-area span { display: inline-block; color: #cf4b04; } #single_designee_row .form-input > div { padding: 3px 0; } #single_designee { border: 1px solid #cdcdcd; margin: 0 0 0 8px; } #single_designee_row legend { font-size: 24px; color: #888; font-weight: 500; line-height: 27px; padding-top: 12px; padding-bottom: 15px; } #single_designee_row legend span.field-required { display: none; } @media (max-width: 600px) { div.button-container { height: auto; } #ssl-secured-seal { position: static; float: right; margin: 30px 0 -15px; } #don_mailbottombox { background: #fff; } }