:root {

    --demo-accent: #005f7e;
    --demo-accent-dark: #00455c;
    /*70%*/
    --custom-gray: #303030;
    --custom-red: #bc251e;

    --theme-1000: #00455c;
    --theme-900: #005f7e;
    --theme-800: #0079a1;
    --theme-700: #0093c3;
    --theme-600: #00ade6;
    --theme-500: #03c1ff;
    --theme-400: #1fc7ff;
    --theme-300: #3bceff;
    --theme-200: #57d5ff;
    --theme-150: #73dcff;
    --theme-125: #8fe3ff;
    --theme-120: #abeaff;
    --theme-100: #c7f1ff;


    --theme-transparent-90: #00ade6e6;
    --theme-transparent-75: #00ade6bf;
    --theme-transparent-50: #00ade680;
    --theme-transparent-25: #00ade640;
    --theme-transparent-20: #00ade633;
    --theme-transparent-15: #00ade626;
    --theme-transparent-10: #00ade61a;
    --theme-transparent-5: #00ade60d;

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

    --icon-button-color: none;

    --primary-button-hover-color: var(--demo-accent);

    --main-background-light: var(--theme-150);
    /*--card-neutral-background: rgb(255 255 255 / 65%);
  --card-neutral-background: var(--grey-transparent-50);*/

}


#hamburgerMenuIcon-icon,
#headerAccountIcon-icon,
#headerVoucherIcon-icon,
#headerCartIcon-icon,
#searchMagnifierIcon,
#homeIcon-icon,
#searchLocationIcon,
#entityAddIcon-icon,
#entityEditIcon-icon,
button.product-quantity-selector-btn>img,
#hamburgerMenuButton1 {
    filter: invert(1);
}

#hpSearchInputPlaceholder:active,
#hpSearchInputPlaceholder:focus {
    border-color: var(--demo-accent);
    box-shadow: 0 0 0 1px var(--demo-accent) !important;
    background: rgb(245, 136, 53, 0.05);
}

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

.footer {
    background-color: var(--custom-gray);
}

.oval-button:not(:disabled):hover,
.product-quantity-selector-input {
    background-color: var(--theme-100);
}

.oval-button:not(:disabled):focus {
    background-color: var(--theme-125);
}

.crown-code-digit-full {
    background: linear-gradient(0deg, var(--theme-150) 0%, white 100%);
    color: var(--demo-accent-dark);
    border-color: var(--demo-accent);
}


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


#b_wishlistShareButton {
    border-width: 0px;
}

#b_wishlistShareButton>div>#shareIcon {
    filter: invert(1);
    margin-right: 5px;
}

@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: var(--main-color-600);
}

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

.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(--demo-accent);
}

.dcc_qr-icon {
    display: none;
}

div.dcc_main-card-row:has(> #donationCrownNoVoucherTitle) {
    justify-content: center;
}

.s-search-filters-box,
.s-piggybank-floating,
.cat-filters {
    background: var(--theme-120);
}

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

.button__image-container,
.hp_search-button,
.product-price,
.community-balance-total {
    background: var(--demo-accent);
}

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

.product-info>#productPrice {
    color: white;
}

.carousel_thumbnail--active {
    border: 2px solid var(--demo-accent);
}

.category-box .img-box.selected,
.small-range-slider .range-slider__range {
    background-color: var(--demo-accent);
}

.product-image-wrapper .product-add-to-cart-btn {
    background: var(--theme-600);
}

.product-image-wrapper .product-add-to-cart-btn:hover {
    background-color: var(--main-color-500);
}

.products-list__pagination {
    display: none;
}

#catalogueCrownBanner {
    scale: 0.4;
}

#celebrationModal {
    background: #00ade6e6;
}

#downloadIcon-icon {
    filter: invert(100%);
}




@media screen and (min-width: 769px) {
    .hp_card__header {
        background: white;
        border-radius: 4px;
    }

.hp_card__header>div.hp_card__header-text-container {
        display: none;
    }
  
    #homeLogoImage {
        width: 100%;
        object-fit: contain;

    }
}

@media screen and (max-width: 768px) {
    .hp_container .hp_card__header-text-container {
        background-size: contain;
      min-height: 150px;
      width: 100%;
      background-repeat: no-repeat;
    }

  div.hp_card__header-text-container > .hp_card__header-text {
    display: none;
  }
}