/* U8 sets the mime type so no style dec is needed */
<!-- 

/*================ hide social login from TR login page ===========================*/
#f2fLoginOauth {
  display: none;
}
/*================ end hide social login from TR login page ===========================*/

/* fix bb case 020062572 */
div#responsive_payment_typepay_typeradio_payment_types {
  display: none;
  visibility: hidden;
}

.transaction-summary-entries, .additional-entries{ 
  display: none;
  visibility: hidden;
}

.orange {
    color: var(--orange-dark) !important;
}
.btn-white {
    color:  var(--white) !important;
    text-decoration: none !important;
    text-align: center;
}

.hero__inner * {
    max-width: 100%;
}

.hero__summary {
    color:  var(--white);
}
.hero__summary span.orange {
    color: var(--white) !important ;
}
.msk-cfs .half-hero-no-cutout h1 {
    line-height: 1em;
}
h4.hero__title.orange {
    color: var(--white) !important;
    font-weight: normal;
}
main#outer-cont a, 
main#outer-cont a:visited,
main#outer-cont a:active {
    color:  var(--blue);
    text-decoration: underline;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-position: under;
    text-underline-offset: 1px;

}

main#outer-cont a:hover {
    color: var(--gray-dark);
    text-decoration: underline;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: 4px;
    text-underline-position: under;
    /*font-weight: 700;*/
}
main#outer-cont a:focus {
    color: var(--gray-dark);
    text-decoration: underline;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-position: under;
  outline: 1px solid var(--orange-dark);
}
.hero__summary a,
.hero__summary a:visited,
.hero__summary a:active {
    font-weight: normal;
    color: var(--white) !important;
    text-decoration: underline;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-position: under;
    text-underline-offset: 1px;
}

.hero__summary a:hover {
    font-weight: 600;
    color: var(--white) !important;
    text-decoration: underline;
    -webkit-text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-position: under;
    text-underline-offset: 1px;
}

/*.team-roster-participant-name a {
    -webkit-text-underline-position: auto !important;
    -webkit-text-decoration: underline !important;
}*/

div.team-roster-participant-name {
    overflow: visible;
    white-space: normal;
}

#login-div-content a {
 font-family: "Helvetica Neue" !important;
}
.default-submit-hack {
  visibility: hidden;
  position: absolute;
  left: -100000em;
}
div.responsive div.ErrorMessage.page-error {
  width: auto;
}
div.responsive {
  max-width: 1170px !important;
  width: 100% !important;
  color: color: var(--gray-text);
      font-family: "Helvetica Neue";
}

main #main-content p {
    box-sizing: border-box;
    color: var(--gray-text);
    display: block;
    font-family: "Helvetica Neue";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-block-end: 16px;
    margin-block-start: 0px;
    margin-bottom: 16px;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
    margin-top: 0px;
    text-align: left;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
main #main-content .font-fine {
    font-size: 14px;
    line-height: 1.5;
}
main #main-content div.responsive .hidden,
main #main-content div.responsive p.hidden {
    display: none;
}
div.responsive a:visited, div.responsive a, div.responsive a:link {
  color: var(--blue);
  text-decoration: underline;
}
div.responsive a:visited:hover, div.responsive a:hover, div.responsive a:link:hover {
  text-decoration: none;
}

h1, h2, h3, h5, h6 {
    font-weight: normal !important;
    font-family: "Helvetica Neue Bold";
}

/*h1 {font-size: 42px;}
h2 {font-size: 42px;}
h3 {font-size: 36px;}
h4 {font-size: 24px;}
h5 {font-size: 24px;}
h6 {font-size: 20px;}*/

@media (max-width: 991.98px) {
/*h1 {font-size: 30px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 20px;}
h6 {font-size: 20px;}*/
}


@media (min-width: 768px){

.msk-cfs .site-header-logo {margin: 6px 0 8px 2rem;}

}

@media (max-width: 767.98px){
.site-header-logo {
    padding: 0 16px 0 0;
    margin: 8px 0 10px 1rem;
}
}

.msk-cfs .line-break {
   display: none
}

/* open in new window icon rule */
.open_in_new:after {
  font-family: Material Icons;
  content: " \e89e";
  font-size: .8rem;
  padding-left: 4px;
  display: inline-block;
font-weight:600;
line-height:1.6rem;
}

/** email subscription page **/

p.feedback-link {
   /* font-size: 24px !important;*/
}

.msk-cfs .cons-unsub-forms-cont .feedback-link a {
    white-space: nowrap;
    display: inline-block;
}

.msk-cfs .cons-unsub-forms-cont .line-break {
   display: none
}

.msk-cfs .cons-unsub-forms-cont p.PaddedListHeadings {
    color: var(--orange-dark);
    font-family: "Helvetica Neue Bold";
}
.msk-cfs .cons-unsub-forms-cont .container.FormBox {
    margin-bottom: 20px;
    padding-left: 0;
}

.msk-cfs .form-radio-array input[type=radio]:checked+span.radio-label:before,
.msk-cfs .cons-unsub-forms-cont input[type=radio]:checked+p.unsub-label-cont:before {
    background: var(--orange-dark);
}

.msk-cfs .form-radio-array span.radio-label:before,
.msk-cfs .cons-unsub-forms-cont p.unsub-label-cont:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid var(--gray-medium);
    /*background: var(--orange-dark);*/
    position: absolute;
    top: 5px;
    left: 14px;
    border-radius: 30px;
    transition: all .2s;
    vertical-align: middle
}

div#payment_bank_container li label {
    padding-left: 24px;
    position: absolute;
    left: 0px;
}

.msk-cfs .form-radio-array span.radio-label:before {
    top: 4px;
    left:0;
}

.msk-cfs #registration_options_page .genderQ input[type=radio], 
.msk-cfs .form-radio-array input[type=radio],
.msk-cfs .cons-unsub-forms-cont input[type=radio] {
    opacity: 0 ;
}

.radio-array-list li,
.msk-cfs .cons-unsub-forms-cont form#IUnsubscribeEmail {
    position: relative;
}

/** added 5/19/22 **/
.msk-cfs .cons-unsub-forms-cont input[type=radio] {
    z-index: 10;
    position: absolute;
    top: 7px;
}
.msk-cfs .cons-unsub-forms-cont .unsub-label-cont {
    padding-left: 20px;
}

/** end email subscription page **/

/** login pw recovery pages **/

.msk-cfs #login-div-content h2{
    /*font-size: 36px;*/
}
.msk-cfs #login-div-content h3 {
    font-size: 24px;
    color: var(--orange-dark);
    margin-bottom: 20px;
    margin-top: -12px;
}
.msk-cfs div#login-div-content {
    padding: 0;
}

.msk-cfs #login-div-content a {
   /* color: #103376 !important;
    width: auto;
        font-family: "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-transform: none;*/
}

.msk-cfs #login-div-content input#Password {
margin-bottom: 12px
}

div#login-div-content.responsive input#RememberMe {
    position: relative;
    left: 0px;
}

input#RememberMe:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1.5px solid var(--gray-dark);
    background: #fff;
    position: absolute;
    top: 0px;
    left: -2px;
    margin-right: 6px;
    border-radius: 2px;
}

 input#RememberMe:checked:after {
    content: "";
    display: inline-block;
    height: 5px;
    width: 8px;
    border-left: 2px solid var(--orange-dark);
    border-bottom: 2px solid var(--orange-dark);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 1px;
    top: 4px;
    color: var(--orange-dark);
    transition: all .2s;
}

@media (min-width: 768px){
div#login-div-content div#link-container {
    padding-top: 40px
}
}

@media (max-width: 991.98px){
  div#login-div-content input {
      width: 100%
  }
  #login-div-content .page-col {
      width: 100%;
  }
  div#login-fields .form-row {
      width: 100%;
  }
  #login-div-content input#Password {
      max-width: 86%;
  }
  input#RememberMe {
      width: auto !important;
  }
}


@media (max-width: 480px){
   #login-div-content input#Password {
    max-width: 80%;
  }
  div#login-div-content {
    padding: 40px 0;
  }
  div#main-content {
    padding: 30px 0px 40px 0px;
  }
}


/** end login pw recovery pages **/

/** first load donation styles **/
.tributes-caption {
    display: none;
}
.top-don-title {
    padding: 0; 
    margin: 0 0 12px 0; 
    border: none;
}
.form-row:first-of-type {
    margin-top: 0;
}
/*=============== Buttons ==================*/
div.donation-form-container.responsive #donor_matching_employersearchBtn, div.donation-form-container.responsive #pstep_next, div.donation-form-container.responsive button#pstep_finish, #btn_prev, div.responsive button.cancel-step, #start-over, #fuw_previous, #pstep_previous, #previous_step, #PARSE_PAYMENT_FORM, #fuw_next, #next_step, #pstep_finish, div.responsive button.next-step, div.donation-form-container.responsive #pstep_next, .step-button.action-button, #fr_find_search, #btn_next, button#donor_matching_employersearchBtn, div.responsive button.action-button, div.responsive a.next-step, div.responsive button.next-step, .msk-cfs div#main-content a.orange, .msk-cfs div#main-content a.orange.md_button, button#yui-gen36-button, .yui-button.yui-push-button button {
  color: var(--white) !important;
  background-color:var(--orange-dark);
  background-image: none;
  border: 2px solid var(--orange-dark);
  box-sizing: border-box;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue Bold";;
  font-size: 16px;
  font-stretch: 100%;
  font-style: normal;
  /*font-weight: 600;
  height: 56px !important;*/
  letter-spacing: normal;
  line-height: 24px;
  max-width: 100%;
  margin: 0px;
  overflow: visible;
  padding: 11px 16px;
  text-align: center;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-size-adjust: 100%;
  /*text-transform: capitalize;*/
  user-select: none;
  width: auto;
  word-spacing: 0px;
  -webkit-appearance: none;
  -webkit-rtl-ordering: logical;
  -webkit-tap-highlight-color: transparent;
  -webkit-border-image: none;
  text-decoration: none !important;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
border-radius: 70px;
  filter: none;
  -ms-filter: none;
  white-space:nowrap
}

div.donation-form-container.responsive #pstep_next:hover, div.donation-form-container.responsive button#pstep_finish:hover, #PARSE_PAYMENT_FORM:hover, #fuw_next:hover, #next_step:hover, #pstep_finish:hover, div.responsive button.next-step:hover, div.donation-form-container.responsive #pstep_next:hover, .step-button.action-button:hover, #fr_find_search:hover, #btn_next:hover, button#donor_matching_employersearchBtn:hover, div.responsive button.action-button:hover, div.responsive a.next-step:hover, div.responsive button.next-step:hover, .msk-cfs div#main-content a.orange:hover, button#yui-gen36-button:hover, .yui-button.yui-push-button button:hover {
  background-color: var(--gray-dark);
border: 2px solid var(--gray-dark);
  background-image: none;
  text-decoration: none;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
   border-radius: 70px;
  filter: none;
  -ms-filter: none;
}

#btn_prev, div.responsive button.cancel-step, #start-over, #fuw_previous, #pstep_previous, #previous_step {
  background-color: var(--warm-gray) !important;
  box-shadow: none !important;
  background-image: none !important;
  border: solid 2px var(--warm-gray) !important;
}
div.responsive button.cancel-step:hover, #btn_prev:hover, #start-over:hover, #fuw_previous:hover, #pstep_previous:hover, #previous_step:hover {
  background-color: var(--gray-dark) !important;
  box-shadow: none !important;
  background-image: none !important;
  border: solid 2px var(--gray-dark) !important;
}
div.responsive button.next-step:hover {
  background-image: none !important;
}

#fuw_next[disabled=disabled], #fuw_next:disabled, #fuw_next[disabled=disabled]:hover, #fuw_next:hover:disabled {
  background-color: #dddddd;
  cursor: default;
  border: none;
  box-shadow: none;
}

div#part_type_section_footer #cancel {
    margin-right: 12px;
}

#payment_cc_container .form-row {
  display: inline-block !important;
  margin: 12px 12px 12px 0;
  vertical-align: top;
}
div.payment-type-element-container {
  clear: both;
}
div#payment_cc_container h3,
#payment_cc_container div#responsive_payment_typecc_type_row {
  display: none !important;
}

div.donation-form-container.responsive input {
  vertical-align: middle;
}
.donation-form-content #level_standard_row span.FormLabelText {
  display: none;
}
.donation-form-content .donation-levels, .donation-form-content div#level_standard_row {
  margin-top: 0;
}
.donation-form-content LABEL.FormLabel {
  width: auto;
  min-width: auto;
}
.donation-form-content div.payment-field-container span.payment-type-option {
  padding: 0 !important;
}
.donation-form-content .external-payment label img {
  display: none;
}
.donation-form-content .external-payment label {
    text-transform: none;
    font-style: italic;
    font-size: 18px;
    letter-spacing: -0.05em;
    position: relative;

}
.donation-form-content .external-payment label sup {
    font-size: 10px;
    font-style: normal;
    padding-left: 2px;
    position: relative;
    top: -1em;
    right: 0;
}
.donation-form-content .payment-type-option label {
  display: block;
  margin-bottom: 0;
  padding: 10px 30px;
  line-height: 30px;
  min-height: 50px;
  min-width: 100px;
  cursor: pointer;
  cursor: hand;
  white-space: nowrap;
}

div.payment-field-container span.internal-payment {
    border: none;
    background-color: transparent;
}
div.payment-field-container span.external-payment span.payment-type-option,
div.payment-field-container span.internal-payment {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
 div.payment-field-container span.payment-type-option {
    display: inline-block;
    background-color: var(--white) !important;
    font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    color: var(--orange-dark);
    border: 2px solid var(--orange-dark) !important;
    filter: none;
    -ms-filter: none;
    background-image: none;
    border-radius: 0;
}

 div.payment-field-container span.payment-type-option:hover {
    border-color: var(--gray-dark) !important;
    background-color: var(--gray-dark) !important;
}

 div.payment-field-container span.payment-type-option.selected {
    background-color: var(--orange-dark)  !important;
    color: var(--white) !important;
    filter: none;
    -ms-filter: none;
    background-image: none;
    border-radius: 70px;
    border-color: var(--gray-dark) !important;
    
}
div.responsive span.header-info-message {
    display: none;
}


div#payment_bank_container h3 {
    font-size: 24px;
    color: var(--orange-dark) !important;
    padding-top: 20px;
}

/* session popup - new 2025 */
.yui-button.yui-push-button button,
button#yui-gen36-button {
    margin-top: 20px;
}
div#keepAlive span.yui-button.yui-push-button {
    display:inline-block; 
    margin-right:12px;
}

@media only screen and (max-width: 459px) {
div.payment-field-container div.payment-type-selections span {
    width: 100% !important;
    text-align: center;
    margin: 4px 0;
}
}

/*=============== End Buttons ==================*/
/*=============== Form Fields ==================*/

div.responsive select {
    appearance: menulist-button !important;
    cursor: pointer !important;
}

div.responsive input[type="email"], div.responsive input[type="tel"], div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea, div.responsive select {
border: solid 1px var(--gray-medium);
border-radius:3px;
color: var(--gray-text);
cursor:text;
display:inline-block;
font-family:"Helvetica Neue", sans-serif;
font-size:16px;
font-stretch:100%;
font-style:normal;
font-variant-caps:normal;
font-variant-east-asian:normal;
font-variant-ligatures:normal;
font-variant-numeric:normal;
font-weight:400;
height:42px;
letter-spacing:normal;
line-height:24px;
margin:0px;
overflow-x:visible;
overflow-y:visible;
padding:8px;
text-align:start;
text-indent:0px;
text-rendering:auto;
text-shadow:none;
text-size-adjust:100%;
text-transform:none;
word-spacing:0px;
writing-mode:horizontal-tb;
-webkit-appearance:none;
-webkit-rtl-ordering:logical;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-border-image:none;
  text-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  
}
div#registration_options_page .survey-question-container.field-required .form-content span.survey-textarea-container textarea {
 /* background-color: transparent !important;*/
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid var(--gray-medium) !important;
  color: var(--gray-text);
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px !important;
  margin: 0px !important;
  overflow: visible;
  padding: 8px !important;
}
div.responsive input[type=checkbox] {
  opacity: 0;
}
.agree-block, .donation-level-container-generic-repeat,
div#part_type_anonymous_input_container,
div#registration_options_page .indented-field-group li.input-container {
    position: relative;
}
.agree-block span, .donation-level-container-generic-repeat label,
div#part_type_anonymous_input_container label,
div#registration_options_page li.input-container label {
    margin-left: 6px;
}
.agree-block span:before, .donation-level-container-generic-repeat label:before,
div#part_type_anonymous_input_container label:before,
div#registration_options_page .indented-field-group label:before,
.donation-form-container .form-checkbox label:before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  border: 1px solid var(--gray-medium);
  background: #fff;
  position: absolute;
  top: 5px;
  left: 0px;
  margin-right: 6px;
  border-radius: 2px;
}
div#registration_options_page .indented-field-group input {
    width: auto !important;
}
div#registration_options_page .reg-radio-group li label {
    margin-left: 2px !important;
}
div#registration_options_page .reg-radio-group li {
    margin-right: 10px;
}
.donation-level-container-generic-repeat label:before {
    top: 14px;
}

div.agree-block input[type=checkbox]:checked + span:after,
div.responsive input[type=checkbox]:checked + label:after,
div.responsive input[type=radio]:checked + label:after {
  content: "";
  display: inline-block;
  height: 5px;
  width: 8px;
  border-left: 2px solid var(--orange-dark);
  border-bottom: 2px solid var(--orange-dark);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  left: 3px;
  top: 9px;
  color: var(--orange-dark);
  transition: all .2s;
}

div.responsive .donation-level-container-generic-repeat input[type=checkbox]:checked + label:after {
    top: 18px;
}

div#registration_options_page .reg-radio-group .indented-field-group input[type=radio]:checked+label:before {
    background: var(--orange-dark);
}
div#registration_options_page .reg-radio-group .indented-field-group label:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid var(--gray-medium);
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 30px;
    transition: all .2s;
    vertical-align: middle
}

div.responsive .reg-radio-group input[type=radio]:checked + label:after {
    content: "";
    display: none !important;
    height: 0;
    width: 0;
    border: none;
    left: -10000em;
    top: 0;
    color: transparent;
    transition: 0;
}

.donation-form-container .form-checkbox label {
  margin-left: 7px;
}
div.responsive select::-ms-expand {
  display: none;
}
div.responsive textarea, div.responsive input, div.responsive select, div.responsive option {
  font-family: inherit;
  font-size: inherit;
  vertical-align: middle;
}
div.responsive .part-type-container input {
  vertical-align: top;
}
/*=============== End Form Fields ==================*/
/*=============== Form Labels ==================*/
span.input-label.survey-question-label.cons_dob, span.input-label.survey-question-label,
div.part-type-decoration-messages span.part-type-name, .msk-cfs form label, label {
  color: var(--gray-text);
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: normal;
  cursor: default;
  display: inline-block;

  /*height:24px;*/
  line-height: 24px;
  margin-bottom: 0px;
  text-align: left;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
LABEL.FormLabel {
  width: auto;
  min-width: inherit;
}
.donation-form-content LABEL.FormLabel {
  width: auto;
  min-width: auto;
}
/*=============== End Form Labels ==================*/
/*=============== Basic Headers ==================*/
h2.choose-subhead, /*h3#title_container, #title_container,*/ span#title_container,  span.section-header-text, .textandquotewrap.pt-chose h2, #cons_info_component_personal_info_section .ft-sub-head, div.registration-page-container div.sub-section-header {
  color: var(--gray-text);
  margin: 0px;
  padding: 0px;
  text-align: left;
  text-size-adjust: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "Helvetica Neue Bold", sans-serif;
  /*font-size: 18px;*/
  font-size: 24px;
  font-weight: 400;
  line-height: 1em;
}

h4#tribute_notify_recip_captionname,
.html-caption-container h4.orange,
.html-caption-container h3,
.donation-form-container .section-header-container {
    font-size: 24px;
    color: var(--gray-text) !important;
    font-weight: normal;
    font-family: "Helvetica Neue Bold";
    padding-top: 0 !important;
    margin-top: 0 !important
}
/*=============== End Basic Headers ==================*/

/*================= TeamRaiser =====================*/

#entry .side-bar {
  display: none;
}
div.progress-bar-container {
  display: none;
}
div.custom-wysiwyg-text #ft-reg-buttons p.choose-subhead {
    color: #353535 !important;
    font-size: 18px;
    white-space: normal;
    word-wrap: normal;
}

div.option_block {
  width: auto !important;
  padding: 20px 20px 0 0 !important;
  display: inline-block !important;
  text-align: center !important;
}
div#ft-reg-buttons {
    /*padding-bottom: 40px;*/
}

div#ft-reg-buttons .pt-chose {
    margin: 0px !important;
}

#fr_new_user_container, #fr_returning_user_container {
  display: block;
  font-size: 1em;
  color: inherit;
  font-family: "Helvetica Neue Bold";
}
.campaign-banner-container {
  font-size: 24px;
  white-space: nowrap;
  font-weight: bold;
  text-transform: capitalize;
  padding: 0;
  color: var(--orange-dark);
}
h2.cstmTitle {
  padding: 0;
}
.tr-note {
  max-width: 760px;
  color: #F00;
  white-space: normal;
  font-weight: normal;
  padding-left: 45px;
}
div.tr-page-container div.main-content {
  width: 100%;
}
#main-content {
  /*padding-top: 30px;*/
  padding: 40px 0;
}
#team_find_page .input-label {
    margin-left: 0 !important;
}
div.registration-page-container.responsive .field-error-text a {
    color: #0026a5 !important;
}
div.tr-page-container div.header-container, div.registration-page-container div.section-header {
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  background-color: transparent !important;
  padding: 0px !important;
}
div.tr-page-container div.section-sub-header.empty, div.registration-page-container div.section-sub-header {
  background-color: transparent !important;
  border: none !important;
  font-weight: normal !important;
  font-size: initial !important;
  padding: 0px !important;
}
div.tr-page-container, div.registration-page-container div.section-footer, div.registration-page-container div.section-container {
  background-color: transparent !important;
  margin: 0px !important;
  color: inherit !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  border: none !important;
}
div#part_type_fundraising_goal_input_container .manageable-content {
  display: block;
}
div#part_type_fundraising_goal_container label {
  margin-bottom: 5px;
}
div.part-type-decoration-messages .part-type-fee-text {
  font-size: 16px;
  color: #0026A5;
  font-weight: bold;
  padding-left: 20px;
}
div.part-type-container .part-type-decoration-messages label {
  padding: 0 !important;
}


div#part_type_selection_container {
  /*margin-bottom: 24px;*/
  display:none;
}
#team_password_page .teamName.p-2,
#team_password_page .passwodPrompt.p-2 {
    padding: 0 !important;
}

#team_password_page .passwodPrompt {
    /*padding-left: 1px;
    color: #0026A5;
    font-family: "Helvetica Neue Bold";;
    font-weight: 400;
    line-height: 1.2em !important;
    font-size: 1.5rem !important;
    display: block;*/
}

#team_password_page .passwodPrompt{
    font-size: 24px;
    color: var(--orange-dark);
    margin-bottom: 12px;
    font-family: "Helvetica Neue Bold", sans-serif;
    display: inline-block;
font-weight: 400;
}


#team_password_page .passwodPrompt.line2.p-2 {
        font-family: "Helvetica Neue";
    font-size: 18px !important;
    color: #353535;
    margin-top: 8px;
}
#team_password_section_header br {
    display: none;
}
#team_password_page div#user_type_section_body div {
  display: inline-block;
}

#team_password_page button#next_step {
    vertical-align: middle;
}

#team_password_page div#team_password_section_footer {
    padding: 10px 0 0 10px;
}

div#user_type_new_participant_registration_container {
  margin-left: 0;
  padding: 10px 0;
}
div#user_type_new_participant_registration_container {
    width: auto;
    margin-right: 30px;
}
#team_password_page div#required_indicator_legend_container {
  display: none !important;
}
#per-goal, #reg-gift {
  display: block;
  margin: 0 0 14px 0;
  padding-top: 0;
}
div#team_find_new_team_recruiting_goal {
  display: none;
}
#team_find_existing {
    text-align: left;
}

input#fr_team_name {
    width: 100%;
}
#team_find_page div#team_find_search_results_container {
    background: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

#team_find_page div.list-component-row {

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    filter: none;
    -ms-filter: none;
    background-image: none;
    border: none;
    border-bottom: 1px solid #dad7d0;
    margin-bottom: 10px;
    padding: 0 0 10px 0;
}
div#team_find_existing_team_search_container {
    width: 100%;
    max-width: 300px;
    margin: 0 12px 12px 0;
}

div.part-type-decoration-messages span.part-type-name {
  margin-bottom: 12px;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 12px;
  display: inline-block;
  padding-left: 20px;
}
div#part_type_section_header {
  display: none;
}
.benefits-list h2 {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0;
  font-family: "Helvetica Neue";
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
}
.benefits-list p {
  margin-left: 8px;
  padding-bottom: 0;
}

.benefits-list h2 strong {
    font-weight: normal;

}
.benefits-list h2:hover {
    text-decoration: none;
}
.benefits-list {
    font-family: "Helvetica Neue";
    font-weight: 400;
}

div#part_type_fundraising_goal_input_container div {
  display: inline-block;
  vertical-align: bottom;
}
#part_type_additional_gift_container, div#part_type_fundraising_goal_container {
  margin: 0;
  /*padding-top: 20px;
  border-top: 1px #ccc solid;*/
}
div#part_type_fundraising_goal_container input {
  margin-left: 0;
}
div#part_type_fundraising_goal_container #suggested_goal_container {
  margin-left: 0;
  padding-left: 0;
  color: var(--gray-medium);
}
span#total_amt_label,
span.dsp-future-amount-label.option-label,
span.additional-gift-label.option-label {
    display: inline-block;
    margin-right: .5em;
}

/*=============== Reg gift buttons  ==================*/
div#part_type_additional_gift_container, div#part_type_additional_gift_section_header, #participation_options_page .input-container, div.donation-level-row-container {
  margin-top: 0 !important;
}
#part_type_additional_gift_container .donation-level-row-container {
  background-color: var(--white);
  color: var(--orange-dark)!important;
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin: 0 !important;
  padding: 0;
  border: solid 2px var(--orange-dark);
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
border-radius: 70px;
}
#part_type_additional_gift_container .donation-level-row-container:hover, #part_type_additional_gift_container .donation-level-row-container.active {
  background-color: var(--gray-dark);
  color: #ffffff !important;
  border: solid 2px var(--gray-dark);
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
border-radius: 70px;
}
#part_type_additional_gift_container .donation-level-row-container:hover label, #part_type_additional_gift_container .donation-level-row-container.active label {
  color: #ffffff !important;
}
#part_type_additional_gift_container .donation-level-row-container input[type=radio] {
  visibility: hidden;
  height: 0px;
  width: 0px;
  margin: 0;
  position: absolute;
  left: -10000em;
}
#part_type_additional_gift_container .donation-level-row-container label {
  margin-bottom: 0;
  font-weight: normal;
  display: block;
  min-width: 100px;
  text-align: center;
  color: var(--orange-dark);
  padding: 10px;
  font-family: "Helvetica Neue Bold";
  font-size: 16px;
}
#part_type_additional_gift_container .donation-level-label-input-container {
  display: block !important;
  zoom: 1;
  vertical-align: top;
  visibility: hidden;
  position: absolute;
}
#part_type_additional_gift_container .donation-level-row-container input.other-amt-field {
    border: none;
    background-color: #fff;
    padding: 8px;
    height: 42px;
    margin: 0;
    font-size: 14px;
    width: 122px !important;
    display: inline-block;
    width: 98px !important;
    height: 32px;
    margin-top: -2px;
    margin-right: 4px !important;
    border-radius: 70px;
}
#part_type_additional_gift_container .donation-level-row-container.other-amt .donation-level-row-label {
  display: inline-block;
  padding: 10px;
}
#part_type_additional_gift_container .donation-level-row-container {
  margin: 6px 8px 6px 0 !important;
}
div#part_type_additional_gift_container .donation-level-amount-text {
    display: none;
}
/*=============== End Reg gift buttons  ==================*/

div.registration-page-container div.section-body {
  padding: 0;
}
div#part_type_section_body {
  padding: 0;
}
div.registration-page-container div.section-footer {
  padding: 0;
}
div.registration-page-container div.section-footer {
    padding: 0 0 10px 0;
   /* margin: 20px 0 0 0 !important;*/
}
div.part-type-decoration-messages span.part-type-name {
  padding-left: 0;
}

div.responsive .option_block a:visited, div.responsive .option_block a:link {
  color: #ffffff;
}
div.responsive .option_block {
  width: auto;
}
div.list-component-cell-column-join-link {
  display: none !important;
}
div#team_find_new_team_attributes div {
  float: left !important;
}
#team_find_new_team_attributes, #team_find_new_team_company {
  float: left;
  width: 100%;
}
div#team_find_registration_type_container {
  display: none;
}
div#team_find_section_body {
  padding-left: 0;
}
div#team_find_section_footer #pstep_previous {
    display: inline-block !important;
}

#team_find_page label {
  font-size: inherit;
}
#team_find_page span.hint-text {
  font-size: .8em;
  color: var(--orange-dark);
}
#user_type_page .input-container {
  margin-top: 5px;
  width: auto;
  display: inline-block;
}
button#user_type_login_login_button {
  display: block;
}
#fuw_cancel {
  box-shadow: 0 0;
  background-color: #cccccc;
}
div#user_type_login_container {
  float: left;
  width: auto;
  margin: 0 12px 60px 0;
  background-color: transparent;
  border: none;
  border-left: none;
  padding: 10px 0px 20px 30px;
  max-width: 300px;
}
@media (max-width: 774px) {
  div#user_type_login_container {
    border-left: none;
 max-width: 100%;
  }
}
span#contact_info_hdr_container {
  margin-top: 5px !important;
  border-top: 1px solid #e3e3e3;
  padding-top: 34px;
  display: block;
}

div#cons_info_component_contact_info_section {
    margin-bottom: 25px !important;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 25px;
}

div#participant_info_container {
   /* margin-top: 25px !important;
    border-top: 1px solid #e3e3e3;
    padding-top: 25px;
    display: block;*/
    margin-bottom: 25px !important;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
}

div#additional_questions_container {
  padding-top: 0;
}
div.registration-page-container div#reg_options_cons_info_extension.sub-section-container {
  display: none;
}
div#user_type_new_participant_registration_container #next_step {
  margin-left: 0px;
}
div#user_type_email_login_info_link_container a {
  color: var(--blue);
  text-decoration: underline;
}
button#user_type_login_email_button {
  display: block;
}
div.registration-page-container div.sub-section-container {
  background-color: transparent;
}
div.registration-page-container div.sub-section-header {
  border: none;
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 7px;
  padding-left: 0;
}
div.registration-page-container div.sub-section-body {
  padding-left: 0;
}
div#registration_options_page {
  max-width: 800px;
}
.registration-page-container .required-indicator-legend {
  display: none;
}
#registration_options_page div.header-container {
  padding: 0;
  /*margin-bottom: -40px;*/
  margin-left: 0;
}
#registration_options_page span#contact_hdr_container {
  display: none;
}

div#reg_instr_container {
    display: none;
}
div#cons_info_component_personal_info_section .sub-section-header {
    padding-top: 0 !important;
}

select#cons_state, span#cons_birth_date_date select,
#additional_questions_container select {
    min-width: 120px;
    width: auto;
    padding-right: 20px;
}
select#cons_state {
    width: 100%;
}
div.cons-info-question-container, div#cons_info_component_container .form-content, div#cons_info_component_container .form-content input {
    width: 100%;
    max-width: 300px;
}

div#cons_info_component_container .sms-opt .form-content input {
    width: auto !important;
    max-width: 20px !important;
}

div#cons_info_dob, div#cons_info_dob .form-content {
    width: 100%;
    max-width: 420px;
}

div#cons_info_component_container div#personal_info_section_one, div#cons_info_component_container div#personal_info_section_two, div#cons_info_component_container div#contact_info_section_one, div#cons_info_component_container div#contact_info_section_two, div#registration_options_page div#user_name_pword_container, div#registration_options_page div#privacy_opts_container, div#registration_options_page div#tribute_component_section_one, div#registration_options_page div#tribute_component_section_two, div#emergency_contact_container, div#gift_notice_optin, div#email_optin {
  width: 100%;
  float: none;
}
div#contact_info_section_one {
    max-width: 950px;
}
div.cons-full-address-container, div.cons-address-street-full-container, div.cons-info-question-container {
    display: inline-block;
}
#registration_options_page span.survey-combo-field-container select {
  margin-bottom: 10px;
}
#personal_info_container span.input-label.cons_last_name:after, #personal_info_container span.input-label.cons_first_name:after {
  content: " name:";
}
.cons-info-question-container {
  display: inline-block;
  vertical-align: top;
}
div#employment_information_container div#occupation_container, div#employment_information_container div#employer_container {
  margin-left: 0px;
}
.uName-note {
  font-size: .8em;
}
div#employment_info_header_container, span.survey-text-hint.indented-field-group {
  display: none;
}
div#additional_questions_container .field-number.survey-question-number {
  display: none;
}
#additional_questions_container span.input-label.survey-question-label {
  padding-bottom: 12px;
  display: inline-block;
}

#additional_questions_container .survey-question-container.field-required.genderQ legend .survey-question-label {
    display: none;
}
.survey-question-container.field-required.genderQ li {
    display: inline-block;
}
.survey-question-container.field-required.genderQ legend {
    position: relative;
    top: 30px;
}

.survey-question-container.field-required.genderQ UL {
    margin-left: 5px;
}
#additional_questions_container span.input-label {
  display: inline-block;
  padding-bottom: 6px;
}
span#page_info1_reg_num, span#page_info1_container {
  display: none;
}
div.reg-summary-thanks-common-container div.reg-summary-name-info {
  background-color: transparent;
  border: none;
  padding: 0 0 10px 1px;
  margin-top: 24px;
  font-family: "Helvetica Neue Bold", sans-serif;
}
div.reg-summary-thanks-common-container div.reg-summary-name-info span.contact-info-name {
  color: var(--gray-text);
  font-size: 1.2em !important;
  font-weight: normal !important;
  display: inline-block !important;
}
div.reg-summary-thanks-common-container div.reg-summary-name-info span.contact-info-middle.contact-info-name {
  display: none !important;
}
div.reg-summary-thanks-common-container div.reg-summary-total {
  background-color: transparent;
  font-size: 1.2em;
}
div.reg-summary-edit-link a {
  display: inline-block;
}
.reg-summary-address-info.mobile-hidden {
  vertical-align: top;
  padding-top: 12px !important;
}
#fr_reg_summary_page #previous_step {
  /*margin-top: 10px;*/
}
.left-decorator, #previous_step br {
  display: none;
}
div.reg-summary-thanks-common-container div.reg-summary-total {
  display: none;
}
.reg-summary-option-info-container.clearfix {
  /*margin-left: 6px;*/
}
div.reg-summary-thanks-common-container div.part-type-name, #fr_reg_summary_page #previous_step {
  text-transform: capitalize !important;
}

#fr_reg_summary_page h3#title_container {
    font-size: 24px;
    color: var(--orange-dark);
    margin-bottom: 20px;
}

div.registration-page-container div.label-value-block-container {
  border: none;
  padding: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 16px;
  max-width: 100%;
}
span.part-type-amount.option-amount {
  display: none;
}
div#reg_payment_info_block {
  margin-top: 20px;
}
.FormLabel {
  background-color: transparent;
}
#fr_thanks_page .section-container {
  display: none;
}
div#fr_thanks_page div#transaction_summary_container {
  margin-left: 0;
}
div#dsp-director, div#ft-thank-you-content {
  width: 100%;
  max-width: 780px;
}
div#dsp-director p {
  margin-left: 0px;
}
div#ft-thank-you-content ul {
  padding-left: 20px;
}
/*#reg_billing_info_block h3 {
  color: #0026A5;
  font-size: 17px;
  font-weight: bolder;
}*/
div#billing_suffix_row {
  display: none ! important;
}
div.registration-page-container.responsive {
  margin: auto 0;
}
#reg_total_block p.clearfix {
  margin: 0;
}
#reg_payment_page .ft-sub-head {
  font-weight: normal;
  font-size: 1rem;
}
div.registration-page-container span.option-amount, div.registration-page-container span.option-value {
  float: none;
}
#reg_payment_page div.form-row div.form-content {
  display: block;
  margin-right: 0;
}
div#responsive_payment_typecc_type_row, div#responsive_payment_typecc_type_row legend, div#fr_reg_summary_page button#cancel_button {
  display: none
}
#cons_street3, span.input-label.cons_street3 {
  display: none;
}
.team-roster-participant-container.indicator-container {
  padding: 10px 0 0;
}
div.team-roster-participant-row {
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  padding: 0 10px 10px;
}
div.team-honor-list-row {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  margin: 1em auto;
}
div#personal_page_image_div img, div#team_image img {
  width: 100%;
}

/*====== 2024 additions =======*/
#fr_new_user_container, #fr_returning_user_container,
div#part_type_additional_gift_section_header,
.registration-page-container.responsive h3 {
    color: var(--gray-text);
    font-size: 24px;
}
.registration-page-container.responsive .cfs-reg-team-header h4,
div#fr_waiver_page.registration-page-container.responsive h3#title_container,
.registration-page-container.responsive #reg_option_custom_html h3,
.registration-page-container.responsive h3#loginHead,
.registration-page-container.responsive h3#goalHeader {
    font-size: 32px !important;
    font-weight: normal;
}

div#part_type_additional_gift_section_header {
    font-size: 16px  !important;
}
.msk-cfs form .agree-block label,
div#registration_options_page h4.orange,
.registration-page-container.responsive h4#loginExp {
    font-size: 16px;
    font-family: "Helvetica Neue";
    color: var(--gray-text) !important;
    font-weight: 400;
}

div#fr_waiver_page div.waiver-text {
    margin: 5px;
    word-wrap: break-word;
    border: 3px solid var(--warm-gray);
    -moz-border-bottom-colors: var(--warm-gray);
    -moz-border-top-colors: var(--warm-gray);
    -moz-border-left-colors:var(--warm-gray);
    -moz-border-right-colors: var(--warm-gray);
    padding: 15px 5px 5px 15px;
}

/*================= End TeamRaiser =====================*/
/*================== Donation form styles =============*/
div.responsive div.ErrorMessage.page-error > span.field-error-text {
  width: 85%;
}
.donation-form-container div.form-checkbox {
  white-space: nowrap;
}
.aural-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.donation-form-container .section-header-container {
  font-family: "Helvetica Neue Bold", sans-serif;
  font-size: 18px;
}
.donation-form-container div.html-caption-container {
  max-width: 100%;
  width: 100%;
}
div.form-row {
  /*display: inline-block;*/
  vertical-align: top;
}
select#billing_title {
  width: auto;
}
#ProcessForm {
  margin-left: 0px;
}
div.donation-form-container.responsive {
  padding: 25px;
  background: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
div.donation-level-label-container {
  vertical-align: top;
}
div#level_installmentduration_row div.form-content {
  width: 100%;
}
div#level_installmentduration_row div.form-content legend {
  float: left;
}
div#level_installment_row div.donation-section-label {
  float: left;
  margin: 5px 4px 0 0;
}
div#donor_email_opt_in_Row, div#tribute_notify_recip_street2_row, div#tribute_honoree_deceased_row, div#tr_recognition_namerec_name_row, div#tribute_show_honor_fields_row, div#tr_message_to_participant_row {
  display: block;
}
.donation-level-element-container.field-required {
  white-space: nowrap;
}
#pstep_next {
  left: 0px;
}
div#level_installmentduration_row {
  display: block;
  min-width: 250px;
}
.FormLabel {
  font-weight: inherit;
  text-align: inherit;
  font-size: inherit;
  vertical-align: inherit;
  color: inherit;
}
div#fr_waiver_page div.waiver-text {
  margin: 14px 0 18px 0;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}
div#fr_waiver_page div.section-body {
  padding: 0 0 12px 0;
}
h3#title_container {
  padding-left: 0;
}
div#fr_waiver_page div.printable-link-block {
  float: right;
}

div#fr_waiver_page span#instruction_container {
    font-size: 16px;
    color: var(--gray-text);
    margin-bottom: 12px;
    font-family: "Helvetica Neue", sans-serif;
    display: inline-block;
}

#dsp-summary {
  margin-left: 40px;
}
#dsp-summary td {
  padding: 8px;
}
div.donation-level-container {
  border: none;
  display: inline-block;
  vertical-align: top;
}
.donation-level-label-input-container input[type="radio"] {
  margin: 2px 0px 0 12px;
}
.donation-level-user-entered input {
  vertical-align: baseline;
  margin-top: -8px;
}
label + div.donation-level-user-entered {
  margin-left: 2px;
  display: inline-block;
}
div#txn_summary_row {
  width: 100%;
}
ul#DSP-top-ul {
  list-style: outside;
  padding-left: 20px;
  margin-left: 10px;
}
span#longPayBtn {
  display: none;
}
#reg_payment_page div.form-row div.form-content select, #reg_payment_page div.form-row div.form-content input, #reg_payment_page div.form-row div.form-content > select, #reg_payment_page div.form-row div.form-content > input {
  margin-left: 0 !important;
}
div.registration-page-container #reg_total_amt, #reg_total_label {
  font-size: 18px;
  margin-right: 8px;
}
div.donation-form-container.responsive H5.dividerHeading, div.donation-form-container.responsive .FormSectionHeader {
  border-bottom: none !important;
}
div.donation-level-container div.form-content {
  margin-bottom: 0px !important;
}
div.donation-level-input-container {
  padding: 0;
}
.tr-recognition-name-view {
  margin-bottom: -6px;
}
div#tr_message_to_participant_row {
  margin-bottom: -4px;
}

div.donation-form-content .form-info-message {
  margin-bottom: 20px;
}
div.donation-form-content .FormLabelText, div.donation-form-content .html-caption-container {
  white-space: normal;
  font-weight: normal;
}
.donation-form-content {
  padding: 0;
}
.don-standard-levels.form-row,
div.donation-level-container,
div#level_standard_row .form-content,
div#level_standard_row {
    margin-top: 0;
}

.msk-cfs .eac-input-wrap {top: 3px;}

div#billing_title_row {
  display: block;
}
div#donor_phone_row input, div#tribute_notify_recip_name_row, div#billing_title_row select, div#billing_last_name_row input, div#donor_email_address_row input, div#billing_addr_street1_row input, div#billing_addr_street2_row input, div#billing_addr_city_row input, div#billing_addr_state_row select, div#billing_addr_zip_row input, div#billing_addr_country_row select, div#billing_first_name_row input {
  width: 100% !important;
}

.donation-form-content select {
  /*  height: inherit !important;
    width: auto !important;*/
}

/*div#billing_title_row, */
div#tribute_notify_recip_country_row,
div#tribute_notify_recip_street2_row,
div#tribute_notify_recip_state_row,
div#tribute_notify_recip_zip_row,
div#tribute_notify_recip_street1_row,
div#tribute_notify_recip_city_row,
div#tribute_type_row,
div#tribute_honoree_name_row,
div#donor_email_address_row,
div#billing_first_name_row, 
div#billing_middle_name_row,
div#billing_last_name_row,
div#billing_addr_street1_row,
div#billing_addr_street2_row,
div#billing_addr_city_row,
div#billing_addr_state_row,
div#billing_addr_zip_row,
div#billing_addr_country_row,
div#donor_phone_row {
    /*float: left;*/
    margin-right: 6px;
    display: inline-block;
}
/*div#tribute_notify_recip_country_row,*/
div#tribute_notify_recip_state_row {
   clear: left;
}
div.payment-type-element-container {
    clear: both;
}

div#donor_phone_row, div#billing_title_row, div#billing_last_name_row, div#donor_email_address_row, div#billing_addr_street1_row, div#billing_addr_street2_row, div#billing_addr_city_row, div#billing_addr_state_row, div#billing_addr_zip_row, div#billing_addr_country_row, div#billing_first_name_row {
  width: 32%;
}
div.donation-form-container.responsive {
  padding: 0 !important;
}
.donation-form-container .form-checkbox .form-content {
  position: relative;
}
div#level_standard_row .field-required, div#level_standard_row .FormLabelText {
  display: none;
}
input#tr_recognition_namerec_namename:disabled {
  background: #808080;
}
.donation-form-container div.button-container {
  border-top: none;
}
.ft-form-note {
  color: #808080;
  font-size: .9em;
}
.date-input-container {
  margin-top: 3px;
}
input#tr_recognition_namerec_namename, textarea {
  width: 100%;
  max-width: 700px;
}
#don-sum-text .review-title {
    margin-bottom: 18px;
    line-height: 1em;
}

div#don-sum-text p {
    line-height: 1.8em;
}

/*** Donation form Payment area ***/
#payment_cc_container h3, .payment-type-selection-container h3, ul.radio-array-list {
  display: none;
}
.donation-form-content div.payment-field-container span.payment-type-option {
  padding: 0 !important;
}
.donation-form-content .external-payment label img {
  display: none;
}
.donation-form-content .external-payment label {
  text-transform: none;
  font-style: italic;
  font-size: 24px;
  letter-spacing: -0.1em;
  position: relative;
  padding-left: 30px !important;
    overflow: hidden;
}
.donation-form-content .external-payment label sup {
  font-size: 12px;
  font-style: normal;
  padding-left: 2px;
  /*position: absolute;
  top: 14px;
  right: 18px;*/
}
.msk-cfs form .donation-form-content .payment-type-option label {
  display: block;
  margin-bottom: 0;
  padding: 10px 30px;
  line-height: 30px;
  min-height: 50px;
  min-width: 100px;
  cursor: pointer !important;
  cursor: hand !important;
  font-size: 1em;
  text-align: center;
}
.msk-cfs form .donation-form-content .external-payment label {
  text-transform: none;
  font-style: italic;
  font-size: 24px;
  letter-spacing: -0.1em;
  position: relative;
  /*padding-left: 20px !important;*/
}
div.payment-field-container span.internal-payment {
  border: none;
}
div.payment-field-container span.external-payment span.payment-type-option, div.payment-field-container span.internal-payment {
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
}
div.payment-field-container span.payment-type-option {
  display: inline-block;
  background-color: var(--white) !important;
  font-family: "Helvetica Neue Bold", sans-serif;
  text-transform: capitalize;
  color: var(--orange-dark);
  border: 2px solid var(--orange-dark);
  filter: none;
  -ms-filter: none;
  background-image: none;
  border-radius: 70px;
}
div.payment-field-container span.payment-type-option:hover {
  background-color: var(--gray-dark) !important;
}
div.payment-field-container span.payment-type-option label:hover {
  color: #ffffff !important;
}
div.payment-field-container span.payment-type-option label {
  font-family: "Helvetica Neue Bold", sans-serif;
  color: var(--orange-dark);
}
div.payment-field-container span.payment-type-option.selected {
  background-color: var(--orange-dark) !important;
  color: var(--white) !important;
  filter: none;
  -ms-filter: none;
  background-image: none;
  border-radius: 70px;
  border-color: var(--gray-dark) !important;
}
div.payment-field-container span.payment-type-option.selected label {
  color: var(--white) !important;
}
div#responsive_payment_typecc_number_rowd, div.payment-field-container #responsive_payment_typecc_cvv_row input, div#responsive_payment_typecc_cvv_row, div.payment-field-container #responsive_payment_typecc_number_row input, div.donation-form-container .form-content {
  width: 100%;
}
div#responsive_payment_typecc_cvv_row {
  max-width: 140px;
}
fieldset.cardExpGroup select {
  width: 48%;
}
div#responsive_payment_typecc_number_row {
  max-width: 220px;
}
div#responsive_payment_typecc_cvv_row a {
  display: none;
}

div.payment-field-container span.internal-payment {
    margin-right: 0;
}

span.payment-type-option {
    margin-right: 20px;
}

div#payment_bank_container ul.radio-array-list {
    display: block;
    margin: -5px 0 0 14px;
}

div#responsive_payment_typeach_confirm_row {
    margin-left: 14px;
}

div#responsive_payment_typeach_confirm_row .field-required {
    margin-left: -14px
}

span.external-payment {
    margin: 0 0 0 -8px;
}

@media only screen and (max-width: 459px){
    div.payment-field-container div.payment-type-selections span.external-payment,
    div.payment-field-container div.payment-type-selections span.external-payment .payment-type-option {
        margin:0;
}
div#responsive_payment_typeach_confirm_row label {
    max-width: 90%;
}
}


/**** Fancy Button Styles ****/
div.donation-form-container.responsive div#level_standard_row.form-row.form-donation-level .donation-levels .form-content {
  width: auto;
  padding: 0;
  background-color: var(--white) !important;
  color: var(--orange-dark) !important;
}
.donation-level-user-entered input[type="text"] {
  background-color: #fff;
  margin: 0;
  border: none !important;
}
div.donation-form-container.responsive div#level_standard_row.form-row.form-donation-level .donation-levels .form-content:hover {
  background-color: var(--gray-dark) !important;
  border-color: var(--gray-dark);
}

div.donation-form-container.responsive div#level_standard_row.form-row.form-donation-level .form-content.active {
  background-color: var(--orange-dark) !important;
  border-color: var(--gray-dark);
}
div.donation-form-container.responsive div#level_standard_row.form-row.form-donation-level .form-content.other-amt.active {
    background-color: var(--white) !important;
    
}
div.donation-form-container.responsive div#level_standard_row.form-row.form-donation-level .donation-levels .form-content:hover .donation-level-label-container, div.donation-form-container.responsive div#level_standard_row.form-row.form-donation-level .form-content.active .donation-level-label-container {
  color: var(--white) !important;
}
div.donation-form-container.responsive .donation-level-input-container.form-input input[type=radio] {
  visibility: hidden;
  height: 0px;
  width: 0px;
  margin: 0;
}
div.donation-form-container.responsive .donation-level-container {
  display: inline-block;
  position: relative;
  /*margin-right: 15px;*/
  margin-right: 3px;
  margin-bottom: 14px;
}
div.donation-form-container.responsive div.donation-level-user-entered {
  display: inline-block;
  zoom: 1;
  margin: 1px 1px 1px 30px;
  /*padding: 1px;*/
}
div.donation-form-container div.donation-level-label-container {
    font-family: "Helvetica Neue Bold";
}
div.donation-form-container div.donation-level-user-entered input {
  height: 60px;
  width: 248px;
  margin: 0;
  text-align: center;
  border: 2px solid var(--orange-dark) !important;
  color: var(--orange-dark);
  border-radius: 70px !important;
  -moz-border-radius: 70px !important;
  -webkit-border-radius: 70px !important;
  font-family: "Helvetica Neue Bold" !important;
}
div.donation-form-container.responsive .donation-level-container label {
    margin-bottom: 0;
    font-weight: normal;
    display: block;
    font-family: "Helvetica Neue Bold", sans-serif;
}
div.donation-form-container.responsive div.donation-level-label-input-container {
  display: block !important;
  zoom: 1;
  vertical-align: top;
  visibility: hidden;
  position: absolute;
}
div.donation-form-container.responsive .form-content.other-amt .donation-level-input-container label, div.donation-form-container.responsive .form-content.other-amt .donation-level-label-container {
  display: inline !important;
}
div.donation-form-container.responsive .donation-level-label-container, div.donation-form-container.responsive .donation-level-amount-container {
  padding: 16px;
  cursor: pointer;
  cursor: hand;
  width: 109px;
  text-align: center;
  color: var(--orange-dark);
}
div.donation-form-container.responsive .form-content.other-amt .donation-level-label-container {
  padding: 0 0 0 10px;
}
div.donation-form-container.responsive .donation-level-input-container.form-input {
  min-width: 100px;
  text-align: center;
}
div.donation-form-container.responsive .form-content.other-amt input:hover,
div.donation-form-container.responsive .form-content.other-amt div.donation-level-user-entered:hover {
    color: var(--orange-dark);
    background-color: var(--white) !important;
    outline: none;
    border-radius: 70px;
    border-color: var(--gray-dark) !important;
    width: 100%;
}
/*div.donation-form-container.responsive .form-content.other-amt input:hover,*/ 
div.donation-form-container.responsive .form-content.active.other-amt input {
    color: var(--orange-dark);
    background-color: var(--white) !important;
    outline: none;
    border-radius: 70px;
    border-color: var(--gray-dark) !important;
}
@media (min-width: 576px) {
div.donation-form-container.responsive .form-content.other-amt input,
div.donation-form-container.responsive .form-content.active.other-amt input {
    height: 47px;
}
}
div.donation-form-container div.form-row.form-donation-level .donation-levels .form-content.other-amt {
  border: none !important;
}
.donation-level-container div {
  vertical-align: top;
  margin: 0 !important;
  padding: 0;
}
div.donation-form-container div.form-row.form-donation-level .donation-levels .form-content {
  border: solid 2px var(--orange-dark);
  border-radius: 70px;
}
div.donation-form-container .form-row.form-donation-level {
  /*width: 102%;*/
  width: 100%;
}
.donation-level-container-generic-repeat.form-input {
  /*display: inline-block;*/
  display: none;
}
div.donation-form-container .donation-level-user-entered label:after {
  position: static;
  display: none;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 16px;
  content: "";
}
.donation-form-content input::-webkit-input-placeholder { /* Edge */
  color: #b5b2ad;
     font-family: "Helvetica Neue";
}
.donation-form-content input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b5b2ad;
    font-family: "Helvetica Neue";
}
.donation-form-content input::placeholder {
  color: #b5b2ad;
    font-family: "Helvetica Neue";
}
.donation-level-user-entered input::-webkit-input-placeholder { /* Edge */
  color: var(--orange-dark);
  font-family: "Helvetica Neue Bold" !important;
  opacity: 1;
}
.donation-level-user-entered input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--orange-dark) !important;
  font-family: "Helvetica Neue Bold" !important;
  opacity: 1;
}
.donation-level-user-entered input::placeholder {
  color: var(--orange-dark) !important;
  font-family: "Helvetica Neue Bold" !important;
  opacity: 1;
}
.donation-level-user-entered input:hover::-webkit-input-placeholder { /* Edge */
  color: #ffffff !important;
  font-family: "Helvetica Neue Bold" !important;
}
.donation-level-user-entered input:hover:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--white) !important;
  font-family: "Helvetica Neue Bold" !important;
}
.donation-level-user-entered input:hover::placeholder {
  color: var(--white) !important;
  font-family: "Helvetica Neue Bold" !important;
}
.active .donation-level-user-entered input::-webkit-input-placeholder { /* Edge */
  color: transparent !important;
  font-family: "Helvetica Neue Bold", sans-serif;
  opacity: 1;
}
.active .donation-level-user-entered input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: transparent !important;
  font-family: "Helvetica Neue Bold", sans-serif;
  opacity: 1;
}
.active .donation-level-user-entered input::placeholder {
  color: transparent !important;
  font-family: "Helvetica Neue Bold", sans-serif;
  opacity: 1;
}
.donation-level-container-generic-repeat input#level_standardauto_repeatname {
  margin-bottom: 2px;
}

div#responsive_payment_typepay_typeradio_payment_types label:after {
    display: none;
}

div.donation-form-container.responsive .donation-level-input-container.form-input input[type=radio] {
    visibility: visible;
    height: 1px;
    width: 1px;
    margin: 0;
    opacity: 0.01;
}
.donation-level-container .form-content:focus-within {
    outline: #000000 auto 1px !important;
    outline-color: #000000 !important;
    outline-style: auto !important;
    outline-width: 1px !important;
}

span.payment-type-option:focus-within { 
    outline: #000000 auto 1px;
    outline-color: #000000;
    outline-style: auto;
    outline-width: 1px;
}
div.payment-field-container span.payment-type-option input {
    visibility: visible;
    display: inline-block;
    position: absolute;
    opacity: 0.01;
    height: 1px;
    width: 1px;
}

#payment_bank_container .form-radio-array input[type=radio]:focus + span.radio-label:before,
.donation-form-container input[type="checkbox"]:focus + label.CheckboxLabel:before,
.donation-level-container-generic-repeat input[type="checkbox"]:focus + label:before, 
.donation-form-container input[type="checkbox"]:focus + .custom-element-checkbox-label:before, 
.donation-form-container .form-checkbox input[type="checkbox"]:focus + label:before {

    outline: #000000 auto 1px;
    outline-color: #000000;
    outline-style: auto;
    outline-width: 1px;
}

@media (max-width: 574px) {
  .form-progress-bar {
    display: none;
  }
  div.donation-form-container.responsive {
    padding: 0 !important;
  }
  select#tribute_notify_recip_country {
    width: 100%;
    max-width: 340px;
  }
div#responsive_payment_typecc_number_row {
    max-width: 100%;
    width: 100%;
}
  input#billing_addr_street1name, input#billing_addr_street2name, input#tribute_notify_recip_street1name, input#tribute_notify_recip_street2name {
    width: 300px;
  }
  div#tribute_notify_recip_street1_row {
    display: block;
  }
  h5#tribute_notify_recip_captionname {
    margin-bottom: 10px;
  }
  div#waiver_body_container {
    padding: 0;
  }
  div.registration-page-container div.section-body {
    padding: 0;
  }
  div#fr_waiver_page div.waiver-text {
    margin: 20px 0;
    word-wrap: break-word;
    /*border: none;*/
    padding: 20px;
  }


  .agree-block label {
    color: #F00;
  }
  div.registration-page-container div.section-footer {
    /*padding: 20px 0;
    border-top: 1px solid #CCC !important;
    margin: 10px 0 !important;*/
  }
  h3#title_container {
    padding-left: 0 !important;
  }
  div.reg-summary-thanks-common-container div.action-button-container {
    width: 100%;
  }
  div#dsp-director, div#ft-thank-you-content {
    margin-left: 0;
  }
  div#billing_title_row {
    display: block;
  }
  div#donor_phone_row, div#billing_title_row, div#billing_last_name_row, div#donor_email_address_row, div#billing_addr_street1_row, div#billing_addr_street2_row, div#billing_addr_city_row, div#billing_addr_state_row, div#billing_addr_zip_row, div#billing_addr_country_row, div#billing_first_name_row {
    width: 100%;
  }

div#team_find_existing_team_search_container {
    width: 100%;
    max-width: 100%;
    margin: 0 12px 12px 0;
}

select#fr_co_list {
    width: 100%;
    margin-bottom: 40px;
}

div#team_find_search_button_container {
    width: 100%;
}
#team_find_page div.input-container {
    margin-bottom: 0;
}

}
/*================ Team and Personal pages =============*/

div#ft-main-content-div {
    float: left;
    max-width: 500px;
    width: 98%;
}

h1#TRtextHeader {
    font-size: 24px;
    line-height: 1em;
}

#personal-page-title {
    display: inline-block;
    color: #0026a5;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px
}

#ftTeamExtraContent {
    margin: 0 0 40px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #cccccc;
    width: 98%;
}
#personal-page-title,
div#fr_rich_text_container strong,
div#ftTeamExtraContent strong {
    font-family: "Helvetica Neue Bold" !important;
    font-weight: 400 !important;
}

div.tr-page-container.freds-team #ftTeamExtraContent {
    /*margin-left: 0;*/
}

#TRdonationLink3 {
    background-color: #fe6c01;
    border: 1px solid #fe6c01;
}

#TRjoinTeamLink3 {
    background-color: #ff842c;
    border: 1px solid #ff842c;
}

#TRdonationLink3:hover {
    background-color: #ff5400;
}

#TRjoinTeamLink3:hover {
    background-color: #ff5400;
}

#TRjoinTeamLink3, #TRdonationLink3 {
    font-family: "Helvetica Neue Bold";
    color: #ffffff;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
    width: 100%;
    max-width: 180px;
    text-align: center;
    line-height: 37px;
    padding: 6px 0px;
    margin: 24px 0px 0px 0px;
    display: inline-block;
}

div.tr-page-container.freds-team h1#TRtextHeader {
    padding-left: 0;
}

#thermometer div.clearfix {
    margin-top: 12px;
}

#TRthermometer {
    padding: 5px 15px 15px 15px;
    border: 1px solid #cccccc;
    margin: 30px 0px 24px 0px;
}

div.amount-raised-info {
    /*float:left;*/
    text-align: left;
    line-height: 1.1em;
}

div.total-goal-info {
    /*float:right;*/
    text-align: right;
    line-height: 1.1em;
}

.total-goal-value, .amount-raised-value {
    color: #0026A5;
    font-size: 1.2em !important;
    font-weight: bold;
}

div.thermometer-container div.thermometer-outer {
    background-color: #e9e9e9;
    height: 40px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;
    margin-top: 10px;
    text-align: left;
}

div.thermometer-container div.thermometer-inner {
    background-color: var(--orange-dark);
    height: 40px;
    width: 3%;
    border-right: 2px solid #fff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.side-bar div.thermometer-container div.amount-raised-info {
    float: left;
    text-align: left;
}

.side-bar div.thermometer-container div.total-goal-info {
    display: block;
}

.side-bar div.thermometer-container span.amount-raised-label {
    font-size: 1em;
}

.vScroll .scrollContent {
    PADDING: 10px;
    BACKGROUND-COLOR: #e9e9e9;
    MARGIN: 2px 5px 15px 5px;
    HEIGHT: 200px;
}

.vScroll .scrollContent p {
    font-size: 14px;
}

.vScroll {
    BORDER: none;
    BACKGROUND-COLOR: #fff;
    MARGIN: 20px 0px 10px 0px;
    WIDTH: 100%;
    height: 250px
}

#TRembeddedContent, #TRembeddedContent TD {
    padding: 24px;
}

#TRadminLink {
    margin: 24px;
}

@media (max-width: 768px){

/*#team_password_page .passwodPrompt,
#fr_reg_summary_page h3#title_container,
div#fr_waiver_page span#instruction_container,
div#part_type_additional_gift_section_header {
    font-size: 18px;
}*/

div#cycle_personal_text, div#cycle_team_text {
    padding: 0 !important;
}

.cfs-content div#cfs-personal-side-bar, .cfs-content div#cfs-team-side-bar {
    min-width: 100% !important;
}

}
@media (max-width: 540px) {
    #ftTeamExtraContent {
        margin: 0;
    }

    h1#TRtextHeader {
        padding: 0;
    }

    #TRtextHeader {
        max-width: 500px;
        white-space: normal !important;
        padding: 0;
    }

    #TRtextBody {
        max-width: 500px;
        padding: 24px 0 24px 0;
        width: 95%;
    }

    table#TRpageTable {
        width: 98% !important;
        overflow: hidden;
    }

    div#content {
        overflow-x: hidden;
    }
}

@media (max-width: 480px) {
    #TRstatsTable {
        max-width: 300px;
        width: 100%;
        /* margin: 0 24px 12px 20px !important; */
        margin: 0 !important;
    }
}

/** 2020 updates **/
div.tr-page-container.freds-team a {
    color: #0f19ad !important;
}

div.tr-page-container.freds-team div#team_page_main_content, div.tr-page-container.freds-team div#personal_page_main_content {
    max-width: 760px;
    width: 100%;
}

div.tr-page-container.freds-team div.side-bar {
    width: 100%;
}

div.tr-page-container.freds-team .donor-list-indicator-container div.indicator-title, div.tr-page-container.freds-team .team-roster-title-container {
    margin: 12px 0 0 0;
    padding: 10px 10px 10px 10px;
    background-color: #666666;
    text-align: left;
}

div.tr-page-container.freds-team div.indicator-title, div.tr-page-container.freds-team div.team-roster-raised-label {
    font-size: 1.00em;
    font-weight: normal;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}

div.tr-page-container.freds-team div.indicator-container {
    border: none;
    border-radius: 0;
}

div.tr-page-container.freds-team div.vscroll-container {
    height: 150px;
    background-color: #e9e9e9;
}

div.tr-page-container.freds-team .team-roster-legend, div.tr-page-container.freds-team div#join_team_button_container {
    display: none;
}

div.tr-page-container.freds-team div#team_image, div.tr-page-container.freds-team div#personal_page_image_div {
    text-align: center;
}

div.tr-page-container.freds-team div#team_page_custom_html {
    float: none;
}

div.tr-page-container.freds-team div.tr-personal-page-footer {
    float: none;
    padding: 0;
}

div.tr-page-container.freds-team #TRadminLink {
    margin: 24px 0 0 0;
}
div.tr-page-container.freds-team div#team_page_main_content, 
div.tr-page-container.freds-team div#personal_page_main_content {
    margin: 0;
}

#additional_questions_container div#cyo-year span.input-label.survey-question-label {
    padding-bottom: 0px !important;
}
#additional_questions_container #cyo-year legend {
    margin-bottom: 2px;
}
@media (min-width: 670px) {
    div.tr-page-container.freds-team div.side-bar {
        max-width: 300px;
        padding: 0;
        margin: 10px;
    }
}


@media (max-width: 576px) {
.hidden-small {display: none;}

/*** Hero ***/
.msk-cfs .hero__content h1, .half-hero-no-cutout h1 {
    font-size: 26px  !important;
}
.msk-cfs .hero__summary {
    font-size: 18px !important;
}

/*** reg ***/
#cfsRegForm div#nextStep_btn {
    width: 100%;
    margin-top: 20px;
}


div.registration-page-container.responsive div.input-container {
    margin-top: 0px;
    width: 100%
}

div.registration-page-container.responsive div.form-content {
    margin-bottom: 5px;
    margin-right: 0;
    width: 100%;
}
input#fr_co_list_new,
div.registration-page-container.responsive div.input-container input {
    width: 100% !important;
}


div.registration-page-container.responsive div.input-container #showPW input#togglePW {
    width: auto !important;
}

div.registration-page-container.responsive .section-footer {
    width: 100%;
    padding-top: 20px;
}


#additional_questions_container span.input-label.survey-question-label,
div.registration-page-container.responsive label {
    max-width: 92% !important;
}
div#fr_waiver_page.registration-page-container.responsive .agree-block label {
    max-width: 90% !important;
}
.textandquotewrap.pt-chose h2 {
    margin-bottom: 18px !important;
}

div.option_block,div.donation-form-container.responsive #donor_matching_employersearchBtn, div.donation-form-container.responsive #pstep_next, div.donation-form-container.responsive button#pstep_finish, #btn_prev, div.responsive button.cancel-step, #start-over, #fuw_previous, #pstep_previous, #previous_step, #PARSE_PAYMENT_FORM, #fuw_next, #next_step, #pstep_finish, div.responsive button.next-step, div.donation-form-container.responsive #pstep_next, .step-button.action-button, #fr_find_search, #btn_next, button#donor_matching_employersearchBtn, div.responsive button.action-button, div.responsive a.next-step, div.responsive button.next-step, .msk-cfs div#main-content a.orange, .msk-cfs div#main-content a.orange.md_button,
div.responsive a.next-step, div.responsive button.next-step, div.responsive button.finish-step {
    float:none;
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 20px;
}

div.option_block {
    padding: 0 !important;
    margin: 0;
}

div.part-type-container.selected {
    width: 100%;
}

div.part-type-container .part-type-decoration-messages {
    width: 80% !important;
}
#part_type_additional_gift_container .donation-level-row-container {
    width: 48%;
    margin:5px 2px !important;
}

input#fr_goal {
    width: 100%;
}
#part_type_additional_gift_container .donation-level-row-container label,
div#part_type_additional_gift_container .form-content, 
#part_type_additional_gift_container .donation-level-row-decoration-container {
    width: 100%;
    text-align: center;
    margin: auto;
}

#part_type_additional_gift_container .donation-level-row-container.other-amt .input-container:before {
    content: '$';
    display: inline-block;
    color: #fe6c01;
    width: 1em;
    height: 1em;
    padding: 10px;
    font-family: "Helvetica Neue Bold", sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 24px;
}
#part_type_additional_gift_container .donation-level-row-container.other-amt.active .input-container:before {
    color: #ffffff;
}
#part_type_additional_gift_container .donation-level-row-container.other-amt .donation-level-row-label {
    display: none;
}

#part_type_additional_gift_container .donation-level-row-container input.other-amt-field {
    /*width: 79% !important;*/
    margin:2px 6px 6px;
    color: #ffffff;
    font-family: "Helvetica Neue Bold", sans-serif;
    font-size: 16px;
}

#part_type_additional_gift_container .donation-level-row-container.active input.other-amt-field {
    color: #fe6c01;
}
div#user_type_login_container .form-content {
    margin: 0;
}

#fr_new_user_container, #fr_returning_user_container {
    display: block;
    font-size: 1.25em;
    color: inherit;
    font-weight: 700;
}

div#user_type_new_participant_registration_container,
div#user_type_login_container {
    float: none;
    width: 100%;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0;
}

#user_type_page .input-container {
    width: 100%;
}
span#cons_birth_date_date select {
    min-width: 100px;
    width: 31.5% !important;
}
#additional_questions_container div#cyo-year span.input-label.survey-question-label {
    margin-top:12px;
    padding-bottom: 0px;
}
div#cons_info_dob legend,
div#cyo-year legend {
    margin-bottom: 0;
}

div#cyo-year select {
   width: 100% !important;
   min-width: 100% !important;
}
div#cyo-year .input-container .input-container span{
    width: 32.1%;
    display: inline-block;
    margin-bottom: 10px
}


#additional_questions_container #cyo-year legend {
    margin-bottom: 2px;
}

select#cons_state {
    /*width: 130px !important;*/
}
div#additional_questions_container .form-content,
div#password_component_container .form-content {
    margin-right: 0;
}
div.registration-page-container div.sub-section-body {
    padding: 0;
}
div#additional_questions_container input[type="text"], div#additional_questions_container select, div#user_type_login_container input, div#user_name_pword_container input, div#registration_options_page span.survey-textarea-container textarea, div.cons-info-question-container select, div.cons-info-question-container, div#cons_info_component_container .form-content, div#cons_info_component_container .form-content input {
    width: 100% !important;
    max-width: 100% !important; 
}
div#additional_questions_container fieldset .indented-field-group select {
    max-width: 90% !important;

}
div#additional_questions_container fieldset .indented-field-group input[type="text"] {
    max-width: 91.6% !important;
}

#reg_payment_page div.form-row {
    margin-bottom: 15px;
    margin-right: 0;
    width: 100% !important;
    max-width: 100%;
}

#reg_payment_body_container select#responsive_payment_typecc_exp_date_MONTH, #reg_payment_body_container select#responsive_payment_typecc_exp_date_YEAR {
    width: 49%;
}


/*** end reg ***/
/*** donations ***/
div.donation-form-container div.donation-level-user-entered input,
div.donation-form-container.responsive div#level_standard_row.form-row.form-donation-level .donation-levels .form-content,
div.donation-form-container.responsive .donation-level-input-container.form-input,
div.donation-form-container.responsive .donation-level-label-container, div.donation-form-container.responsive .donation-level-amount-container {
    width: 100%;
}

div.donation-form-container.responsive .donation-level-container {
    width: 47%;
    margin: 1%;
}

div.donation-form-container div.donation-level-user-entered input {
    height: 54px;
    width: 100%;
    border: none !important;
}

div.donation-form-container div.form-row.form-donation-level .donation-levels .form-content.other-amt {
    border: 2px solid var(--orange-dark)!important;
}
div.donation-form-container div.form-row.form-donation-level .donation-levels .form-content.other-amt.active {
    border: 2px solid var(--gray-dark)!important;
}
/*** end donations ***/

}

@media (max-width: 500px) {
    div.tr-page-container.freds-team #TRjoinTeamLink3, div.tr-page-container.freds-team #TRdonationLink3 {
        max-width: 100%;
        margin: 8px 0px;
    }

    div.tr-page-container.freds-team #ftTeamExtraContent {
        border-bottom: none
    }

    div.tr-page-container.freds-team div#team_page_main_content, div.tr-page-container.freds-team div#personal_page_main_content {
        margin: 0;
    }
}



.msk-cfs .site-header-button.menu-item:first-of-type:hover {
    background-color: var(--orange-dark) !important;
}
.menu--main .menu-item:hover{border-bottom:0 !important;}
.site-header-branding{position: fixed;  width: 100%;z-index: 9;}

.msk-cfs-new-header .header-l {
  display: flex;
}
.msk-cfs-new-header .ctas {
  display: flex;
}

.msk-cfs-new-header #block-sitebranding {
  padding: 8px 0;
}
.msk-cfs-new-header .site-header-items {
  align-items: center;
  width: 100%;
}
.msk-cfs-new-header .site-header-items ul.menu--main{
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.msk-cfs-new-header a.site-header-button{
  padding: 8px 16px !important;
  height: auto;
  border-radius: 70px;
}
.msk-cfs-new-header a.site-header-button:hover{
  background-color: var(--gray-dark) !important;
}
a.site-header-button.light-bg {
  border: 2px solid var(--orange-dark);
  color: var(--orange-dark);
  text-decoration: none;
  margin-right: 10px
}
a.site-header-button.light-bg:hover{
  color: #fff;
  border-color: var(--gray-dark);
}
.msk-cfs-new-header .site-header a.site-header-button{min-width: auto;}
.msk-cfs-new-header .header-wrapper {
  box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 9;
    background: #fff;
}
.msk-cfs-new-header .header-wrapper .site-header {
  position: relative;
  box-shadow: none;
  align-items: center;
}
.msk-cfs .msk-cfs-new-header .site-header-logo {
	margin: 36px 40px 27px 0;
    width: 154px;
}
.msk-cfs-new-header .site-header .header-ctas li a:before {
    -webkit-mask-image: url(https://giving.mskcc.org/sites/default/files/2024-03/login.svg);
    mask-image: url(https://giving.mskcc.org/sites/default/files/2024-03/login.svg);
    background-color: var(--orange-dark);
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    content: "";
    margin-right: 5px;
    position: static;
    margin-bottom: -4px;
}
.msk-cfs-new-header .site-header .header-ctas li{list-style: none;}
.msk-cfs-new-header .site-header .header-ctas .links {
    padding-bottom: 0px;
    text-align: right;
}
li.menu-item a {
  text-decoration: none;
}

.flex {
    display: flex;
    justify-content: space-between;
}
.flex .equal {
	flex: 1;
}
.other-sites {
  display: flex;
  align-items: flex-start;
}
.other-sites .footer__image {
  padding-right: 20px;
}
.footer__title {
  color: #fff !important;
  font-size: 20px !important;
}
.footer_inner {
  color: #fff;
}
ul.menu.menu--connect li {
  display: flex;
}
.cfs-footer ul.menu.menu--connect li svg{
  padding-right:5px;
  margin-top: 5px;
  width: 27px;
}
.footer_inner {
  color: #fff;
}
.footer_section_middle .footer__title {
  margin-bottom: 24px;
}
.border-top{
  border-top: 1px solid #70BCFF;
} 
.border-bottom{
  border-bottom: 1px solid #70BCFF;
}
.pad56{
  padding: 56px 0;
}
.footer .webform-submission-newsletter-signup-form {
  margin-bottom: 0;
  padding-bottom: 0;  
  -webkit-justify-content: flex-end;
    justify-content: flex-end;  
}
.menu__item.menu__item--programs {
  padding-top: 56px;
}
.footer_inner img {
  max-width: 100%;
}
.msk-cfs .footer .footer_inner a {
  color: #fff;
}
.msk-cfs .button:hover {
	color: var(--gray-dark) !important;
    background: #fff;
}
.footer_inner  input#cons_email {
  background: #fff;
  border-radius: 4px;
  color: #272524;
}
ul.menu.menu--social .fill-bg a:hover svg {
  fill: #ffffff;
    background: transparent;
    stroke: var(--gray-dark);
}
ul.menu.menu--social .fill-bg a:hover svg path {
  fill: var(--gray-dark);
}
ul.menu.menu--social a:hover svg {
  background: var(--orange-dark);
}
.custombtn {
  padding: 7px 14px !important;
  line-height: 22.4px;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.cfs-footer a {
  color: #fff;
}
.footer .webform-submission-newsletter-signup-form .form-item {
  margin-bottom: 0;
}
.footer input[type=submit].button {
  border: 0;
  background: var(--orange-dark);
  padding: 10px 16px !important;
  width: auto;
  font-size: 14px !important;
  line-height: 22.4px;
  font-weight: 400;
  text-transform: capitalize;
}
.footer input[type=submit].button:hover{
	background: #fff;
    color: var(--gray-dark) !important;
}
.msk-cfs .footer.darkbg {
  border-top: 10px solid var(--warm-gray);
  border-bottom: 0px;
}
.msk-cfs .menu--social .menu--social__icon{
  width: 40px;
  height: 40px;
  padding: 7px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 70px;
}
.msk-cfs .menu--social .menu--social__icon:hover {
	color: var(--gray-dark);
}
.footer .menu--legal {
  justify-content: flex-end;
}
.footer__linkwrapper {
  margin-right: 0;
}
.hidden{display: none;}
.msk-cfs-new-header .menu--main {
  text-transform: capitalize;
}
.ctas a {
    margin-left: 16px;
}
#block-sitebranding img {
  display: block;
  max-height: 24px;
}

.msk-cfs-new-header .site-header{
  height: 133px;
}
.msk-cfs-new-header .tab-only {
  display: none;
}
.header-div-tab {
  display: flex;
  width: 100%;
}
.signup-text {
  max-width: 466px;
}
.signup-text p.footer__title {
  line-height: 31.2px;
}
.signup-text p {
  line-height: 25.6px;
  margin-bottom: 0;
}
.footer_section_top .webform-submission-form .form-item label {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-family: Helvetica Neue;
}
.msk-cfs .footer.cfs-footer form input[type=email] {
  font-family: Helvetica Neue;
  font-size: 14px;
  padding: 7px;
}
.footer .webform-submission-newsletter-signup-form{align-items: end;}
.footer_section_middle p.footer__title {
  font-size: 20px;
  line-height: 32px;
}
.footer_section_middle ul li.menu-item a {
  font-size: 16px;
  line-height: 25.6px;
}
.footer a.open_in_new {
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 600;
}
.footer_section_copyright p.footer__copyright, .footer_section_copyright .footer__linkwrapper .menu--legal li a{
  font-size: 14px;
}
.footer_section_copyright .footer__linkwrapper .menu--legal li a {
  /*border-left: 1px solid #B5B2AD; */
  padding: 0 10px;
}
input#cons_email::placeholder {
  color: #3d3d3d;
  font-family: Helvetica Neue;
  font-size: 14px;
}
.footer_section_copyright .footer__linkwrapper .menu--legal li:first-child a{
 padding-left: 0px;
  border:0
}
.background-color-bluelight{background: #F0F7FF;}
.footer.ft-footer .webform-submission-newsletter-signup-form .form-actions {
  width: auto;
}
.footer.ft-footer .webform-submission-newsletter-signup-form .form-item {
  width: 67%;
}
span.material-symbols-outlined {
  font-size: 22px;
  vertical-align: middle;
}

.footer.cfs-footer .webform-submission-newsletter-signup-form .form-actions {
  width: auto;
}
.footer.cfs-footer .webform-submission-newsletter-signup-form .form-item {
  width: 84%;
}
button#ACTION_SUBMIT_SURVEY_RESPONSE {    
  font-size: 16px;
  border-radius: 70px;
  padding: 10px 12px 10px 16px;
  line-height: 22.4px;
  background: var(--orange-dark);
  border: 0;
  color: #fff;
  font-weight: 700;
}
.footer.cfs-footer{    font-family: Helvetica Neue; }
span.material-symbols-outlined {
  font-size: 22px;
  vertical-align: middle;
}
button#ACTION_SUBMIT_SURVEY_RESPONSE:hover {color: var(--navy) !important;background: #fff !important;}
ul.menu.menu--social a:hover svg {
  background: #fff;
  color: var(--gray-dark);
}
.cfs-footer .menu--social {
  width: 200px;
  flex-wrap: wrap;
}
.cfs-footer .menu--social .menu__item{padding-left: 0;padding-right: 1rem;}
.msk-cfs .cfs-footer .signup-text h2.footer__title {
  font-size: 24px !important;
  color: #fff !important;
}
.msk-cfs-new-header .menu--main .menu-item:hover{
    padding-bottom: 2px;
}
.msk-cfs .msk-cfs-new-header .menu--main .menu-item a:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
}
.msk-cfs .msk-cfs-new-header .site-header-button.menu-item:first-of-type {
    background: #fff;
    color: var(--orange-dark);
    border: 2px solid var(--orange-dark);
}
.msk-cfs .msk-cfs-new-header .ctas .site-header-button.menu-item:hover {
    color:#fff;
    background: var(--gray-dark) !important;
    border: 2px solid var(--gray-dark) !important;
}
.msk-cfs .msk-cfs-new-header .site-header-button.menu-item {
    font-size: 14px;
    font-weight: 700;
    border: 2px solid var(--orange-dark);
}
.header-ctas .links a {
    font-size: 14px;
    font-family: Helvetica Neue;
}
.header-ctas .links a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
    color: var(--gray-dark);
}
.msk-cfs-new-header .site-header .header-ctas .links li {
    margin-bottom: 10px;
}
.msk-cfs-new-header .site-header .header-ctas{
    margin-bottom: 25px;
}
.msk-cfs-new-header .msk-cfs-header-wrap.slideUp {
	transform: translateY(-173px);
	transition: transform .5s ease-out
}
.msk-cfs-new-header .msk-cfs-header-wrap.slideDown {
	transform: translateY(0);
	transition: transform .5s ease-out
}
.msk-cfs-header-wrap {
    position: fixed;
    width: 100%;
    z-index: 99;
}
ul.menu.menu--main .header-l li a{font-weight:700}
.msk-cfs .ctas .site-header-button.menu-item {
  text-transform: initial !important;
}

/* session popup - new 2025 */
div#keepAlive_c {
    background: #ffffff;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid #000000;
}

@media (max-width: 1024px) {
  .msk-cfs-new-header .menu--main .menu-item:hover{
    padding-bottom: 25px;
    border-bottom: 1px solid #6a6865 !important;
  }
  .header-ctas .links a:hover {
    text-decoration: none;
    color: var(--orange-dark);
}
.msk-cfs .msk-cfs-new-header .ctas .site-header-button.menu-item:hover{
    color: #fff;
    background: var(--gray-dark) !important;
    border: 2px solid var(--gray-dark) !important;
}
.msk-cfs .msk-cfs-new-header .ctas .site-header-button.menu-item:hover {
  color: var(--orange-dark);
  background: transparent !important;
  border: 0 !important;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.msk-cfs .msk-cfs-new-header .ctas .site-header-button.menu-item#cfs_top_donate:hover {
  color: #fff;
  background: var(--orange-dark) !important;
  border: 2px solid var(--orange-dark) !important;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}

  .msk-cfs .msk-cfs-new-header .menu--main .menu-item a:hover{
    text-decoration: none;
  }
	.footer .webform-submission-newsletter-signup-form{
		justify-content: start;
		margin-bottom: 0;
		padding-bottom: 0;
	  }
	  .footer.cfs-footer .webform-submission-newsletter-signup-form .form-item {
		width: 86%;
		margin-bottom: 0;
	  }
	  .footer_section.equal.ip-space64 {
		padding-top: 64px;
	}
	.custom-text.equal p {
	  margin-top: 24px;
	  margin-bottom: 0;
	}
	  .signup-text {
		max-width: 100%;
	}
  .header-div-tab {
    width: auto;
  }
  .msk-cfs-new-header .tab-only {
    display: flex;
  }
  .msk-cfs-new-header .header-ctas .ctas {
    display: none;
  }
	.msk-cfs-new-header .site-header-items .ctas a {
		/* width: fit-content; */
		margin: auto;
	}
	.msk-cfs-new-header .site-header-items .header-ctas {
		margin-top: 0px;
        width: 100%;
	}
  .msk-cfs-new-header .site-header-items {
    width: 300px;
  }
  .msk-cfs-new-header .header-l {
    display: block;
    width: 100%;
  }
  .msk-cfs-new-header .ctas {
    margin-top: 20px;
  }
  #cfs_top_donate{
    display: block;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
  .msk-cfs-new-header .site-header .header-ctas .links li {
    text-align: center;
    padding: 25px;
    margin-bottom: 0;
  }
	.footer_section_top.flex {
		display: block;
	}
  .footer_section_middle.flex{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .footer_section_bottom.flex {
    display: block;
  }
  .msk-cfs-new-header .header-wrapper .site-header {
    justify-content: space-between;
  }
  .msk-cfs-new-header .site-header-items {
    align-items: inherit;
    text-align: center;
  }
  .msk-cfs-new-header .site-header-items{background: #fff;}
  .msk-cfs .site-header-button.menu-item:last-of-type {
		background-color: var(--orange-dark);
		max-width: 50%;
		margin: auto;
	}
  .footer .menu--legal {
    flex-direction: inherit;
    justify-content: flex-start;
  }
  .footer_section_copyright{
    /* display: block; */
  }
  .msk-cfs .menu--legal a {
    font-size: 14px;
}
.msk-cfs-new-header .site-header .header-ctas li a:before{display: none;}
.header-ctas .links a {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Helvetica Neue Bold';
  color: var(--gray-text);
}
.msk-cfs .msk-cfs-new-header .site-header-button.menu-item{
  font-size: 16px;
  font-weight: 400;
  min-width: fit-content;
}
.msk-cfs-new-header .msk-cfs-header-wrap.slideDown {
	transform: inherit;
}
.msk-cfs-new-header .site-header .header-ctas .links{padding-bottom: 0;}
}

@media (max-width: 767px) {
  .msk-cfs .msk-cfs-new-header .site-header-logo {
    margin: 16px 0 16px 16px;
    width: 118px;

  }
  .msk-cfs-new-header .site-header {
    height: 80px;
  }
  .msk-cfs-new-header .site-header-icon {
    padding-right: 16px;
  }

  .footer.ft-footer .webform-submission-newsletter-signup-form .form-actions{
    margin-top: 32px;
  }
  .footer.cfs-footer .webform-submission-newsletter-signup-form .form-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .footer.cfs-footer .webform-submission-newsletter-signup-form .form-item .col{
    padding-left: 0;
    padding-right: 0;
  }
  .footer .webform-submission-newsletter-signup-form input[type=email] {
    width: 100%;
  }
  button#ACTION_SUBMIT_SURVEY_RESPONSE {
    width: 100%;
  }

  .footer .webform-submission-newsletter-signup-form {
    display: block;
  }
  .footer .webform-submission-newsletter-signup-form .form-actions{width: 90%;}
  .msk-cfs .menu--legal a {
    font-size: 14px;
  }
  .footer input[type=submit].button {
    width: 100%;
  }
  .header-div-tab {
    width: auto;
  }
  .footer_section_middle .footer_section:last-child {
    padding-bottom: 50px;
}
.footer_section_middle .footer_section:first-child {
    padding-top: 50px;
}
  .msk-cfs-new-header .tab-only {
    display: none !important;
  } 
	.flex{ 
    display: block !important;; 
	}
  .msk-cfs-new-header .header-ctas .ctas {
    display: block;
    margin-top: 0px;
  }
  .msk-cfs .msk-cfs-new-header .site-header-button.menu-item:first-of-type {
    border: 0;
    border-radius: 0;
    padding: 25px !important;
    font-weight: 700;
}
  .msk-cfs-new-header .site-header .header-ctas .links li {
    text-align: center;
    padding: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #6a6865;
    box-shadow: inset 10px 0 13px -10px rgba(0, 0, 0, .2);
  }
  .msk-cfs .site-header-items.mobile .menu-item:not(.site-header-button) {
    border-bottom: 1px solid #6a6865;
  }
  .footer_section_middle.flex{
    padding: 0;
  }
  .footer_section_middle .footer_section {
    padding-top: 30px !important;
  }
  .cfs-footer .menu--social .menu__item:first-child {
    padding-left: 0;
  }
  #cfs_top_donate{
    display: block;
    width: 100%;
    text-align: center;
    padding: 25px 0px !important;
    max-width: 100%;
    border-radius: 0;
    margin: 0 !important;
  }
  .msk-cfs-new-header .header-l {
    display: block;
  }
	.msk-cfs-new-header .header-wrapper .site-header {
		justify-content: space-between;
    align-items: inherit;
	}
	.msk-cfs-new-header .site-header-items {
		align-items: normal;
		text-align: left;
	}
	.msk-cfs-new-header .site-header-items{background: #fff;}
	.msk-cfs .site-header-button.menu-item:last-of-type {
		background-color: var(--orange-dark);
		max-width: 50%;
		margin: auto;
	}
  .footer .menu--legal {
    flex-direction: inherit;
    justify-content: flex-start;
  }
  .msk-cfs-new-header .header-l li{
    text-align: center;
  }
  
}

-->