:root {
    --main-bg-color: #d76452;
    --wr-primary: #d76452;
    --wr-secondary: #a0839f;
    --wr-tertiary: #ff0000;
}

.toolbar-background,
.theme-bg {
    --background: #d76452;
    background: #d76452 !important;
}

.theme-color {color: #d76452}

:root {
  --all-color: #d76452;
  --second-color: #a0839f;
 --theme-color: #d76452;
}

span.popup-info__table {
    display: none;
}

ion-col.md.hydrated.lot-col.lot-number--8, ion-col.md.hydrated.lot-col.lot-number--12, ion-col.md.hydrated.lot-col.lot-number--14, ion-col.md.hydrated.lot-col.lot-number--16, ion-col.md.hydrated.lot-col.lot-number--17, ion-col.md.hydrated.lot-col.lot-number--20, ion-col.md.hydrated.lot-col.lot-number--21, ion-col.md.hydrated.lot-col.lot-number--25, ion-col.md.hydrated.lot-col.lot-number--26, ion-col.md.hydrated.lot-col.lot-number--27, ion-col.md.hydrated.lot-col.lot-number--28, ion-col.md.hydrated.lot-col.lot-number--30{
order:1;
}

.lot-list ion-row.md.hydrated {
    display: flex;
}

ion-col.md.hydrated.lot-col.lot-number--1, ion-col.md.hydrated.lot-col.lot-number--2, ion-col.md.hydrated.lot-col.lot-number--3, ion-col.md.hydrated.lot-col.lot-number--4, ion-col.md.hydrated.lot-col.lot-number--5, ion-col.md.hydrated.lot-col.lot-number--6, ion-col.md.hydrated.lot-col.lot-number--7, ion-col.md.hydrated.lot-col.lot-number--9, ion-col.md.hydrated.lot-col.lot-number--10, ion-col.md.hydrated.lot-col.lot-number--11, ion-col.md.hydrated.lot-col.lot-number--13, ion-col.md.hydrated.lot-col.lot-number--15, ion-col.md.hydrated.lot-col.lot-number--18,ion-col.md.hydrated.lot-col.lot-number--19, ion-col.md.hydrated.lot-col.lot-number--22, ion-col.md.hydrated.lot-col.lot-number--23, ion-col.md.hydrated.lot-col.lot-number--24, ion-col.md.hydrated.lot-col.lot-number--29, ion-col.md.hydrated.lot-col.lot-number--31, ion-col.md.hydrated.lot-col.lot-number--32 {
display:none;
}

ion-grid.lot__lot-number-id--1.md.hydrated, ion-grid.lot__lot-number-id--2.md.hydrated, ion-grid.lot__lot-number-id--3.md.hydrated, ion-grid.lot__lot-number-id--4.md.hydrated, ion-grid.lot__lot-number-id--5.md.hydrated, ion-grid.lot__lot-number-id--6.md.hydrated, ion-grid.lot__lot-number-id--7.md.hydrated, ion-grid.lot__lot-number-id--9.md.hydrated, ion-grid.lot__lot-number-id--10.md.hydrated, ion-grid.lot__lot-number-id--11.md.hydrated, ion-grid.lot__lot-number-id--13.md.hydrated, ion-grid.lot__lot-number-id--15.md.hydrated, ion-grid.lot__lot-number-id--18.md.hydrated, ion-grid.lot__lot-number-id--19.md.hydrated, ion-grid.lot__lot-number-id--22.md.hydrated, ion-grid.lot__lot-number-id--23.md.hydrated, ion-grid.lot__lot-number-id--24.md.hydrated, ion-grid.lot__lot-number-id--29.md.hydrated, ion-grid.lot__lot-number-id--31.md.hydrated, ion-grid.lot__lot-number-id--32.md.hydrated{
display:none;
}

.totals__bar-fill[data-v-f542e5dc]{
background:#f482b0!important;
}

.leaderboard-lot__bidder-table {
    display: none;
}

.lot-col:nth-child(odd) .lot__lot_number{
background: #d76452!important;
}

.page-TextPage .p-8.w-5\/6.m-auto.text-lg {
    width: 100%;
    background: black;
    margin: auto;
    display: flex;
    justify-content: center;
}

.register-list>.md>ion-col.md.hydrated:nth-child(5) {
    display: none;
}

.lot-col:nth-child(odd) .lot, .lot-col:nth-child(2n) .lot{
background: white;
border: #d76452 solid 1px;
}

.leaderboard-page .leaderboard-lot__image img{
height:160px!important;
}

.page-DonatePage .themed-ele span {
    font-size: 0px;
}

ion-list.sidemenu__links.md.list-md>.md {
    display: flex;
    flex-direction: column;
}

ion-list.sidemenu__links.md.list-md>.md>ion-item:nth-child(1) {
    order: 1;
border-bottom: #d76452 solid 2px;
    padding-bottom: 20px;
}



ion-item#sidemenu__link--register{
order:7;
    padding-top: 10px;
}

ion-item#sidemenu__link--login {
    order: 8;
}

ion-item#sidemenu__link--my-account {
    order: 10;
}

ion-item#sidemenu__link--my-bids {
    order: 9;
    padding-top: 10px;
}

ion-item#sidemenu__link--logout {
    order: 11;
}

ion-item#sidemenu__link--lots {
    order: 3;
    padding-top: 10px;
}

ion-item#sidemenu__link--live-auction-4 {
    order: 4;
}

ion-item#sidemenu__link--donate {
    order: 5;
border-bottom: #d76452 solid 2px;
    padding-bottom: 20px;
}


.lot-image~ion-col.md.hydrated {
    overflow-y: hidden;
}

.page-LotPage ion-select.bid-input__increments.md.ion-focusable.select-ltr.select-justify-space-between.select-label-placement-start.hydrated.select-expanded {
    transform: scale(0);
}

.quantity-pledge ion-button.theme-primary.md.button.button-full.button-solid.ion-activatable.ion-focusable.hydrated {
    font-size: 15px;
}

.pledge-item--pulsed[data-v-6725bc78]{
animation:example 1.5s linear!important;
}

.pledge-item__img-cover{
animation:example 2.0s alternate linear;
}

@keyframes example {
  0% {transform:scale(1);}
  50% {transform:scale(0.98);}
  100% {transform:scale(1);}
}

.page-LotPage .select-highlight {
    display: none;
}

.pp-leaderboard-page .pledge-item:nth-child(2) {
    left: 295px;
}

.pp-leaderboard-page .pledge-item {
    background-size: contain!Important;
    background-color: transparent;
    width: 425px;
background-position: left !important;
    border: 0px !important;
    border-radius: 0 !important;
position:absolute!important;
}

.pledge-item__img-cover{
    border-radius: 10px!important;
    height: 30%!important;
z-index: 200;
}

.pledge-item:nth-child(1) .pledge-item__img-cover {
    background: url(https://weraise-assets.ams3.cdn.digitaloceanspaces.com/images/WMh1DNxaBDUk8oR5lxIoJNTfQR8PbqPv3JVccjBl.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 497px;
    top: 175px;
transition: height 2s ease-in-out!important;
}

.pledge-item:nth-child(2) .pledge-item__img-cover {
    right: 757px;
    top: 210px;
    justify-self: right !important;
    background: url(https://weraise-assets.ams3.cdn.digitaloceanspaces.com/images/sGf6jpj7t1e3xn2J2sw87NemrOPKorufGynG8lXD.png);
    background-size: contain;
    background-repeat: no-repeat;
transition: height 2s ease-in-out!important;
}

.page-DonatePage .themed-ele span:after {
    content: "Donate Any Amount";
    font-size: 16px;
}

.leaderboard-page .leaderboard-lot__info{
color:white!important;
}

.pp-leaderboard-page .totals{
background:rgba(241,169,31,0.5)!important;
}

.pp-leaderboard-page .latest-pledges{
background: rgba(34,68,155,0.5)!important;
}

.page-HomePage ion-content.md.content-ltr {
    --background: black;
}


#sidemenu__link--lots>ion-label {
    font-size: 0px;
}

#sidemenu__link--lots>ion-label:before {
    content: "Silent Auction";
    font-size: 16px;
}

.page-DonatePage ion-col.md.pledge-item:nth-child(1) {
    order: 7;
}

.page-DonatePage ion-col.md.pledge-item:nth-child(2) {
    order: 6;
}

.page-DonatePage ion-col.md.pledge-item:nth-child(3) {
    order: 5;
}

.page-DonatePage ion-col.md.pledge-item:nth-child(4) {
    order: 4;
}

.page-DonatePage ion-col.md.pledge-item:nth-child(5) {
    order: 3;
}

.page-DonatePage ion-col.md.pledge-item:nth-child(6) {
    order: 2;
}

.page-DonatePage ion-col.md.pledge-item:nth-child(7) {
    order: 1;
}

.pledge-image{
margin:auto;
}

.pledge-item__image {
    border-radius: 15px;
    height: unset!important;
}

.pp-leaderboard-page .recent-pledges__notification .title{

    color: white!important;
   }
.recent-pledges__new {
    border: 2px white solid;
    border-radius: 0 0px 5px 5px;
}


.page-DonatePage .content-ltr>ion-grid.md {
    display: flex;
    flex-direction: column;
}

.page-DonatePage .charity-info {
    order: 1;
    padding-top: 20px;
}

.sidemenu .charity-logo {
    width: 60%;
    margin: auto;
    padding-top: 8px;
}

.social-link__wrap{
display:none;
}

.leaderboard-page .leaderboard-lot__info{
color:white;
}



.page-LotsPage .lot__title p{
    font-weight: 600;
color:black;
}

.social-link{
display:none;
}

.page-DonatePage .charity-img {
    margin: auto;
    max-width: 90%!important;
    display: flex;
    justify-content: center;
padding:15px 0;
}

.menu-content ion-button.md.button.button-clear.in-toolbar.in-buttons.button-has-icon-only.ion-activatable.ion-focusable {
    font-size: 0;
}

.menu-content ion-button.md.button.button-clear.in-toolbar.in-buttons.button-has-icon-only.ion-activatable.ion-focusable:after {
    content: "Menu";
    font-size: 15px;
    display: block;
    position: absolute;
    color: white;
    top: 11px;
    font-weight: 800;
}

.pp-leaderboard-page .pledge:nth-child(8),.pp-leaderboard-page .pledge:nth-child(9),.pp-leaderboard-page .pledge:nth-child(10),.pp-leaderboard-page .pledge:nth-child(11),.pp-leaderboard-page .pledge:nth-child(12),.pp-leaderboard-page .pledge:nth-child(13),.pp-leaderboard-page .pledge:nth-child(14),.pp-leaderboard-page .pledge:nth-child(15),.pp-leaderboard-page .pledge:nth-child(16) {
    display: none;
}

.sidemenu ion-content.md.content-ltr {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/page_images/8032576728b153fb398766ba36e6f2c6.png);
    background-repeat: no-repeat!important;
    background-size: cover;
    background-position: bottom;
    --background: transparent!important;
}


.page-RafflePage .raffle.raffle__champagne .raffle__quantity {
    display: none;
}

.page-RafflePage .raffle.raffle__champagne .raffle__purchase-btn-text:after {
    content: 'BUY CHAMPAGNE';
    font-size: 24px;
}

.page-RafflePage .raffle.raffle__champagne .raffle__purchase-btn-text {
    font-size: 0;
}

.page-RafflePage .raffle.raffle__lucky-100-draw .raffle__purchase-btn-text:after {
    content: 'BUY LUCKY DRAW TICKET';
    font-size: 24px;
}

.page-RafflePage .raffle.raffle__lucky-100-draw .raffle__purchase-btn-text {
    font-size: 0;
}

.leaderboard-page .leaderboard-lot{
border: 0px!important;
font-weight:900;
font-size:26px!important;


}

.page-RafflesPage .raffle-col:nth-child(2)>.raffles__raffle >.raffle.md>ion-row>ion-col:nth-child(2) {
    display: none;
}

.raffle-leaderboard__winner.text-white.text-center.text-2xl {
    color: var(--all-color);
    font-family: 'copperplate';
    font-size: 41px;
    transform: translateY(-150px);
}

.raffle-leaderboard__draw {
    transform: translateY(-190px);
}

.raffle-leaderboard.bg-black.h-screen.flex.flex-col.items-center.space-y-5 {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/page_images/003fe4274adfcc1a0afdeb9e4cb7e9e5.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--second-color);
}

.raffle-leaderboard__charity-logo {
    transform: translatey(-75px) scale(0.5);
}

.alert-button-group.sc-ion-alert-md {
    background: var(--all-color);
    /* color: white!important; */
}

.pp-leaderboard-page .recent-pledges__new .pledge-amount, .pp-leaderboard-page .recent-pledges__new .pledge-name {
    color: white!Important;
}

.page-RegisterPage ion-buttons.buttons-last-slot.sc-ion-buttons-md-h.sc-ion-buttons-md-s.md {
    background: var(--second-color);
    height: 6vh;
    margin: 0;
}

span.alert-button-inner.sc-ion-alert-md {
    color: white;
    font-weight: 700;
}

.page-RafflesPage .md.content-ltr>h1 {
    display: none;
}
.page-LotsPage .alert-button-group.sc-ion-alert-md {
    background: var(--all-color);
}


.alert-head.sc-ion-alert-md+.alert-message.sc-ion-alert-md{
padding:10px!important;
}

.page-DonatePage input.native-input.sc-ion-input-md {
    font-size: 32px;
    text-align: center;
    color: var(--all-color);
    font-weight: 700;
    padding: 0;
}

.page-DonatePage ion-icon.md.icon-large {
    transform: scale(1.5);
}

.page-LoginPage ion-col:nth-child(2)>.text-center>ion-button {
    --background: var(--all-color);
}

.raffle__description {
    display: none;
}

ion-list.register-list.md.list-md:after {
    content: "* ";
}

.bid-details ion-badge.badges.theme-primary.md {
    font-size: 28px;
    margin-top: 5px;
    padding: 5px;
}


.raffle-col:nth-child(1) ion-card-header.ion-inherit-color.md:after {
    content: "Secure 1 of only 100 lucky draw tickets to win a HK$5,500 gift card for everything Apple.";
    color: darkslategrey;
    /* padding: 5px; */
}

.raffle-col:nth-child(2) ion-card-header.ion-inherit-color.md:after {
    content: "Buy a bottle of champagne and receive 5 numbered faux pendants.* One lucky lady will win a Ryder Diamonds Palomino pendant valued at HK$20,500! *while stocks last!";
    color: darkslategrey;
    /* padding: 5px; */
}

.raffle-col:nth-child(1) .raffle__status>span {
    font-size: 0;
}
.raffle-col:nth-child(1) .raffle__status>span:after {
    content: "Buy Lucky Draw Ticket";
    font-size: 16px;
}

.raffle-col:nth-child(2) .raffle__status>span {
    font-size: 0;
}
.raffle-col:nth-child(2) .raffle__status>span:after {
    content: "Buy Champagne";
    font-size: 16px;
}

.raffle{
    margin-top: 30px;
}

.page-RafflesPage ion-title.text-center.md.title-default:before {
    content: "Lucky 100 Draw + Buy Champagne";
    font-size: 15px;
    width: 100%;
    position: absolute;
}

.page-RafflesPage ion-title.text-center.md.title-default {
    font-size: 0px;
}

.alert-head.sc-ion-alert-md {
    background: var(--all-color);
padding: 0 0;
}

.alert-title.sc-ion-alert-md {
    color: white!important;
padding: 15px 20px 10px;
}

.alert-sub-title.sc-ion-alert-md {
    background: var(--all-color);
    color: white !important;
}

.raffles__raffle ion-button.md.button.button-small.button-clear.ion-activatable.ion-focusable {
    color: white;
    font-size: 16px;
}

.raffle__title_image img {
    width: 75%;
    margin: auto;
    border-radius: 10px;
}

.raffles__raffle ion-card.raffle.md {
    background: var(--second-color);
}

ion-select.bid-input__increments.md {
    width: 100%;
    padding: 0;
}

.page-HomePage ion-col.md.home-card {
    display: none;
}

.page-Donate ion-row.pledge-item-row.md.hydrated {
    display: none;
}

.bid-actions{
    width: 80%!important;
    max-width: none!important;
}

ion-button.raffle__status.md.button.button-full.button-solid.ion-activatable.ion-focusable.hydrated {
    --background: var(--second-color);
}

.page-RafflesPage #menu-content > div > ion-header > ion-toolbar > ion-title {
    font-size: 0px;
    width: 100%;
}

.page-RafflesPage #menu-content > div > ion-header > ion-toolbar > ion-title:before {
    content: "Lucky 100 Draw + Buy Champagne";
    font-size: 16px;
    width: 95%;
    white-space: nowrap;
    margin: auto;
    position: absolute;
}

.page-RafflesPage #menu-content > div > ion-content > h1 {
    display: none;
}

#sidemenu__link--raffle>ion-label:before {
    content: "Lucky 100 Draw + Buy Champagne";
    font-size: 16px;
}

#sidemenu__link--raffle>ion-label {
    font-size: 0px;
}



.page-LotsPage .alert-button-group.sc-ion-alert-md>button, .page-LotsPage .alert-title.sc-ion-alert-md {
    color: white!important;
}

.page-MyAccountPage ion-button.md.button.button-block.button-large.button-solid.ion-activatable.ion-focusable.hydrated {
    --background: var(--all-color);
    --background-hover: var(--second-color);
}

.page-LotsPage .alert-radio-group.sc-ion-alert-md {
    max-height: none;
}

.page-MyAccountPage .my-account-list {
    padding-bottom: 50px;
}

.raffle__title_image img {
    width: 75%;
}

.page-Bids ion-badge.md.hydrated, .page-MyPledges ion-badge.md.hydrated{
    min-width: 16px;
    font-size: 14px;
    background: var(--all-color);
}

.item-has-focus .label-floating.sc-ion-label-md-h {
    color: orange;
}

:host(.item-interactive.item-has-focus) {
    --highlight-background: purple!important;
}

.page-Bids ion-tab-button#tab-button-raffles, .page-MyPledges ion-tab-button#tab-button-raffles{
    display: block;
}

.homepage-desc~ion-grid.md.hydrated {
    display: none;
}

.lot-list img.lot__image {
    height: auto;
}

.raffles__raffle>.raffle>.md:nth-child(1) {
    background: var(--second-color);
}

.page-Bids ion-label.sc-ion-label-md-h.sc-ion-label-md-s.md.hydrated, .page-MyPledges .menu-content ion-label.sc-ion-label-md-h.sc-ion-label-md-s.md.hydrated {
    font-size: 16px;
}

.raffles__raffle ion-card-title.md.hydrated {
    color: white;
}

.raffles__raffle ion-card.raffle.sc-ion-card-md-h.sc-ion-card-md-s.md.hydrated {
    background: var(--all-color);
}

.raffle-leaderboard__raffle.flex {
    height: 30vh;
    background: white;
    background-repeat: no-repeat;
    border-radius: 15px;
    background-position: 8px 30px;
    overflow: hidden;
}

.bg-white.p-3.rounded-l.w-56 {
    margin: 0 0 auto;
    background: transparent;
    font-weight: 800;
    width: 50%;
    color: transparent;
    height: 30vh;
    background-size: contain;
    background-repeat: no-repeat;
}


.bg-green-500.p-3.rounded-r.w-56 {
    width: 50%;
    display: flex;
    justify-content: center;
    background: var(--all-color);
    font-size: 24px;
    font-weight: 800;
    color: white;
    align-items: center;
font-family:'copperplate';
}

.raffle-leaderboard__raffle.flex:nth-child(2) {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/raffle_images/9a9ad27506c88d652e797901ba9997a5.png);
}
.raffle-leaderboard__raffle.flex:nth-child(1)>.bg-white{
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/raffle_images/c25baf13cafe16d302141ebb250b6c2d.jpeg);
}
.raffle-leaderboard__raffle.flex:nth-child(3) {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/raffle_images/c07747c0439560c7d1ac6adea0b9a514.png);
}
.raffle-leaderboard__raffle.flex:nth-child(4) {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/raffle_images/53895852205b726004385959429a0459.png);
}
.raffle-leaderboard__raffle.flex:nth-child(5) {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/raffle_images/7c73cef7a52e16df79bcf81c39719cd3.png);
}
.raffle-leaderboard__raffle.flex:nth-child(6) {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/raffle_images/9500a1b71071ea26b75e6dea7b547a0e.png);
}

.raffle-leaderboard__raffles.space-y-3.text-center {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-around;
width:100%;
position:absolute;
top:45%;
}

.page-LoginPage .ion-color-secondary:hover, .page-LoginPage [type="submit"]:hover {
    background: var(--all-color);
}
.pledge-item__image[data-v-65d3619b] {
    max-height: 200px;
    width: 200px;
    border-radius: 15px;
}
.signup-modal ion-buttons.buttons-last-slot.sc-ion-buttons-md-h.sc-ion-buttons-md-s.md.hydrated {
    background: var(--second-color);
    padding: 6px 0 3px;
    border-radius: 10px;
}
ion-row.pledge-item-row.md.hydrated>ion-col:nth-child(1) {
    order: 2;
}

ion-row.pledge-item-row.md.hydrated>ion-col:nth-child(1) {
    order: 2;
}
ion-row.pledge-item-row.md.hydrated>ion-col:nth-child(3) {
    order: 3;
}

#menu-content .header-md ion-toolbar ion-buttons.buttons-first-slot.sc-ion-buttons-md-h.sc-ion-buttons-md-s.md.hydrated {
    background: var(--second-color);
    border-radius: 10px;
}

p.pledge-item__stat.pledge-item__raised, p.pledge-item__stat.pledge-item__target {
    padding: 8px 5px;
}

p.pledge-item__stat.pledge-item__target{
display:none;
}

.countdown-timer__value[data-v-20eaa673] {
    background: var(--wr-primary);
    border-radius: 15px;
    font-size: 34px!important;
    text-align: center;
}


div#app.pp-leaderboard-page {
    zoom: 1.25;
}
.lot__banner span[data-v-5bd549dc] {
    transform: rotate(-45deg) scale(0.7);
    width: 113px!important;
}


.countdown-timer__label {
    font-size: 28px;
}

.countdown-timer__time.countdown-timer__time--minutes, .countdown-timer__time.countdown-timer__time--seconds {
    background: var(--all-color)!important;
    border: 10px solid var(--second-color);
    width: 100%;
    border-radius: 20px;
text-align:center;
}
.page-Donate input.native-input.sc-ion-input-md, .page-LotPage input.native-input.sc-ion-input-md {
    color: var(--theme-color)!important;
}
.pp-leaderboard-page .recent-pledges__notification-wrap{
position:absolute!important;
}

.leaderboard-page .leaderboard-lot__image img[data-v-491ce6c7] {
    height: auto!important;
    max-height: 170px;
}

.pp-leaderboard-page .top-pledge {
    grid-gap: .5rem;
    border-top: 2px solid var(--second-color)!important;
font-size:20px;
background:rgba(77,105,134,0.8)!important;
}

.page-HomePage .homepage-desc h1 {
    margin-top: 0px;
color:white;
}


.leaderboard-page .pledge-modal .popup-desc[data-v-08afc603] {
    display: none;
}
.page-HomePage h1.text-center {
    color: white;
display:block;
margin:20px;
}

.pp-leaderboard__footer {
    transform: translateY(-10px);
}
 .leaderboard-lot__title[data-v-491ce6c7] {
    align-items: center;
    display: flex;
}

.container .offset-sm-3 {
   margin-left: 0%!important; 
}

.lot-col:nth-child(2n) .lot__bid_status{
background-color: var(--theme-color);
}

.popup-wrap.bid-modal.sa-popup, .popup-wrap.pledge-modal.sa-popup {
    left: 50%;
    position: absolute!important;
    z-index: 1006;
    background: transparent;
    width: 300%;
    margin: auto;
    height: 90vh;
    top: 5%;
    border-radius: 20px;
    padding: 30px 20px;
    background: rgb(210,100,82,0.9);
    border: solid 3px var(--theme-color);
    background-size: cover;
}

.leaderboard-page .popup-image>img {
    margin: auto;
}





.active-link[data-v-451f1978] {
   --background: var(--theme-color);
    --color: white;
font-weight:800;
    --background-focused: var(--theme-color);
    --background-hover: var(--theme-color);
}
.themed-ele span {
font-size:16px;
    text-transform: capitalize;
}


.leaderboard-lot__bidder-name {
    text-align: center;
}

.slide-fade-leave-active{
display:none;
}

.pp-leaderboard-page .top-pledge:nth-child(11), .pp-leaderboard-page .top-pledge:nth-child(12) {
    display: none;
}

.page-Donate #menu-content ion-grid.md.hydrated {
    display: flex;
    flex-direction: column;
}
.pp-leaderboard-page .totals {
    border: var(--all-color) solid 5px!important;
color:white!important;
}

.pp-leaderboard-page .recent-pledges__notification{
    border: 1px solid var(--wr-primary);
    border-radius: 7px!important;
    height: 115px!important;
    position: absolute!important;
    text-align: center;
    top: -159px!important;
    width: 200px!important;
    transform: scale(1.4);
    left: 940px!important;
}

.pp-leaderboard-page .totals__donors-current,.pp-leaderboard-page .totals__current-totals,.pp-leaderboard-page .totals__target-total{
    width: fit-content;
    margin: auto;
color: white!important;
font-weight:600;
}

.pp-leaderboard-page .row {
    transform: translateY(20px);
    justify-content: center;
}

.countdown-timer{
    z-index: 1020;
}

.leaderboard-page .popup-title{
color: white!important;
    font-size: 45px!important;
    margin-bottom: 5px!Important;
}

 .leaderboard-page .popup-info {
    margin-bottom: 0px;
color: white!important;
}

 .leaderboard-page .popup-image[data-v-08afc603] {
    margin-bottom: 0px;
}

#menu-content img {
    display: flex;
    margin: auto;
}


p.pledge-item__name {
    padding: 0 5px;
    min-height: 51px;
display:none;
}



.leaderboard-page .popup-image {
    height: 350px;
    min-height: 38vh;
    display: flex;
    align-items: center;
    width: 350px;
    background: white;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
}
.popup-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    /* height: 100%; */
    margin-bottom: 0px!important;
font-size:32px!important;
}

.pp-leaderboard-page .pledge-items{
    width: 50%;
}

.leaderboard-page .leaderboard-lot{
    overflow: hidden;
}

.pp-leaderboard-page .wrap {
    background-size: 1230px;
    background-repeat: no-repeat;
padding: 0px 0;
}

form#pledge-form p{
display:none;}

.pledge-name {
    text-transform: capitalize;
}

.pp-leaderboard-page .pledge {
    transform: scale(0.8);
    color:white;
}
span.pledge-name {
    text-transform: capitalize;
}


.bid-details p:nth-child(1) {
    margin-top: 0;
}


.lot-options~ion-row.md.hydrated {
    display: block;
}
.pledge-item__desc span {
    color: white!important;
}
ion-button.md.button.button-small.button-clear.ion-activatable.ion-focusable.hydrated {
    pointer-events: none;
color:black;
}

ion-button.lot__bid_status.md.button.button-full.button-solid.ion-activatable.ion-focusable.hydrated {
    --background: #d76452!important;
}

.col-md-3.scroll-wrap__background:after {
    content: "";
    width: 165px;
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/page_images/c4760bdc2a1068acee9c5dbe67676c7f.png);
    height: 205px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: -16px;
    left: -17px;
display:none;
}
.leaderboard-lot__info[data-v-1a2fab38] {
    border-radius: 0 7px 7px 0;
}

.select-icon-inner {
    color: green;
}
.page-LotPage .bid-input ion-label#ion-input-0-lbl {
    white-space: normal;
}
.bid-input input.native-input.sc-ion-input-md {
    font-size: 32px;
}
.bid-input .item-label ion-label:after {
    content: '(HKD)';
    font-size: 20px;
}
.lot-actions .md ion-row.md.hydrated:nth-child(1) {
    max-width: 960px;
    margin: auto;
}
.page-LotPage .image-wrap img {
    border: 8px solid rgb(23,57,202);
    border-image-source: linear-gradient(to left, var(--all-color),var( --second-color));
    border-image-slice: 1;
    /* border-radius: 5px; */
    display: flex;
}
.page-LotsPage .image-wrap img {
    border: 8px solid rgb(23,57,202);
    border-image-source: linear-gradient(to left, var(--all-color),var( --second-color));
    border-image-slice: 1;
    /* border-radius: 5px; */
    display: flex;
}


.page-LotPage .image-wrap {
    border-radius: 10px;
    display: flex;
    max-width: 500px;
    /* align-items: center; */
    margin: auto;
}
.page-LotsPage .sc-ion-alert-md-h {
    --min-width: 320px;
}
.lot-actions .md .md ion-col.md.hydrated:nth-child(2),.lot-actions .md .md ion-col.md.hydrated:nth-child(3){
    flex: 0 0 calc(calc(6 / var(--ion-grid-columns, 12)) * 100%)!important;
    width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%)!important;
    max-width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%)!important;
}

.lot-actions > ion-grid > ion-row > ion-col:nth-child(1) {
    display: none;
}

.pp-leaderboard-page .pledge-items__title {
    display: none!important;
}

.pp-leaderboard-page .pledge-items {
    border: 0px solid white !important;
}

.pp-leaderboard-page .col-sm-6.pledges-items {
    position: absolute;
transform: translate(315px, 0px);
}

.pp-leaderboard-page .pledge-items__wrap[data-v-92ee4b40] {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: auto auto;
    padding: 20px;
    width: 500px;
}


.pp-leaderboard-page .pledge-item__raised {
    background-color: green!important;
    bottom: -20%!important;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    width: 205px!important;
    border-radius: 10px;
}

.select-icon-inner {
    left: 0px;
    top: 50%;
    margin-top: 0px;
}


.top-pledges[data-v-652e390c] {
    border: 3px solid var(--second-color)!important;
    border-radius: 10px!important;
    transform: translateX(-275px);
line-height:18.5px!important;
}

.home-card:nth-child(1), .home-card:nth-child(2), .home-card:nth-child(3) {
    display: none;
}


.homepage-desc:before {
    content: ' ';
    background-image: url(https://ticketflap-ttclprod-singapore-web-files.s3.amazonaws.com/media/uploads/images/93cf277b4951e5db.jpg);
    max-width: 700px;
    height: 1000px;
    display: block;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
display:none;
}


.home-card .hydrated[role='heading'] {
    font-size: 0px;
}
p.pledge-item__desc::-webkit-scrollbar {
    background: black;
    width: 10px;
}
p.pledge-item__desc::-webkit-scrollbar-thumb {
    background: navy;
    border-radius: 7%;
}

.increment-btn{
    background: transparent!important; 
}
.pledge-item .button {
    margin: 5px 0;
}

ion-icon.md.icon-large.hydrated {
    transform: scale(1.5);
}

ion-badge.winning-badge.md.hydrated {
    --background: #1c4844;
    font-size: 24px;
    padding: 8px;
}
.col-md-3.scroll-wrap__background {
    border-radius: 0 15px 15px 0;
}


.pp-leaderboard-page .totals__donors-current[data-v-633cf566] {
    color: yellow;
}
.pp-leaderboard-page .recent-pledges__pledges[data-v-3c6e0ade] {
    grid-template-columns: repeat(7, 131px);
    grid-column-gap: 13px;
    font-size: 14px;
    font-family: 'Copperplate';
    color: white!important;
margin:auto;
}

.page-Donate .increment-btn[data-v-84e2f546] {
    font-size: 5px;
    border-radius: 10px;
    overflow: hidden;
}
.pp-leaderboard-page .row:after {
display:none;
    content: 'Please scan the following QR code or visit the following link';
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/auction_images/baefb1b4ca717689b6e60a1aae67241d.png);
    width: 250px;
    height: 300px;
    position: absolute;
    top: 135px;
    background-size: 200px 200px;
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin-top: 23px;
    background-position: bottom left;
    background-repeat: no-repeat;
    left: 1020px;
}

.pp-leaderboard-page .row:before {
    content: 'https://nepal.weraise.hk';
    font-size: 25px;
    position: absolute;
    color: yellow;
    font-weight: 700;
    letter-spacing: 3px;
    width: 305px;
    top: 470px;
left:1020px;
    z-index: 3;
display:none;
}


.recent-pledges__new[data-v-3c6e0ade] {
    border: unset!important;
}
.recent-pledges__notification .title[data-v-3c6e0ade] {
   color: 1c4844!important;
}
.page-ImagePage img {
    width: 100%;
    max-width: 960px;
    display: flex;
    margin: auto;
}
.page-RegisterPage .item-has-focus{
--highlight-background: transparent!important;
}

ion-select.bid-input__increments.md.hydrated {
    transform: scale(2.5);
    padding-top: 15px;
}

.homepage-desc a {
    padding: 10px 20px;
    background: #b14095;
    text-decoration: none;
    color: white;
    border-radius: 15px;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    border: #1c48443px solid;
    margin: auto;
    display: flex;
    width: fit-content;
}
}

.page-HomePage .homepage-desc+.md.hydrated {
    display: block;
}
.home-card--1 .hydrated[role='heading']:after {
    font-size: 24px;
    content: 'Empowered Thinkers';
    color: navy;
}
.home-card--2 .hydrated[role='heading']:after {
    font-size: 24px;
    content: 'Effective Communicators';
    color: darkred;
}
.home-card--3 .hydrated[role='heading']:after {
    font-size: 24px;
    content: 'Global Citizens';
    color: navy;
}
.home-card--1 .md.card-content-md.hydrated:after {
    font-size: 20px;
    content: 'Students currently enrolled.';
}
.home-card--2 .md.card-content-md.hydrated:after {
    font-size: 20px;
    content: 'Of the first 200 students to join CCF have gone on to university.';
}
.home-card--3 .md.card-content-md.hydrated:after {
    font-size: 20px;
    content: 'Local community members currently accessing CCF services.';
}
p.pledge-item__desc {
    height: 30px;
    overflow: auto;
    margin: 10px 0;
    padding: 0 5px;
}

.home-card--1 .md.card-content-md.hydrated, .home-card--2 .md.card-content-md.hydrated , .home-card--3 .md.card-content-md.hydrated  {
    font-size: 0px;
    background-image: url(https://www.cambodianchildrensfund.org/assets/icons/blue/books_blue.png);
background-size: 140px;
    background-color: lightgrey;
    background-repeat: no-repeat;
    background-position: center bottom;
padding-top:10px;
color:white;
    width: auto;
    height: 200px;
text-align:center;
display:none;
}

.home-card--2 .md.card-content-md.hydrated{
background-image: url('https://www.cambodianchildrensfund.org/assets/icons/blue/gradhat_blue.png');
}

.home-card--3 .md.card-content-md.hydrated{
background-image: url('https://www.cambodianchildrensfund.org/assets/icons/blue/rice_blue.png');
}

.charity-desc {
    width: 90%;
    margin: 10px auto;
    padding: 0 5px 5px;
    font-size: 20px;
text-align: center;
}
.page-Donate ion-header.md.header-md.header-collapse-none.hydrated {
    position: relative;
}
.pledge-item-modal .in-toolbar ion-button{
position:absolute;
top:50%;
}
.pledge-item-modal .in-toolbar ion-buttons{
padding-right:20px;
}
.manual-pledge ion-row {
    justify-content: center;
}
.recent-pledges__new[data-v-3c6e0ade] {
    border: 2px #1c4844solid;
    border-radius: 0 0 8px 8px;
}
.page-Donate .charity-img {
    margin: 20px auto;
    max-width: 400px;
}
.page-HomePage .homepage-desc {
    padding: 0px 25px;
    line-height: 22px;
    margin: auto;
    white-space: break-spaces;
    width: 95%;
    font-size: 18px;
text-align:center!important;
color:white;
}

.page-HomePage .header-image img {
margin: 0px 20px;
    max-height: unset!important;
    width: 100%;
    object-fit: contain;
    object-position: top;

}

.page-HomePage .header-image {
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: auto;
}

.page-RegisterPage .form-error{
margin:0;
}

.page-RegisterPage ion-item.item-label.item-label-stacked.item.md.in-list.ion-focusable.hydrated {
    border: solid 3px var(--second-color);
    border-radius: 15px;
margin-bottom:8px;
}

.page-RegisterPage ion-item.item-label.item-label-floating.item-interactive.item-input.item.md.in-list.ion-focusable.hydrated {
    border: solid 3px var(--second-color);
    border-radius: 15px;
    margin-bottom: 8px;
}

.page-RegisterPage form {
    position: relative;
    margin-top: 25px;
}


.register-list {
     padding-bottom: 0px!important; 
}

@media only screen and (min-width: 750px) {

ion-list.register-list.md.list-md.hydrated>.md>.md {
    margin: 10px 0;
}

.page-Donate input.native-input.sc-ion-input-md, .page-LotPage input.native-input.sc-ion-input-md {
    text-align: center;
    font-size: 32px;
color: #f4982d;
}

.page-LotPage ion-content>ion-grid>ion-row>ion-col:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/auction_images/ea99fdf7572eb52198deb1fb103d9738.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: 300px 17px;
    border-radius: 20px;
    /* opacity: 1; */
    /* filter: blur(5px); */
}

.bid-input {
    border: var(--theme-color) solid 5px;
    border-radius: 20px;
    background: white;
}

form#bid-form {
    width: 70%;
    margin: auto auto 15px;
    padding: 15px;
}

.manual-pledge ion-button.theme-primary.md.button.button-solid.ion-activatable.ion-focusable.hydrated {
    display: flex;
    margin: auto;
    margin-top: 15px;
    border-radius: 15px!important;
    overflow: hidden;
}

.page-RegisterPage #menu-content form {
    position: relative;
    padding: 20px 0px 0px;
    border: 3px solid var(--second-color);
    width: 60%;
    margin: 50px auto 20px;
    border-radius: 20px;
    box-shadow: 17px 17px 5px var(--second-color);
    max-height: 90vh;
}

.page-RegisterPage [size-sm="8"] {
    margin-left: 0 !important;
    flex: 1!important;
    width: 100%!important;
    max-width: 100%!important;
}

}
.page-LoginPage [type="submit"] {
    --background: white;
    border: solid var(--theme-color) 3px;
    --background-hover: var(--theme-color);
    --color-hover: white;
    color: var(--theme-color);
    border-radius: 15px;
    overflow: hidden;
}

.page-LoginPage ion-item.item-label.item-label-floating.item-interactive.item-input.item.md.in-list.ion-focusable.hydrated {
    border: 3px solid var(--theme-color);
    border-radius: 15px;
    width: 70%;
    margin: auto;
}
p[color="danger"] {
    color: red;
    margin: 10px 0 0;
    width: 70%;
    text-indent: 25%;
}

.page-LoginPage ion-col>ion-row>ion-col:nth-child(1) > p>a {
    font-size: 0px!important;
}

.page-LoginPage ion-col>ion-row>ion-col:nth-child(1) > p>a:after {
    content: 'Forgot password?';
    font-size: 16px;
}

.page-LoginPage ion-col>ion-row>ion-col:nth-child(1) > p {
    font-size: 0px;
}

.page-LoginPage .ion-color-secondary {
    border: 3px solid var(--theme-color);
    border-radius: 15px;
    --ion-color-base: white!important;
    overflow: hidden;
    --ion-color-contrast: var(--theme-color)!important;
    --ion-color-tint: var(--theme-color)!important;
}

.page-LoginPage .ion-color-secondary:hover {
    --ion-color-contrast: white!important;
}

.page-LoginPage h1 {
    font-size: 0px;
    -webkit-background-clip: text!important;
    background: -webkit-linear-gradient(var(--theme-color), var(--theme-color));
    -webkit-text-fill-color: transparent;
}

.page-LoginPage h1:after {
    content: 'Welcome Back';
    font-size: 42px;
    font-weight: 700;
}

.fa-star, .fa-bullseye {
    display: none;
}
@media only screen and (max-width: 750px) {

.page-LotPage h1.lot__lot-title {
    font-size: 22px;
}

div.lot-actions > ion-grid > ion-row > ion-col:nth-child(2), #main > div > ion-content > div.lot-actions > ion-grid > ion-row > ion-col:nth-child(3) {
    width: 50%!important;
    max-width: none!important;
    flex: none!important;
}

.homepage-desc~ion-grid ion-row.md.hydrated{
height:20vh;
}


.page-LotPage iframe.note-video-clip {
    width: -webkit-fill-available;
    /* max-height: 477px; */
    max-height: 230px;
}

.homepage-desc:before {
    height: 500px;
}
p.pledge-item__desc {
    height: auto;
}
.register-list{
    padding-bottom: 0px!important;
}
.bid-input .item-label-floating .sc-ion-input-md-h {
    --padding-top: 40px;
}
input.vti__input::placeholder {
    color: transparent;
}
.bid-input .item .sc-ion-label-md-h {
    white-space: none;
}
.bid-input .item-has-value .label-floating.sc-ion-label-md-h {
    font-size: 20px;
    position: absolute;
    margin-bottom: 3px;
max-width:unset;
}


ion-button.theme-primary.md.button.button-solid.ion-activatable.ion-focusable.hydrated {
    margin: auto;
    display: flex;
    width: 100%;
    /* position: fixed; */
    /* bottom: 0; */
}


.bid-details p {
    margin: 0px 0px!important;
}


.bid-input {
    border: var(--second-color) solid 5px;
    border-radius: 20px;
    margin: 15px auto;
width:80%;
}

.page-HomePage .header-image{
height: auto;
}

.page-HomePage .header-image img {
    width: 100%;
    margin: 10px 0px 5px;
    object-fit: scale-down;
    object-position: top;
}

.charity-desc {
    width: 100%;
    margin: 0px;
font-size:20px;
}

.page-Donate input.native-input.sc-ion-input-md {
font-size: 30px;
    color: orange;
    text-align: center;}

.leaderboard-page .col-md-3.scroll-wrap__background {
    border-radius: 0 20px 20px 0;
}

.leaderboard-page .leaderboard-lot[data-v-7b1e30aa] {
    border-radius: 15px;
    overflow: hidden;
}

.countdown-timer__value {
    background: transparent!important;     
border-radius: 15px;
    font-size: 30px!important;
}
.countdown-timer__time{
  background:#23b3fb98!important;
  border-radius:0 0 20px 20px!important;
  padding:2px 10px!important;
}

.pp-leaderboard-page .pledge-item__raised {
    padding: 8px 0!important;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
    bottom: 0!important;
}

.pp-leaderboard-page .pledge-item__img-cover {
    border-radius:15px!important;
}

.pp-leaderboard-page .pledge-item {
    background-size: 160px !important;
    background-position: center top!important;
    background-color: white;
}

.pp-leaderboard-page .top-pledge:nth-child(odd) {
    background-color: #B745A4;
}

.manual-pledge ion-col:nth-child(1),.manual-pledge ion-col:nth-child(3){
    margin-left: calc(calc(0 / var(--ion-grid-columns, 12)) * 100%)!important;
    flex: 0 0 calc(calc(2 / var(--ion-grid-columns, 12)) * 100%)!important;
    width: calc(calc(2 / var(--ion-grid-columns, 12)) * 100%)!important;
    max-width: calc(calc(2 / var(--ion-grid-columns, 12)) * 100%)!important;
}
.manual-pledge ion-col:nth-child(2){
    width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%)!important;
    max-width: calc(calc(6 / var(--ion-grid-columns, 12)) * 100%)!important;
}
.page-LotsPage .lot-actions>.md>.md>.md>.item-label>.sc-ion-label-md-h{
       text-align: center;
    margin: 0;
    color: white;
    padding: 15px 10px;
    font-size: 16px;
    border-radius: 5px;
}
.page-LotsPage .lot-actions>.md>.md>.md:nth-child(3)>.item-label>.sc-ion-label-md-h {
    background: var(--second-color);
}
.page-LotsPage .lot-actions>.md>.md>.md:nth-child(2)>.item-label>.sc-ion-label-md-h {
    background: var(--all-color);
}

.page-LotsPage .lot-actions>.md>.md>.md>.item-label>.sc-ion-label-md-h~.md {
    width: 1px;
    padding: 0;
    color: white;
}
.page-LotsPage ion-item.item-label.item-interactive.item-select.item-has-value.item.md.ion-activatable.ion-focusable.hydrated {
    --border-width: 0;
}
}

@media only screen and (min-width: 750px) and (max-width: 992px){
.page-RegisterPage #menu-content form {
    position: relative;
    padding: 0px 0px 0px;
    border: 0px solid var(--all-color);
    width: 60%;
    margin: 0px auto 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 0px var(--all-color);
    height: 90vh;
}
#menu-content > div > ion-content > form > ion-grid > ion-row:nth-child(1) {
    height: 92vh;
}
}