:root {
    --main-bg-color: #00463a;
    --wr-primary: #00463a;
    --wr-secondary: #c8a65a;
    --wr-tertiary: #d4d3d5;
}

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

.theme-color {color: #00463a}

:root {
  --all-color: #00463A;
  --second-color: #C8A65A;
 --theme-color: #475061;
}

.single-lot span {
font-family: var(--ion-font-family, inherit) !important;
}

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

ion-item#sidemenu__link--HUB_LA {
    order: 9;
}

.page-LotPage .lot-description>p>span, .page-LotPage .lot-description>p>b>span  {
    font-size: 22px!important;
   font-family: inherit!important;
}

.page-LotPage .lot-description>p {
    font-size: 22px;
}

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

.recent-pledges__pledges {
    transform: translateY(34px);
    overflow: hidden;
}

.pp-leaderboard-page .top-pledge {
    border-top: 2px solid lightgrey!important;
    color: #083f2c!important;
    background: white!important;
}

.totals__donors-current[data-v-f542e5dc]{
color:white!important;
}

.top-pledges__title {
    background: linear-gradient(90deg, rgba(184,145,64,1) 0%, rgba(221,188,96,1) 50%, rgba(192,155,77,1) 100%)!important;
}

.social-link h4 {
    margin: 0 10px;
}

.page-DonatePage ion-row.md.pledge-item-row {
    display: flex;
}

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

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

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

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

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

.social-link span {
    font-size: 12px;
}

.page-MyBidsPage-Bid ion-tab-button#tab-button-raffles, .page-MyBidsPage-Donation ion-tab-button#tab-button-raffles {
    display: none;
}

.page-LotPage .lot-gallery__main-image[data-v-50440667] {
    height: 500px;
}

.page-HomePage ion-header.md.header-md.header-collapse-none .text-center {
    color: transparent;
}

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

ion-item#about-us {
    order: 2;
}

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

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

ion-item#sidemenu__link--my-bids {
    order: 5;
}

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

ion-item#sidemenu__link--lots {
    order: 7;
}

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

ion-item#sidemenu__link--raffle {
    order: 9;
}

ion-item#sidemenu__link--hubfaqs {
    order: 10;
}

ion-item#sidemenu__link--register {
    display: none;
}

.page-DonatePage ion-button.themed-ele.md.button.button-block.button-solid.ion-activatable.ion-focusable>span {
    font-size:0px;
}

.page-DonatePage ion-button.themed-ele.md.button.button-block.button-solid.ion-activatable.ion-focusable>span:after {
    font-size:16px;
    content: "Donate Any Amount";
}

.page-DonatePage ion-title.text-center.md.title-default>span:after {
    content: "Make a Donation";
    color: white;
    font-size:20px;
}

.page-DonatePage ion-title.text-center.md.title-default>span {
    color: transparent;
    font-size:0px;
}

ion-item#sidemenu__link--lots>ion-label.sc-ion-label-md-h.sc-ion-label-md-s.md:after {
    font-size: 16px;
    content: "Silent Auction";
}

ion-item#sidemenu__link--lots>ion-label.sc-ion-label-md-h.sc-ion-label-md-s.md {
    font-size: 0;
}

ion-item#sidemenu__link--donate>ion-label.sc-ion-label-md-h.sc-ion-label-md-s.md:after {
    font-size: 16px;
    content: "Make a Donation";
}

ion-item#sidemenu__link--donate>ion-label.sc-ion-label-md-h.sc-ion-label-md-s.md {
    font-size: 0;
}

ion-item#sidemenu__link--login>ion-label.sc-ion-label-md-h.sc-ion-label-md-s.md:after {
    font-size: 16px;
    content: "Register / Login";
}

ion-item#sidemenu__link--login>ion-label.sc-ion-label-md-h.sc-ion-label-md-s.md {
    font-size: 0;
}

.page-DonatePage .total-raised{
display:none;
}

span.homepage__totals-currency:after {
    content: ":";
    color: transparent;
}

.homepage__totals.hidden {
    /* display: none; */
    display: flex;
    width: 29%;
    border: 3px solid #C8A65A;
    margin: auto;
    justify-content: center;
    font-size: 3rem;
    border-radius: 50px;
    background: #C8A65A;
    color: white;
    Transform: translateY(-50%);
box-shadow: 10px 10px 10px grey;
}

.sidemenu__social-link--twitter {
    color: transparent!important;
    background-size: contain;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/LinkedIn_logo_initials.png/800px-LinkedIn_logo_initials.png);
    background-repeat: no-repeat;
}

.sidemenu__socials.flex.justify-evenly.px-6.pt-6.items-end.grow {
    padding-bottom: 50px;
} 

.page-TextPage ion-button.ion-color.ion-color-light.md.button.button-solid.ion-activatable.ion-focusable {
    width: 33%;
    font-size: 10px;
    --ion-color-base: var( --all-color)!important;
    --ion-color-contrast: white!important;
}


.pages-nav.flex.overflow-x-auto.p-4 {
    display: flex;
    justify-content: center;
    padding: 5px 0;
}

ion-menu.sidemenu.border-r.border-gray-200.split-pane-side.md.menu-type-overlay.menu-enabled.menu-side-start.menu-pane-visible .charity-logo>img {
    max-width: 40%;
}

ion-menu.sidemenu.border-r.border-gray-200.split-pane-side.md.menu-type-overlay.menu-enabled.menu-side-start.show-menu .charity-logo>img {
    max-width: 25%;
}

.split-pane-md.split-pane-visible>.split-pane-side {
    max-width: 12%!important;
}

.sidemenu__links>.md>ion-item {
    --background: #00463A;
    color: white;
}

ion-list.sidemenu__links.md.list-md>.md>ion-item:hover  {
    --color: #C8A65A;
}

.totals__bar {
    position: absolute;
border:0px solid white!important;
    width: 279PX;
    height: 412px!important;
    top: -422px;
    left: 787px;
    transform: rotate(-90deg) translate(29px, 78px);
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/page_images/dada88eb5e4cfe35fca1246c0253bb66.png);
    background-size: contain;
}

.totals__bar-fill[data-v-f542e5dc] {
    border-radius: 0px!important;
    background: url(https://weraise-assets.ams3.digitaloceanspaces.com/page_images/de62ac9c9fa8c7110f8d02e97983eec8.png)!important;
    background-size: cover!important;
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: normal;
animation-timing-function: ease-out;

}

.totals .container[data-v-f542e5dc] {
    grid-column-gap: 5rem!important;
    grid-template-columns: 20rem 20rem 20rem!important;
    padding: 15px;
}

@keyframes example {
  0%   {width:0;}
  100% {}
}

img.front_page_pic {
    width: 0px;
}


.recent-pledges__pledges .pledge:nth-child(8),.recent-pledges__pledges .pledge:nth-child(9),.recent-pledges__pledges .pledge:nth-child(10),.recent-pledges__pledges .pledge:nth-child(11),.recent-pledges__pledges .pledge:nth-child(12),.recent-pledges__pledges .pledge:nth-child(13),.recent-pledges__pledges .pledge:nth-child(14),.recent-pledges__pledges .pledge:nth-child(15),.recent-pledges__pledges .pledge:nth-child(16) {
    display: none;
}
.page-RafflesPage ion-col.text-center.md:nth-child(2) {
    display: none;
}

.page-DonatePage .pledge-item__image[data-v-e04ad8eb]{
    border-radius: 15px;
    height: 20vh;
}

.page-RafflePage .raffle__description>h3:after {
    content: "About this Item";
    font-size: 20px;
}

.page-RafflePage .raffle__description>h3 {
    font-size: 0;
}

.page-RafflePage .raffle>.md>.md:nth-child(2), .page-RafflePage .raffle>.md>.md:nth-child(3) {
    display: none;
}

.raffle-col .raffle__status>span:after {
    content: "View Details";
    font-size: 15px;
    color: white!important;
}

@keyframes horse{
  0%   {transform:translate(100px, 0px);}
  100% {transform:translate(1100px, 0px);}
}

.top-pledges__title:after {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/page_images/43fc461b5a79972b39b1e4af1c43831a.png);
    display: block;
    content: "DDDDDDDDDDD";
    background-size: contain;
    line-height: 47px;
    color: transparent;
    position: absolute;
top: 425px;
    background-repeat: no-repeat;
    left: -47px;
z-index:12;
animation-name: horse;
  animation-duration: 20s;
 animation-direction: normal;
  animation-iteration-count: infinite;
animation-timing-function: linear;

}

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

ion-list.sidemenu__links.md.list-md{
background:#00463A!important;
}

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


.page-HomePage h1.text-center {
    text-align: center;
    display: none;
}



.page-DonatePage .charity-img[data-v-833a1986] {
    justify-content: center;
    display: flex;
max-width: 300px!important;
display:none;
}

.page-RafflesPage .md.content-ltr>h1 {
    display: none;
}

.raffle-col .raffle__status>span {
    font-size: 0;
}

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

.page-RafflesPage ion-title.text-center.md.title-default:before {
    content: "K.S. Sze & Sons";
    font-size: 18px;
    width: 100%;
    position: absolute;
}

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

#sidemenu__link--raffle>ion-label:before {
    content: "K.S. Sze & Sons Showcase";
    font-size: 16px;
}

.page-DonatePage #main > div > ion-content > ion-grid {
    display: flex;
    flex-direction: column;
}

.page-DonatePage .charity-info {
    order: 3;
display:none;
}

#pledge-form ion-col.increment-wrapper.md.hydrated {
    display: none;
}


.leaderboard-page .leaderboard-lot__info{
color:white;
font-weight:800;
}



div#app.pp-leaderboard-page, div#app.leaderboard-page {
    font-family: 'Copperplate';
}

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



.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: #00463a!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-LotsPage .alert-button-group.sc-ion-alert-md {
    background: var(--all-color);
}

.page-LotsPage .alert-head.sc-ion-alert-md+.alert-message.sc-ion-alert-md {
    padding: 0;
}

.alert-head.sc-ion-alert-md+.alert-message.sc-ion-alert-md{
padding:20px;
}

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

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


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

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

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

.alert-sub-title.sc-ion-alert-md{
padding: 10px 20px;
background:white;
}


ion-select.bid-input__increments.md {
    height: 100%;
    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;
}

.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%;
margin:auto;
border-radius: 15px;
}

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

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

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

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


.leaderboard-page .pledge-modal .popup-desc[data-v-08afc603] {
    display: none;
}


.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, .popup-wrap.buy-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: 20px 20px;
    background: rgb(0,70,58,0.85);
    border: solid 3px var(--theme-color);
    background-size: cover;
}

@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poiretone/v9/UqyVK80NJXN4zfRgbdfbo55cVw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.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(--theme-color) solid 0px!important;
    background: transparent!important;
transform:translatey(20px);
}

.pp-leaderboard-page .recent-pledges__notification {
    border: 0px solid var(--second-color)!important;
    border-radius: 7px!important;
    height: 115px!important;
    position: absolute!important;
    text-align: center;
    top: -129px!Important;
    width: 200px!important;
    transform: scale(1.2) translate(35px, 10px);
    left: -17px!important;
    background: white!important;
    box-shadow: grey 5px 5px 5px;
}

.recent-pledges__notification .title {
    color: #083f2c!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;
}

.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__desc {
    display: none;
}

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

.pp-leaderboard-page .pledge-item {
    background-size: contain!Important;
    background-color: white;
}

.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:22px!important;
}

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

.leaderboard-page .leaderboard-lot{
    overflow: hidden;
border:0px white solid!important;
font-weight:800;
font-size:20px!important;
}

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

.pp-leaderboard-page .latest-pledges {
    background: transparent!important;
}

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

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

.pp-leaderboard-page .pledge {
    transform: scale(1);
    color: white;
    border-radius: 20px;
    font-size: 16px;
    height: 11vh;
    /* border: 5px solid white; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
span.pledge-name {
    text-transform: capitalize;
white-space: nowrap;
}


.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:white;
}

ion-button.lot__bid_status.md.button.button-full.button-solid.ion-activatable.ion-focusable.hydrated {
    pointer-events: none;
}
.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;
}

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

ion-list.sidemenu__links.md.list-md.hydrated:after {
    display: block;
    content: ' ';
    width: 100%;
    z-index: 100000;
    height: 365px;
    position: absolute;
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/page_images/c4760bdc2a1068acee9c5dbe67676c7f.png);
    background-size: 80%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
ion-list.sidemenu__links.md.list-md.hydrated {
    padding-bottom: 350px;
}
.top-pledges[data-v-652e390c] {
    border: 0px solid var(--theme-color)!important;
    border-radius: 10px!important;
width: 90%;
    transform: translateX(7px);
    line-height: 18.5px!important;
font-size: 18px!important;
    box-shadow: grey 8px 7px 5px;
    transform: scale(1) translate(-47px, 29px);
}

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


.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(2.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;
}

}

.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: 164px;
    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: 95%;
    margin: 30px auto;
    padding: 0 5px 5px;
    font-size: 20px;
}
.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;
    color: #00463A;
    text-align: center!important;
}

.page-HomePage .header-image img {
    margin-bottom: 00px ;
    max-height: 100vh!important;
width:100%!important;

}

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

.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[data-v-7e9908aa] {
     padding-bottom: 0px; 
}
.page-RegisterPage ion-button.md.button.button-block.button-large.button-solid.ion-activatable.ion-focusable.hydrated:hover{
background:var(--all-color);
}

.page-RegisterPage ion-button.md.button.button-block.button-large.button-solid.ion-activatable.ion-focusable.hydrated {
    --background: transparent;
    border-radius: 15px!important;
    border: 3px solid var(--all-color);
    color: var(--all-color);
    font-size: 1.6vw;
    --background-hover: var(--all-color);
    overflow: hidden;
    --color-hover: white;
height: 10vh;
    font-size: 3vw;
}

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

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

.lot__lot-number-id--14.md #bid-form {
    width: auto;
    margin: auto auto 15px;
    padding: 15px;
}

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

ion-badge.badges.theme-primary.md.hydrated {
    font-size: 1.5vw;
    font-weight: 600;
    font-family: sans-serif;
    padding: 8px;
}

ion-select.bid-input__increments.md.hydrated {
    transform: scale(2.5);
    color: rgb(28,72,68);
    padding: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 50%;
}


ion-button.theme-primary.md.button.button-solid.ion-activatable.ion-focusable.hydrated {
    display: flex;
    width: fit-content;
    margin: auto;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 15px!important; 
    overflow:hidden;
font-family: sans-serif;
}

.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) {
img.front_page_pic {
    width: 100%;
}

.sidemenu__links>.md>ion-item {
    margin: -3px 0;
}

.homepage__totals.hidden {
    /* display: none; */
    display: flex;
    width: 85%;
    border: 3px solid #C8A64A;
    margin: auto;
    justify-content: center;
    font-size: 2.5rem;
    border-radius: 50px;
    background: #C8A64A;
    color: white;
    Transform: translateY(-15%);
}

.page-HomePage .menu-content ion-content.md.content-ltr {
    --background: #00463A;
}

.page-TextPage .p-8.w-5\/6.m-auto.text-lg {
    padding: 0rem!important;
}

.page-HomePage .homepage-desc {
    padding: 0px 0px;
    line-height: 22px;
    margin: auto;
    white-space: break-spaces;
    width: 100%;
    font-size: 18px;
    color: white;
    background: #00463A;
    text-align: center!important;
}

.homepage-desc>div {
    padding: 0px 10px 30px 10px;
}



.page-HomePage .menu-content .ion-page {
    background: #0A1428;
}

.page-HomePage .header-image img {
    width: auto;
    max-height: 40vh;
    margin: 0px 5px 5px;
    /* object-position: 50% 50%; */
}


.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-select.bid-input__increments.md.hydrated {
    padding: 0;
    display: flex;
    flex-direction: column;
    transform: scale(2.5);
    position: relative;
    top: 50%;
}

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 ion-badge.badges.theme-primary.md {
    font-size: 20px;
    margin-top: 5px;
    padding: 5px;
}

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

ion-badge.badges.theme-primary.md.hydrated {
    font-size: 18px;
}
.bid-input {
    border: var(--theme-color) solid 5px;
    border-radius: 20px;
    margin: 15px auto;
width:80%;
}

.bid-details {
    background-image: url(https://weraise-assets.ams3.digitaloceanspaces.com/auction_images/b6ab9c675eeb4fb531e9d6a83a717c27.png);
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: right;
}

.charity-desc {
    width: 100%;
    margin: 0px;
font-size:20px;
}
.page-RegisterPage ion-button.md.button.button-block.button-large.button-solid.ion-activatable.ion-focusable.hydrated{
font-size:5.6vw;
}

.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: 992px){
.page-RegisterPage ion-button.md.button.button-block.button-large.button-solid.ion-activatable.ion-focusable.hydrated {
    transform: translate(90% ,-75%);
font-size:2vw;
}
}

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


}