/*** U8 sets the mime type so no style dec is needed || appID=26 estate:   trID: dc:teamRaiserId ***/
<!-- 
/*  DO NOT REMOVE  */

/* *** styles for TR elements ****************************** */



/* *** styles for TR elements ****************************** */
div.responsive {
   color: var(--gray-text);
}

/** hide stuff **/
#registration_options_page div#email_optin,
div.tr-page-container div.section-sub-header,
div.responsive span.field-required, 
.required-indicator-legend,
div.responsive input.default-submit-hack,
div.campaign-banner-container,
div.registration-page-container div.section-sub-header,
.progress-bar-container,
div#part_type_campaign_banner_container {
    display: none;
}
/** page cleanup **/


div.registration-page-container.responsive label {
    font-size: 16px;
    color: var(--navy);
}


div#part_type_anonymous_input_container label {
    color: var(--gray-text);
}


div.tr-page-container.responsive,
div.registration-page-container.responsive {
    max-width: 1000px !important;
    width: 100% !important;
}
#entry.tr-page-container div.side-bar {
    width: 100%;
}
div.responsive {
  font-size: inherit;
}
div.tr-page-container,
div.registration-page-container div.sub-section-header,
div.registration-page-container div.sub-section-container,
div.registration-page-container div.section-container,
div.registration-page-container div.section-header,
div.registration-page-container div.section-body,
div.registration-page-container div.section-footer {
    background-color: transparent;
    padding: 0;
    margin: 0;
    color:  var(--navy);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}
/** reg page headers **/
.registration-page-container h3#title_container, 
div#fr_waiver_page .section-header h3, 
.registration-page-container h1 {
    font-family:  "MSK Sans Web" !important;
    color: var(--navy);
    font-weight: 700 !important;
    font-size: 36px;
}
div.registration-page-container div.sub-section-header,
div#part_type_additional_gift_section_header,
#fr_new_user_container, 
#fr_returning_user_container, 
#fr_responsive_social_login_container {
    font-family:  "MSK Sans Web";
    color:  var(--navy);
    font-weight: 700;
    font-size:20px;
}

@media (max-width: 991.98px){
.registration-page-container h3#title_container, 
div#fr_waiver_page .section-header h3, 
.registration-page-container h1 {
    font-size: 28px;
}
}

/** end headers **/

/** reg buttons **/
div.tr-page-container.responsive a.secondary-step, 
div.tr-page-container.responsive button.secondary-step,
div.registration-page-container.responsive a.next-step, 
div.registration-page-container.responsive button.next-step, 
div.registration-page-container.responsive button.action-button, 
.msk-giving div.registration-page-container.responsive .button {
    font-family:  "MSK Sans Web";
    font-weight: 400;
    font-size: 16px;
    background-image: none;
    background-color:  var(--white) !important;
    color: var(--blue) !important;
    border: 2px solid var(--blue);
    border-radius: 70px !important;
    padding: 11px 16px;
    
    text-transform: none;
    float: right;
}
div.registration-page-container.responsive button.next-step span {
    color: var(--blue);
}
div.tr-page-container.responsive a:hover.secondary-step, 
div.tr-page-container.responsive button:hover.secondary-step,
div.registration-page-container.responsive a:hover.next-step, 
div.registration-page-container.responsive button:hover.next-step, 
div.registration-page-container.responsive button:hover.action-button, 
.msk-giving div.registration-page-container.responsive .button:hover {
    background-color: var(--navy) !important;
    color: var(--white) !important;
    border: 2px solid var(--navy) !important;
   border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;

}
div.registration-page-container.responsive button:hover.next-step span {
    color: #ffffff;
}
div.registration-page-container.responsive button.previous-step,
div.registration-page-container.responsive #btn_prev, 
div.registration-page-container.responsive button.cancel-step, 
div.registration-page-container.responsive #start-over, 
div.registration-page-container.responsive #fuw_previous, 
div.registration-page-container.responsive #pstep_previous, 
div.registration-page-container.responsive #previous_step {
    background-color: var(--gray-medium);
    box-shadow: none;
    background-image: none;
    font-family:  "MSK Sans Web";
    font-weight: 400;
    font-size: 16px;
    background-color: var(--gray-medium);
    color: var(--white);
    border: 2px solid var(--gray-medium);
    border-radius: 70px;
    padding: 11px 16px;
    
    text-transform: none;
    float: left;
    text-decoration: none;
}
div.registration-page-container.responsive button:hover.previous-step,
div.registration-page-container.responsive #btn_prev:hover, 
div.registration-page-container.responsive button:hover.cancel-step, 
div.registration-page-container.responsive #start-over:hover, 
div.registration-page-container.responsive #fuw_previous:hover, 
div.registration-page-container.responsive #pstep_previous:hover, 
div.registration-page-container.responsive #previous_step:hover {
    background-color: var(--gray-dark);
    border: 2px solid var(--gray-dark);
    color: var(--white);
   border-radius: 70px;
}

/** reg gift buttons **/

#participation_options_page .input-container {
    margin-top: 0;
}

#part_type_additional_gift_container .donation-level-row-container {
    color: var(--blue)!important;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: solid 2px var(--blue);
    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(--navy);
    color: var(--white);
    border: solid 2px var(--navy);
}
#part_type_additional_gift_container .donation-level-row-container:hover label, 
#part_type_additional_gift_container .donation-level-row-container.active label {
    color: var(--white);
}
#part_type_additional_gift_container .donation-level-row-container input[type=radio] {
    opacity: 0;
    height: auto;
    width: auto;
    margin: 0;
    visibility: visible;
    position: absolute;
    display: inline-block;
}
#part_type_additional_gift_container .donation-level-row-container label {
    display: block;
    min-width: 100px;
    text-align: center;
    color: var(--blue);
    padding: 11px 16px;
    /*font-weight: 700;*/
    margin-bottom: 0;
    font-size: 16px;
}
#part_type_additional_gift_container .donation-level-label-input-container {
    display: block;
    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: var(--white);
    padding: 8px;
    margin: 0;
    font-size: 16px;
    width: 122px;
    display: inline-block;
    margin-top: 2px !important;
    margin-right: 2px;
    border-radius: 70px;
}
#part_type_additional_gift_container .donation-level-row-container.other-amt .donation-level-row-label {
    display: inline-block;
    padding: 12px;
}
.donation-level-row-container.other-amt .input-container {
    margin-bottom: 0;
}
#part_type_additional_gift_container .donation-level-row-container {
    margin: 6px 8px 6px 0;
    display: inline-block !important;
}

#part_type_additional_gift_container .donation-level-row-container:focus-within { 
    outline: var(--blue) auto 1px;
    outline-color: #2986e2;
    outline-style: auto;
    outline-width: 1px;
}

div#part_type_anonymous_input_container label {
    vertical-align: middle;
    max-width: 95%;
}

@media (max-width: 576px) {
    #part_type_additional_gift_container .donation-level-row-container {
        width: 48%;
        margin:5px 2px;
    }

    #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%;
        margin: auto;
    }

    #part_type_additional_gift_container .donation-level-row-container.other-amt .input-container:before {
        content: '$';
        display: inline-block;
        width: 1em;
        height: 1em;
        padding: 10px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        font-family: "MSK Sans Web";
        color: var(--blue);
    }
    #part_type_additional_gift_container .donation-level-row-container.other-amt.active .input-container:before {
        color: var(--white);
    }
    #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: 75%;
        margin: 4px 6px;
        top: 0;
        position: relative;
    }

}
/** end reg gift buttons **/

/** end reg buttons **/
/** entry page **/
div.entry-page-button-container {
    text-align: center;
}

#entry a.step-button {
    float: none;
    margin: auto;
    display: inline-block;
}
/* team find page */ 

#team_find_page button#fr_find_search.step-button:hover span {
    color: var(--white) !important;
}

#team_find_page button#fr_find_search.step-button span {
    color: var(--blue) !important;
}

#team_find_page div#team_find_existing_team_search_container.input-container {
    vertical-align: top;
    margin-top: 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 #ccc;
    margin-bottom: 24px;
    padding: 0 0 20px 0;
}
.mobile #team_find_page div#team_find_search_results_container,
#team_find_page div#team_find_search_results_container {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: -15px 0 0 0;
}

#team_find_page span#team_find_search_results_header_text,
div#team_find_search_results_password_hint_container {
    display: none;
}
div#team_find_search_results_container .list-component-cell-column-team-name .list-component-cell-data-text a {
        font-family: "MSK Sans Web";
        font-weight: 400;
}
div#team_find_search_results_container div.list-component-cell.list-component-cell-column-team-name {
    margin-bottom: 0;
}
div#team_find_search_results_container div.list-component-cell span.list-component-cell-title-text {
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    margin-right: 10px;
}
div#team_find_search_results_container div.list-component-cell.list-component-cell-column-team-password .list-component-cell-title-text,
div#team_find_search_results_container div.list-component-cell-column-team-name span.list-component-cell-title-text {
    display: none;
}

.mobile div#team_find_search_results_container div.list-component-cell.list-component-cell-column-team-name {
    width: 100%;
}
div#team_find_existing_team_search_container {
    width: 100%;
    max-width: 500px;
}
.mobile #team_find_page input#fr_team_name,
div#team_find_existing_team_search_container input#fr_team_name {
    width: 100%;
    max-width: 500px;
}
#team_find_page a.list-component-paginator-link,
#team_find_page span.list-component-sort-select-text,
#team_find_page label {
    font-size: 16px;
    font-family:  "MSK Sans Web";
}

#team_find_page button#fr_find_search {
    float: none;
}

/* team password page */
@media only screen and (max-width: 767px) {
  #team_password_page div#team_password_password_input_container.input-container,
  #team_password_page div#team_password_password_repeat_input_container.input-container {
    width: 100%;
    margin: 0 0 10px 0;
  }    
  .mobile #team_password_page input[type="password"] {
    width: 100%;
  }
}

/* log in page */

.mobile div#user_type_login_container, 
div#user_type_login_container {
    float: left;
    width: 234px;
    margin-left: 0;
    margin-right: 0;
    background-color: var(--white) !important;
    border: none !important;
    padding: 10px;
}
div#user_type_new_participant_registration_container #next_step {
    margin-left: 0;
}
div#user_type_login_container button#user_type_login_email_button {
    color: var(--blue) !important;
}
div#user_type_login_container button#user_type_login_email_button:hover {
    color: var(--white) !important;
}
@media (max-width: 576px) {
    .mobile div#user_type_login_container, 
    .mobile div#user_type_new_participant_registration_container {
        float: none;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 15px;
        padding: 10px;
    }

    div#user_type_login_container input {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}
/** start team/ event page **/
div#team_find_registration_type_container {
    display: none;
}
@media (max-width: 576px) {
    .mobile #team_find_page input#fr_team_member_goal, 
    .mobile #team_find_page input#fr_team_name,
    input#fr_team_goal,
    input#fr_team_password,
    div#team_find_new_team_name,
    div#team_find_new_fundraising_goal,
    div#team_find_new_password {
        width: 100%;
        max-width: 100%;
    }

}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .mobile #team_find_new_team_attributes, .mobile #team_find_new_team_company {
        width: 100%;
    }
}

/** part type options page **/

div#part_type_fundraising_goal_input_container {}
div#part_type_fundraising_goal_input_container div.manageable-content {
  display: inline-block;
  vertical-align: bottom;
}

div#part_type_fundraising_goal_container label {
    margin-bottom: 10px;
}

div#part_type_additional_gift_container {
    margin-top: 5px;
}
.mobile #part_type_individual_company_input_container {
    padding-left: 0;
}
@media (max-width: 576px) {
	.mobile #part_type_anonymous_input_container label {
	    max-width: 90%;
	    width: 100%;
	}

	div#part_type_fundraising_goal_container input {
	    margin-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .mobile #participation_options_page .input-container {
      margin-top: 0;
  }
  .mobile div.registration-page-container div.section-body {
    padding:0;
  }
}

@media only screen and (max-width: 767px){
  .mobile #participation_options_page .input-container {
      margin-top: 0;
  }
  .mobile div.registration-page-container div.section-body {
    padding:0;
  }
  div#part_type_donation_level_input_container {
    text-align: center;
  }
  .mobile div#registration_options_page span.survey-textarea-container textarea {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

/** reg info page **/

div.registration-page-container div.sub-section-body {
    padding: 0;
}

#registration_options_page div#cons_info_component_container div#personal_info_section_one, 
#registration_options_page div#cons_info_component_container div#personal_info_section_two, 
#registration_options_page div#cons_info_component_container div#contact_info_section_one, 
#registration_options_page div#cons_info_component_container div#contact_info_section_two, 
#registration_options_page div#user_name_pword_container, 
#registration_options_page div#privacy_opts_container, 
#registration_options_page div#tribute_component_section_one, 
#registration_options_page div#tribute_component_section_two, 
#registration_options_page #emergency_contact_container, 
#registration_options_page div#gift_notice_optin, 
#registration_options_page div#email_optin {
    width: 100%;
    float: none;
}
#registration_options_page div.cons-full-address-container,
#registration_options_page div.cons-address-street-full-container, 
#registration_options_page div.cons-info-question-container {
    display: inline-block;
}
#registration_options_page .survey-question-container select,
#registration_options_page .survey-question-container input[type="text"],
#registration_options_page div.cons-info-question-container, 
#registration_options_page div#cons_info_component_container .form-content, 
#registration_options_page div#cons_info_component_container .form-content input,
#registration_options_page div#participant_info_container .form-content,
#registration_options_page div#participant_info_container .form-content input {
    width: 100%;
    max-width: 300px;
}

div#registration_options_page.registration-page-container div.form-content {
    margin-right: 0;
}

div#registration_options_page.registration-page-container div.sub-section-header:before {
    content: "";
    display: block;
    width: 35px;
    height: 2px;
    background-color: var(--gray-dark);
    margin: 14px 0;
}

div#registration_options_page.registration-page-container #cons_info_component_personal_info_section div.sub-section-header:before {
    display: none;
}
div#registration_options_page.registration-page-container div.sub-section-header {
    margin: 14px 0;
}

div#registration_options_page label {
    margin-bottom: 4px;
    color:
}
div#registration_options_page .indented-field-group {
    margin-left: 0;
}

.mobile div#gift_notice_optin label, div#gift_notice_optin label {
    max-width: 90%;
}


#registration_options_page select#cons_state, 
#registration_options_page span#cons_birth_date_date select, 
#registration_options_page #additional_questions_container select {
    min-width: 120px;
    /*width: auto;*/
}
@media (max-width: 576px){
  #registration_options_page .survey-question-container select,
  #registration_options_page input[type="password"],
  #registration_options_page input[type="text"],
  #registration_options_page .survey-question-container input[type="text"],
  #registration_options_page div.cons-info-question-container, 
  #registration_options_page div#cons_info_component_container .form-content, 
  #registration_options_page div#cons_info_component_container .form-content input,
  #registration_options_page div#participant_info_container .form-content,
  #registration_options_page div#participant_info_container .form-content input {
      width: 100%;
      max-width: 100%;
  }
}


/** waiver page **/
div#fr_waiver_page div.waiver-text {
    margin: 10px 0;
}
.agree-block label {
    max-width: 90%;
    margin-left: 24px;
}

/** reg pament **/
#reg_payment_page #longPayBtn, #reg_payment_page #responsive_payment_typecc_type_row, #reg_payment_page #reg_billing_info_block h3, #reg_payment_page .payment-field-container h3, #reg_payment_page a.HelpLink, .mobile #reg_payment_page div#billing_suffix_row.form-row {
  display: none;
}
#reg_payment_page.registration-page-container div.label-value-block-container {
  border: none;
  padding: 0;
  max-width: 100%;
  margin: 0;
}
#reg_payment_page.registration-page-container #reg_total_amt, #reg_payment_page.registration-page-container #reg_total_label {
  font-weight: 400;
  font-size: 24px;
  float: none;
  padding-right: 12px;
  color: var(--gray-dary);
  font-family: "MSK Sans Web";
}
#reg_payment_page #billing_addr_country_row, #reg_payment_page div#billing_addr_street1_row, #reg_payment_page div#billing_addr_street2_row, #reg_payment_page div#responsive_payment_typecc_number_row, #reg_payment_page div#responsive_payment_typecc_exp_date_row, #reg_payment_page div#responsive_payment_typecc_cvv_row {
  display: inline-block;
  vertical-align: top;
}
#reg_payment_page div.form-row, #reg_payment_page div.form-row div.form-content {
  margin-right: 0;
  width: 100%;
  max-width: 330px;
  margin-bottom: 10px;
}
#reg_payment_page div.form-row div.form-content > select, .mobile #reg_payment_page div.form-row div.form-content input[type="text"] {
  width: 100% !important;
  min-width: 280px;
}
#reg_payment_page div.form-row div.form-content select#responsive_payment_typecc_exp_date_MONTH, #reg_payment_page div.form-row div.form-content select#responsive_payment_typecc_exp_date_YEAR {
  width: 49.4%;
}
#reg_payment_page div.form-row div.form-content input#responsive_payment_typecc_cvvname {
  width: 120px;
  min-width: 120px;
}
#reg_payment_page div.form-row div.form-content input#billing_addr_zipname {
  width: 100%;
  min-width: 160px;
}
div#reg_payment_page.registration-page-container h3#title_container {
  margin-bottom: 20px;
}
.mobile #reg_payment_page div.section-body {
  padding: 0;
}
@media (max-width: 767px) {
  #reg_payment_page div#responsive_payment_typecc_cvv_row, #reg_payment_page div.form-row, #reg_payment_page div.form-row div.form-content, #reg_payment_page #billing_addr_country_row, #reg_payment_page div#responsive_payment_typecc_number_row, #reg_payment_page div#billing_addr_street1_row, #reg_payment_page div#billing_addr_street2_row, #reg_payment_page div#responsive_payment_typecc_cvv_row {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .mobile #reg_payment_page #billing_addr_street1_row input, .mobile #reg_payment_page #billing_addr_street2_row input {
    width: 100%;
  }
  .mobile #reg_payment_page select {
    max-width: 100%;
  }
}

/** summary page **/

#fr_reg_summary_page.registration-page-container div.section-footer.clearfix {
    padding: 0;
}

#fr_reg_summary_page.registration-page-container span#page_info1_reg_num,
#fr_reg_summary_page.registration-page-container span#page_info1_container,
#fr_reg_summary_page.registration-page-container #previous_step br {
display: none;
}
div.reg-summary-thanks-common-container div.reg-summary-name-info {
background-color: transparent;
border: none;
}
div.reg-summary-thanks-common-container div.reg-summary-name-info span.contact-info-name {
color: var(--gray-dark);
font-size: 1.2em !important;
font-weight: normal !important;
display: inline-block !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;
}
#fr_reg_summary_page #previous_step {
margin-top: 10px;
}

div#reg_payment_info_block {
margin-top: 20px;
}

#fr_reg_summary_page #fr_reg_summary_page div#reg_summary_body_container {
padding: 0 !important;
}

#fr_reg_summary_page .reg-summary-option-info-container.clearfix {
    display: table;
    width: 100%;
}
div.reg-summary-thanks-common-container div.reg-summary-address-info {
    width: 33%;
}
div.reg-summary-thanks-common-container div.reg-summary-event-info {
    width: 67%;
}
#fr_reg_summary_page  .reg-summary-address-info.mobile-hidden * {
    line-break: auto;
    word-break: break-word;
}
#fr_reg_summary_page  .reg-summary-edit-link {
    white-space: nowrap;
}
/** end summary page **/

/** general TR mobile **/
@media (max-width: 576px){

  div#main-content {
      padding: 10px;
  }
  .mobile #fr_reg_summary_page div.action-button-container,
  div.registration-page-container.responsive button {
      display:block;
      width:100%
  }

}

/** reg thanks **/

#fr_thanks_page a#part_ctr_container, 
#fr_thanks_page h3#registration_summary_header, 
#fr_thanks_page .reg-summary-participant-info-container {
    display: none;
}

#fr_thanks_page a#part_ctr_container_step {
    float: none;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    max-width: 500px;
}


/*================ end TR stlyes =========================*/

/*================ restyle5/23 ===========================*/

div#registration_options_page label {
color: var(--navy);
}
div#registration_options_page .indented-field-group label {
    color: var(--gray-dark);
}
div.responsive fieldset legend {
    font-size: 16px;
    color: var(--navy);
}
div#gift_notice_optin label {
    color: var(--gray-dark);
}

div.reg-summary-thanks-common-container div.reg-summary-address-info,
div.reg-summary-thanks-common-container div.reg-summary-event-info {
    border: 2px solid var(--warm-gray);
}
/*================ hide social login from TR login page ===========================*/
#f2fLoginOauth {
  display: none;
}