:root {

    --primary-theme: #51821D;
    --light-theme: #7cb33a;
    --dark-theme: #3d6116;
    --dark-theme: #3c562f;
    --primary-red: #cc0000;
    --light-red: #ff4d4d;
    --dark-red: #990000;
    --primary-gray: #343a40;
    --light-gray: #eee;
    /*lighten 90%*/
    --dark-gray: #222;

    --card-neutral-background: rgba(255, 255, 255, 0.7);


    --theme-1000: #2d4d0f;
    /*Darken 40%*/
    --theme-900: #356013;
    /*Darken 30%*/
    --theme-800: #3d6f16;
    /*Darken 20%*/
    --theme-700: #46771a;
    /*Darken 10%*/
    --theme-600: var(--primary-theme);
    --theme-500: #5f9324;
    /*Lighten 10%*/
    --theme-400: #73a637;
    /*Lighten 20%*/
    --theme-300: #87b84a;
    /*Lighten 30%*/
    --theme-200: #9bc95d;
    /*Lighten 40%*/
    --theme-150: #afdb70;
    /*Lighten 50%*/
    --theme-125: #c3ec83;
    /*Lighten 60%*/
    --theme-120: #d0f196;
    /*Lighten 70%*/
    --theme-100: #ddf5a9;
    /*Lighten 80%*/


    --theme-transparent-90: #51821De6;
    --theme-transparent-75: #51821Dbf;
    --theme-transparent-50: #51821D80;
    --theme-transparent-25: var(--theme-120);
    --theme-transparent-20: #51821D33;
    --theme-transparent-15: #51821D26;
    --theme-transparent-10: #51821D1a;
    --theme-transparent-5: #51821D0d;

    --red-1000: #990000;
    --red-900: #b30000;
    --red-800: #c00;
    --red-300: #ff9999;
    --red-150: #ffcccc;
    --red-100: #ffe6e6;


    --main-color-1000: var(--theme-1000);
    --main-color-900: var(--theme-900);
    --main-color-800: var(--theme-800);
    --main-color-700: var(--theme-700);
    --main-color-600: var(--theme-600);
    --main-color-500: var(--theme-500);
    --main-color-400: var(--theme-400);
    --main-color-300: var(--theme-300);
    --main-color-200: var(--theme-200);
    --main-color-150: var(--theme-150);
    --main-color-100: var(--theme-100);

    --main-color-transparent-90: var(--theme-transparent-90);
    --main-color-transparent-75: var(--theme-transparent-75);
    --main-color-transparent-50: var(--theme-transparent-50);
    --main-color-transparent-25: var(--theme-transparent-25);
    --main-color-transparent-10: var(--theme-transparent-10);
    --main-color-transparent-5: var(--theme-transparent-5);

    --primary-button-hover-color: var(--theme-600);
    --primary-button-hover-color: var(--theme-600);
    --primary-button-focus-color: var(--theme-600);
    --primary-button-active-color: var(--theme-600);

    --icon-button-color: none;

    --main-background-light: var(--theme-100);
    --card-neutral-background: rgb(255 255 255 / 65%);

    --turqouise-400: #008827;
    --turqouise-700: #51821D;

    --footer-height: 170px;

    @media screen and (max-width: 768px) {
        --footer-height: 462px;
    }

    @media screen and (max-width: 320px) {
        --footer-height: 530px;
    }
}

.product-item {
    background: unset;
}

.footer__additional-row {
    display: unset;
}

.footer__main-row {
    justify-content: center;
}

.footer__additional-row {
    text-align: center;
}


.background-container {
    opacity: 0.3;
}

.text-3,
.text-dark,
.hp_search-text,
.modal-header,
.form-element-label,
.r_drawer_backdrop .r_notifications_drawer__header__text,
#muralBannerTitle,
.s-voucher-header-right {
    color: var(--dark-gray)
}

.modal-header {
    color: var(--primary-gray)
}

.modal>.header {
    background: linear-gradient(to right top, var(--light-gray), var(--white));
}

.modal>.actions {
    background: linear-gradient(to left bottom, var(--light-gray), var(--white));
}

.r-tooltip-content {
    color: white;
}

.product-info>#productPrice,
.link-button,
.s-order-value,
.s-voucher-header-link {
    color: var(--dark-gray) !important;
}

#donationCrownCommDetailsTitle,
#donationCrownNoVoucherTitle,
#donationCrownNoVoucherSubtitle,
#donationCrownVoucherReadyTitle,
#donationCrownNoCommunitySubtitle,
#donationCrownCommDetailsSubtitle1,
#donationCrownCommDetailsSubtitle2,
div.header-user-element>span,
.dcc_main-card {
    color: white !important;
}


.footer__navigation>button>div {
    color: white;
}

.hp_secondary-card {
    background: var(--card-neutral-background);

    @media screen and (max-width: 768px) {
        min-width: 100%;
        width: 100%;
    }
}

.form-element:focus,
.form-element-textarea:focus,
.form-element:active,
.form-element-textarea:active,
.form-select .form-element:focus,
.form-select .form-element:active,
.form-element,
.form-element-textarea,
.form-select .form-element {
    border-color: var(--dark-gray);
}

.form-element:focus,
.form-element-textarea:focus,
.form-element:active,
.form-element-textarea:active,
.form-select .form-element:focus,
.form-select .form-element:active {
    border-color: var(--primary-theme);
    box-shadow: 0 0 0 1px var(--primary-theme);
}

.carousel_thumbnail--active {
    border: 2px solid var(--primary-theme);
}

.hp_search-button,
.selected-item-tag {
    background: var(--primary-theme)
}

.selected-item-tag {
    color: white;
}

.primary-button {
    color: white;
    background-color: var(--theme-600)
}

.primary-button:disabled {
    color: var(--light-gray);
}

.s-club-image {
    border: 2px solid var(--primary-theme);
}

#b_voucherDonationButton,
#b_submitButton:not(:disabled),
#b_hpSearchButtonText,
#b_homepagePiggyBankButton,
#b_homepageLocationButton,
#b_marketingHomepageButton,
#b_lqPublicNoVoucherButton,
#b_lqAdminButton,
#b_searchButtonText,
#b_downloadCenterButton,
#b_materialGeneratorButton,
#shareHubMaterialShareButton,
#shareHubCommunityButton,
#shareHubCampaignButton,
#b_lqPublicWithVouchersButton,
.mural-banner__button {
    color: white;
    background-color: var(--theme-600);
}

#b_homepagePiggyBankButton>div>div>img,
#b_homepageLocationButton>div>div>img,
#b_achievementsShareButton>div.button__content>img,
#b_wishlistShareButton>div.button__content>img,
.black-circle-image-container>#piggyBankIcon,
#searchLocationIcon {
    filter: unset;
}

.small-range-slider .range-slider__thumb {
    border-color: var(--primary-theme);
}

.tab-active-bar {
    background-color: var(--primary-theme);
}

.cart-address.selected>.s-card-container,
.mg-download-format-card.selected,
.mg-template-item.selected,
.product-color-selector-btn.selected,
.carousel__thumbnail--active {
    border: 2px solid var(--primary-theme) !important;
}

html ::-webkit-scrollbar-thumb:hover {
    background: var(--primary-theme);
    cursor: pointer;
}

#shareHubCommunitySlogan,
#shareHubCampaignSlogan,
#donationCrownNoVoucherTitle,
#donationCrownDisabledTitle,
#muralCampaignSlogan,
#muralCommunitySlogan,
#muralLeaderBoardSlogan,
.s-voucher-title,
.s-search-title,
.s-sub-bottom-text a {
    color: var(--primary-theme);
}

#hamburgerMenuIcon-icon,
#homeIcon-icon,
#hamburgerMenuButton1,
.header-icon,
#entityEditIcon-icon {
    filter: invert(1);
}

#b_marketingHomepageButton,
#b_downloadCenterButton,
#b_materialGeneratorButton {
    border-style: solid;
    border-width: 1px;
    border-color: var(--theme-150);
}

#searchMagnifierIcon,
#searchLocationIcon {
    margin-right: 0px;
}

.footer,
.community-balance-total {
    background-color: var(--dark-gray);
}

.oval-button:disabled {
    background-color: var(--theme-700);
    color: var(--theme-200);
}

.oval-button:not(:disabled):hover,
.product-quantity-selector-input,
.primary-button:hover {
    filter: brightness(0.97);
}

.oval-button:not(:disabled):focus,
.primary-button:not(:disabled):focus {
    transition: box-shadow .1s ease;
    filter: brightness(.97);
    box-shadow: 0 0 5px #0000004d;
}


.crown-code-digit-full {
    background: linear-gradient(0deg, var(--theme-1000) 0%, var(--theme-900) 100%);
    border-color: var(--theme-300);
}

div.pd-section-container.product-name-title>button.pd-wishlist-button {
    background: white;
}

.pd-section-container>.product-quantity>.product-quantity-selector>.product-quantity-selector-input,
.sh-campaign-step {
    background-color: white;
}

@media screen and (max-width: 768px) {
    .sh-campaign-step-body {
        background-color: rgb(0 54 96 / 50%);
    }

    .header-icon-one {
        height: 28px;
    }

}

@media screen and (max-width: 1040px) {
    .hp_secondary-cards-container {
        flex-direction: column-reverse;
    }
}

.button__image-container {
    background: white;
}

.dcc_main-card {
    color: var(--primary-gray);
    background: linear-gradient(to right bottom, var(--main-color-600), var(--main-color-300));
}

.embla {
    --slide-size: 80%;
    --slide-height: unset;
}

.embla__slide__img {
    object-fit: contain;
    max-width: 100%;
}

.product-quantity-selector-btn,
#searchLocationContainer,
#piggybankContainer {
    background: var(--theme-600);
}

#donationCrownCommunityTitle,
#donationCrownEnterVoucherTitle,
.dcc_community-name {
    color: white;
}

.mural-cell--empty,
.mural-banner__preview-cell {
    background-color: var(--theme-transparent-20);
}

.embla__dots {
    width: 100%;
}

.embla__dot:after {
    box-shadow: inset 0 0 0 .2rem var(--grey-400);
}

.embla__dot--selected:after {
    box-shadow: inset 0 0 0 .2rem var(--primary-theme);
}

.dcc_qr-icon {
    display: none;
}

#donationCrownNoDonationIcon {
    display: block;
}

.s-search-filters-box,
.cat-filters {
    @media screen and (max-width: 768px) {
        background: unset;
    }
}

.s-mobile-filter-wrapper {
    background-color: #e2e2e18c;
}

div.mg-upload-area>div>div.mg-image-box__text.header-5 {
    scale: 0.9
}

/*Wishlist sharing PDF adjustments START*/
.wl-footer-logo-container {
    background-color: unset;
}

@media screen and (max-width: 768px) {
    .step-list__step-body {
        background-color: var(--main-color-transparent-10);
    }
}

/*Wishlist sharing PDF adjustments END*/

#b_scanSummaryProcessingIcon,
#b_scanSummarySuccessIcon,
#b_scanSummaryFailIcon {
    min-width: 50px;
    margin: 5px;
    padding: 0px 15px;
    height: 35px;
}

#b_scanSummaryProcessingIcon,
#b_scanSummarySuccessIcon,
#b_scanSummaryFailIcon {
    background-color: gray;
    color: white;
}

#b_scanSummaryProcessingIcon>.button__content,
#b_scanSummaryFailIcon>.button__content {
    scale: 0.85;
}

#b_scanSummaryProcessingIcon:hover,
#b_scanSummarySuccessIcon:hover,
#b_scanSummaryFailIcon:hover {
    background-color: #737373;
}

.scan-summary-icon {
    padding: 0px 5px 0px 0px;
    filter: invert(1);
}

#scanSummarySuccessIcon {
    filter: unset;
}

.dcc_main-card-light {
    color: white;
}

/*Wishlist sharing PDF adjustments START*/
.wl-footer-logo-container {
    background-color: unset;
}

@media screen and (max-width: 768px) {
    .step-list__step-body {
        background-color: var(--main-color-transparent-10);
    }
}

/*Wishlist sharing PDF adjustments END*/

.step-container>div>div.active.completed>div {
    color: white;
}

#searchMagnifierIcon,
#b_voucherDonationButton>div>div>img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(25%) saturate(1534%) hue-rotate(48deg) brightness(99%) contrast(88%);
}

.voucher-crown-buttons {
    background-color: var(--theme-100);
    border-radius: 50px;
    padding: 4px;
    justify-content: space-between;
}

.embla {
    --slide-size: 80%;
    --slide-height: unset;
}

.embla__slide__img {
    object-fit: contain;
    max-width: 100%;
}

.embla__dots {
    width: 100%;
}

.embla__dot:after {
    box-shadow: inset 0 0 0 .2rem var(--main-color-800);
}

.embla__dot--selected:after {
    box-shadow: inset 0 0 0 .2rem var(--primary-theme);
}

.mg-image-box__edit-btn {
    background: var(--main-color-600);
}

.s-sort-component,
#searchResultsCount {
    color: var(--text-primary);
}

.mg-template-item--selected,
.mg-image-box--selected {
    border: 2px solid var(--primary-theme);
}

.step.active:not(.completed) {
    background: var(--primary-theme);
    border-color: var(--primary-theme);
}

.step-name.active:not(.completed) {
    background: var(--primary-theme);
}

.activity-hub__stripe>button,
#muralCommunitySubtitle,
#muralLeaderBoardSubtitle {
    color: var(--main-color-1000);
}


.activity-hub-modal__tabs__button {
    border: none;
    background: white;
    color: var(--primary-theme);
}

.activity-hub-modal__tabs__button--active {
    color: white;
    background-color: var(--theme-600);
    border: none;
}

.activity-hub-modal__tabs__button--active .button__text {
    color: white;
}

.user-engagement:not(.user-engagement--completed, .user-engagement--expired) {
    border: 1px solid #dddddd;
}

#pointsRewardIcon.header-icon-button {
    background: var(--text-primary);
    background: linear-gradient(45deg, var(--text-primary) 0%, var(--text-secondary) 80%);
}

.activity-hub-modal__title-header,
#muralCommunityNotRegisteredMessage {
    color: var(--text-primary);
}


#onboardingSubtitleSubtextSettingsLink,
#donationCrownVoucherReadyTitle,
#muralCommunityNotRegisteredHeading {
    color: var(--primary-theme)
}

.survey-modal__header__title,
.user-engagement__task-reward-box {
    border: 2px solid var(--main-color-1000);
}

.step-list__step {
    background: white;
}

.step-list__slogan,
.step-list__subtitle {
    color: var(--main-color-1000);
}

.secondary-button {
    background-color: transparent;
    color: var(--text-secondary);
    border: 2px solid var(--text-secondary);
}

.mural-leaderboard__rank:after {
    border: 2px solid var(--primary-theme);
}

.mural-leaderboard__stats {
    background-color: var(--grey-transparent-50);
    border-radius: var(--general-border-radius);
}

.mural-leaderboard__rank-number {
    color: var(--primary-theme);
}

.toggle-switch__checkbox:checked+.toggle-switch__slider {
    background-color: var(--theme-600);
}

.step-name.completed {
    background: var(--theme-600);
}

.step.completed {
    background: var(--theme-600);
    border-color: var(--theme-600);
    opacity: .4;
}

#wishlistYesIcon-icon {
    filter: brightness(0) saturate(100%) invert(11%) sepia(88%) saturate(5671%) hue-rotate(358deg) brightness(89%) contrast(111%);
}

#wishlistNoIcon-icon {
    filter: brightness(0) saturate(100%) invert(22%) sepia(28%) saturate(1369%) hue-rotate(48deg) brightness(98%) contrast(88%);
}

.small-range-slider.range-slider {
    background: var(--theme-200)
}

/* Hiding Behaviours and Rewards elements 
div.activity-hub-modal__tabs,
div.activity-hub-modal__title-header__subtitle-with-link,
.s-card-value-empty {
    display: none;
}

.activity-hub-modal .header {
    padding-top: 0;
    padding-bottom: 4px;
    background: none;
}
*/

/* END Hiding Behaviours and Rewards elements END */

/* Hiding category elements */
#search-community-category-small {
    display: none;
}

/* END Hiding category elements END */


#pointsRewardIcon-icon {
    filter: unset;
}

/* Hiding Account Customisation Rewards  */
.s-component-container>.s-card-container:nth-of-type(4) {
    display: none;
}

.s-tasks-task__rewards-row>.s-tasks-task__reward:nth-of-type(2) {
    display: none;
}

/* END Hiding Account Customisation Rewards and Task Prize Draws END */

.hp_container .background-container {
    opacity: .6;
}

/*setting the header color to match the logo background*/
#r_header {
    background: linear-gradient(to right bottom, #0a7d00 40%, var(--main-color-600));
}

/*adjusting crown banner image for smaller screen sizes*/
@media screen and (max-width: 490px) {
    .dcc_banner-container {
        position: relative;
        top: -25px;
    }

    #donationCrownCardBanner {
        scale: 2;
    }
}

/*Consent Management footer-button style*/
#b_cookieConsent>div>span {
    color: white;
    text-decoration: underline;
}

#donationCrownNoDonationSubtitle,
#donationCrownNoDonationTitle {
  font-size: 20px;
}