.MuiGrid-item { padding: 4px; } .MuiGrid-spacing-xs-2 { width: calc(100% + 16px); margin: -8px; } .MuiGrid-spacing-xs-2 > .MuiGrid-item { padding: 8px; } .MuiGrid-spacing-xs-3 { width: calc(100% + 24px); margin: -12px; } .MuiGrid-spacing-xs-3 > .MuiGrid-item { padding: 12px; } .MuiGrid-spacing-xs-4 { width: calc(100% + 32px); margin: -16px; } .MuiGrid-spacing-xs-4 > .MuiGrid-item { padding: 16px; } .MuiGrid-spacing-xs-5 { width: calc(100% + 40px); margin: -20px; } .MuiGrid-spacing-xs-5 > .MuiGrid-item { padding: 20px; } .MuiGrid-spacing-xs-6 { width: calc(100% + 48px); margin: -24px; } .MuiGrid-spacing-xs-6 > .MuiGrid-item { padding: 24px; } .MuiGrid-spacing-xs-7 { width: calc(100% + 56px); margin: -28px; } .MuiGrid-spacing-xs-7 > .MuiGrid-item { padding: 28px; } .MuiGrid-spacing-xs-8 { width: calc(100% + 64px); margin: -32px; } .MuiGrid-spacing-xs-8 > .MuiGrid-item { padding: 32px; } .MuiGrid-spacing-xs-9 { width: calc(100% + 72px); margin: -36px; } .MuiGrid-spacing-xs-9 > .MuiGrid-item { padding: 36px; } .MuiGrid-spacing-xs-10 { width: calc(100% + 80px); margin: -40px; } .MuiGrid-spacing-xs-10 > .MuiGrid-item { padding: 40px; } .MuiGrid-grid-xs-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-xs-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-xs-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-xs-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-xs-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-xs-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-xs-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-xs-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-xs-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-xs-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-xs-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-xs-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-xs-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-xs-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } @media (min-width:600px) { .MuiGrid-grid-sm-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-sm-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-sm-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-sm-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-sm-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-sm-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-sm-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-sm-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-sm-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-sm-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-sm-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-sm-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-sm-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-sm-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:960px) { .MuiGrid-grid-md-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-md-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-md-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-md-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-md-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-md-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-md-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-md-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-md-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-md-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-md-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-md-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-md-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-md-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1440px) { .MuiGrid-grid-lg-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-lg-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-lg-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-lg-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-lg-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-lg-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-lg-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-lg-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-lg-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-lg-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-lg-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-lg-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-lg-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-lg-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1920px) { .MuiGrid-grid-xl-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-xl-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-xl-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-xl-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-xl-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-xl-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-xl-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-xl-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-xl-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-xl-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-xl-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-xl-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-xl-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-xl-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } .jss10 { border: none; display: block; outline: none; padding: 0; align-self: center; margin-left: auto; background-color: #fff; } @media (min-width:600px) { .jss10 { display: none; } } .jss10 > svg { width: 32px; height: 32px; } .jss11 { display: flex; padding: 16px; margin-top: auto; flex-direction: column; } .jss12 { margin-top: 16px; } .jss13 { width: 15px; height: 15px; margin-right: 8px; } .jss14 { width: 250px; } .jss15 { color: #757575; display: block; padding: 8px 16px; transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; text-decoration: none; } .jss15:hover { color: rgb(58, 58, 58); background-color: #FCFCFC; } .jss16 { height: 72px; display: flex; padding: 0px 16px; } .jss3 { padding: 8px 0px; border-bottom: solid 1px #E0E0E0; } @media (min-width:600px) { .jss3 { padding-top: 0; padding-bottom: 24px; } } .jss4 { display: flex; justify-content: flex-start; } @media (min-width:600px) { .jss4 { justify-content: center; } } .jss5 { display: none; margin-top: 24px; justify-content: center; } @media (min-width:600px) { .jss5 { display: flex; } } .jss6 { color: #757575; margin: 0px 8px; padding: 4px 8px; font-size: 16px; transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-weight: 400; text-decoration: none; } .jss6:hover { color: rgb(58, 58, 58); } .jss7 { display: none; padding: 16px 0px; border-bottom: solid 1px #E0E0E0; margin-bottom: 16px; background-color: #FCFCFC; } @media (min-width:600px) { .jss7 { display: block; } } .jss8 { width: 15px; height: 15px; margin-right: 8px; } .jss9 { color: #212121; margin-left: 8px; background-color: transparent; } .jss9:hover { background-color: #E0E0E0; } .jss9:focus { background-color: #E0E0E0; } .jss40 { border-top: solid 1px #E0E0E0; margin-top: 24px; padding-bottom: 16px; background-color: #FCFCFC; } @media (min-width:600px) { .jss40 { margin-top: 64px; } } .jss41 { padding: 32px 0px 40px 40px; } @media (min-width:960px) { .jss41 { padding: 64px 0px 72px 24px; } } .jss42 { width: 205px; height: 166px; margin: 0 auto; position: relative; } @media (min-width:600px) { .jss42 { margin-bottom: 32px; } } @media (min-width:960px) { .jss42 { margin: 0; } } .jss43 { color: #212121; font-size: 18px; margin-top: 16px; text-align: center; font-weight: 700; margin-bottom: 16px; } @media (min-width:600px) { .jss43 { margin-top: 0; text-align: left; margin-bottom: 32px; } } .jss44 { color: #757575; display: block; text-align: center; transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; margin-bottom: 16px; text-decoration: none; } @media (min-width:600px) { .jss44 { text-align: left; } } .jss44:hover { color: rgb(58, 58, 58); } .jss45 { margin-bottom: 32px; } .jss45 > a { color: #757575; transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; margin-right: 24px; } .jss45 > a:hover { color: rgb(58, 58, 58); } .jss46 { color: #757575; display: block; transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; margin-bottom: 32px; text-decoration: none; } .jss46:hover { color: rgb(58, 58, 58); } .jss47 { margin-top: 24px; text-align: center; } @media (min-width:600px) { .jss47 { margin-top: 0; text-align: left; } } .jss48 { font-size: 12px; text-align: center; } .jss48 > a { color: #212121; text-decoration: none; } .jss48 > a:hover { text-decoration: underline; } .jss1 { width: 100%; bottom: 0; display: flex; padding: 16px; position: fixed; background: white; align-items: center; justify-content: center; } .jss2 { margin-left: 32px; } .jss33 { transition: all .2s ease-in-out; } .jss34 { display: flex; margin-bottom: 8px; justify-content: space-between; } .jss35 { font-size: 18px; font-weight: 700; } .jss36 { width: 100%; height: 257px; overflow: hidden; position: relative; margin-bottom: 24px; } .jss37 { transform: scale(1); transition: all .2s ease-in-out; } .jss38 { color: #9E9E9E; font-size: 14px; font-family: 'Playfair Display', serif; } .jss39 { display: block; text-decoration: none; } .jss39:hover .jss37 { opacity: 0.6; transform: scale(1.05); } .jss39:hover .jss33 { opacity: 0.6; } .jss28 { color: #212121; margin: auto 0 24px auto; display: flex; padding: 0; text-transform: capitalize; background-color: transparent; } .jss28:hover { background-color: transparent; } .jss28:active { background-color: transparent; } .jss28:focus { background-color: transparent; } .jss29 { margin: auto 0 auto auto; } .jss30 { font-size: 14px; } .jss31 { width: 70%; height: 100%; margin: auto auto; overflow: auto; } @media (max-width:599.95px) { .jss31 { width: 90%; } } .jss32 { padding: 24px; box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12); margin-top: 10%; border-radius: 5px; background-color: #fff; } .jss17 { margin-top: 72px; } .jss18 { padding: 24px 0; border-top: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; } .jss19 { padding: 24px 0; border-bottom: solid 1px #E0E0E0; margin-bottom: 32px; } .jss20 { margin-bottom: 8px; } .jss21 { margin-top: 24px; margin-bottom: 32px; } .jss22 { margin-bottom: 32px; } .jss23 { color: #212121; align-items: left; margin-bottom: 24px; text-transform: capitalize; background-color: transparent; } .jss23:hover { background-color: transparent; } .jss23:active { background-color: transparent; } .jss23:focus { background-color: transparent; } .jss24 { color: #212121; margin: 0 auto; display: flex; padding: 0; text-transform: capitalize; background-color: transparent; } .jss24:hover { background-color: transparent; } .jss24:active { background-color: transparent; } .jss24:focus { background-color: transparent; } .jss25 { margin-right: 8px; } .jss26 { width: 100%; height: 100%; margin: 24px 0px; } @media (max-width:959.95px) { @media (orientation: landscape) { .jss26 { width: 100%; height: 50vh; } } } .jss27 { font-weight: 700; }
Create AccountLogin
Lolve

Sparkly Unicorn Charity Card

Charity artists: TCCL

Charity Range cards

£3.00

'Sparkly Unicorn' charity card for birthdays. All profit donated to Tayside Children with Cancer & Leukaemia (TCCL).

You May Also Like

Cup cake time! Charity card

£3.00

Charity artists: TCCL

Dinosaur party charity card

£3.00

Charity artists: TCCL

Gift of Hope Charity card

£3.00

Charity artists: TCCL

Fife Fox

£3.00

Louise Wedderburn

This website uses cookies to ensure you get the best experience on our website.