:root {
        
    /******* Redesign 2023/12 - 4 themes colours - ssfe ( 2026 5 themes colours ) *******/
    /* Event theme colours */
    
    --c200-just-pink: #FF00D6;    
    
    /* 0. Global */
    --c200-white: #fff;
    --c200-white-rgb: 255, 255, 255;
    --c200-lighter-grey: #f5f7fb;
    --c200-grey: #eceef7;
    --c200-dark-grey: #e2e6f4;
    --c200-darker-grey: #d9ddf0;
    --c200-lighter-blue: #d9f1fc;
    --c200-light-blue: #ccecfb;
    --c200-light-blue-middle: #b2e2f9;
    --c200-red: #d71920;
    --c200-black: #000;
    --c200-transparent: transparent;
    --c200-grey-blue: #3d5270;
    --c200-text-color: var(--c200-grey-blue);
    
    /* 1. Default */
    --c200-grey-blue-rgb: 61, 82, 112;
    --c200-cyan: #009feb;
    --c200-cyan-rgb: 0, 159, 235;
    --c200-royal-blue: #4057b4;
    --c200-sky-blue: #78d4f6;
    --c200-lime: #dce655;
    --c200-lime-subtle: #e5ec80;
    
    --c200-primary: var(--c200-cyan);
    --c200-primary-rgb: var(--c200-cyan-rgb);
    --c200-secondary: var(--c200-royal-blue);
    --c200-tertiary: var(--c200-lime);
    --c200-quaternary: var(--c200-sky-blue);
    --c200-quinary: var(--c200-grey-blue);
    --c200-subtle-tone: var(--c200-lime-subtle);
    
    /* 2. Honour roll */
    --c200-aqua: #00bacd;
    --c200-aqua-rgb: 0, 186, 205;
    --c200-aqua-subtle: #80dde6;
    --c200-azure-blue: #0078af;
    --c200-sapphire-blue: #005996;
    --c200-aqua-lighter: #d9f5f8;
    
    /* 3. Power perkins ( new in 2026 ) */
    --c200-orange: #FF521E;
    --c200-orange-rgb: 255, 82, 30;
    --c200-dark-blue: #3D5270;
    --c200-steel-blue: #6cbadb;
    --c200-steel-blue-rgb: 108, 186, 219;
    --c200-steel-blue-subtle: #bbeafa;
    --c200-orange-lighter: #ffcebf;
    
    /* 4. Harry's heroes */
    --c200-violet: #b478c2;
    --c200-violet-rgb: 180, 120, 194;
    --c200-violet-subtle: #dabbe0;
    --c200-indigo: #1e2d82;
    --c200-purple: #3c4b96;
    --c200-violet-lighter: #e9d6ed;
    
    /* 5. Diamond */
    --c200-coral-pink: #ee3353;
    --c200-coral-pink-rgb: 238, 51, 83;
    --c200-mauve: #64104b;
    --c200-orchid: #e17d91;
    --c200-orchid-subtle: #fac2cb;
    --c200-coral-pink-lighter: #fbccd4;
    
    /* 5. Global theme colours - accessible from all tier's themes: Use the custom prefix for additional styling */
    /* a). Additional theme colours: Default - prefix: df */
    --c200-df-primary-rgb: var(--c200-cyan-rgb);
    --c200-df-primary: var(--c200-cyan);
    --c200-df-secondary: var(--c200-royal-blue);
    --c200-df-tertiary: var(--c200-lime);
    --c200-df-quaternary: var(--c200-sky-blue);
    --c200-df-quinary: var(--c200-grey-blue);
    --c200-df-subtle-tone: var(--c200-lime-subtle);
    /* b). Additional theme colours: HonourRoll - prefix: hr */
    --c200-hr-primary-rgb: var(--c200-aqua-rgb);
    --c200-hr-primary: var(--c200-aqua);
    --c200-hr-secondary: var(--c200-sapphire-blue);
    --c200-hr-tertiary: var(--c200-azure-blue);
    --c200-hr-quaternary: var(--c200-aqua-lighter);
    --c200-hr-subtle-tone: var(--c200-aqua-subtle);
    /* c). Additional theme colours: PerkinsPower - prefix: pp ( new in 2026 ) */
    --c200-pp-primary-rgb: var(--c200-orange-rgb);
    --c200-pp-primary: var(--c200-orange);
    --c200-pp-secondary: var(--c200-dark-blue);
    --c200-pp-tertiary: var(--c200-steel-blue);
    --c200-pp-tertiary-rgb: var(--c200-steel-blue-rgb);
    --c200-pp-quaternary: var(--c200-orange-lighter);
    --c200-pp-subtle-tone: var(--c200-steel-blue-subtle);
    /* d). Additional theme colours: HarrysHeroes - prefix: hh */
    --c200-hh-primary-rgb: var(--c200-violet-rgb);
    --c200-hh-primary: var(--c200-violet);
    --c200-hh-secondary: var(--c200-indigo);
    --c200-hh-tertiary: var(--c200-purple);
    --c200-hh-quaternary: var(--c200-violet-lighter);
    --c200-hh-subtle-tone: var(--c200-violet-subtle);
    /* e). Additional theme colours: Diamond - prefix: dm */
    --c200-dm-primary-rgb: var(--c200-coral-pink-rgb);
    --c200-dm-primary: var(--c200-coral-pink);
    --c200-dm-primary-rgb: var(--c200-coral-pink-rgb);
    --c200-dm-secondary: var(--c200-mauve);
    --c200-dm-tertiary: var(--c200-orchid);
    --c200-dm-quaternary: var(--c200-coral-pink-lighter);
    --c200-dm-subtle-tone: var(--c200-orchid-subtle);
    
    /* bg gradients */
    --gradient-df: linear-gradient(90deg, #4459A8 0%, #4459A8 25%, #659ED2 75%, #659ED2 100%);
    --gradient-hr: linear-gradient(90deg, #005996 0%, #005996 10%, #00BACD 90%, #00BACD 100%);
    --gradient-pp: linear-gradient(90deg, #6cbadb 0%, #3D5270 100%);
    --gradient-hh: linear-gradient(90deg, #1E2D82 0%, #1E2D82 10%, #B478C2 100%);
    --gradient-dm: linear-gradient(90deg, #64104B 0%, #64104B 30%, #E17D91 100%);
    
    /* vertical */
    --gradient-df-vertical: linear-gradient(360deg, #4459A8 0%, #4459A8 25%, #659ED2 90%, #659ED2 100%);
    --gradient-hr-vertical: linear-gradient(360deg, #005996 0%, #005996 40%, #00BACD 90%, #00BACD 100%);
    --gradient-pp-vertical: linear-gradient(360deg, #3D5270 0%, #6cbadb 100%);
    --gradient-hh-vertical: linear-gradient(360deg, #1E2D82 0%, #1E2D82 40%, #B478C2 100%);
    --gradient-dm-vertical: linear-gradient(360deg, #64104B 0%, #64104B 50%, #E17D91 100%);
    
    /* from bottom left - bl */
    --gradient-bl-hr: linear-gradient(220deg, #005996 0%, #005996 50%, #00BACD 100%, #00BACD 100%);
    --gradient-bl-pp: linear-gradient(220deg, var(--c200-pp-secondary) 40%, rgba(var(--c200-pp-tertiary-rgb), 1));
    --gradient-bl-hh: linear-gradient(220deg, #1E2D82 0%, #1E2D82 50%, #B478C2 100%);
    --gradient-bl-dm: linear-gradient(220deg, #64104B 0%, #64104B 50%, #E17D91 100%);

}


[data-tier-theme="Default"] {
    --c200-primary      : var(--c200-cyan);
    --c200-primary-rgb  : var(--c200-cyan-rgb);
    --c200-secondary    : var(--c200-royal-blue);
    --c200-tertiary     : var(--c200-lime);
    --c200-quaternary   : var(--c200-sky-blue);
    --c200-subtle-tone  : var(--c200-lime-subtle);
    --c200-heading-color: var(--c200-secondary);
    --c200-text-color   : var(--c200-grey-blue);
    --c200-gradient     : var(--gradient-df);
    --c200-gradient-vertical: var(--gradient-df-vertical);
}
[data-tier-theme="HonourRoll"] {
    --c200-primary      : var(--c200-aqua);
    --c200-primary-rgb  : var(--c200-aqua-rgb);
    --c200-secondary    : var(--c200-sapphire-blue);
    --c200-tertiary     : var(--c200-azure-blue);
    --c200-quaternary   : var(--c200-aqua-lighter);
    --c200-subtle-tone  : var(--c200-aqua-subtle);
    --c200-heading-color: var(--c200-secondary);
    --c200-gradient     : var(--gradient-hr);
    --c200-gradient-vertical: var(--gradient-hr-vertical);
    /* header background image */
    --c200-header-bg-image: url('https://d51ks49dvtw9i.cloudfront.net/434862d31f633808f8b5f30e2b2fa8d8.jpg');
}
[data-tier-theme="PerkinsPower"] {
    --c200-primary      : var(--c200-orange);
    --c200-primary-rgb  : var(--c200-orange-rgb);
    --c200-secondary    : var(--c200-dark-blue);
    --c200-tertiary     : var(--c200-steel-blue);
    --c200-quaternary   : var(--c200-orange-lighter);
    --c200-subtle-tone  : var(--c200-steel-blue-subtle);
    --c200-heading-color: var(--c200-secondary);
    --c200-gradient     : var(--gradient-pp);
    --c200-gradient-vertical: var(--gradient-pp-vertical);
    /* header background image */
    /*--c200-header-bg-image: url('https://d51ks49dvtw9i.cloudfront.net/434862d31f633808f8b5f30e2b2fa8d8.jpg');*/
}
[data-tier-theme="HarrysHeroes"] {
    --c200-primary      : var(--c200-violet);
    --c200-primary-rgb  : var(--c200-violet-rgb);
    --c200-secondary    : var(--c200-indigo);
    --c200-tertiary     : var(--c200-purple);
    --c200-quaternary   : var(--c200-violet-lighter);
    --c200-subtle-tone  : var(--c200-violet-subtle);
    --c200-heading-color: var(--c200-secondary);
    --c200-gradient     : var(--gradient-hh);
    --c200-gradient-vertical: var(--gradient-hh-vertical);
    /* header background image */
    --c200-header-bg-image: url('https://d51ks49dvtw9i.cloudfront.net/e70b60eaf3d87d0e3c2bae7b27272210.jpg');
}
[data-tier-theme="Diamond"] {
    --c200-primary      : var(--c200-coral-pink);
    --c200-primary-rgb  : var(--c200-coral-pink-rgb);
    --c200-secondary    : var(--c200-mauve);
    --c200-tertiary     : var(--c200-orchid);
    --c200-quaternary   : var(--c200-coral-pink-lighter);
    --c200-subtle-tone  : var(--c200-orchid-subtle);
    --c200-heading-color: var(--c200-secondary);
    --c200-gradient     : var(--gradient-dm);
    --c200-gradient-vertical: var(--gradient-dm-vertical);
    /* header background image */
    --c200-header-bg-image: url('https://d51ks49dvtw9i.cloudfront.net/e40437df656787940232f41dc3c14671.jpg');
}

/* Add custom of theme selector below here */
[data-tier-theme="PerkinsPower"] {
    .funraisin-header {
        --c200-social-btn-color     : var(--c200-secondary);
        --c200-social-btn-bg        : var(--c200-tertiary);
        --c200-social-btn-border    : var(--c200-tertiary);
        --c200-list-heading-color   : var(--c200-tertiary);
        .btn-social {
            color: var(--c200-social-btn-color)!important;
        }
        .btn-facebookfundraiser {
            --c200-social-btn-bg: var(--c200-primary);
        }
    }
}

body {
    --c200-body-base-color: var(--c200-secondary);
    color: var(--c200-body-base-color);}

/* Standard Colour Classes for Frontend Client Use*/

    .c200-grey-blue-rgb { color: rgb(61, 82, 112)!important;} 
    .c200-cyan-rgb { color: rgb(0, 159, 23)!important;}
    
    .c200-grey-blue {color: #3D5270!important;}
    .c200-cyan {color: #009feb!important;}
    .c200-royal-blue {color: #4057b4!important;}
    .c200-sky-blue {color: #78d4f6!important;}
    .c200-lime {color: #dce655!important;}
    
    .c200-grey-blue-bg {background: #3D5270!important;}
    .c200-cyan-bg {background: #009feb!important;}
    .c200-royal-blue-bg {background: #4057b4!important;}
    .c200-sky-blue-bg {background: #78d4f6!important;}
    .c200-lime-bg {background: #dce655!important;}
    
/*---*/    
    /*Styling for disabled class - don't allow click and opacity*/
    .disabled{
        pointer-events: none !important;
        opacity: 0.8 !important;
    }
.font-semibold {font-weight: 600!important;}
.font-bold {font-weight: 700!important;}
.font-bolder {font-weight: 800!important;}

.progress {border-radius: 30px;}

.bg-grey {background-color: var(--c200-grey);}

/* Heading */ 
.fun-section h2,
.section h2,
.content h2,
.content h3 {
    color: var(--c200-heading-color);
}

#m_target + #m_target-error {
    width: 100%;
    display: block;
    padding: 10px 5px;
}

/* HOME Leaderboard */
#Leaderboard {
    --c200-bg-opacity: .25;
    --c200-leaderboard-rank-bg: var(--c200-df-primary);
    --c200-leaderboard-name-color: var(--c200-grey-blue);
    /*--c200-leaderboard-name-color: var(--c200-df-secondary);*/
    --c200-leaderboard-value-color: var(--c200-df-primary);
    --c200-leaderboard-odd-bg: var(--c200-grey);
    --c200-leaderboard-even-bg: var(--c200-white);
    --c200-leaderboard-current-user-bg: var(--c200-quaternary);
    --c200-leaderboard-bg-gradient: '';}
/* leaderboardrow level style */
#Leaderboard .leaderboardrow.leaderboard-HonourRoll {
    --c200-leaderboard-rank-bg: var(--c200-hr-primary);
    --c200-leaderboard-text-level-color: var(--c200-hr-primary);
    --c200-leaderboard-name-color: var(--c200-white);
    --c200-leaderboard-value-color: var(--c200-hr-primary);
    --c200-leaderboard-bg-gradient: var(--gradient-bl-hr);
    --c200-leaderboard-btn-option-bg: var(--c200-hr-primary);}
#Leaderboard .leaderboardrow.leaderboard-PerkinsPower {
    --c200-leaderboard-rank-bg: var(--c200-pp-primary);
    --c200-leaderboard-text-level-color: var(--c200-pp-primary);
    --c200-leaderboard-name-color: var(--c200-white);
    --c200-leaderboard-value-color: var(--c200-pp-primary);
    --c200-leaderboard-bg-gradient: var(--gradient-bl-pp);
    --c200-leaderboard-btn-option-bg: var(--c200-pp-primary);}
#Leaderboard .leaderboardrow.leaderboard-HarrysHeroes {
    --c200-leaderboard-rank-bg: var(--c200-hh-primary);
    --c200-leaderboard-text-level-color: var(--c200-hh-primary);
    --c200-leaderboard-name-color: var(--c200-white);
    --c200-leaderboard-value-color: var(--c200-hh-primary);
    --c200-leaderboard-bg-gradient: var(--gradient-bl-hh);
    --c200-leaderboard-btn-option-bg: var(--c200-hh-primary);}
#Leaderboard .leaderboardrow.leaderboard-Diamond {
    --c200-leaderboard-rank-bg: var(--c200-dm-primary);
    --c200-leaderboard-text-level-color: var(--c200-dm-primary);
    --c200-leaderboard-name-color: var(--c200-white);
    --c200-leaderboard-value-color: var(--c200-dm-primary);
    --c200-leaderboard-bg-gradient: var(--gradient-bl-dm);
    --c200-leaderboard-btn-option-bg: var(--c200-dm-primary);}
    
#Leaderboard .leaderboardrow:not(:last-child) {
    margin-bottom: 2px;}
#Leaderboard .leaderboardrow .rank {
    white-space: nowrap;
    background-color: var(--c200-leaderboard-rank-bg)!important;}
#Leaderboard .leaderboardrow .rank.bg-primary {
    background-color: transparent!important;}
#Leaderboard .leaderboardrow .rank.bg-primary:before {
    background-color: var(--c200-leaderboard-rank-bg)!important;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    transform: translate(-55%, -55%) rotate(45deg);}
#Leaderboard .leaderboardrow {
    padding-bottom: 10px;
    background-image: var(--c200-leaderboard-bg-gradient)!important;}
#Leaderboard .leaderboardrow:nth-child(odd) {
    background-color: var(--c200-leaderboard-odd-bg);}
#Leaderboard .leaderboardrow:nth-child(even) {
    background-color: var(--c200-leaderboard-even-bg);}
#Leaderboard .leaderboardrow a {
    display: flex;
    align-items: center;}
#Leaderboard .leaderboardrow.leaderboard-Default > a {
    margin-top: 30px;}
#Leaderboard .leaderboardrow .profileimage {
    flex: 0 0 auto; width: auto!important;
    padding-right: 12px;}
#Leaderboard .leaderboardrow a .text-tier-level {
    color: var(--c200-leaderboard-text-level-color);}
#Leaderboard .leaderboardrow a .profile-name {
    flex: 1 1 0%;}
#Leaderboard .leaderboardrow a .text-current-user {
    font-size: 12px;
    opacity: .5;}
#Leaderboard .leaderboardrow a .fundraiser-name {
    font-size: 16px;
    color: var(--c200-leaderboard-name-color);}
#Leaderboard .leaderboardrow a .raised h3 {
    font-size: 18px;
    color: var(--c200-leaderboard-value-color);}
#Leaderboard .leaderboardrow[class*="leaderboard-"]:not(.leaderboard-Default) .options .btn {
    background-color: var(--c200-leaderboard-btn-option-bg);
    border-color: var(--c200-leaderboard-btn-option-bg);}
.card-leaderboard .card-title {
    margin-bottom: 5px!important;}
    
/* Members */
#Members {
    --c200-member-ribbon-size: 50px;
    --c200-member-status-size: 32px;
    --c200-member-progress-border: var(--c200-df-primary);
    --c200-member-progressbar-bg: var(--c200-df-tertiary);}
#Members #MembersBlock {
    margin-left: 0!important;
    margin-right: 0!important;}
#Members .donor-Default {
    --c200-df-secondary: var(--c200-df-quinary);
    --c200-member-ribbon-bg: var(--c200-df-secondary);
    --c200-member-status-color: var(--c200-df-primary);
    --c200-member-amount-color: var(--c200-df-primary);
    --c200-member-img-border: var(--c200-df-primary);
    --c200-member-name-color: var(--c200-df-secondary);
    --c200-member-amount-caption-color: var(--c200-df-secondary);
    --c200-member-progress-border: var(--c200-df-primary);
    --c200-member-progressbar-bg: var(--c200-df-tertiary);}
#Members .donor-HonourRoll {
    --c200-member-ribbon-bg: var(--c200-hr-secondary);
    --c200-member-status-color: var(--c200-hr-primary);
    --c200-member-amount-color: var(--c200-hr-primary);
    --c200-member-img-border: var(--c200-hr-primary);
    --c200-member-name-color: var(--c200-hr-secondary);
    --c200-member-amount-caption-color: var(--c200-hr-secondary);
    --c200-member-progress-border: var(--c200-hr-secondary);
    --c200-member-progressbar-bg: var(--c200-hr-primary);}
#Members .donor-PerkinsPower {
    --c200-member-ribbon-bg: var(--c200-pp-primary);
    --c200-member-status-color: var(--c200-pp-primary);
    --c200-member-amount-color: var(--c200-pp-primary);
    --c200-member-img-border: var(--c200-pp-primary);
    --c200-member-name-color: var(--c200-pp-secondary);
    --c200-member-amount-caption-color: var(--c200-pp-secondary);
    --c200-member-progress-border: var(--c200-pp-secondary);
    --c200-member-progressbar-bg: var(--c200-pp-primary);}
#Members .donor-HarrysHeroes {
    --c200-member-ribbon-bg: var(--c200-hh-secondary);
    --c200-member-status-color: var(--c200-hh-primary);
    --c200-member-amount-color: var(--c200-hh-primary);
    --c200-member-img-border: var(--c200-hh-primary);
    --c200-member-name-color: var(--c200-hh-secondary);
    --c200-member-amount-caption-color: var(--c200-hh-secondary);
    --c200-member-progress-border: var(--c200-hh-secondary);
    --c200-member-progressbar-bg: var(--c200-hh-primary);}
#Members .donor-Diamond {
    --c200-member-ribbon-bg: var(--c200-dm-secondary);
    --c200-member-status-color: var(--c200-dm-primary);
    --c200-member-amount-color: var(--c200-dm-primary);
    --c200-member-img-border: var(--c200-dm-primary);
    --c200-member-name-color: var(--c200-dm-secondary);
    --c200-member-amount-caption-color: var(--c200-dm-secondary);
    --c200-member-progress-border: var(--c200-dm-secondary);
    --c200-member-progressbar-bg: var(--c200-dm-primary);}
    
#Members .member .panel {
    padding-top: 65px!important;
    padding-bottom: 10px!important;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;}
#Members .member.member-team .panel {
    padding-top: 20px!important;}
#Members .member .panel .member-ribbon {
    min-height: var(--c200-member-ribbon-size);
    position: absolute;
    top: 0; left: 0; right: 0; bottom: auto;
    width: auto;
    padding: 15px 10px;
    background-color: var(--c200-member-ribbon-bg);}
#Members .member .panel .member-ribbon img {
    max-height: 11px;}
#Members .member.donor-Default .panel .member-ribbon img {
    max-height: 25px;}
#Members .member .panel .profile-image-wrapper {
    margin-bottom: 20px;}
#Members .member .panel .profile-image-wrapper img {
    border: 3px solid var(--c200-member-img-border);
    border-radius: 50%;}
#Members .member .panel .member-status {
    min-height: var(--c200-member-status-size);}
#Members .member .panel .member-status .text-status {
    color: var(--c200-member-status-color);}
#Members .member .panel .member-status img {
    max-width: 125px;}
#Members .member .panel .profilename h3,
#Members .member .panel .profilename h4 {
    color: var(--c200-member-name-color);}
#Members .member .panel .progress {
    height: 20px;
    border: 2px solid var(--c200-member-progress-border);
    -webkit-box-shadow: none;
    box-shadow: none;}
#Members .member .panel .progress-bar {
    height: 20px;
    background-color: var(--c200-member-progressbar-bg);}
#Members .member .panel .amount,
#Members .member .panel h3.amount {
    color: var(--c200-member-amount-color);}
#Members .member .panel .amount-caption{
    font-size: 14px;
    color: var(--c200-member-amount-caption-color);}

.template-sponsor #Members .panel {
    margin-bottom: 0;}

.carousel-content ul.slick-dots li {
    width: auto;} 
.carousel-content ul.slick-dots li button {
    --c200-slick-dots-size: 15px;
    --c200-silck-dots-bg: var(--c200-white);
    width: var(--c200-slick-dots-size);
    height: var(--c200-slick-dots-size);
    background-color: var(--c200-silck-dots-bg);
    border-radius: 50%;}
.carousel-content ul.slick-dots li:hover button,
.carousel-content ul.slick-dots li.slick-active button {
    --c200-silck-dots-bg: #77d4f6}
.carousel-content ul.slick-dots li button:before {
    display: none;}
    
/* css */

.container {
    padding-left: 15px;
    padding-right: 15px;}
.row-flex {
    --c200-gutter-x: 30px;
    --c200-gutter-y: 30px;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--c200-gutter-x));
    /*margin-left: calc(-.5 * var(--c200-gutter-x));*/
    /*margin-right: calc(-.5 * var(--c200-gutter-x));*/}
.row-flex > * {
    /*padding-left: calc(var(--c200-gutter-x) * .5);*/
    /*padding-right: calc(var(--c200-gutter-x) * .5);*/
    margin-top: var(--c200-gutter-x);}

.d-flex {display: flex}
.flex-column {flex-direction: column}
.flex-grow-1 {flex-grow: 1}
.justify-content-end {justify-content: flex-end}
.align-items-end { align-items: flex-end}

.card {
    border: 0; 
    border-radius: 0;}

.rounded-10 {border-radius: 10px;}
.rounded-20 {border-radius: 20px;}
.rounded-30 {border-radius: 30px;}

.font-bold {font-weight: 700!important;}
.font-semibold {font-weight: 600!important;}
.font-bolder {font-weight: 800!important;}
.text-display {
    --c200-text-thank-color: var(--c200-secondary);
    font-size: calc(40px + 1.5vw);
    color: var(--c200-text-thank-color)!important;}
.pointer-event-disabled {
    pointer-events: none;}

.bg-darker-grey {background-color: var(--c200-darker-grey);}
.bg-grey {background-color: var(--c200-grey);}

/***************** General style *****************/

.funraisin-header .funraisin-profile-header h1,
.funraisin-header.profile-header h1 {
    font-size: 28px;}
.donationHandlers .radio.notselected, 
.donationHandlers .radio.nothover {
    opacity: 1;}
.share-page-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    row-gap: 10px;
}

#Members {
    --c200-member-ribbon-size: 50px;
    --c200-member-status-size: 32px;}
#Members #MembersBlock {
    --c200-gutter-x: 15px;
    max-width: unset;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--c200-gutter-x));
    margin-left: calc(-.5 * var(--c200-gutter-x));
    margin-right: calc(-.5 * var(--c200-gutter-x));}
#Members #MembersBlock .member {
    max-width: 100%;
    width: 50%;
    padding-left: calc(var(--c200-gutter-x) * .5);
    padding-right: calc(var(--c200-gutter-x) * .5);
    margin-left: 0;
    margin-right: 0;
    margin-top: var(--c200-gutter-x);}
#Members #MembersBlock .member a.member {
    width: 90px;
    height: 90px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;}
#Members .donor-Default {
    --c200-df-secondary: var(--c200-df-quinary);
    --c200-member-ribbon-bg: var(--c200-df-secondary);
    --c200-member-status-color: var(--c200-df-primary);
    --c200-member-amount-color: var(--c200-df-primary);
    --c200-member-img-border: var(--c200-df-primary);
    --c200-member-name-color: var(--c200-df-secondary);
    --c200-member-amount-caption-color: var(--c200-df-secondary);
    --c200-member-progress-border: var(--c200-df-primary);
    --c200-member-progressbar-bg: var(--c200-df-tertiary);}
#Members .donor-HonourRoll {
    --c200-member-ribbon-bg: var(--c200-hr-secondary);
    --c200-member-status-color: var(--c200-hr-primary);
    --c200-member-amount-color: var(--c200-hr-primary);
    --c200-member-img-border: var(--c200-hr-primary);
    --c200-member-name-color: var(--c200-hr-secondary);
    --c200-member-amount-caption-color: var(--c200-hr-secondary);
    --c200-member-progress-border: var(--c200-hr-secondary);
    --c200-member-progressbar-bg: var(--c200-hr-primary);}
#Members .donor-PerkinsPower {
    --c200-member-ribbon-bg: var(--c200-pp-primary);
    --c200-member-status-color: var(--c200-pp-primary);
    --c200-member-amount-color: var(--c200-pp-primary);
    --c200-member-img-border: var(--c200-pp-primary);
    --c200-member-name-color: var(--c200-pp-secondary);
    --c200-member-amount-caption-color: var(--c200-pp-secondary);
    --c200-member-progress-border: var(--c200-pp-secondary);
    --c200-member-progressbar-bg: var(--c200-pp-primary);}
#Members .donor-HarrysHeroes {
    --c200-member-ribbon-bg: var(--c200-hh-secondary);
    --c200-member-status-color: var(--c200-hh-primary);
    --c200-member-amount-color: var(--c200-hh-primary);
    --c200-member-img-border: var(--c200-hh-primary);
    --c200-member-name-color: var(--c200-hh-secondary);
    --c200-member-amount-caption-color: var(--c200-hh-secondary);
    --c200-member-progress-border: var(--c200-hh-secondary);
    --c200-member-progressbar-bg: var(--c200-hh-primary);}
#Members .donor-Diamond {
    --c200-member-ribbon-bg: var(--c200-dm-secondary);
    --c200-member-status-color: var(--c200-dm-primary);
    --c200-member-amount-color: var(--c200-dm-primary);
    --c200-member-img-border: var(--c200-dm-primary);
    --c200-member-name-color: var(--c200-dm-secondary);
    --c200-member-amount-caption-color: var(--c200-dm-secondary);
    --c200-member-progress-border: var(--c200-dm-secondary);
    --c200-member-progressbar-bg: var(--c200-dm-primary);}

#Members .member .panel {
    padding-top: 65px!important;
    padding-bottom: 10px!important;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;}
#Members .member .panel .member-ribbon {
    min-height: var(--c200-member-ribbon-size);
    position: absolute;
    top: 0; left: 0; right: 0; bottom: auto;
    width: auto;
    padding: 15px 10px;
    background-color: var(--c200-member-ribbon-bg);}
#Members .member .panel .member-ribbon img {
    max-height: 11px;}
#Members .member.donor-Default .panel .member-ribbon img {
    max-height: 16px;}
#Members .member .panel .profile-image-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;}
#Members .member .panel .profile-image-wrapper img {
    border: 3px solid var(--c200-member-img-border);
    border-radius: 50%;}
#Members .member .panel .member-status {
    min-height: var(--c200-member-status-size);}
#Members .member .panel .member-status .text-status {
    color: var(--c200-member-status-color);}
#Members .member .panel .member-status img {
    max-width: 110px;}
#Members .member .panel .profilename h3 {
    color: var(--c200-member-name-color);}
#Members .member .panel .progress {
    border: 2px solid var(--c200-member-progress-border);
    -webkit-box-shadow: none;
    box-shadow: none;}
#Members .member .panel .progress-bar {
    background-color: var(--c200-member-progressbar-bg)!important;}
#Members .member .panel .amount,
#Members .member .panel h3.amount {
    color: var(--c200-member-amount-color);}
#Members .member .panel .amount-caption{
    font-size: 14px;
    color: var(--c200-member-amount-caption-color);}

.template-login-dashboard #content-main > form[action="/login/sponsors"] {
    padding-left: 0;
    padding-right: 0;}
form[action="/login/sponsors"] #Donations {
    --c200-donation-column-width: 100%;}
#template-profile  #Donations {
    --c200-donation-column-width: 50%;
    --c200-donation-panel-border: var(--c200-white);
    --c200-donation-img-border: var(--c200-primary);
    --c200-donation-amount-color: var(--c200-secondary);
    --c200-donation-profilename-color: var(--c200-secondary);
    --c200-donation-caption-color: var(--c200-secondary);
    margin-left: 0!important;
    margin-right: 0!important;}
#template-profile  #Donations #Donors {
    --c200-gutter-x: 15px;
    max-width: unset;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--c200-gutter-x));
    margin-left: calc(-.5 * var(--c200-gutter-x));
    margin-right: calc(-.5 * var(--c200-gutter-x));}
#template-profile  #Donations #Donors .donation {
    max-width: 100%;
    width: var(--c200-donation-column-width);
    padding-left: calc(var(--c200-gutter-x) * .5);
    padding-right: calc(var(--c200-gutter-x) * .5);
    margin-left: 0;
    margin-right: 0;
    margin-top: var(--c200-gutter-x);}
#template-profile  #Donations .donation .panel {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    padding-bottom: 30px;
    border: 2px solid var(--c200-donation-panel-border);}
#template-profile  #Donations .panel .profileimage {
    padding-bottom: 0;}
#template-profile  #Donations .panel .profile-image-wrapper {
    margin-bottom: 15px;}
#template-profile  #Donations .panel .profile-image-wrapper img {
    border: 3px solid var(--c200-donation-img-border);
    border-radius: 50%;}
#template-profile  #Donations .donation .panel .amount {
    background-color: transparent;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    width: 100%;
    height: auto;
    border-radius: 0;
    padding: 0;}
#template-profile  #Donations .donation .panel .amount h3 {
    color: var(--c200-donation-amount-color);
    font-weight: 700;
    margin-bottom: 0;}
#template-profile  #Donations .donation .profilename {
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;}
#template-profile  #Donations .donation .panel .profilename h3 {
    color: var(--c200-donation-profilename-color);}
#template-profile  #Donations .donation .panel .profilename h3:after {
    display: none;}
#template-profile  #Donations .donation .panel .donation-caption .text-caption {
    color: var(--c200-donation-caption-color);
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    line-height: normal;}

/* breakthrough-donor - Default theme colours used */
/* #template-profile  #Donations .breakthrough-donor {
    --c200-donation-ribbon-color: var(--c200-df-tertiary);
    --c200-donation-ribbon-bg: var(--c200-df-secondary);
    --c200-donation-panel-border: var(--c200-df-secondary);
    --c200-donation-img-border: var(--c200-df-tertiary);
    --c200-donation-amount-color: var(--c200-df-primary);
    --c200-donation-profilename-color: var(--c200-df-secondary);
    --c200-donation-caption-color: var(--c200-df-secondary);}
*/

/* breakthrough-donor - Current theme colours used */
#template-profile  #Donations .breakthrough-donor {
    --c200-donation-ribbon-color: var(--c200-primary);
    --c200-donation-ribbon-bg: var(--c200-secondary);
    --c200-donation-panel-border: var(--c200-secondary);
    --c200-donation-img-border: var(--c200-primary);
    --c200-donation-amount-color: var(--c200-primary);
    --c200-donation-profilename-color: var(--c200-secondary);
    --c200-donation-caption-color: var(--c200-secondary);
    width: 100%;
    position: relative;
    top: unset; left: unset; right: unset; bottom: unset;}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] #Donations .breakthrough-donor {
    --c200-donation-ribbon-color: var(--c200-tertiary);
    --c200-donation-img-border: var(--c200-tertiary);}
#template-profile  #Donations .donation .panel.breakthrough-donor .donation-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 10px;
    line-height: 1;
    color: var(--c200-donation-ribbon-color);
    padding: 10px 8px;
    background-color: var(--c200-donation-ribbon-bg);}
@media(max-width: 380px) {
    #template-profile  #Donations .donation .panel.breakthrough-donor .donation-ribbon {
        font-size: 8px;
        padding: 10px 6px;}
}

.progress {border-radius: 30px;}
.progress-bar {
    --c200-progressbar-bg: var(--c200-secondary);
    background-color: var(--c200-progressbar-bg)!important;}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] .progress-bar {
    --c200-progressbar-bg: var(--c200-tertiary);}
    
.bootstrap-dialog.type-primary .modal-header {
    --c200-modal-header-bg: var(--c200-secondary);
    background-color: var(--c200-modal-header-bg)!important;}
   
/* Sidebar in header */
.funraisin-header .profileSidebar {
    --c200-sidebar-top-bg: var(--c200-secondary);
    /* btn */
    --c200-btn-bg: var(--c200-secondary);
    --c200-btn-border: var(--c200-secondary);
    --c200-btn-hover-color: var(--c200-secondary);}
.funraisin-header .profileSidebar .sidebar-top {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    /*background-color: var(--c200-sidebar-top-bg);*/
}
.funraisin-header .profileSidebar .sidebar-top .progress-bar {
    --c200-progressbar-bg: var(--c200-primary);
    background-color: var(--c200-progressbar-bg)!important;}
.funraisin-header.profile-header .btn-join-team {
    --c200-btn-color: var(--c200-white);
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: 1;
    color: var(--c200-btn-color);
    padding: 12px 20px;
    min-width: 130px;}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] .funraisin-header.profile-header .btn-join-team {
    --c200-btn-color: var(--c200-secondary);
    --c200-btn-hover-color: var(--c200-tertiary);
    --c200-btn-bg: var(--c200-tertiary);
    --c200-btn-hover-bg: var(--c200-secondary);
    color: var(--c200-btn-color);
    background-color: var(--c200-btn-bg);}
[data-tier-theme="Default"] .funraisin-header.profile-header .btn-join-team:hover {
    color: var(--c200-btn-hover-color);
    background-color: var(--c200-btn-hover-bg);}
.funraisin-header .profileSidebar .sidebar-top .btn-sponsor {
    --c200-btn-hover-color: var(--c200-white);
    --c200-btn-bg: var(--c200-primary);
    --c200-btn-hover-bg: var(--c200-secondary);
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: 1;
    padding: 12px 20px;
    min-width: 130px;
    background-color: var(--c200-btn-bg);
    border: none;}
.funraisin-header .profileSidebar .sidebar-top .btn-sponsor:hover {
    color: var(--c200-btn-hover-color);
    --c200-btn-bg: var(--c200-btn-hover-bg)}
    
/* Sidebar in content */ 
.content-main .profileSidebar {
    --c200-sidebar-bg: var(--c200-grey);
    --c200-sidebar-margin-top: -260px;
    --c200-sidebar-form-link-color: var(--c200-primary);
    --c200-sidebar-form-link-bg: var(--c200-white);
    --c200-sidebar-form-link-border: var(--c200-darker-grey);
    --c200-sidebar-form-link-hover-color: var(--c200-white);
    --c200-sidebar-form-link-hover-bg: var(--c200-quaternary);
    --c200-sidebar-form-link-active-color: var(--c200-white);
    --c200-sidebar-form-link-active-bg: var(--c200-primary);
    --c200-sidebar-choose-amount-heading-color: var(--c200-primary);
    --c200-radio-bg: var(--c200-white);
    --c200-radio-border: transparent;
    --c200-radio-highlighted-bg: var(--c200-primary);
    --c200-radio-highlighted-title-color: var(--c200-white);
    --c200-radio-icon-size: 80px;
    --c200-radio-icon-bg: var(--c200-primary);
    --c200-radio-icon-highlighted-bg: var(--c200-secondary);
    --c200-radio-amount-color: var(--c200-primary);
    --c200-radio-amount-highlighted-color: var(--c200-secondary);
    --c200-address-link-color: var(--c200-primary);
    /* btn toggle */
    --c200-toggle-btn-color: var(--c200-primary);
    --c200-toggle-btn-bg: var(--c200-white);
    --c200-toggle-btn-hover-color: var(--c200-primary);
    --c200-toggle-btn-hover-bg: var(--c200-quaternary);
    --c200-toggle-btn-active-color: var(--c200-white);
    --c200-toggle-btn-active-bg: var(--c200-primary);
    /* btn */
    --c200-btn-bg: var(--c200-secondary);
    --c200-btn-border: var(--c200-secondary);
    --c200-btn-hover-color: var(--c200-secondary);
    background-color: var(--c200-sidebar-bg);
    /*margin-top: var(--c200-sidebar-margin-top);*/
    border: 0;
    box-shadow: none;}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] .profileSidebar {
    --c200-sidebar-top-bg: var(--c200-primary);
    --c200-sidebar-form-link-hover-bg: var(--c200-light-blue);
    /* btn */
    --c200-btn-bg: var(--c200-primary);
    --c200-btn-border: var(--c200-primary);
    --c200-btn-hover-color: var(--c200-primary);}

.profileSidebar #sidebar-form-toggler {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 30px;}
.profileSidebar .sidebar-form-toggler-nav ul li a {
    min-width: 60px;
    color: var(--c200-sidebar-form-link-color);
    background-color: var(--c200-sidebar-form-link-bg);
    border-color: var(--c200-sidebar-form-link-border);
    border-width: 2px;
    font-weight: 700;}
.profileSidebar .sidebar-form-toggler-nav ul li a:hover {
    background-color: var(--c200-sidebar-form-link-hover-bg);}
.profileSidebar .sidebar-form-toggler-nav ul li a.active {
    color: var(--c200-sidebar-form-link-active-color);
    background-color: var(--c200-sidebar-form-link-active-bg);}

.profileSidebar .profileSponsorForm {
    background-color: unset;}
.profileSidebar .profileSponsorForm #chooseamount > h4:first-child {
    display: none;}
.profileSidebar .profileSponsorForm #chooseamount .text-heading {
    color: var(--c200-sidebar-choose-amount-heading-color);}
.profileSidebar .profileSponsorForm #chooseamount .list-radio .item-radio {
    padding-left: 25px;
    padding-right: 25px;}
.profileSidebar #chooseamount .donationHandlers .radio {    
    width: 100%;
    position: relative;
    padding: 10px;
    padding-left: 60px;
    margin-left: auto;
    margin-bottom: 10px;
    background-color: var(--c200-radio-bg)!important;
    border:  3px solid var(--c200-radio-border)!important;
    padding: 0px;

    }
    .profileSidebar .donationHandlers .item-radio:last-of-type .radio {
        margin-bottom: 0px !important;    
    }

    .profileSidebar .donationHandlers .radio .radio-wrap {
        background-color: var(--c200-radio-bg)!important;
    }

    
.profileSidebar #chooseamount .donationHandlers .radio a {
    outline: none;
    padding: 0px;
}
.profileSidebar #chooseamount .donationHandlers .radio .radio-amount {
    min-width: 50px;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    color: var(--c200-radio-amount-color);}
.profileSidebar #chooseamount .donationHandlers .radio .radio-icon {
    width: var(--c200-radio-icon-size);
    height: var(--c200-radio-icon-size);
    background-color: var(--c200-radio-icon-bg);
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: -32px;
    transform: translateY(-50%);}
.profileSidebar #chooseamount .donationHandlers .radio .radio-icon img {
    height: calc(var(--c200-radio-icon-size) * .65);}
.profileSidebar #chooseamount .donationHandlers .radio .radio-text .radio-wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: 0px;
    text-align: center;
    
    padding: 15px;
}    
.profileSidebar #chooseamount .donationHandlers .radio .radio-text .radio-wrap .radio-copy {
    font-size: 16px;
    color: var(--c200-text-color);}

/* highlighted radio */
.profileSidebar #chooseamount .donationHandlers .item-highlighted {
    --c200-radio-amount-color: var(--c200-secondary);
    --c200-radio-icon-bg: var(--c200-secondary);
    background-color: var(--c200-radio-highlighted-bg);
    padding-bottom: 15px;
    margin-bottom: 5px;
}
.profileSidebar #chooseamount .donationHandlers .item-highlighted .highlighted-title {
    color: var(--c200-radio-highlighted-title-color);}

/* selected radio */
.profileSidebar #chooseamount .donationHandlers .radio:hover {
    --c200-radio-bg: var(--c200-quaternary);
    --c200-radio-border: var(--c200-quaternary)}
.profileSidebar #chooseamount .donationHandlers .radio.selected {
    --c200-radio-bg: var(--c200-quaternary);
    --c200-radio-border: var(--c200-primary)}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] .profileSidebar #chooseamount .donationHandlers .radio:hover,
[data-tier-theme="Default"] .profileSidebar #chooseamount .donationHandlers .radio.selected {
    --c200-radio-bg: var(--c200-light-blue);
    --c200-radio-border: var(--c200-light-blue);}
[data-tier-theme="Default"] .profileSidebar #chooseamount .donationHandlers .radio.selected {
    --c200-radio-border: var(--c200-primary)}
.profileSidebar #chooseamount .donationHandlers .item-highlighted .radio.selected {
    --c200-radio-border: var(--c200-secondary)}
[data-tier-theme="Default"] .profileSidebar .donationHandlers .item-highlighted {
    --c200-radio-highlighted-bg: var(--c200-tertiary)}
[data-tier-theme="Default"] .profileSidebar .donationHandlers .item-highlighted .highlighted-title  {
    --c200-radio-highlighted-title-color: var(--c200-secondary)}

    
/* chooseamount */
.profileSidebar #chooseamount {
    --c200-icon-color: var(--c200-primary);
    width: auto;
    margin-left: -20px;
    margin-right: -20px;}
/*.profileSidebar #chooseamount .form-group, */
.profileSidebar #chooseamount .other-amount {
    margin-left: 15%;
    margin-right: 15%;}
.profileSidebar #chooseamount .input-group {
    flex: 1 1 0%;}
.profileSidebar #chooseamount .input-group .input-group-addon, 
.profileSidebar #chooseamount .input-group input {
    background-color: var(--c200-white)!important;
    border: 0;}
.profileSidebar #chooseamount .input-group .input-group-addon {
    color: var(--c200-primary);
    font-weight: 700;
    font-size: 18px;}
.profileSidebar #chooseamount .input-group input {
    color: var(--c200-text-color)!important;
    padding-left: 0;}
.profileSidebar #chooseamount .amount-free-icon i {
    color: var(--c200-icon-color);}

/* personaldetails */
.profileSidebar #personaldetails .toggle-switch .toggle-btn:first-child {
    border-radius: 25px 0 0 25px;}
.profileSidebar #personaldetails .toggle-switch .toggle-btn:last-child {
    border-radius: 0 25px 25px 0;}
.profileSidebar #personaldetails .toggle-switch .toggle-btn {
    color: var(--c200-toggle-btn-color);
    background-color: var(--c200-toggle-btn-bg)!important;
    border: 0;}
.profileSidebar #personaldetails .toggle-switch .toggle-btn:hover {
    --c200-toggle-btn-color: var(--c200-toggle-btn-hover-color);
    --c200-toggle-btn-bg: var(--c200-toggle-btn-hover-bg);}
.profileSidebar #personaldetails .toggle-switch .toggle-btn.bg-primary {
    --c200-toggle-btn-color: var(--c200-toggle-btn-active-color);
    --c200-toggle-btn-bg: var(--c200-toggle-btn-active-bg);}
.profileSidebar #personaldetails #addressdetails .expand-address {
    color: var(--c200-address-link-color);}

/* paymentdetails */
.profileSidebar #paymentdetails {
    padding-left: 15px;
    padding-right: 15px;}

.profileSidebar .profileSponsorForm .btn-payment-element:not(.hidden),
.profileSidebar .profileSponsorForm .button-next,
.profileSidebar .profileSponsorForm .btn-back,
.profileSidebar .profileSponsorForm .btn-donate-display {
    width: auto;
    min-width: 50%;
    display: inline-block!important;
    margin-top: 10px;
    background-color: var(--c200-btn-bg);
    border-color: var(--c200-btn-border);
    border-width: 2px;}
.profileSidebar .profileSponsorForm .btn-payment-element:not(.hidden):hover,
.profileSidebar .profileSponsorForm .btn-next:hover,
.profileSidebar .profileSponsorForm .btn-back:hover,
.profileSidebar .profileSponsorForm .btn-donate-display:hover {
    background-color: transparent;
    color: var(--c200-btn-hover-color);}

.profileSidebar .profileSponsorForm .btn-back,
.profileSidebar .profileSponsorForm .btn-payment-element:not(.hidden){
    display: flex!important;
    height: auto;}
.profileSidebar .profileSponsorForm #personaldetails .button-next,
.profileSidebar .profileSponsorForm .btn-payment-element:not(.hidden),
.profileSidebar .profileSponsorForm .btn-next#personaldetailsbutton {
    width: 100%;
    min-width: 80%;}

.donationHandlers.minimal .radio.selected .arrow-top,
.profileSponsorForm .donationHandlers .copy-text {
    display: none!important;}
    
/* blog */
#Blog-Profile {
    --c200-blog-title-color: var(--c200-primary);
    padding-left: 0;
    padding-right: 0;}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] #Blog-Profile {
    --c200-blog-title-color: var(--c200-secondary);}
#Blog-Profile .title {
    font-size: 26px;
    color: var(--c200-blog-title-color);}
@media(min-width: 1200px) {
     #Blog-Profile {
         max-width: 80%;}
}
    
/***************** Fundraising pages ( Profile pages ) *****************/

.funraisin-header.profile-header {
    padding-top: 0px!important;
    padding-bottom: 10px!important;}
.funraisin-header.profile-header > .container {
    padding-left: 0;
    padding-right: 0;}
.funraisin-header.profile-header > .container .row.vertical-align {
    flex-direction: column;
    justify-content: center;}
.funraisin-header.profile-header .column-captain:empty,
.funraisin-header.profile-header .column-btn-team:empty {
    display: none;}
.funraisin-header.profile-header .column-captain .captain-badge {
    margin-bottom: 0;}
.btn-join-team,
.share-page-icons a.btn,
.share-page-icons a[href*="/fundraisers/"] {
    --c200-btn-hover-color: var(--c200-white);
    --c200-btn-bg: var(--c200-primary);
    --c200-btn-hover-bg: var(--c200-secondary);
    background-color: var(--c200-btn-bg);
    border: none;}
.btn-join-team:hover,
.share-page-icons a.btn,
.share-page-icons a[href*="/fundraisers/"]:hover {
    --c200-btn-bg: var(--c200-btn-hover-bg);
    color: var(--c200-btn-hover-color);
    background-color: var(--c200-btn-bg);}
    
.profileSidebar .sidebar-top h2 .sidebar-text-title,
.profileSidebar .sidebar-top h4 {
    --c200-sidebar-title-color: var(--c200-primary);
    color: var(--c200-sidebar-title-color);}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] .profileSidebar .sidebar-top h2 .sidebar-text-title,
[data-tier-theme="Default"] .profileSidebar .sidebar-top h4 {
    --c200-sidebar-title-color: var(--c200-tertiary);}
.profileSidebar .sidebar-top h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0!important;}
#template-profile .progress, 
#template-profile .progress-bar {
    height: 20px;}
#template-profile .funraisin-header-wrapper > #sharepage {
    display: none;}
    
.card-profile-your-impact {
    --c200-card-your-impact-bg: var(--c200-secondary);
    --c200-card-your-impact-title-color: var(--c200-primary);
    background-color: var(--c200-card-your-impact-bg);}    
.card-profile-your-impact .card-title,
.card-profile-your-impact .your-impact-number,
.card-profile-your-impact .text-caption {
    color: var(--c200-card-your-impact-title-color);}
.card-profile-your-impact .your-impact-number {
    font-size: 85px;}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] .card-profile-your-impact {
    --c200-card-your-impact-title-color: var(--c200-tertiary);}
[data-tier-theme="Default"] .card-profile-your-impact .your-impact-number,
[data-tier-theme="Default"] .card-profile-your-impact .text-caption {
    --c200-card-your-impact-title-color: var(--c200-quaternary);
    color: var(--c200-card-your-impact-title-color);}

.card-profile-raised-chart {
    --c200-card-raised-chart-border: var(--c200-primary);
    --c200-card-raised-chart-title-color: var(--c200-secondary);
    --c200-card-raised-chart-title-reversed-color: var(--c200-primary);
    --c200-card-raised-chart-range-color: var(--c200-primary);
    border: 3px solid var(--c200-card-raised-chart-border);}
.card-profile-raised-chart .card-title {
    color: var(--c200-card-raised-chart-title-color);}
.card-profile-raised-chart .card-title span {
    color: var(--c200-card-raised-chart-title-reversed-color);}
.card-profile-raised-chart .card-body {
    flex: 1 1 0%;}

.chart-area {
    --c200-chart-label-color: var(--c200-secondary);
    --c200-chart-label-border: var(--c200-secondary);
    --c200-chart-item-border-bottom: var(--c200-secondary);}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] .chart-area {
    --c200-chart-item-border-bottom: var(--c200-tertiary);}
.chart-area .chart-item .chart-value {
    padding-left: 5px;
    padding-right: 5px;}
.chart-area .chart-item .chart-value .chart-caption {
    font-size: 10px;
    font-weight: 600;
    width: auto;
    margin-left: -10px;
    margin-right: -10px;}
.chart-area .chart-item .chart-value .chart-inner {
    --c200-chart-item-opacity: 1;
    --c200-chart-item-bg: rgba(var(--c200-primary-rgb), var(--c200-chart-item-opacity));
    background-color: var(--c200-chart-item-bg);}
.chart-area .chart-item .chart-value .chart-inner:after {
    content: '';
    position: absolute;
    display: block;
    height: 4px;
    background-color: var(--c200-chart-item-border-bottom);
    z-index: 10;
    left: 0;
    top: auto;
    bottom: -3px;
    width: calc(145% + 30px);}
.chart-area .chart-item.chart-item-last .chart-value .chart-inner:after {
    width: 100%;}
.chart-area .chart-item .chart-label {
    padding-left: 5px;
    padding-right: 5px;}
.chart-area .chart-item .chart-label .label-item {
    font-size: 14px;
    color: var(--c200-chart-label-color);}
/* chart item fill */
.chart-area .chart-item.chart-item-fill {
    flex: 1 1 0%;}
.chart-area .chart-item.chart-item-fill .chart-value .chart-inner {
    width: 70%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;}


/***************** Dashboard page *****************/

/*body[data-tier-theme]:not([data-tier-theme="Default"]) .funraisin-header,*/
/*body[data-tier-theme]:not([data-tier-theme="Default"]) .funraisin-header {*/
/*    background-image: var(--c200-header-bg-image);}*/

 /*header */
.funraisin-header {
    --c200-social-btn-size: 38px;
    --c200-social-btn-color: var(--c200-primary);
    --c200-social-btn-hover-color: var(--c200-white);
    --c200-social-btn-bg: var(--c200-transparent);
    --c200-social-btn-hover-bg: var(--c200-primary);
    --c200-social-btn-border: var(--c200-primary);
    --c200-social-btn-hover-border: var(--c200-primary);
    --c200-btn-fb-fundraiser-color: var(--c200-white);
    --c200-btn-fb-fundraiser-hover-color: var(--c200-primary);
    --c200-btn-fb-fundraiser-bg: var(--c200-primary);
    --c200-btn-fb-fundraiser-hover-bg: var(--c200-secondary);
    --c200-btn-fb-fundraiser-border: var(--c200-primary);
    --c200-btn-fb-fundraiser-hover-border: var(--c200-primary);
    --c200-list-heading-color: var(--c200-primary);
    --c200-header-gradient: var(--c200-gradient-vertical);
    padding-top: 50px!important;
    padding-bottom: 40px!important;}
 /*Default theme has some different colour tone */
[data-tier-theme="Default"] .funraisin-header {
    --c200-social-btn-color: var(--c200-quaternary);
    --c200-social-btn-border: var(--c200-quaternary);
    --c200-social-btn-hover-border: var(--c200-quaternary);
    --c200-social-btn-bg: var(--c200-transparent);
    --c200-social-btn-hover-bg: var(--c200-quaternary);
    /*--c200-social-btn-hover-bg: var(--c200-quaternary);*/
    --c200-list-heading-color: var(--c200-quaternary);}

    body[data-tier-theme].no-coverphoto .funraisin-header {
        background-image: var(--c200-header-gradient);}
    
    
.funraisin-header, 
.funraisin-header p:not(.lead) {
    font-size: 16px;}
.funraisin-header p {
    font-weight: 600}
.funraisin-header .profile-image-frame {
    margin-bottom: 10px;}
    
/*.funraisin-header > .container {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: -webkit-flex;*/
/*    display: flex;*/
/*    -webkit-align-items: center;*/
/*    align-items: center;*/
/*    -webkit-flex-wrap: wrap;*/
/*    flex-wrap: wrap;}*/
/*.funraisin-header > .container > .vertical-align {*/
/*    width: 100%;*/
/*    height: auto !important;*/
/*    -webkit-align-items: flex-start;*/
/*    align-items: flex-start;}*/
/*.funraisin-header > .container > .vertical-align > .col-xs-4 {*/
/*    width: auto;*/
/*    flex: 0 0 auto;}*/
/*.funraisin-header > .container > .vertical-align > .col-xs-8 {*/
/*    padding-left: 0;*/
/*    flex: 1 1 0%;}*/
/*.funraisin-header > .container > .vertical-align > .col-xs-8 > .row {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;}*/
/*.funraisin-header > .container > .vertical-align > .col-xs-8 > .row > div:first-child {*/
/*    width: 55%;margin-right: auto;}*/
/*.funraisin-header .profile-image-header .profile-image {*/
/*    width: 180px;}*/
/*.funraisin-header .profile-header-yourpage p {*/
/*    text-transform: uppercase;*/
/*    margin-top: 0;}*/
/*.funraisin-header .profile-header-yourpage p,*/
/*.funraisin-header .text-list-title {*/
/*    color: var(--c200-list-heading-color);}*/
/*.funraisin-header .profile-header-yourpage .input-group .form-control {*/
/*    border-right: 0;*/
/*    border-radius: 0;}*/
/*.funraisin-header .profile-header-yourpage .input-group .form-control:focus {*/
/*    --c200-form-border-focus: var(--c200-primary);*/
/*    border-color: var(--c200-form-border-focus);}*/
/*.funraisin-header .profile-header-yourpage .input-group .input-group-addon {*/
/*    --c200-input-addon-bg: var(--c200-primary);*/
/*    font-weight: 600;*/
/*    text-transform: uppercase;*/
/*    background-color: var(--c200-input-addon-bg);*/
/*    border-radius: 0;*/
/*    border: 0;}*/
/*.funraisin-header .fundraising-progress-stats {*/
/*    --c200-progress-stats-bg: var(--c200-primary);*/
/*    background-color: var(--c200-progress-stats-bg);}*/

.funraisin-header .text-list-title {
    color: var(--c200-list-heading-color);}
.funraisin-header #sharepage .btn-social {
    width: var(--c200-social-btn-size);
    height: var(--c200-social-btn-size);
    color: var(--c200-social-btn-color)!important;
    text-decoration: none;
    background-color: var(--c200-social-btn-bg)!important;
    border: 2px solid var(--c200-social-btn-border);}
.funraisin-header #sharepage .btn-social:hover {
    color: var(--c200-social-btn-hover-color)!important;
    background-color: var(--c200-social-btn-hover-bg)!important;
    border-color: var(--c200-social-btn-hover-border);}
.funraisin-header #sharepage .btn-social:not(:last-child) {
    margin-right: 10px;}
.funraisin-header .btn-facebookfundraiser {
    height: var(--c200-social-btn-size);
    font-size: 15px;
    padding: 10px 20px;
    color: var(--c200-btn-fb-fundraiser-color)!important;
    background-color: var(--c200-btn-fb-fundraiser-bg)!important;
    border: 2px solid var(--c200-btn-fb-fundraiser-border)!important;}
.funraisin-header .btn-facebookfundraiser:hover {
    color: var(--c200-btn-fb-fundraiser-hover-color)!important;
    background-color: var(--c200-btn-fb-fundraiser-hover-bg)!important;
    border-color: var(--c200-btn-fb-fundraiser-hover-border)!important;}
.funraisin-header .btn-facebookfundraiser i {
    margin-right: 4px;}
.funraisin-header .profile-header-share {
    align-self: flex-end;}
    
/* hide unused header's parts */
/*.funraisin-header .profile-header-event > *,*/
/*.funraisin-header .profile-header-title .btn-facebookfundraiser,*/
/*.funraisin-header .profile-header-title > p,*/
/*.funraisin-header .profile-header-raised,*/
/*.funraisin-header .profile-header-goal,*/
/*.funraisin-header .profile-header-share #sharepage {*/
/*    display: nones;}*/

.funraisin-header .profile-header-title > .btn-facebookfundraiser,
.funraisin-header .profile-header-title > p,
.funraisin-header .header-profile-left > div > #sharepage {
    display: none;}

/* nav */
.container-page-nav .funraisin-page-loggedin-toggle ul {
    display: flex;
    flex-wrap: wrap;}
.container-page-nav .funraisin-page-loggedin-toggle ul li {
    flex: 1 1 0%;}
.container-page-nav .funraisin-page-loggedin-toggle ul li a span,
.container-page-nav > *:not(.funraisin-page-loggedin-toggle) {
    display: none;}

.funraisin-page-nav {
    --c200-nav-link-color: var(--c200-white);
    --c200-nav-link-active-color: var(--c200-white);
    --c200-nav-link-bg: var(--c200-secondary);
    --c200-nav-link-hover-bg: var(--c200-primary);
    --c200-nav-link-icon: var(--c200-primary);
    --c200-nav-link-icon-hover: var(--c200-secondary);
    --c200-nav-link-icon-hover-focus-color: var(--c200-secondary);
    --c200-nav-link-active-bg: var(--c200-primary);
    --c200-nav-link-border: var(--c200-primary);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;}
.funraisin-page-nav > ul {
    box-shadow: none;}
.funraisin-page-nav > ul > li > a {
    font-size: 16px;
    color: var(--c200-nav-link-color);
    padding: 15px;
    box-shadow: none;
    background-color: var(--c200-nav-link-bg);
    border-radius: 50px!important;}
.funraisin-page-nav > ul > li > a:hover {
    background-color: var(--c200-nav-link-hover-bg);}
.funraisin-page-nav > ul > li > a:focus,
.funraisin-page-nav > ul > li > a:active,
.funraisin-page-nav > ul > li > a:active:focus {
    background-color: var(--c200-nav-link-bg);}
.funraisin-page-nav > ul > li > a i {
    color: var(--c200-nav-link-icon);}
.funraisin-page-nav > ul > li > a:hover i {
    color: var(--c200-nav-link-icon-hover);}
    .funraisin-page-nav > ul > li > a:focus i,
.funraisin-page-nav > ul > li > a:active i,
.funraisin-page-nav > ul > li > a:active:focus i {
    color: var(--c200-nav-link-icon);}
.funraisin-page-nav > ul > li > a:focus:hover i {
    color: var(--c200-nav-link-icon-hover-focus-color);}
.funraisin-page-nav > ul > li ul li a {
    border-radius: 0!important;}
.funraisin-page-nav > ul > li ul li a.btn {
    border-color: var(--c200-nav-link-border)}
.funraisin-page-nav > ul > li ul li a.btn:active,
.funraisin-page-nav > ul > li ul li a.btn:active:hover,
.funraisin-page-nav > ul > li ul li a.btn:focus,
.funraisin-page-nav > ul > li ul li a.btn:focus:active {
    color: var(--c200-nav-link-active-color);
    background-color: var(--c200-nav-link-border);
    border-color: var(--c200-nav-link-border);}
.funraisin-page-nav ul li a.active,
.funraisin-page-nav ul li a:hover {
    background-color: var(--c200-nav-link-active-bg);}

/* loading */
.loading i {
    --c200-loading-color: var(--c200-secondary);
    color: var(--c200-loading-color);}
.animateThis:not(.animated) {
    opacity: 0;}

/* page nav */
.funraisin-page-loggedin-toggle {
    --c200-page-link-color: var(--c200-primary);
    --c200-page-link-border: var(--c200-primary);
    --c200-page-link-icon-color: var(--c200-primary);
    --c200-page-link-hover-color: var(--c200-white);
    --c200-page-link-hover-bg: var(--c200-primary);
    --c200-page-link-icon-hover-color: var(--c200-white);
    --c200-page-link-active-color: var(--c200-white);
    --c200-page-link-icon-active-color: var(--c200-white);
    margin-top: 40px;
    border-bottom: 0;}
.funraisin-page-loggedin-toggle ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.funraisin-page-loggedin-toggle ul li {
    padding: 0;
    min-width: 25%;}
.funraisin-page-loggedin-toggle ul li:not(:first-child) {
    margin-left: -2px;}
.funraisin-page-loggedin-toggle ul li:first-child a, 
.funraisin-page-loggedin-toggle ul li:only-child a {
    border-radius: 30px 0 0 30px;}
.funraisin-page-loggedin-toggle ul li:last-child a, 
.funraisin-page-loggedin-toggle ul li:only-child a {
    border-radius: 0 30px 30px 0;}
.funraisin-page-loggedin-toggle ul li a {
    font-size: 13px;    
    letter-spacing: -.75px;
    line-height: normal;
    color: var(--c200-page-link-color);
    padding: 10px 3px;
    border: 2px solid var(--c200-page-link-border);
    display: flex;
    justify-content: center;
    align-items: center;}
.funraisin-page-loggedin-toggle ul li a span {
    background-color: transparent;
    color: var(--c200-page-link-icon-color);
    height: auto;
    width: auto;
    margin-left: 0;
    margin-bottom: 0;}
.funraisin-page-loggedin-toggle ul li a:hover {
    color: var(--c200-page-link-hover-color);
    background-color: var(--c200-page-link-hover-bg);}
.funraisin-page-loggedin-toggle ul li a:hover span {
    color: var(--c200-page-link-icon-hover-color);
    background-color: transparent;}
.funraisin-page-loggedin-toggle ul li a.active {
    color: var(--c200-page-link-active-color);
    background-color: var(--c200-primary);}
.funraisin-page-loggedin-toggle ul li a.active span {
    color: var(--c200-page-link-icon-active-color);
    background-color: transparent;}

/* user nav */
/*.funraisin-page-nav {*/
/*    --c200-nav-link-color: var(--c200-secondary);*/
/*    --c200-nav-link-hover-color: var(--c200-primary);*/
/*    --c200-nav-link-active-color: var(--c200-primary);*/
/*    padding-top: 0;*/
/*    padding-bottom: 0;}*/
/*.funraisin-page-nav ul {*/
/*    min-height: 1px;}*/
/*.funraisin-page-nav ul li a {*/
/*    color: var(--c200-nav-link-color);*/
/*    padding-top: 0;*/
/*    padding-bottom: 0;*/
/*    border: 0;}*/
/*.funraisin-page-nav ul li a:hover {*/
/*    color: var(--c200-nav-link-hover-color);*/
/*    background-color: transparent;}*/
/*.funraisin-page-nav ul li a.active {*/
/*    color: var(--c200-nav-link-active-color);*/
/*    background-color: transparent;}*/

/* carousel */
.owl-carousel {
    --c200-carousel-nav-item-color: var(--c200-primary);
    --c200-carousel-nav-item-disabled-color: rgba(var(--c200-grey-blue-rgb), var(--c200-opacity-current));
    --c200-opacity-current: .5;
    --c200-opacity-hover: .75;
    --c200-carousel-dot-size: 13px;
    --c200-carousel-dot-bg: rgba(var(--c200-grey-blue-rgb), var(--c200-opacity-current));
    --c200-carousel-dot-hover-bg: rgba(var(--c200-grey-blue-rgb), var(--c200-opacity-hover));
    --c200-carousel-dot-active-bg: var(--c200-primary);}
.owl-carousel.owl-loaded .owl-nav > div {
    font-size: 30px;
    color: var(--c200-carousel-nav-item-color);
    position: absolute;
    top: 22%;
    transform: translateY(-50%);}
.owl-carousel.owl-loaded .owl-nav > div.disabled {
    display: none;
    color: var(--c200-carousel-nav-item-disabled-color);}
.owl-carousel.owl-loaded .owl-nav > div.owl-prev {
    left: -17.5px;}
.owl-carousel.owl-loaded .owl-nav > div.owl-next {
    right: -17.5px;}
.owl-carousel.owl-loaded .owl-dots {
    position: relative;
    bottom: 0;
    margin-top: 15px;}
.owl-carousel .owl-dots .owl-dot {
    width: var(--c200-carousel-dot-size)!important;
    height: var(--c200-carousel-dot-size)!important;
    background-color: var(--c200-carousel-dot-bg);}
.owl-carousel .owl-dots .owl-dot:hover {
    background-color: var(--c200-carousel-dot-hover-bg);}
.owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--c200-carousel-dot-active-bg);}

.card-in-honour {
    --c200-card-in-honour-bg: var(--c200-subtle-tone);
    background-color: var(--c200-card-in-honour-bg);}
.card-in-honour .card-text {
    --c200-card-in-honour-color: var(--c200-secondary);
    color: var(--c200-card-in-honour-color);}
.card-in-honour .profile-placeholder {
    background-color: var(--c200-secondary);}
.card-in-honour .fa-user {
    --c200-card-in-honour-icon-user-color: var(--c200-subtle-tone);
    font-size: 85px;
    color: var(--c200-card-in-honour-icon-user-color);}
.card-in-honour .fa-heart {
    --c200-card-in-honour-icon-heart-color: var(--c200-secondary);
    font-size: 20px;
    color: var(--c200-card-in-honour-icon-heart-color);}
    
/* cards */
.card-members,
.card-donations,
#Donations {
    --c200-card-bg: var(--c200-grey);
    background-color: var(--c200-card-bg);
}
    
/* card-my-progress */
.card-my-progress {
    --c200-card-my-progress-border: var(--c200-primary);
    --c200-card-my-progress-title-color: var(--c200-primary);
    --c200-card-my-progress-range-color: var(--c200-primary);
    border: 3px solid var(--c200-card-my-progress-border);}
.card-my-progress .card-title {
    color: var(--c200-card-my-progress-title-color);}

/* card-tier-benefits */
.card-tier-benefits {
    --c200-card-tier-benefits-bg: var(--c200-subtle-tone);
    --c200-card-tier-benefits-title-color: var(--c200-primary);
    --c200-card-tier-benefits-caption-color: var(--c200-secondary);
    background-color: var(--c200-card-tier-benefits-bg);}
.card-tier-benefits .card-title {
    color: var(--c200-card-tier-benefits-title-color);}
.card-tier-benefits .badge-caption {
    font-size: 13px;
    font-weight: 600;
    color: var(--c200-card-tier-benefits-caption-color);}
    
/* card-fundraising-progress */
.card-fundraising-progress {
    --c200-card-fundraising-progress-title-color: var(--c200-primary);
    --c200-card-fundraising-progress-bg: var(--c200-secondary);
    --c200-card-fundraising-progress-label-color: var(--c200-primary);
    --c200-card-fundraising-progress-value-color: var(--c200-primary);
    --c200-card-fundraising-progress-color: var(--c200-primary);
    --c200-card-fundraising-progress-progressbar-bg: var(--c200-primary);
    background-color: var(--c200-card-fundraising-progress-bg);}
/* Default theme has some different colours tone */
[data-tier-theme="Default"] .card-fundraising-progress {
    --c200-card-fundraising-progress-title-color: var(--c200-tertiary);
    --c200-card-fundraising-progress-label-color: var(--c200-tertiary);
    --c200-card-fundraising-progress-value-color: var(--c200-quaternary);
    --c200-card-fundraising-progress-color: var(--c200-quaternary);
    --c200-card-fundraising-progress-progressbar-bg: var(--c200-tertiary);}
.card-fundraising-progress .card-title {
    color: var(--c200-card-fundraising-progress-title-color);}
.card-fundraising-progress .progress-label {
    font-weight: 600;
    color: var(--c200-card-fundraising-progress-label-color);}
.card-fundraising-progress .progress-value {
    color: var(--c200-card-fundraising-progress-value-color);}
.progress-bar {
    background-color: var(--c200-card-fundraising-progress-progressbar-bg)!important;}

/* card-donation-stats */
.card-donation-stats {
    --c200-card-donation-stats-bg: var(--c200-grey);
    --c200-card-donation-stats-title-color: var(--c200-secondary);
    --c200-card-donation-stats-display-color: var(--c200-white);
    --c200-card-donation-stats-display-bg: var(--c200-primary);
    background-color: var(--c200-card-donation-stats-bg);}
.card-donation-stats .card-title,
.card-donation-stats .stats-item .stats-caption {
    color: var(--c200-card-donation-stats-title-color);}
.card-donation-stats .stats-item .stats-caption {
    font-size: 16px;
    font-weight: 600;}
.card-donation-stats .stats-item .stats-display {
    --c200-card-donation-stats-display-size: 115px;
    width: var(--c200-card-donation-stats-display-size);
    height: var(--c200-card-donation-stats-display-size);
    color: var(--c200-card-donation-stats-display-color);
    background-color: var(--c200-card-donation-stats-display-bg);}
.card-donation-stats .stats-item .stats-display .lead {
    font-weight: 600;}

/* card-fundraising-tier */
.card-fundraising-tier {
    --c200-card-fundraising-tier-border: var(--c200-primary);
    --c200-card-fundraising-tier-title-color: var(--c200-primary);
    --c200-card-fundraising-tier-range-color: var(--c200-primary);
    border: 3px solid var(--c200-card-fundraising-tier-border);}
.card-fundraising-tier .card-title {
    color: var(--c200-card-fundraising-tier-title-color);}
.card-fundraising-tier .tier-level .tier-range {
    color: var(--c200-card-fundraising-tier-range-color);}
.card-fundraising-tier .list-fundraising-tier .tier-logo img {
    display: block;
}

/* card-impact */
.card-impact {
    --c200-card-impact-border: var(--c200-primary);
    --c200-card-impact-title-color: var(--c200-primary);
    border: 3px solid var(--c200-card-impact-border);}
.card-impact .card-title {
    color: var(--c200-card-impact-title-color);}

/* card-impact-item */
.card-impact-item {
    --c200-card-impact-header-heading-color: var(--c200-white);
    --c200-card-impact-header-heading-status-color: var(--c200-white);
    --c200-card-impact-lock-icon-size: 50px;
    --c200-card-impact-lock-icon-border: var(--c200-white);}
.card-impact-item .card-header {
    background-color: var(--c200-card-impact-header-bg);}
.card-impact-item .card-header .heading-end {
    font-size: 14px;
    padding-right: 50px;}
.card-impact-item .card-header .text-heading {
    color: var(--c200-card-impact-header-heading-color);}
.card-impact-item .card-header .text-heading-status {
    color: var(--c200-card-impact-header-heading-status-color);}
.card-impact-item .card-header .lock-icon {
    width: var(--c200-card-impact-lock-icon-size);
    height: var(--c200-card-impact-lock-icon-size);
    position: absolute;
    top: 0;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--c200-card-impact-lock-icon-color);
    background-color: var(--c200-card-impact-lock-icon-bg);
    border: 3px solid var(--c200-card-impact-lock-icon-border);
    border-radius: 50%;}
.card-impact-item .card-header .lock-icon svg {
    width: 17px;
    fill: var(--c200-card-impact-lock-icon-color);}
.card-impact-item .card-body {
    padding: 40px 15px;
    background-color: var(--c200-card-impact-body-bg);}
    
@media(min-width: 1200px) {
    .impact-column {
        flex: 1 1 0%;}
    .impact-user {
        width: 285px;
        padding-left: 0;}
}
    
/* if card-impact-item LOCKED */
.card-impact-item {
    --c200-card-impact-header-gradient: '';}
.card-impact-item,
.card-impact-item.card-status-locked[class*="card-impact-"] {
    --c200-text-opacity: .5;
    --c200-card-impact-header-bg: var(--c200-darker-grey);
    --c200-card-impact-header-heading-color: var(--c200-white);
    --c200-card-impact-body-bg: var(--c200-lighter-grey);
    --c200-card-impact-lock-icon-bg: var(--c200-darker-grey);
    --c200-card-impact-lock-icon-color: var(--c200-white);
    --c200-list-person-image-bg: var(--c200-darker-grey);
    --c200-list-person-image-border: var(--c200-darker-grey);
    --c200-list-person-caption-color: var(--c200-darker-grey);
    --c200-range-label-color: var(--c200-darker-grey);}
/*.card-impact-item.card-status-locked[class*="card-impact-"] .card-body {*/
/*    --c200-card-impact-body-bg: var(--c200-card-impact-body-bg);*/
/*}*/
.card-impact-item .list-impact,
.card-impact-item.card-status-locked[class*="card-impact-"] .list-impact {
    --c200-list-impact-display-icon-color: var(--c200-white);
    --c200-list-impact-display-bg: var(--c200-dark-grey);
    --c200-list-impact-display-bg-active: var(--c200-dark-grey);}
.card-impact-item.card-status-locked[class*="card-impact-"] .list-impact {
    text-align: center;}
.card-impact-item.card-status-locked[class*="card-impact-"] .list-person {
    --c200-list-person-image-opacity: .5;
    --c200-list-person-image-filter: grayscale(1);}
    
/* if card-impact-item PASSED */
.card-impact-item.card-status-passed[class*="card-impact-"] {}
.card-impact-item.card-status-passed .card-header {
    background-image: var(--c200-card-impact-header-gradient);}

/* if card-impact-item tier: Default */
.card-impact-item.card-impact-Default {
    --c200-card-impact-header-bg: var(--c200-df-secondary);
    --c200-card-impact-header-heading-color: var(--c200-df-quaternary);
    --c200-card-impact-lock-icon-bg: var(--c200-df-primary);
    --c200-card-impact-lock-icon-color: var(--c200-df-tertiary);
    --c200-card-impact-body-bg: var(--c200-df-quaternary);
    --c200-card-impact-header-gradient: linear-gradient(to right, rgba(var(--c200-white-rgb), 0) 40%, rgba(var(--c200-df-primary-rgb), 1));
    --c200-list-person-image-bg: var(--c200-df-primary);
    --c200-list-person-image-border: var(--c200-df-primary);
    --c200-list-person-caption-color: var(--c200-df-secondary);
    --c200-range-label-color: var(--c200-df-primary);}
.card-impact-item.card-impact-Default .card-body {
    --c200-df-quaternary: var(--c200-lighter-blue);
    /*--c200-card-impact-body-bg: var(--c200-df-quaternary);*/
}

/* if card-impact-item tier: HonourRoll */
.card-impact-item.card-impact-HonourRoll {
    --c200-card-impact-header-bg: var(--c200-hr-secondary);
    --c200-card-impact-header-heading-color: var(--c200-hr-primary);
    --c200-card-impact-lock-icon-bg: var(--c200-hr-primary);
    --c200-card-impact-lock-icon-color: var(--c200-hr-tertiary);
    --c200-card-impact-body-bg: var(--c200-hr-quaternary);
    --c200-card-impact-header-gradient: linear-gradient(to right, rgba(var(--c200-white-rgb), 0) 40%, rgba(var(--c200-hr-primary-rgb), 1));
    --c200-list-person-image-bg: var(--c200-hr-primary);
    --c200-list-person-image-border: var(--c200-hr-primary);
    --c200-list-person-caption-color: var(--c200-hr-secondary);
    --c200-range-label-color: var(--c200-hr-primary);}

/* if card-impact-item tier: PerkinsPower */
.card-impact-item.card-impact-PerkinsPower {
    --c200-card-impact-header-bg: var(--c200-pp-secondary);
    --c200-card-impact-header-heading-color: var(--c200-pp-primary);
    --c200-card-impact-lock-icon-bg: var(--c200-pp-primary);
    --c200-card-impact-lock-icon-color: var(--c200-pp-secondary);
    --c200-card-impact-body-bg: var(--c200-steel-blue-subtle);
    --c200-card-impact-header-gradient: linear-gradient(to right, rgba(var(--c200-white-rgb), 0) 40%, rgba(var(--c200-pp-tertiary-rgb), 1));
    --c200-list-person-image-bg: var(--c200-pp-primary);
    --c200-list-person-image-border: var(--c200-pp-primary);
    --c200-list-person-caption-color: var(--c200-pp-secondary);
    --c200-range-label-color: var(--c200-pp-primary);}
    
/* if card-impact-item tier: HarrysHeroes */
.card-impact-item.card-impact-HarrysHeroes {
    --c200-card-impact-header-bg: var(--c200-hh-secondary);
    --c200-card-impact-header-heading-color: var(--c200-hh-primary);
    --c200-card-impact-lock-icon-bg: var(--c200-hh-primary);
    --c200-card-impact-lock-icon-color: var(--c200-hh-tertiary);
    --c200-card-impact-body-bg: var(--c200-hh-quaternary);
    --c200-card-impact-header-gradient: linear-gradient(to right, rgba(var(--c200-white-rgb), 0) 40%, rgba(var(--c200-hh-primary-rgb), 1));
    --c200-list-person-image-bg: var(--c200-hh-primary);
    --c200-list-person-image-border: var(--c200-hh-primary);
    --c200-list-person-caption-color: var(--c200-hh-secondary);
    --c200-range-label-color: var(--c200-hh-primary);}
    
/* if card-impact-item tier: Diamond */
.card-impact-item.card-impact-Diamond {
    --c200-card-impact-header-bg: var(--c200-dm-secondary);
    --c200-card-impact-header-heading-color: var(--c200-dm-primary);
    --c200-card-impact-lock-icon-bg: var(--c200-dm-primary);
    --c200-card-impact-lock-icon-color: var(--c200-dm-secondary);
    --c200-card-impact-body-bg: var(--c200-dm-quaternary);
    --c200-card-impact-header-gradient: linear-gradient(to right, rgba(var(--c200-white-rgb), 0) 40%, rgba(var(--c200-dm-primary-rgb), 1));
    --c200-list-person-image-bg: var(--c200-dm-primary);
    --c200-list-person-image-border: var(--c200-dm-primary);
    --c200-list-person-caption-color: var(--c200-dm-secondary);
    --c200-range-label-color: var(--c200-dm-primary);}
    
/* card-activity-progress */
.card-activity-progress {
    --c200-card-activity-progress-title-color: var(--c200-secondary);
    --c200-card-activity-progress-caption-color: var(--c200-secondary);
    --c200-card-activity-progress-stats-display-color: var(--c200-white);
    --c200-card-activity-progress-stats-display-bg: var(--c200-secondary);
    --c200-card-activity-progress-bg: var(--c200-grey);
    background-color: var(--c200-card-activity-progress-bg);}
.card-activity-progress .card-title {
    color: var(--c200-card-activity-progress-title-color);}
.card-activity-progress .stats-item .stats-caption {
    color: var(--c200-card-activity-progress-caption-color);}
.card-activity-progress .stats-item .stats-caption {
    font-size: 16px;
    font-weight: 600;}
.card-activity-progress .stats-item .stats-display {
    --c200-card-activity-progress-stats-display-size: 100px;
    width: var(--c200-card-activity-progress-stats-display-size);
    height: var(--c200-card-activity-progress-stats-display-size);
    color: var(--c200-card-activity-progress-stats-display-color);
    background-color: var(--c200-card-activity-progress-stats-display-bg);}
.card-activity-progress .stats-item .stats-display .lead {
    font-weight: 600;}
@media(max-width: 400px) {
    .card-activity-progress .stats-item .stats-display .lead {
        font-size: 1rem;}
}
@media(max-width: 380px) {
    .card-activity-progress .stats-item .stats-display {
    --c200-card-activity-progress-stats-display-size: 90px;}
    .card-activity-progress .stats-item .stats-display .lead {
        font-size: 14px;}
}
    
/* card leaderboard */
.card-leaderboard {
    --c200-card-leaderboard-title-color: var(--c200-white);
    --c200-card-leaderboard-title-bg: var(--c200-secondary);
    --c200-card-leaderboard-btn-color: var(--c200-white);
    --c200-card-leaderboard-btn-bg: var(--c200-primary);
    --c200-card-leaderboard-btn-border: var(--c200-primary);
    --c200-card-leaderboard-btn-hover-color: var(--c200-primary);
    --c200-card-leaderboard-btn-hover-bg: transparent;
    --c200-card-leaderboard-btn-hover-border: var(--c200-primary);}
.card-leaderboard .card-title {
    color: var(--c200-card-leaderboard-title-color);
    padding: 12px 10px 10px;
    background-color: var(--c200-card-leaderboard-title-bg);}
.card-leaderboard .btn-full-leaderboard,
.card-leaderboard .btn-full-leaderboard:active,
.card-leaderboard .btn-full-leaderboard:focus {
    color: var(--c200-card-leaderboard-btn-color);
    background-color: var(--c200-card-leaderboard-btn-bg);
    border: 2px solid var(--c200-card-leaderboard-btn-border);}
.card-leaderboard .btn-full-leaderboard:hover {
    color: var(--c200-card-leaderboard-btn-hover-color);
    background-color: var(--c200-card-leaderboard-btn-hover-bg);
    border-color: var(--c200-card-leaderboard-btn-hover-border);}


/* Leaderboard */
#Leaderboard {
    --c200-bg-opacity: .25;
    --c200-leaderboard-rank-bg: var(--c200-df-primary);
    --c200-leaderboard-name-color: var(--c200-grey-blue);
    /*--c200-leaderboard-name-color: var(--c200-df-secondary);*/
    --c200-leaderboard-value-color: var(--c200-df-primary);
    /*--c200-leaderboard-rank-bg: var(--c200-primary);*/
    /*--c200-leaderboard-name-color: var(--c200-secondary);*/
    /*--c200-leaderboard-value-color: var(--c200-primary);*/
    --c200-leaderboard-odd-bg: var(--c200-grey);
    --c200-leaderboard-even-bg: var(--c200-white);
    --c200-leaderboard-current-user-bg: var(--c200-quaternary);
    --c200-leaderboard-border-bottom: 1px solid var(--c200-white);
}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] #Leaderboard {
    --c200-leaderboard-current-user-bg: rgba(var(--c200-primary-rgb), var(--c200-bg-opacity));}
#Leaderboard .leaderboardrow .rank {
    white-space: nowrap;
    background-color: var(--c200-leaderboard-rank-bg)!important;}
#Leaderboard .leaderboardrow {
    background-image: var(--c200-leaderboard-bg-gradient)!important;}
#Leaderboard .leaderboardrow:nth-child(odd) {
    background-color: var(--c200-leaderboard-odd-bg);}
#Leaderboard .leaderboardrow:nth-child(even) {
    background-color: var(--c200-leaderboard-even-bg);}
/*#Leaderboard .leaderboardrow.current-user {*/
/*    background-color: var(--c200-leaderboard-current-user-bg);}*/
#Leaderboard .leaderboardrow:not(:last-child) {
    border-bottom: var(--c200-leaderboard-border-bottom);}
#Leaderboard .leaderboardrow a .text-tier-level {
    color: var(--c200-leaderboard-text-level-color);}
#Leaderboard .leaderboardrow a {
    display: flex;}
#Leaderboard .leaderboardrow a .profile-name {
    flex: 1 1 0%;}
#Leaderboard .leaderboardrow a .text-current-user {
    font-size: 12px;
    opacity: .5;}
#Leaderboard .leaderboardrow a .profile-name .fundraiser-name {
    color: var(--c200-leaderboard-name-color);}
#Leaderboard .leaderboardrow a .raised-value {
    color: var(--c200-leaderboard-value-color);}
    
/* leaderboardrow level style */
#Leaderboard .leaderboardrow.leaderboard-HonourRoll {
    --c200-leaderboard-rank-bg: var(--c200-hr-primary);
    --c200-leaderboard-text-level-color: var(--c200-hr-primary);
    --c200-leaderboard-name-color: var(--c200-white);
    --c200-leaderboard-value-color: var(--c200-hr-primary);
    --c200-leaderboard-bg-gradient: var(--gradient-bl-hr);}
#Leaderboard .leaderboardrow.leaderboard-PerkinsPower {
    --c200-leaderboard-rank-bg: var(--c200-pp-primary);
    --c200-leaderboard-text-level-color: var(--c200-pp-primary);
    --c200-leaderboard-name-color: var(--c200-white);
    --c200-leaderboard-value-color: var(--c200-pp-primary);
    /*--c200-leaderboard-bg-gradient: var(--gradient-bl-pp);*/
    --c200-leaderboard-bg-gradient: url('https://d51ks49dvtw9i.cloudfront.net/0d23601dfe4ce12f797b39364c465527.png');
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
}
#Leaderboard .leaderboardrow.leaderboard-HarrysHeroes {
    --c200-leaderboard-rank-bg: var(--c200-hh-primary);
    --c200-leaderboard-text-level-color: var(--c200-hh-primary);
    --c200-leaderboard-name-color: var(--c200-white);
    --c200-leaderboard-value-color: var(--c200-hh-primary);
    --c200-leaderboard-bg-gradient: var(--gradient-bl-hh);}
#Leaderboard .leaderboardrow.leaderboard-Diamond {
    --c200-leaderboard-rank-bg: var(--c200-dm-primary);
    --c200-leaderboard-text-level-color: var(--c200-dm-primary);
    --c200-leaderboard-name-color: var(--c200-white);
    --c200-leaderboard-value-color: var(--c200-dm-primary);
    --c200-leaderboard-bg-gradient: var(--gradient-bl-dm);}

/* card-fb-community */
.card-fb-community {
    --c200-card-fb-community-bg: var(--c200-secondary);
    --c200-card-fb-community-btn-color: var(--c200-secondary);
    --c200-card-fb-community-btn-bg: var(--c200-primary);
    --c200-card-fb-community-btn-border: var(--c200-primary);
    --c200-card-fb-community-btn-hover-color: var(--c200-primary);
    --c200-card-fb-community-btn-hover-bg: var(--c200-secondary);
    --c200-card-fb-community-btn-hover-border: var(--c200-primary);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: var(--c200-card-fb-community-bg);}
/* Default theme has some different colour tone */
[data-tier-theme="Default"] .card-fb-community {
    --c200-card-fb-community-btn-bg: var(--c200-quaternary);
    --c200-card-fb-community-btn-border: var(--c200-quaternary);
    --c200-card-fb-community-btn-hover-color: var(--c200-quaternary);
    --c200-card-fb-community-btn-hover-border: var(--c200-quaternary);}
[data-tier-theme="HarrysHeroes"] .card-fb-community,
[data-tier-theme="Diamond"] .card-fb-community {
    --c200-card-fb-community-btn-color: var(--c200-white)}
.card-fb-community .btn-join-fb,
.card-fb-community .btn-join-fb:active,
.card-fb-community .btn-join-fb:focus {
    color: var(--c200-card-fb-community-btn-color);
    background-color: var(--c200-card-fb-community-btn-bg);
    border: 2px solid var(--c200-card-fb-community-btn-border);}
.card-fb-community .btn-join-fb:hover {
    color: var(--c200-card-fb-community-btn-hover-color);
    background-color: var(--c200-card-fb-community-btn-hover-bg);
    border-color: var(--c200-card-fb-community-btn-hover-border);}
    
/* lists */
.list-participation p,
.list-my-level .text-level {
    font-weight: 600;}
.list-my-level .text-level.lead {
    line-height: 1.25;}
.profile-team .list-my-level {
    display: none;}

.list-badges {
    --c200-bg-opacity: 1;
    --c200-border-opacity: 1;
    --c200-badge-bg: var(--c200-primary);
    --c200-badge-border: var(--c200-primary);
    --c200-badge-caption-color: var(--c200-secondary);}
.list-benefit {
    --c200-bg-opacity: 1;
    --c200-border-opacity: 1;}
.list-badges li {
    width: calc(100% / 8);}
.list-badges .progress-badge:not(.active) {
    --c200-bg-opacity: .1;
    --c200-border-opacity: .1;
    --c200-text-opacity: .75;
    --c200-badge-caption-color: rgba(var(--c200-grey-blue-rgb), var(--c200-text-opacity));}
.list-badges .progress-badge img,
.list-benefit .benefit-badge img {
    --c200-badge-bg: rgba(var(--c200-primary-rgb), var(--c200-bg-opacity));
    --c200-badge-border: rgba(var(--c200-primary-rgb), var(--c200-border-opacity));
    background-color: var(--c200-badge-bg);
    border: 3px solid var(--c200-badge-border);
    border-radius: 50%;}
.list-badges .progress-badge .badge-caption {
    font-size: 13px;
    font-weight: 600;
    color: var(--c200-badge-caption-color);}
    
.list-fundraising-tier .label-desc {
    font-weight: 600;}
    
.list-impact {
    --c200-bg-opacity: 1;
    --c200-bg-opacity-inactive: .25;
    --c200-list-impact-display-size: 125px;
    --c200-list-impact-display-badge-size: 40%;
    --c200-list-impact-display-icon-size: 28px;
    --c200-list-impact-display-icon-color: var(--c200-white);
    --c200-list-impact-display-bg: var(--c200-dark-grey);}
@media(max-width: 380px) {
    .list-impact {
        --c200-list-impact-display-size: 105px;}
}
.list-impact .impact-display {
    width: var(--c200-list-impact-display-size);
    height: var(--c200-list-impact-display-size);
    font-size: var(--c200-list-impact-display-icon-size);
    background-color: var(--c200-list-impact-display-bg);}
.list-impact .impact-display.active {
    background-color: var(--c200-list-impact-display-bg-active);}
.list-impact .impact-display i {
    color: var(--c200-list-impact-display-icon-color);}
.list-impact .impact-display img {
    width: var(--c200-list-impact-display-badge-size);}

/* For each theme */
.list-impact.list-impact-Default {
    --c200-list-impact-display-bg: rgba(var(--c200-df-primary-rgb), var(--c200-bg-opacity-inactive));
    --c200-list-impact-display-bg-active: rgba(var(--c200-df-primary-rgb), var(--c200-bg-opacity));}
.list-impact.list-impact-HonourRoll {
    --c200-list-impact-display-bg: rgba(var(--c200-hr-primary-rgb), var(--c200-bg-opacity-inactive));
    --c200-list-impact-display-bg-active: rgba(var(--c200-hr-primary-rgb), var(--c200-bg-opacity));}
.list-impact.list-impact-PerkinsPower {
    --c200-list-impact-display-bg: rgba(var(--c200-pp-primary-rgb), var(--c200-bg-opacity-inactive));
    --c200-list-impact-display-bg-active: rgba(var(--c200-pp-primary-rgb), var(--c200-bg-opacity));}
.list-impact.list-impact-HarrysHeroes {
    --c200-list-impact-display-bg: rgba(var(--c200-hh-primary-rgb), var(--c200-bg-opacity-inactive));
    --c200-list-impact-display-bg-active: rgba(var(--c200-hh-primary-rgb), var(--c200-bg-opacity));}
.list-impact.list-impact-Diamond {
    --c200-list-impact-display-bg: rgba(var(--c200-dm-primary-rgb), var(--c200-bg-opacity-inactive));
    --c200-list-impact-display-bg-active: rgba(var(--c200-dm-primary-rgb), var(--c200-bg-opacity));}

.list-person {
    --c200-list-person-image-opacity: 1;
    --c200-list-person-image-size: 125px;}
@media(max-width: 380px) {
    .list-person {
        --c200-list-person-image-size: 105px;}
}
.list-person .person-image img {
    width: var(--c200-list-person-image-size);
    display: block;
    cursor: pointer;
    background-color: var(--c200-list-person-image-bg);
    border: 3px solid var(--c200-list-person-image-border);
    border-radius: 50%;
    filter: var(--c200-list-person-image-filter);
    opacity: var(--c200-list-person-image-opacity);}
.person-name,
.person-role {
    color: var(--c200-list-person-caption-color);}
.list-research .range-label {
    font-size: 80px;
    color: var(--c200-range-label-color);}
.list-research .range-label.divider {
    font-size: 28px;}
.research-caption {
    color: var(--c200-list-person-caption-color);}
    
/* nav tabs */
.nav-tabs-custom {
    --c200-nav-item-bg: var(--c200-white);
    --c200-nav-item-active-bg: var(--c200-secondary);
    --c200-nav-item-border: var(--c200-secondary);
    --c200-nav-item-active-border: var(--c200-secondary);
    --c200-nav-link-color: var(--c200-secondary);
    --c200-nav-link-active-color: var(--c200-white);
    --c200-nav-icon-color: var(--c200-primary);
    --c200-nav-icon-active-color: var(--c200-primary);
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;}
/* Default theme has some different colours tone */
[data-tier-theme="Default"] .nav-tabs-custom {
    --c200-nav-item-active-bg: var(--c200-tertiary);
    --c200-nav-link-active-color: var(--c200-secondary);
    --c200-nav-icon-active-color: var(--c200-secondary);}
.nav-tabs-custom[data-theme="dark"] {
    --c200-nav-item-bg: var(--c200-secondary);
    --c200-nav-item-active-bg: var(--c200-primary);
    --c200-nav-item-border: var(--c200-white);
    --c200-nav-item-active-border: var(--c200-white);
    --c200-nav-link-color: var(--c200-white);
    --c200-nav-link-active-color: var(--c200-secondary);
    --c200-nav-icon-color: var(--c200-primary);
    --c200-nav-icon-active-color: var(--c200-secondary);
}
/* Default theme has some different colours tone */
[data-tier-theme="Default"] .nav-tabs-custom[data-theme="dark"] {
    --c200-nav-item-active-bg: var(--c200-quaternary);
    --c200-nav-icon-color: var(--c200-quaternary);
}
/* Diamond theme has some different colours tone */
[data-tier-theme="Diamond"] .nav-tabs-custom[data-theme="dark"] {
    --c200-nav-link-active-color: var(--c200-white);
    --c200-nav-icon-active-color: var(--c200-white);
}
.nav-tabs-custom li {
    flex: 1 1 0%;
    padding: 0!important;
    background-color: var(--c200-nav-item-bg);
    border-radius: 0;
    opacity: 1;
    border-width: 2px;
    border-style: solid;
    border-color: var(--c200-nav-item-border);}
.nav-tabs-custom li:not(:first-child) {
    margin-left: -1px;}
.nav-tabs-custom li:first-child, 
.nav-tabs-custom li:only-child {
    border-radius: 50px 0 0 50px;}
.nav-tabs-custom li:last-child, 
.nav-tabs-custom li:only-child {
    border-radius: 0 50px 50px 0;}
.nav-tabs-custom li.active {
    background-color: var(--c200-nav-item-active-bg);
    border-color: var(--c200-nav-item-active-border);}
.nav-tabs-custom li a {
    font-weight: 700;
    line-height: 1; 
    color: var(--c200-nav-link-color);
    text-decoration: none;
    padding: 10px 5px;
    border: none;}
.nav-tabs-custom li a i {
    color: var(--c200-nav-icon-color);
    margin-right: 4px;}
.nav-tabs-custom li.active a i {
    color: var(--c200-nav-icon-active-color);}
.nav-tabs-custom li.active a,
.nav-tabs-custom li.active a:active,
.nav-tabs-custom li.active a:focus,
.nav-tabs-custom li.active a:hover {
    color: var(--c200-nav-link-active-color);}
.tab-content-custom .tab-pane .row,
.card .row {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;}

#Footer {
    background-image: var(--c200-gradient);}
#Footer .funraisin-footer-legals {
    background-color: transparent;}
    
/******* End: Redesign 2023/12 - 4 themes colours - ssfe *******/


.slick-initialized .slick-dots {
    bottom: auto;
}
.slick-initialized .slick-dots li button:before {
    font-size: 20px!important;
}

#content-main,
.content-main {overflow-x: hidden !important;}
/*.row {margin-right: 0px;margin-left: 0px;}*/
/*.container {padding-right: 0;padding-left: 0;}*/
.primary-nav-container .container {padding-left: 15px;padding-right: 15px;}
.template-login-dashboard #content-main > form {padding-left: 15px;padding-right: 15px;}
#template-login-dashboard #content-main form section {padding-left: 15px;padding-right: 15px;}

.btn-xl {font-size: 1.15em;min-width: 125px;}

.white-button {background:none!important; color:#fff!important; border-color:#fff!important;}
.white-button:hover {background:#fff!important; color:#1a2638!important; border-color:#fff!important;}

.sticky-logo img {width: 293px;}

.navbar-form .form-control {font-weight: 500;}


/*customTextTop*/

.customTextTop h3 {
    font-size: 18px;
}

#Leaderboard .raised .mb0 {display:none;}
#Leaderboard .raised .mt0 {margin-top:10px!important;}
#Leaderboard .leaderboardrow > a {display: flex;justify-content: center;align-items: center; margin-top: 20px;}
/*#Leaderboard .leaderboardrow > a .profileimage {margin-right: 10px;}*/
#Leaderboard .leaderboardrow > a .profileimage img.width-100 {width: 50px !important;height: 50px !important;object-fit: cover;}
/*#Leaderboard .leaderboardrow > a .leaderboard-right {width: 30%;}*/

/*.progress-bar {border-radius: 2px;}*/
/*.progress {border-radius: 2px;}*/

/*#FormPublic {display:none;}*/

#Footer .site-logo img {display:none;}

/*#Members .panel .lump-member-title {color:#00132f!important;}*/

.profile-header .col-xs-5 {width:100%;}
.profile-header .col-xs-7 {width:100%;text-align:center;margin-top:10px;}

.footer-social-icons {text-align:center;}
.footer-social-icons li {display:inline-block;}

.carousel-content .lump.slick-cloned {
    margin:0;
    /*padding:0;*/
}

.dashboard-challenges {padding-top:40px;}
.dashboard-challenges .reward-badge {width:50%;padding:10px 25px;float:left;}
.dashboard-challenges .reward-badge p {font-size:13px;font-weight:600;}

.matchedSidebar .cause-sidebar-countdown {padding:20px 15px;margin:0;}

.matched-giving-copy {margin-top:0px;}

.section-top {background:rgb(214, 11, 30);padding:10px 0 7px;border-radius:5px 5px 0 0;}
.section-top h2 {color:#fff !important;}

.challenges-block {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.challenges-block > .row {padding:20px 15px;}

#Tiers .section-bottom {background:rgb(0, 19, 47);border-radius:0 0 5px 5px;padding:10px 40px;}

#Donors {max-width:100%;}
#Donations .donation .amount {
    /*top: 10rem;*/
    /*right: 13rem;*/
    /*left: auto;*/
    color: #000;
}
/*#Donations .profile-image-wrapper {width:140px;height:140px;}*/
/*#Donations .profile-image-wrapper {width:60px;height:60px;}*/
#Donations .donation .profilename {
    text-align:left;
    width:calc(100% - 180px);
    /*padding-top: 5rem;*/
}
#Donations .donation .profilename p {font-size:14px;}
#Donations .donation .amount p {
    /*font-family: bebas;*/
    /*font-size: 1.75em;*/
    /*text-transform: none;*/
    /*font-weight: 700;*/
    /*color: #E60011;*/
}
#Donations .profile-image-wrapper img {width:100%;height:auto;}

#Donations .donation-row {width:100%;}

/*Add border and centerd*/

.lump-assets .lump-asset .asset-block {
    border: 1px solid #e5e5e5;
}
.lump-assets .lump-asset .asset-block .asset-text {
    text-align: center;
    padding: 10px;
}

/*Checklist*/

.checklist .checklist-item {display: flex;padding: 20px 15px;background: #f4f4f4;margin: 5px 0 !important;align-items: center;}
.checklist .checklist-item .fa {width: 10%;color: #cbcad0;font-size: 24px;}
.checklist .checklist-item span {width: 80%;}
.checklist .checklist-item .fa-check-circle {text-align: right;}
.checklist .checklist-item .fa {width: 10%;color: #cbcad0;font-size: 24px;}

.checklist p.active {
    background:#4057b4;
}

.checklist p.active a {
    color:#fff !important;
}

.checklist p.active .fa {
    color:#dce655;
}
/*Scroll padding*/


#medicalConditions{
    scroll-margin-top: 150px;
    scroll-behavior: smooth;
    transition-duration: 5s;
}

#emergencyContact {
    scroll-behavior: smooth;
    transition-duration: 5s;
}
#fundraisingPage {
    scroll-margin-top: 200px;
    scroll-behavior: smooth;
    transition-duration: 5s;
}

.funraisin-form .section {margin: 0 5px 0 !important;padding: 20px 0 !important;}

.registration-steps {padding: 15px 20px 0;}

.terms-box {width: 10% !important;padding: 0 !important;float: left !important;}
.terms-text {width: 90% !important;padding: 0 !important;float: left !important;}
.optin-box {padding: 0 !important;}

.share-page-icons {display: flex;justify-content: center;align-items: center;}
.share-page-icons a {display: flex;justify-content: center;align-items: center;}

.cause-sidebar-countdown img{display: none;}
.cause-sidebar-countdown p{margin-bottom: 0px;}

.dropdown-menu>li>a {
 white-space: inherit !important;
}

#Lump3598 #Leaderboard .leaderboardrow .rank {
    background-color: #7CA0C4;
}

.member-honour-roll .panel .grey-text {
    color: #00132f !important;
}

.member-honour-roll .btn-primary {
    background: #B4832B;
    border-color: #B4832B;
}
.member-harry-hero .btn-primary {
    background: #579bd4;
    border-color: #579bd4;
}

.member-honour-roll .panel hr {
    border-top: 1px solid #D60A1D;
}

.member-honour-roll .profile-image {
    border: 3px solid #B4832B;
}
.member-harry-hero .profile-image {
    border: 3px solid #579bd4;
}

.member-honour-roll  .profileimage {
    /*position: relative;*/
}

.member-honour-roll .profileimage:before {
    background: url('https://d51ks49dvtw9i.cloudfront.net/ac3ead63381f553c26529599217847a7.png') no-repeat;
}

.member-harry-hero .profileimage:before {
    background: url('https://d51ks49dvtw9i.cloudfront.net/e1d5d18b7a1eb34d4c782f12b30739d0.png') no-repeat;
}

.member-honour-roll .profileimage:before,
.member-harry-hero .profileimage:before {
    content: '';
    background-size: cover;
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    top: 70px;
    left: 70px;
}

.member-honour-roll .panel,
.member-harry-hero .panel {
    background-color: #FFF;
    position: relative;
    padding-top: 85px;
    border-radius: 0;
}

.member-honour-roll .panel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 65px;
    background: #051B32 url('https://d51ks49dvtw9i.cloudfront.net/e7fba3ccf241d1fa0b76d74d2ca039c4.png') no-repeat center center;
    background-size: 150px auto;
    top: 0;
    left: 0;
}

.member-harry-hero .panel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 65px;
    background: #579bd4 url('https://d51ks49dvtw9i.cloudfront.net/969de5a71b8840661a80d3807da80b6f.png') no-repeat center center;
    background-size: 150px auto;
    top: 0;
    left: 0;
}

.member-honour-roll .panel:after {
    content: 'MEMBER';
    position: absolute;
    height: 24px;
    color: #FFF;
    width: 65px;
    background: #BE8002;
    top: 53px;
    left: 50%;
    transform: translateX(-50%);
    font-family: bebas;
    font-size: 20px;
    line-height: 90%;
    font-weight: 700;
    padding-top: 5px;
    text-align: center;
}

.member-harry-hero .panel:after {
    content: 'MEMBER';
    position: absolute;
    height: 24px;
    color: #FFF;
    width: 65px;
    background: #051B32;
    top: 53px;
    left: 50%;
    transform: translateX(-50%);
    font-family: bebas;
    font-size: 20px;
    line-height: 90%;
    font-weight: 700;
    padding-top: 5px;
    text-align: center;
}

.member-honour-roll .panel .btn-tertiary {
    background: #B4832B;
    border-color: #B4832B;
    right: -16px;
}

.member-honour-roll .panel hr {
    border-top: 2px solid #9d9d9d;
}

.member-honour-roll .panel .profile-image {
    border: 3px solid #B4832B;
    width: 105px !important;
    height: 105px;
}
.member-harry-hero .panel .profile-image {
    border: 3px solid #579bd4;
    width: 105px !important;
    height: 105px;
}

.member-honour-roll .panel .profileimage,
.member-harry-hero .panel .profileimage {
    position: relative;
}

.member-honour-roll .panel .profileimage:before {
    content: '';
    background: url('https://d51ks49dvtw9i.cloudfront.net/ac3ead63381f553c26529599217847a7.png') no-repeat;
    background-size: cover;
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    top: 0;
    left: 55%;
}

.member-harry-hero .panel .profileimage:before {
    content: '';
    background: url('https://d51ks49dvtw9i.cloudfront.net/e1d5d18b7a1eb34d4c782f12b30739d0.png') no-repeat;
    background-size: cover;
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    top: 0;
    left: 55%;
}

/******************/
/**Dashboard 2022**/
/******************/

#template-login-dashboard .impact-container h2 {
    color: #FFF;
    background: #0b1b2f;
    padding: 17px 0 10px;
    border-radius: 10px 10px 0 0;
}
#template-login-dashboard .impact-container .impact-levels {
    background: #fff;
    margin-top: -10px;
    padding-top: 10px;
}
#template-login-dashboard .impact-container .impact-rows {
    border: 2px solid #0b1b2f;
    border-radius: 10px;
    padding-top: 40px;
}
#template-login-dashboard .impact-container .row-0 {
    background: #f2f5f9;
    /*height: 140px;*/
}
#template-login-dashboard .impact-container .row-1 {
    background: #F8F3EA;
    /*height: 140px;*/
}
#template-login-dashboard .impact-container .row-2 {
    background: #F3E6E6;
    /*height: 140px;*/
}
#template-login-dashboard .impact-container .row-3 {
    background: #EAF0F8;
    /*height: 215px;*/
}
#template-login-dashboard .impact-container .row-4 {
    background: #F4F4F5;
    /*height: 215px;*/
}
#template-login-dashboard .impact-container .row-0 h4 {
    background: #0B1B30;
}
#template-login-dashboard .impact-container .row-1 h4 {
    background: #b5832c;
}
#template-login-dashboard .impact-container .row-2 h4 {
    background: #880808;
}
#template-login-dashboard .impact-container .row-3 h4 {
    background: linear-gradient(90deg, #2D6CB5 0%, #589BD4 50%, #2D6CB5 100%) !important;
}
#template-login-dashboard .impact-container .row-4 h4 {
    background: #99ccff;
}
#template-login-dashboard .impact-container .level-row h4 {
    position: absolute;
    right: 0;
    top: -35px;
    padding: 5px;
    font-size: 15px;
    color: #fff;
    border-radius: 10px 0 0;
    font-weight: 700;
}
#template-login-dashboard .impact-container .level-row .locker-open {
    position: absolute;
    top: -28px;
    left: -10px;
    width: 140px;
}
#template-login-dashboard .impact-container .level-row .locker {
    position: absolute;
    top: -28px;
    left: -10px;
    width: 37px;
}
#template-login-dashboard .impact-container .level-row .locker + h4{
    opacity: 20%;
}
#template-login-dashboard .impact-container .impact-levels .tier-div .unlocked {
    opacity: 1;
}
#template-login-dashboard .impact-container .impact-levels .tier-div .locked {
    opacity: 20%;
}
#template-login-dashboard .impact-container .impact-levels .tier-div .locked img,
#template-login-dashboard .impact-container .impact-levels .tier-div .unlocked img {
    width: 90px;
}
#template-login-dashboard .impact-container .impact-levels .tier-div .professor:not(.professor.hidden) + .unlocked > img {
    width: 210px;
}
#template-login-dashboard .impact-container .impact-levels .row-0 .tier-div .unlocked strong,
#template-login-dashboard .impact-container .impact-levels .row-0 .tier-div .locked strong {
    color: #0B1B30;
}
#template-login-dashboard .impact-container .impact-levels .row-1 .tier-div .unlocked strong,
#template-login-dashboard .impact-container .impact-levels .row-1 .tier-div .locked strong {
    color: #b5832c;
}
#template-login-dashboard .impact-container .impact-levels .row-2 .tier-div .unlocked strong,
#template-login-dashboard .impact-container .impact-levels .row-2 .tier-div .locked strong {
    color: #880808;
}
#template-login-dashboard .impact-container .impact-levels .row-3 .tier-div .unlocked strong,
#template-login-dashboard .impact-container .impact-levels .row-3 .tier-div .locked strong {
    color: #286CB5;
}
#template-login-dashboard .impact-container .impact-levels .row-4 .tier-div .unlocked strong,
#template-login-dashboard .impact-container .impact-levels .row-4 .tier-div .locked strong {
    color: #000;
}
#template-login-dashboard .impact-container .impact-levels .research-text {
    font-size: 20px;
    font-weight: 700;
}
#template-login-dashboard .impact-container .impact-levels .research-0 {
    color: #0B1B30;
}
#template-login-dashboard .impact-container .impact-levels .research-1 {
    color: #b5832c;
}
#template-login-dashboard .impact-container .impact-levels .research-2 {
    color: #880808;
}
#template-login-dashboard .impact-container .impact-levels .research-3 {
    color: #286CB5;
}
#template-login-dashboard .impact-container .impact-levels .research-4 {
    color: #000;
}
#template-login-dashboard .impact-container .impact-levels .tier-div .unlocked strong,
#template-login-dashboard .impact-container .impact-levels .tier-div .locked strong {
    font-size: 40px;
}
#template-login-dashboard .impact-container .impact-levels .tier-div .unlocked strong span,
#template-login-dashboard .impact-container .impact-levels .tier-div .locked strong span {
    opacity: 20%;
}
#template-login-dashboard .impact-container .impact-levels .row-0 .tier-confetti,
#template-login-dashboard .impact-container .impact-levels .row-1 .tier-confetti,
#template-login-dashboard .impact-container .impact-levels .row-2 .tier-confetti,
#template-login-dashboard .impact-container .impact-levels .row-3 .tier-confetti, 
#template-login-dashboard .impact-container .impact-levels .row-4 .tier-confetti {
    position: absolute;
}
#template-login-dashboard .levelLightBoxDashboard .title {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    font-size: 16px;
}
#template-login-dashboard .levelLightBoxDashboard .title span {
    color: #e50070;
}
#template-profile .donation-banner {
    position: relative;
}
#template-profile .donation-banner img {
    position: absolute;
    width: 300px;
    top: -9px;
    left: 19px;
    z-index: 99999999;
}
#template-profile .breakthrough-donor {
    position: absolute;
    width: 160px;
    left: 5px;
    top: 10px;
}
#template-profile #Donors  .amount p {
    color: #C08314;
    font-weight: 700;
}

#template-profile.harry-hero #Donors .amount p {
    color: #579bd4;
    font-weight: 700;
}



/*NEW 2024 Styling*/

.row-header h1 {
    font-family:TTNormsPro;
    font-size:34px;
    line-height:115%;
    text-transform:uppercase;
    font-weight:800;
}

.btn-text, .btn-text:hover {
    padding: 0px;
    background: transparent;
    border: transparent;
}

.btn-text.btn-secondary {color: #dce655;}
.btn-text.btn-secondary:hover {color: #ffffff;}

.row .lump #Leaderboard {margin: 0;}


/*Boostrap 5 Footer Fixes*/

.funraisin-footer .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.funraisin-footer .row {
    width: 100%;
    flex: 0 0 100%;
}

.funraisin-footer > .container .col-md-10, .funraisin-footer > .container .col-md-2 {
    padding: 0px;
}

.funraisin-footer > .container .footer-social-icons {
    display: flex;
    justify-content: space-evenly;
}

.footer-links, .footer-social-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.footer-links .col-sm-2 {
    flex-basis: fit-content;
}

.funraisin-footer-legals .container {
    padding-top: 0px;
}

.lump-assets .lump-asset .asset-block {
    background: #fff;
    border: 1px solid #ddd;
}

.lump-assets .lump-asset .asset-block .asset-text {
    padding: 10px 15px;
}

/*Nav*/
.primary-nav-container .grid-3 {
    width: 15%;
}

.primary-nav-container .grid-6 {
    width: 70%;
}

.funraisin-primary-nav .funraisin-dropdown-nav > a {
    display: flex;
    justify-content: space-between;
}

.funraisin-header .profileSidebar .sidebar-top .btn-sponsor {
    width: 100% !important;
}

/*remove actions in the background popup from the dashboard*/
.template-login-dashboard #LightboxPanel {
    pointer-events: none;
}



.template-login-dashboard .virtual-tour-popup .close-popup .fa-chevron-left,
.template-login-dashboard #dynamic-tour-popup .close-popup .fa-chevron-right {
    color: #FFF;
}

.template-login-dashboard .virtual-tour-popup .close-popup:not(.active) .fa-chevron-left,
.template-login-dashboard #dynamic-tour-popup .close-popup:not(.active) .fa-chevron-right {
    transform: scale(1);
    transition: transform 1s;
}

.template-login-dashboard .virtual-tour-popup .close-popup.active .fa-chevron-left,
.template-login-dashboard #dynamic-tour-popup .close-popup.active .fa-chevron-right {
    transform: scale(-1);
    transition: transform 1s;
}

.template-login-dashboard .virtual-tour-popup .close-popup {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 100%;
    width: 30px;
    height: 30px;
    background: #003399;
    display: flex;
    justify-content: center;
    align-items: center;
}

.template-login-dashboard #dynamic-tour-popup .close-popup {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 100%;
    width: 30px;
    height: 30px;
    background: #003399;
    display: flex;
    justify-content: center;
    align-items: center;
}

.template-login-dashboard #dynamic-tour-popup .popup-icon {
    width: 200px;
}

.template-login-dashboard #dynamic-tour-popup .flex-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.template-login-dashboard #dynamic-tour-popup .flex-box h3 {
    font-size: 25px;
}

.template-login-dashboard #dynamic-tour-popup .prevNextBtns {
    display: flex;
    justify-content: space-around;
}

.template-login-dashboard #dynamic-tour-popup .prevNextBtns button {
    width: 45%;
}

.template-login-dashboard #dynamic-tour-popup:has(.c-yellow) {
    background:#FFE66D;
}
.template-login-dashboard #dynamic-tour-popup .flex-box.c-yellow h3 {
    color:#0000FF;
}
.template-login-dashboard #dynamic-tour-popup .flex-box.c-blue h3 {
    color:#FFE66D;
}
.template-login-dashboard #dynamic-tour-popup .flex-box.c-blue p {
    color:#FFF
}
.template-login-dashboard #dynamic-tour-popup .flex-box.c-light-blue h3 {
    color:#0000FF;
}
.template-login-dashboard #dynamic-tour-popup .flex-box.c-light-blue p {
    color:#000084;
}
.template-login-dashboard #dynamic-tour-popup .flex-box.c-dark-blue h3 {
    background: -webkit-linear-gradient(#C9732C, #E8BD26, #FFFFC9, #FCF266, #F7A526, #FFF389);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.template-login-dashboard #dynamic-tour-popup .flex-box.c-dark-blue p {
    color:#FFF;
}
.template-login-dashboard #dynamic-tour-popup p {
    font-weight: 600;
}
.template-login-dashboard #dynamic-tour-popup .f_name {
    color: #FF00FF;
}
.template-login-dashboard #dynamic-tour-popup .flex-box.c-yellow p {
    color:#000084;
}
.template-login-dashboard #dynamic-tour-popup:has(.c-blue) {
    background:#0000FF;
}
.template-login-dashboard #dynamic-tour-popup:has(.c-light-blue) {
    background:#40EAE8;
}
.template-login-dashboard #dynamic-tour-popup:has(.c-dark-blue) {
    background:#000084;
}

.template-login-dashboard .virtual-tour-popup {
    position: fixed;
    top: 241px;
    right: 0;
    width: 285px;
    background: #FFF;
    border-radius: 0 0 0 10px;
    z-index: 999999999;
    transition: all .4s ease;
    transform: translateX(100%);
}

.template-login-dashboard #dynamic-tour-popup {
    position: fixed;
    top: 241px;
    right: 100%;
    width: 460px;
    background: #FFF;
    border-radius: 0 0 0 10px;
    z-index: 999999999;
    transition: all .4s ease;
    transform: translateX(0%);
}
.template-login-dashboard .virtual-tour-popup.active{
    transition: all .4s ease;
    transform: translateX(0%);
    box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 25%);
    padding: 0px 0 10px 0;
}

.template-login-dashboard #dynamic-tour-popup.active {
    transition: all .4s ease;
    transform: translateX(100%);
    box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 25%);
    padding: 0px 0 10px 0;
}

.template-login-dashboard .virtual-tour-popup.active .inner .inner-header,
.template-login-dashboard #dynamic-tour-popup.active .inner .inner-header {
    background: #ffe66d;
}

/*Lightbox - Abdan - 05/08/2024*/
.ct-custom-lightbox h2{
    text-transform: none !important;
}

/*themed buttons outside of set body attributes, used for someone not in tier but still need colours */
.btn-honour-roll {
    background-color: var(--c200-hr-primary);
    color: white;
    border: none;
}
.btn-honour-roll:hover {
    background: var(--c200-hr-secondary);
    color: var(--c200-hr-quaternary);
}

.btn-perkins-power {
    background-color: var(--c200-pp-primary);
    color: white;
    border: none;
}
.btn-perkins-power:hover {
    background: var(--c200-pp-secondary);
    color: var(--c200-hr-quaternary);
}

.btn-harry-hero {
    background-color: var(--c200-hh-primary);
    color: white;
    border: none;
}
.btn-harry-hero:hover {
    background: var(--c200-hh-secondary);
    color: var(--c200-hh-quaternary);
}

.btn-diamond {
    background-color: var(--c200-dm-primary);
    color: white;
    border: none;
}
.btn-diamond:hover {
    background: var(--c200-dm-secondary);
    color: var(--c200-dm-quaternary);
}


.template-login-dashboard #customFundraisingMessage,
#template-profile #customFundraisingMessage {
    margin-inline: 0;
    max-width: 100%;
}
.template-login-dashboard #customFundraisingMessage .modal-body-box ul li img,
#template-profile #customFundraisingMessage .modal-body-box ul li img {
    display: block;
    margin-inline: auto;
}
.template-login-dashboard .nudgeBenefitText,
#template-profile .nudgeBenefitText {
    font-size: 16px;
}