/* bootstrap 5 add by Garfield */
.m-0 {margin: 0 !important;}
.m-1 {margin: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.m-3 {margin: 1rem !important;}
.m-4 {margin: 1.5rem !important;}
.m-5 {margin: 3rem !important;}
.m-auto {margin: auto !important;}
.mx-0 {margin-right: 0 !important;margin-left: 0 !important;}
.mx-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
.mx-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
.mx-3 {margin-right: 1rem !important;margin-left: 1rem !important;}
.mx-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
.mx-5 {margin-right: 3rem !important;margin-left: 3rem !important;}
.mx-auto {margin-right: auto !important;margin-left: auto !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.my-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}
.my-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}
.my-3 {margin-top: 1rem !important;margin-bottom: 1rem !important;}
.my-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}
.my-5 {margin-top: 3rem !important;margin-bottom: 3rem !important;}
.my-auto {margin-top: auto !important;margin-bottom: auto !important;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mt-3 {margin-top: 1rem !important;}
.mt-4 {margin-top: 1.5rem !important;}
.mt-5 {margin-top: 3rem !important;}
.mt-auto {margin-top: auto !important;}
.me-0 {margin-right: 0 !important;}
.me-1 {margin-right: 0.25rem !important;}
.me-2 {margin-right: 0.5rem !important;}
.me-3 {margin-right: 1rem !important;}
.me-4 {margin-right: 1.5rem !important;}
.me-5 {margin-right: 3rem !important;}
.me-auto {margin-right: auto !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 0.25rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.mb-3 {margin-bottom: 1rem !important;}
.mb-4 {margin-bottom: 1.5rem !important;}
.mb-5 {margin-bottom: 3rem !important;}
.mb-auto {margin-bottom: auto !important;}
.ms-0 {margin-left: 0 !important;}
.ms-1 {margin-left: 0.25rem !important;}
.ms-2 {margin-left: 0.5rem !important;}
.ms-3 {margin-left: 1rem !important;}
.ms-4 {margin-left: 1.5rem !important;}
.ms-5 {margin-left: 3rem !important;}
.ms-auto {margin-left: auto !important;}
.p-0 {padding: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.p-5 {padding: 3rem !important;}
.px-0 {padding-right: 0 !important;padding-left: 0 !important;}
.px-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
.px-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
.px-3 {padding-right: 1rem !important;padding-left: 1rem !important;}
.px-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
.px-5 {padding-right: 3rem !important;padding-left: 3rem !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.py-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}
.py-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
.py-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;}
.py-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
.py-5 {padding-top: 3rem !important;padding-bottom: 3rem !important;}
.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pt-2 {padding-top: 0.5rem !important;}
.pt-3 {padding-top: 1rem !important;}
.pt-4 {padding-top: 1.5rem !important;}
.pt-5 {padding-top: 3rem !important;}
.pe-0 {padding-right: 0 !important;}
.pe-1 {padding-right: 0.25rem !important;}
.pe-2 {padding-right: 0.5rem !important;}
.pe-3 {padding-right: 1rem !important;}
.pe-4 {padding-right: 1.5rem !important;}
.pe-5 {padding-right: 3rem !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.pb-3 {padding-bottom: 1rem !important;}
.pb-4 {padding-bottom: 1.5rem !important;}
.pb-5 {padding-bottom: 3rem !important;}
.ps-0 {padding-left: 0 !important;}
.ps-1 {padding-left: 0.25rem !important;}
.ps-2 {padding-left: 0.5rem !important;}
.ps-3 {padding-left: 1rem !important;}
.ps-4 {padding-left: 1.5rem !important;}
.ps-5 {padding-left: 3rem !important;}

.justify-content-start {justify-content: flex-start !important;}
.justify-content-end {justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly {justify-content: space-evenly !important;}
.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center {align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch {align-items: stretch !important;}
.align-content-start {align-content: flex-start !important;}
.align-content-end {align-content: flex-end !important;}
.align-content-center {align-content: center !important;}
.align-content-between {align-content: space-between !important;}
.align-content-around {align-content: space-around !important;}
.align-content-stretch {align-content: stretch !important;}
.align-self-auto {align-self: auto !important;}
.align-self-start {align-self: flex-start !important;}
.align-self-end {align-self: flex-end !important;}
.align-self-center {align-self: center !important;}
.align-self-baseline {align-self: baseline !important;}
.align-self-stretch {align-self: stretch !important;}

.fw-bold {font-weight: 700 !important;}
.fw-bold * {font-weight: 700}
.w-100 {width: 100% !important;}
.h-100 {height: 100% !important;}
.d-flex{display:flex !important}
.flex-column {flex-direction: column !important}
.flex-1 {flex: 1}
.broder-0 {border: none;}
.rounded-0 {border-radius: 0;}
.rounded-1 {border-radius: 4px;}

.b5-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
.b5-row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.g-0, .gx-0 {--bs-gutter-x: 0;}
.g-0, .gy-0 {--bs-gutter-y: 0;}
.g-1, .gx-1 {--bs-gutter-x: 0.25rem;}
.g-1, .gy-1 {--bs-gutter-y: 0.25rem;}
.g-2, .gx-2 {--bs-gutter-x: 0.5rem;}
.g-2, .gy-2 {--bs-gutter-y: 0.5rem;}
.g-3, .gx-3 {--bs-gutter-x: 1rem;}
.g-3, .gy-3 {--bs-gutter-y: 1rem;}
.g-4, .gx-4 {--bs-gutter-x: 1.5rem;}
.g-4, .gy-4 {--bs-gutter-y: 1.5rem;}
.g-5, .gx-5 {--bs-gutter-x: 3rem;}
.g-5, .gy-5 {--bs-gutter-y: 3rem;}
  
.b5-col {flex: 1 0 0%;}
.b5-col-auto {flex: 0 0 auto;width: auto;}
.b5-col-1 {flex: 0 0 auto;width: 8.33333333%;}
.b5-col-2 {flex: 0 0 auto;width: 16.66666667%;}
.b5-col-3 {flex: 0 0 auto;width: 25%;}
.b5-col-4 {flex: 0 0 auto;width: 33.33333333%;}
.b5-col-5 {flex: 0 0 auto;width: 41.66666667%;}
.b5-col-6 {flex: 0 0 auto;width: 50%;}
.b5-col-7 {flex: 0 0 auto;width: 58.33333333%;}
.b5-col-8 {flex: 0 0 auto;width: 66.66666667%;}
.b5-col-9 {flex: 0 0 auto;width: 75%;}
.b5-col-10 {flex: 0 0 auto;width: 83.33333333%;}
.b5-col-11 {flex: 0 0 auto;width: 91.66666667%;}
.b5-col-12 {flex: 0 0 auto;width: 100%;}

.text-primary {color: #FF00A8;}

i.fa.fa-user.color-primary {color: #ffffff;}

#purple-heart-banner {
    background-image: url(https://d3c8e6vqu4m19g.cloudfront.net/app/uploads/2019/09/GHO_PSDAY_LINES.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 315px 284px;
    background-color: #3e1a3b;
}

#pink-heart-banner {
    background-image: url(https://d3c8e6vqu4m19g.cloudfront.net/app/uploads/2019/09/GHO_PSDAY_LINES.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 315px 284px;
    background-color: #f8517a;
}

#Badges img {
    width: 150px;
}

a.purple-hover:hover {
    color: #3c1c39 !important;
}




/*Sticky Nav - Removed border bottom*/
.funraisin-sticky-nav.sticky {border-bottom: 0;}

/*Footer*/
.social__icon {font-size: 30px; display: inline-block;}
.social__icon+.social__icon {margin-left: 10px;}
.social {text-align: left;}
.footer__links, .frequency, .header__links, .list-icon, .list-inline, .list-unstyled, .social {list-style: none; padding-left: 0;}
.CustomFooter .footer__links {margin-bottom: 30px;}
.CustomFooter .menu-item, .footer__link {display: inline-block; padding-bottom: .2em; padding-top: .2em; font-weight: 700;}
.CustomFooter .menu-item:not(:first-child), .footer__link:not(:first-child) {border-left: 2px solid; margin-left: .75em; padding-left: .75em;}
.list-icon__item {padding-left: 2em; position: relative;}
.list-icon__icon {left: 0; line-height: 1.5; position: absolute; text-align: center; top: 0; width: 1.2em;}
.list-icon__item+.list-icon__item {margin-top: .75em;}
.alignnone {margin: 5px 20px 20px 0;}
.CustomFooter .social a {transition: all 250ms;}
.CustomFooter .social a:focus, .CustomFooter .social a:hover {color: #f0b4ca; text-decoration: none;}
.CustomFooter a:focus, .CustomFooter a:hover {text-decoration: underline;}
.CustomFooter .col-md-9.col-sm-9 {width: 78%;}
.CustomFooter .col-md-3.col-sm-3 {width: 22%;}


/*Sticky Logo*/
#sticky-nav .site-logo img {
    width: 150px;
}

/*Sticky Nav dropdown*/
#sticky-nav ul.funraisin-dropdown-menu li a {
    font-family: Inter;
    font-size: 16px;
    color: var(--mf-purple);
    font-weight: 400;
}

#sticky-nav ul.funraisin-dropdown-menu li a:hover, ul.funraisin-dropdown-menu li a:focus  {
    color: var(--mf-fuchsia);
}

/*Dropdowns*/
.funraisin-dropdown-nav ul.funraisin-dropdown-menu {border-radius: 0;}
.funraisin-dropdown-nav:hover .funraisin-dropdown-menu.LoggedInNavOptions {border-radius: 0;}
ul.funraisin-dropdown-menu li:first-child a {padding-top: 16px !important; padding-bottom: 8px !important;}
ul.funraisin-dropdown-menu li:last-child a {padding-bottom: 16px !important; padding-top: 8px !important;}

/*Register Options*/
.RegisterOptions {
    transition: all 350ms ease-in-out;
    border-radius: 10px !important;
    position: relative;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    background-size: 100% 100% !important;
    aspect-ratio: 36 / 26;
    object-fit: cover;
}

.RegisterOptions .lump-1col > * {
    color: #fff;
}

.RegisterOptions:hover, .RegisterOptions:focus {
    background-size: 108% 108% !Important;
    cursor: pointer;
    transform: translateY(-5px);
}

.RegisterOptions:after {
    content: '';
    background: url('https://d2bv1il3mt2c7d.cloudfront.net/a7673d2843c32364fd8d16af758c9667.svg');
    width: 14px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 30px;
    bottom: 60px;
    transition: all 250ms ease-in-out;
}

.RegisterOptions:hover:after {
    right: 15px;
}


#popup .TextCustomHeight .lump-1col {
    max-height: 600px;
    overflow-y: scroll;
}

@media print {    
    .no-print, .no-print * {
        display: none !important;
    }
}

/*New rego design 2025*/

.template-event-register.new_design .registration-steps,
.template-register.new_design .registration-steps {
    position: relative;
    /*top: 200px;*/
    margin-top: 20px;
    border-bottom: unset;
    z-index: 9;
}

.template-event-register.new_design .register-tabs,
.template-register.new_design .register-tabs {
    position: relative;
    top: 50px;
}

.template-event-register.new_design .register-tabs .nav-tabs {
    padding-top: 0px;
}

.template-event-register.new_design .register-tabs .container,
.template-register.new_design .register-tabs .container {
    width: 750px;
}

.template-event-register.new_design .nav-tabs li,
.template-register.new_design .nav-tabs li {
    border-radius: unset;
    border: unset;
    background: #F3F3F3;
}

.template-event-register.new_design .nav-tabs li.active,
.template-register.new_design .nav-tabs li.active {
    background: #481e4d;
    border-color: #481e4d;
}

.template-event-register.new_design .nav-tabs li h3,
.template-event-register.new_design .nav-tabs li h3 > a > p {
    text-align: left;
    padding-left: 20px;
}

.template-event-register.new_design .registration-steps ul li,
.template-register.new_design .registration-steps ul li {
    border: 1px solid #FFF;
    border-bottom-color: #a5a6a8;
    border-radius: unset;
    background: none;
}

.template-event-register.new_design .registration-steps ul li.current,
.template-register.new_design .registration-steps ul li.current {
    border: 2px solid;
    border-color: #FFF;
    border-bottom-color: #ff02a9;
}

.template-event-register.new_design .registration-steps ul li a,
.template-register.new_design .registration-steps ul li a {
    text-transform: capitalize;
}

.template-event-register.new_design .registration-steps ul li.current a,
.template-register.new_design .registration-steps ul li.current a {
    color: #481f4d;
}

.template-event-register.new_design .funraisin-form .section .container,
.template-register.new_design .funraisin-form .section .container {
    border-width: 0px;
}
.template-event-register.new_design .funraisin-form .form-control,
.template-register.new_design .funraisin-form .form-control {
    height: 50px;
    background-color: #fdf7ee;
    border-color: #fdf7ee;
}

.template-event-register.new_design #collapseDOB .form-control,
.template-register.new_design #collapseDOB .form-control {
    background-color: initial;
    border-width: 2px;
}

.template-event-register.new_design .collapse_dob,
.template-register.new_design .collapse_dob {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: #fdf7ee;
}

.template-event-register.new_design .collapse_dob i,
.template-register.new_design .collapse_dob i {
    position: relative;
    right: 25px;
    color: #ff02a9;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.template-event-register.new_design .collapse_dob i.collapsed,
.template-register.new_design .collapse_dob i.collapsed {
    transform: rotate(0deg);    
}


.template-event-register.new_design .addressdetails .expand-address {
    color: #ff02a9;
    font-size: 14px;
    text-decoration: underline;
}

.new_design .divider {
    height: 1px;
    background: #999999;
}

.template-register.new_design .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.template-register.new_design .flex-box .custom_dollar_handle {
    background-color: #fdf7ee;
    padding: 13px;
    flex-basis: 155px;
    cursor: pointer;
}

.template-register.new_design .flex-box .custom_dollar_handle > * {
    color: #481f4e;
    font-weight: 700;
}

.template-register.new_design .flex-box .custom_dollar_handle.active {
    background-color: #481f4e;
}
.template-register.new_design .flex-box .custom_dollar_handle.active > * {
    color: #fff;
}

.template-register.new_design #tabcreateaccount {
    padding-top: 0px;
}
.template-register.new_design .section:has(div#DIV14) {
    margin-top: 0px;
}
/*login tab*/
.template-event-register.new_design #tablogin .section .container,
.template-register.new_design #tablogin .section .container {
    /*position: relative;*/
    /*top: 80px;*/
}


/*optional donation step*/
.template-register.new_design .donationHandlers.horizontal {
    margin-top: 20px;
}
.template-register.new_design .donationHandlers.horizontal .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.template-register.new_design #amountdetails .donationHandlers a.radio {
    width: 115px;
}
.template-register.new_design #amountdetails .donationHandlers .radio {
    /*flex-basis: 135px !important;*/
    padding: 0px;
    margin: 0px;
}

.template-register.new_design #amountdetails .donationHandlers .radio .radio-text {
    border-radius: unset;
    text-align: center;
    background: #fdf7ee;
    color: #000 !important;
}

.template-register.new_design #amountdetails .donationHandlers .radio.hover .radio-text,
.template-register.new_design #amountdetails .donationHandlers .radio.selected .radio-text {
    background: #48204d;
    color: #fff !important;
}
.template-register.new_design #amountdetails .donationHandlers .radio .radio-amount {
    width: 100%;
}
.template-register.new_design #amountdetails .donationHandlers .radio .input-group,
.template-register.new_design #amountdetails .donationHandlers .radio input {
    height: 64px;
}
.template-register.new_design #amountdetails .donationHandlers .radio .input-group .input-group-addon {
    background: #fdf7ee;
    color: #999999;
    border: unset;
}
.template-register.new_design #amountdetails .donationHandlers .radio.notselected {
    opacity: unset;
}

.template-register.new_design .pinkborder,
.template-register.new_color .pinkborder {
    border-color: #FF00A8;
    color: #FF00A8;
}
.template-register.new_design .pinkborder:hover,
.template-register.new_color .pinkborder:hover {
    border-color: #ed89a4;
    background: #ed89a4;
    color: #FFF;
}

.template-login-dashboard.custom-dashboard .border-primary {
    border-color: #ffdef2;
}

/*Fixes background transparent in the donation button*/
#template-profile #ProfileDonationForm .btn-tertiary {
    background: #ff00a8 !important;
}

.pink-card {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.underline-brush {
  background-image: url('https://d2bv1il3mt2c7d.cloudfront.net/a5354cf948afde6cd3aa588bc222c8f8.svg');
  background-repeat: no-repeat;
  background-position: 0 90%;  
  background-size: 100% 8px; 
  padding-bottom: 4px;  
}

.long-underline-brush {
  background-image: url('https://d2bv1il3mt2c7d.cloudfront.net/91209a45d0fb66ba9e3068a27c2d28c4.svg');
  background-repeat: no-repeat;
  background-position: 0 90%;  
  background-size: 100% 8px; 
  padding-bottom: 4px;  
}

@media only screen and (max-width: 768px) {
    .responsive-padding {
        padding: 0 0px;
    }
}

#sticky-nav .site-logo img {
    width: 150px !important;
}