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



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

/*** D8 Wrapper Styles ***/
a#edit-recurring-return, a#edit-block-cancel-link2, a#update_credita_card_cancel_button {
    text-decoration: none;
}
#outer-cont a {
    color: var(--blue);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-position: under;
    text-underline-offset: 1px;
    -webkit-text-decoration: underline;
    
}
#outer-cont a:hover {
    color: var(--navy);
    text-decoration: underline;
    text-decoration-thickness: 4px;
    text-underline-position: under;
    -webkit-text-decoration: underline;
    
}

/*.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;
}

.HelpLink:focus, a.HelpLink:focus,
#outer-cont a:focus {
    color: var(--navy) !important;
    outline-color: var(--blue);
    outline-width: 1px;
    outline-style: solid;
    /* border-radius: 0; */
}
p.mail-link-note a.button.button--textlink.button--arrow.alternative-color:focus {
    background-color: transparent !important;
    outline-width: 1px !important;
    border: none !important;
}
div#login-container input[type="submit"]:focus {
    outline: solid 1px var(--blue);
    background-color: var(--navy);
}
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: fixed !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    padding: 0 12px;
    z-index: 100;
    outline-offset: -1px;
    outline: #000 auto 1px;
}
a#msk-home:focus {
    outline-offset: 0px;
    outline: #000 auto 1px;
}
.site-header a.lo-donate-home {
    min-width: 158px;
}
/*.msk-giving :active,*/
.msk-giving :-moz-focusring,
.msk-giving :focus-visible,
.msk-giving :focus {
    outline: #2986e2 auto 1px !important;
    outline-color: #2986e2;
    outline-style: auto;
    outline-width: 1px;
    border: 1px solid #2986e2 !important;
}
div.responsive a:visited, div.responsive a:link {
    color: var(--blue);
}
main#outer-cont.container {
    width: 100%;
}
div#main-content {
    max-width: 1208px;
    box-sizing: border-box;
    padding: 50px 24px 70px 24px;
}
#outer-cont p {
    font-family:'MSK Sans Web';
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-dark);
}
div.responsive {
  font-family: inherit;
  font-size: inherit;
}
div.responsive a:visited, div.responsive a:link {
    color: var(--blue);
}
.aural-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.footer__section:first-child {
  max-width: 230px;
}
th {
    font-weight: normal;
}
/*=============== General Form Fields ==================*/
.FormLabelText, div.responsive legend, div.responsive label {
  font-family:'MSK Sans Web';
}
div.responsive input[type="text"], div.responsive input[type="search"], div.responsive input[type="url"], div.responsive input[type="number"], div.responsive input[type="email"], div.responsive input[type="password"], div.responsive input[type="tel"], div.responsive textarea, div.responsive select {
    font-family: 'MSK Sans Web';
    font-size: 16px;
    line-height: 21px;
    color: var(--gray-dark);
    background-color: var(--white);
    background-image: none;
    border: 1px solid var(--navy);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 8px;
    margin-top: 0 !important;
    height: 42px !important;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border-radius: 4px;
}
select:-ms-expand {
    display: none;
}
div.responsive textarea {
  height: auto;
}
div.responsive input[type="text"]:focus, div.responsive input[type="search"]:focus, div.responsive input[type="url"]:focus, div.responsive input[type="number"]:focus, div.responsive input[type="email"]:focus, div.responsive input[type="password"]:focus, div.responsive textarea:focus, div.responsive select:focus {
    outline: var(--navy)auto 1px;
    outline-color: var(--navy);
    outline-style: auto;
    outline-width: 1px;
}
input[type="checkbox"], input[type="radio"] {
  width: auto;
  margin-right: 0.3em;
}
div.responsive input[type=checkbox] {
    margin-top: 0px;
}

/** Checkboxes **/
.msk-giving div#registration_options_page #gift_notice_optin,
.msk-giving .agree-block, 
.msk-giving div#part_type_anonymous_input_container, 
.msk-giving div#registration_options_page .indented-field-group li.input-container,
.msk-giving .donation-form-container .custom-element-checkbox-label,
.msk-giving .donation-level-container-generic-repeat.form-input,
.msk-giving .donation-form-container .form-checkbox .form-content {
    position: relative;
}
.msk-giving div.registration-page-container.responsive .survey-question-container input[type=radio],
.msk-giving div.responsive input[type=checkbox] {
  opacity: 0;
}
.msk-giving .donation-form-container label.CheckboxLabel:before,
.msk-giving div#registration_options_page #gift_notice_optin label:before,
.msk-giving .agree-block span.Explicit:before, 
.msk-giving div#part_type_anonymous_input_container label:before, 
.msk-giving div#registration_options_page .indented-field-group label:before, 
.msk-giving .donation-level-container-generic-repeat label:before,
.msk-giving .donation-form-container .custom-element-checkbox-label:before,
.msk-giving .donation-form-container .form-checkbox label:before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;

  border: 1.5px solid var(--navy);
  background: #fff;
  position: absolute;
  top: 2px;
  left: 0px;
  margin-right: 6px;
  border-radius: 2px;
}
.msk-giving div.registration-page-container.responsive input[type=radio]:checked + label:after,
.msk-giving div.registration-page-container.responsive div.agree-block input[type=checkbox]:checked + span:after, 
.msk-giving div.registration-page-container.responsive input[type=checkbox]:checked + label:after,
.msk-giving div.donation-form-container.responsive input[type=checkbox]:checked + label:after {
  content: "";
  display: inline-block;
  height: 5px;
  width: 8px;
  border-left: 2px solid var(--blue);
  border-bottom: 2px solid var(--blue);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  left: 3px;
  top: 6px;
  color: var(--blue);
  transition: all .2s;
}


.msk-giving div.donation-form-container.responsive .custom-element-checkbox-label:before {
  left:-20px;
  top: 0;
}
.msk-giving div.donation-form-container.responsive input[type=checkbox]:checked + label.custom-element-checkbox-label:after {
  left:-16px;
  top: 4px;
}
.msk-giving .donation-level-container-generic-repeat label:before {
    top: 12px;
}
.msk-giving div.responsive .donation-level-container-generic-repeat input[type=checkbox]:checked + label:after {
    top: 16px;
}
.msk-giving .donation-form-container input[type="checkbox"]:focus + label.CheckboxLabel:before,
.msk-giving .agree-block:focus-within span:before, 
/*.msk-giving .agree-block input[type="checkbox"]:focus + .manageable-content:before,*/
.msk-giving div#registration_options_page input[type="checkbox"]:focus + span #opt_in_label:before,
.msk-giving div#registration_options_page input[type="checkbox"]:focus + label:before, 
.msk-giving div#registration_options_page input[type="checkbox"]:focus + .custom-element-checkbox-label:before, 
.msk-giving div#part_type_anonymous_input_container input[type="checkbox"]:focus + label:before,
.msk-giving div#registration_options_page .form-checkbox input[type="checkbox"]:focus + label:before,
.msk-giving .donation-level-container-generic-repeat input[type="checkbox"]:focus + label:before, 
.msk-giving .donation-form-container input[type="checkbox"]:focus + .custom-element-checkbox-label:before, 
.msk-giving .donation-form-container .form-checkbox input[type="checkbox"]:focus + label:before {
    outline: var(--blue) auto 1px;
    outline-color: var(--blue);
    outline-style: auto;
    outline-width: 1px;
}
input#fr_accept {
    position: absolute;
    z-index: 100;
}
/** End Checkboxes **/

/** Radios **/

.msk-giving #payment_bank_container .radio-array-list li {
    position: relative;
}
div#registration_options_page .reg-radio-group input[type=radio],
.msk-giving #payment_bank_container .form-radio-array input[type=radio] {
    opacity: 0 ;
}

div#registration_options_page .reg-radio-group .indented-field-group input[type=radio]:checked+label:before,
.msk-giving #payment_bank_container .form-radio-array input[type=radio]:checked+span.radio-label:before {
    background: var(--blue);
}

div#registration_options_page .reg-radio-group .indented-field-group label:before,
.msk-giving #payment_bank_container .form-radio-array span.radio-label:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid #a6a6a6;
    position: absolute;
    top: 5px;
    left: 14px;
    border-radius: 30px;
    transition: all .2s;
    vertical-align: middle;
    background-color: var(--white);
}

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;
}

.msk-giving #payment_bank_container .form-radio-array span.radio-label:before,
div#registration_options_page .reg-radio-group .indented-field-group label:before {
    top: 3px;
    left: 0;
}

.msk-giving div#payment_bank_container li label {
    padding-left: 24px;
    position: absolute;
    left: 0px;
}
.msk-giving div#registration_options_page input[type=radio]:focus + label:before,
.msk-giving #payment_bank_container .form-radio-array input[type=radio]:focus + span.radio-label:before {
    /*outline: #000000 auto 1px;
    box-shadow: 0 0 0 1px black;*/
    outline: var(--blue) auto 1px;
    outline-color: var(--blue);
    outline-style: auto;
    outline-width: 1px;
}
/** End Radios **/

/*=============== End General Form Fields ==================*/







 




/*=============== ERROR message Styles ==================*/
div.responsive span.field-required {
  /*display: inline-block;
    zoom: 1;
    height: 9px;
    width: 9px;
    background-image: url('https://secure2.convio.net/mskcc/images/required.png');
    background-repeat: no-repeat;
    vertical-align: top;
    margin-top: 2px;*/
}
div.responsive span.header-warning-message {
  display: none;
  /*display: inline-block;
    zoom: 1;
    height: 16px;
    width: 16px;
    background-image: url('https://secure2.convio.net/mskcc/images/warning.gif');
    background-image: none;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-top: 2px;*/
}
div.responsive span.header-info-message {
  display: none;
  /*display: inline-block;
    zoom: 1;
    height: 16px;
    width: 16px;
    background-image: url('https://secure2.convio.net/mskcc/images/info.gif');
    background-image: none;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-top: 2px; */
}
div.responsive div.ShoppingCartContents, div.SuccessMsg, p.SuccessMessage {
  color: var(--gray-dark);
  font-weight: 400;
  background-color: #e4ffe3;
  border: solid 1px #008937;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: 0;
}
div.responsive div.form-info-message div.form-message-text {
  color: var(--gray-dark);
  font-weight: 400;
  background-color: #ebfcfa;
  border: solid 1px #037d98;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: 0;
}
div.ErrorMsg, p.ErrorMessage, div.responsive div.ErrorMessage {
  margin-bottom: 4px;
  color: var(--gray-dark);
}
/* Page level errors */
div.ErrorMsg, p.ErrorMessage, div.responsive div.ErrorMessage.page-error {
  border: 1px solid #e40d00;
  background-color: #ffede8;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: auto;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 400;
}
/* Page level error indicator */
div.responsive div.ErrorMessage.page-error > span.field-error-indicator {
  display: none;
  /*height: 23px;
    width: 24px;
    background-image: url(https://secure2.convio.net/mskcc/images/page_error_icon.png);
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position-x: 8px;
    display: inline-block;
    zoom: 1;*/
}
/* Page level error text */
div.responsive div.ErrorMessage.page-error > span.field-error-text {
  border: none;
  background-color: transparent;
  color: var(--gray-dark);
  padding: .75rem 1.25rem;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 1em;
  font-weight: 400;
  display: inline-block;
  zoom: 1;
  width: auto;
}
/* Field error text */
div.ErrorMsg, p.ErrorMessage, div.responsive span.field-error-text {
  color: var(--gray-dark);
  font-size: 1em;
}
div.ErrorMsg, p.ErrorMessage, div.responsive div.form-error {
  border: 1px solid #e40d00;
  background-color: #ffede8;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: auto;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 10px;
}
/*=============== End ERROR message Styles ==================*/

/*=============== Session Popup Styles 7/25 ==================*/
.yui-panel-container.yui-dialog.yui-simple-dialog.shadow {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
    border: 2px solid #002569;
}

div#keepAlive span.button-group button {
    background-color: var(--blue);
    border: 2px solid var(--blue);
    text-decoration: none;
    color: var(--white) !important;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    max-width: 250px;
    text-align: center;
    line-height: 160%;
    padding: 11px 16px;
    margin: 24px 4px 10px 4px;
    display: inline-block !important;
    font-family: "MSK Sans Web";
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
}
div#keepAlive span.yui-button.yui-push-button {
    display:inline-block; 
    margin-right:12px;
}
/*=============== End Session Popup Styles ==================*/

#block-sitebranding img {
    max-width: 209px;
}
.site-header-branding{position: fixed;  width: 100%;z-index: 9;}
.msk-giving-new-header .inner-container {
  margin-left: 1rem;
}
.msk-giving-new-header .inner-container img {
  padding-left: 6px;
}
.msk-giving-new-header #block-sitebranding {
  padding: 8px 0;
}
.msk-giving-new-header .site-header-items {
  align-items: end;
  justify-content: space-between;
  width: 100%;
}
.msk-giving-new-header a.lo-donate-home{
  padding: 10px 18px;
  height: auto;
  border-radius: 70px;
}
.msk-giving-new-header a.lo-donate-home:hover{
  background-color: var(--navy) !important;
}
.msk-giving-new-header .site-header a.lo-donate-home{min-width: auto;}
.msk-giving-new-header .header-wrapper {
  box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
    position: fixed;    
    width: 100%;
    z-index: 9;
    background: #fff;
}
.msk-giving-new-header .header-wrapper header.site-header {
  justify-content: space-between;
  position: relative;
  box-shadow: none;
  align-items: end;
  height: 133px;
  width: 100%;
}
.msk-giving-new-header .site-header-logo{margin-left: 1rem;}
.msk-giving-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: #0073e0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    content: "";
    margin-right: 5px;
    position: static;
    margin-bottom: -4px;
}
.msk-giving-new-header .site-header .header-ctas li{list-style: none;    padding-bottom: 15px;}
.msk-giving-new-header .site-header .header-ctas .links {
    padding-bottom: 5px;
    text-align: right;
}
.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;
}
.footer_inner {
  color: #fff;
}
ul.menu.menu--connect li {
  display: flex;
}
ul.menu.menu--connect li svg{padding-right:5px;}
.footer_inner {
  color: #fff;
}
.border-top{
  border-top: 1px solid #70BCFF !important;
} 
.border-bottom{
  border-bottom: 1px solid #70BCFF !important;
}
.pad56{
  padding: 64px 0;
}
.msk-giving .footer_inner .footer__title:after {
  content: none;
}
.msk-giving .footer .footer_inner .menu--social {
  margin-left: 0px;
}
.menu__item.menu__item--programs {
  padding-top: 64px;
}
.footer_inner img {
  max-width: 100%;
}
.msk-giving .footer .footer_inner a {
  color: #fff;
}

.footer_inner input#cons_email {
  background: #fff;
  border-radius: 4px;
  color: #272524;
  font-size: 14px;
}
.msk-giving .footer.darkbg{
  background-color: #002569;
}
.custombtn {
    padding: 8px 16px !important;
}
.footer input[type=submit].button {
    border: 0;
}
p.footer__copyright {
  line-height: 22.4px;
  letter-spacing: 0 !important;
}
.hidden{display:none;}
.msk-giving .msk-giving-new-header .site-header-button.menu-item:last-of-type {
    background-color: var(--blue-link);
    text-transform: inherit;
}
.hidden{display:none;}
.footer_inner input#cons_email::placeholder{
	color: #5e5d5a;
	font-size: 14px;
    line-height: 30px;
	font-weight:500;
	font-family:MSK Sans Web;
  letter-spacing: 0px;
}
.footer .webform-submission-newsletter-signup-form input[type=email]{
    height: 46px;
}
.signup-text {
    max-width: 466px;
}
.signup-text p.footer__title {
    line-height: 31.2px;
}
.signup-text p {
    line-height: 25.6px;
}
.footer_section_top .webform-submission-form .form-item label {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.footer .webform-submission-newsletter-signup-form{align-items: end;margin-bottom: 0px; padding-bottom: 0px; justify-content: flex-end;}
.footer_section_middle p.footer__title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 24px;
}
.footer_section_middle ul li.menu-item a {
    font-size: 16px;
    line-height: 24px;
}
.footer a.open_in_new {
    font-size: 16px;
    line-height: 25.6px;
}
.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 #70BCFF;
    padding: 0 10px;
}
input#ACTION_SUBMIT_SURVEY_RESPONSE {
  background-image: url(https://giving.mskcc.org/sites/default/files/2024-03/MSK_Arrow_Right.svg);
  background-repeat: no-repeat;
  background-position: 116px 10px;
}
.footer_section_copyright .footer__linkwrapper .menu--legal li:first-child a{
   padding-left: 0px;
    border:0
}
span.material-symbols-outlined {
  font-size: 22px;
  vertical-align: middle;
  font-family: 'Material Symbols Outlined' !important;
}
span.material-symbols-outlined {
  font-size: 22px;
  vertical-align: middle;
  font-family: 'Material Symbols Outlined' !important;
}
button#ACTION_SUBMIT_SURVEY_RESPONSE {
  font-size: 16px;
  border-radius: 70px;
  padding: 10px 12px 10px 16px;
  line-height: 22.4px;
  background: var(--blue);
  border: 0;
  color: #fff;
  font-weight: 700;
  border: 2.5px solid var(--blue);
}
button#ACTION_SUBMIT_SURVEY_RESPONSE:focus {
  background: #fff;
  color: var(--navy);
  border-color: var(--blue);
}
button#ACTION_SUBMIT_SURVEY_RESPONSE:hover {
  background:#fff;
  color: var(--navy);
  border: 2.5px solid #fff;
}
.msk-giving .footer .webform-submission-newsletter-signup-form .form-item{margin-bottom: 0px; width: 73%;}
.footer .webform-submission-newsletter-signup-form .form-actions{width: auto;}
.footer .menu--connect a[href^="https://goo.gl/"]:before {
    font-family: Material Icons;
    content: "location_on";
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 20px;
}
.footer .menu--connect a[href^="tel:"]:before {
    font-family: Material Icons;
    content: "call";
    float: left;
    padding-right: 10px;
    font-size: 20px;
}
.footer .menu--connect a[href^="mailto:"]:before {
    font-family: Material Icons;
    content: "mail_outline";
    float: left;
    padding-right: 10px;
    vertical-align: middle;
    font-size: 20px;
}
ul.menu.menu--legal {
    justify-content: end;
}
.msk-giving .footer.darkbg {
  border-top: 10px solid var(--medium-blue);
}
.msk-giving .footer .form-submit.button {
  font-weight: 600;
    font-size: 14px !important;
    border: 0 !important;
}
.msk-giving .footer .footer_inner a.open_in_new {
  font-weight: 600;
}
.msk-giving .footer .form-submit.button:focus {
  background: #fff !important;
    color: var(--navy) !important;
    border-color: #fff !important;
}
.msk-giving .footer .form-submit:hover {
  color: var(--navy) !important;
}
.msk-giving .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.3rem;
}
.msk-giving .footer .menu--social a{
  width: 40px;
  height: 40px;
}
.msk-giving .site-header .menu .menu-item:hover a {
  color: var(--orange-dark);
}
/* commented used in new header TESTING */

.msk-giving .msk-giving-new-header .site-header .site-header-logo{
  width: 281px;
  margin: 71px 40px 30px 0;
  padding-left: 0;
}

.msk-giving .site-header .header-ctas {
  margin-bottom: 25px;
}
.msk-giving-new-header .site-header .header-ctas .links li.menu-item a {
  font-size: 14px;
  font-weight: 400;
  color: #002569;
}
.msk-giving-new-header .site-header-button.menu-item {
  font-size: 14px;
}
@media (min-width: 992px){
  .msk-giving .site-header .menu .menu-item:hover a {
    /* border-bottom: 2px solid var(--orange-dark); */
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 1px;
    text-underline-position: under;
  }
  .msk-giving .site-header .menu .menu-item:hover {
    border-bottom: 0px;
    padding-bottom: 2px;
  }
  .msk-giving .site-header .menu--main .menu-item a {
    padding: 0;
  }

}

.msk-giving-new-header .header-wrapper.slideUp {
  transform: translateY(-133px);
  transition: transform .5s ease-out
}
.msk-giving-new-header .header-wrapper.slideDown {
  transform: translateY(0);
  transition: transform .5s ease-out
}
.msk-giving-new-header .site-header .site-header-items .menu--main{
  align-items: end;
  height: 133px;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .msk-giving-new-header .header-wrapper.slideDown {
    transform: inherit;
  }
  .msk-giving-new-header .site-header .site-header-items .menu--main {
    height: auto;
    margin-bottom: 0;
  }
  .msk-giving .msk-giving-new-header .site-header .menu .menu-item{
    border-bottom: 1px solid #fbf9f7;
    box-shadow: inset 10px 0 13px -10px rgba(0,0,0,.2);
  }
  .msk-giving-new-header .site-header .header-ctas .links {
    padding-bottom: 0px;
  }
  .msk-giving-new-header .site-header .header-ctas li a:before{display: none;}
  .msk-giving-new-header .site-header .header-ctas .links li.menu-item a {
    font-size: 16px;
    font-weight: 700;
  }
  .msk-giving-new-header .site-header-button.menu-item {
    font-size: 16px;
}
  /* commented used in new header TESTING */
    .msk-giving .msk-giving-new-header .site-header .site-header-logo{margin:25px 0;}
    .msk-giving .msk-giving-new-header .site-header .site-header-logo{width: 246px;}
   
    .msk-giving-new-header .site-header .header-ctas .links{text-align: center;}
    .site-header-items.mobile .menu--main{width: 100%;}
    ul.menu.menu--legal {
      justify-content: start;
    }
  .signup-text {
    max-width: 100%;
  }
  .msk-giving .footer .webform-submission-newsletter-signup-form .form-item {
    width: 85%;
  }
  .ipad-space {
    padding-top: 64px;
  }
  input#ACTION_SUBMIT_SURVEY_RESPONSE {
    background-position: 132px 10px;
  }
	.footer_section_top.flex {
		display: block;
	}
  .footer_section_middle.flex{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .footer_section_bottom.flex {
    display: block;
  }
  .msk-giving-new-header .header-wrapper header.site-header {
    justify-content: space-between;
    align-items: baseline;
    height: auto;
  }
  .msk-giving-new-header .site-header-items {
    align-items: inherit;
    text-align: center;
    width: 300px;
    background: #fff;
    justify-content: start;
  }
  .site-header-items.mobile .header-ctas {
    width: 100%;
  }
  .site-header-items.mobile .header-ctas li.menu-item.login-menu {
    padding: 25px 0;
  }
	.msk-giving-new-header .site-header-items.mobile .menu-item{background-color: #fff;}
  .msk-giving .site-header-button.menu-item:last-of-type {
		background-color: var(--orange-dark);
		max-width: 100%;
		margin: 0;
    border-radius: 0;
    padding: 25px 0;
	}
  .footer .menu--legal {
    flex-direction: inherit;
  }
  .custom-text.equal p {
	  margin-top: 24px;
	  margin-bottom: 0;
	}
  .footer_section_copyright.flex {
    display: block;
  }
  .footer .webform-submission-newsletter-signup-form{
    justify-content: flex-start;
  }
  .msk-giving .msk-giving-new-header .site-header .site-header-icon {
    padding-right: 16px;
  }
  .msk-giving-new-header a.lo-donate-home:hover {
    background-color: var(--blue-link) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px;
  }
  .msk-giving-new-header .site-header .header-ctas .links li.menu-item:hover a {
    color: var(--orange-dark);
}
}

@media (max-width: 767px) {
    ul.menu.menu--legal {
        padding-bottom: 25px;
    }
    .msk-giving .footer .container{
        padding: 0 20px;
    }
    .msk-giving .footer .other-sites {
      justify-content: flex-start;
    }
    .footer .webform-submission-newsletter-signup-form .form-actions{
        margin-top: 32px;
    }
    .footer .webform-submission-newsletter-signup-form .form-item {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
    .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: 100%;}
    .msk-cfs .menu--legal a {
        font-size: 14px;
    }
    .footer input[type=submit].button {
        width: 100%;
    }
	.footer_section_middle .footer_section.equal {
        padding-top: 64px;
	}
	.footer_section_middle .footer_section.equal:first-child {
		padding-top: 0px;
	}
	.flex{ 
    display: block !important;
	}
	.msk-giving-new-header .header-wrapper header.site-header {
		justify-content: space-between;
	}
	.msk-giving-new-header .site-header-items {
		align-items: normal;
		text-align: center;
	}
	.msk-giving-new-header .site-header-items{background: #fff;}
	.msk-giving-new-header .site-header-items.mobile .menu-item{background-color: #fff;}
	.msk-giving .site-header-button.menu-item:last-of-type {
		background-color: var(--orange-dark);
		max-width: 100%;
		margin: 0;
    border-radius: 0;
    padding: 25px 0;
	}
  .footer .menu--legal {
    flex-direction: inherit;
  }
}
.footer .menu--social .menu__item.first {
    padding-left: 0;
    clear: both !important;
}
.footer .menu--social .menu__item {
    padding: .5rem;
    float: left;
}
.footer .menu--social {
    overflow: hidden;
    width: 280px;
    display: block;
}
-->