The time is near and we want to make sure you get all of your online shopping done in time to receive your orders by Christmas. Below is a chart that provides you with the last possible dates you can order from some of our retailers in order to receive your parcels in time. There isn’t too much time left so get to shopping!
| Retailer | Last Order Date: Standard Delivery | Delivery Cost | Last Order Date: Fastest Delivery | Delivery Cost |
|---|---|---|---|---|
| Boohoo | December 19th | £3.99 | December 21st | £5.99 |
| Whistles | December 19th | Free | December 21st | £6.00 |
| Brown Bag Clothing | December 20th | Free (spend > £75) | December 23rd | £5.95 |
| Skinnydip | December 18th | Free (spend > £20) | ||
| Warehouse | December 19th | Free (spend > £60) | December 21st | £4.99 |
| hmv | December 20th | Free (spend > £10) | ||
| Motel Rocks | December 17th | Free (spend > £50) | December 21st | £7.95 |
| Saltrock | December 18th | Free (spend > £30) | December 21st | £4.95 |
| Lazy Oaf | December 18th | Free (spend > £75) | December 21st | £10.50 |
| Oh Polly | December 20th | Free | December 21st | £5.99 |
| WIT Fitness | December 19th | Free (spend > £35) | December 21st | £5.95 |
| Sunuva | December 18th | Free (spend > £50) | December 20th | £7.95 |
| Tatty Devine | December 17th | £3.95 | December 20th | £4.95 |
| Lavish Alice | December 19th | Free (spend > £60) | December 21st | Free (spend > £100) /£6.00 |
| Jack Wills | December 19th | Free (spend > £60) | December 23rd | £5.95 |
| Fairfax & Favor | December 17th | Free (spend > £45) | December 19th | £9.95 |
| ThisWorks | December 13th | Free | December 20th | Free (spend > £60) £4.95 |
| AX Paris | December 18th | £2.75 | December 21st | £3.95 |
| Maniere de Voir | December 19th | Free (spend > £50) | December 21st | £5.99 |
| NICCE | December 18th | £2.00 | ||
| Goodwin Smith | December 18th | Free | December 20th | £7.99 |
| Manfrotto | December 18th | £4.95 | December 20th | £6.95 |
| Yoga Rebel | December 20th | Free (spend > £100) | December 21st | £9.95 |
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/vendor/rfs";
.block-blog-post {
text-align: center;
position: relative;
.heading {
margin-bottom: 0;
}
.block-cta {
.container {
padding: 0;
}
}
&__wrapper {
@include bp($md, true) {
@include margin-top(rem-calc(2rem));
}
h1,
h3 {
max-width: 90%;
margin-left: auto;
margin-right: auto;
color: $secondary;
&.title--large {
@include fluid-type(24, 40, 375, $max-container-size);
}
&.title--x-large {
@include fluid-type(32, 70, 375, $max-container-size);
}
@include bp($lg, true) {
max-width: 100%;
}
}
.block-general__user-wrapper {
justify-content: center;
}
picture {
img {
width: 100%;
border-radius: 20px;
max-height: 90vh;
object-fit: cover;
}
}
}
.p--large {
font-weight: 400;
color: $secondary;
margin-left: auto;
margin-right: auto;
@include fluid-type(18, 22, 375, $max-container-size);
text-align: center;
@include bp($lg, true) {
max-width: 100%;
}
a {
@include fluid-type(18, 22, 375, $max-container-size);
color: $secondary;
font-weight: 400;
border-bottom: 0.063px solid $secondary;
&:hover {
color: $primary;
}
}
}
&__text-wrapper {
max-width: 66%;
margin-left: auto;
margin-right: auto;
text-align: left;
@include bp($lg, true) {
max-width: 100%;
}
h2 {
text-align: left;
@include margin-bottom(rem-calc(1.938rem));
}
ul,
ol {
li {
@include fluid-type(16, 18, 375, $max-container-size);
}
}
p {
@include fluid-type(16, 18, 375, $max-container-size);
font-weight: 400;
text-align: left;
color: $secondary;
a {
@include fluid-type(16, 18, 375, $max-container-size);
color: $secondary;
border-bottom: 1px solid $secondary;
font-weight: 400;
&:hover {
color: $primary;
}
}
}
h3 {
margin-left: 0;
margin-right: 0;
}
}
.p--medium {
font-weight: 400;
margin-left: auto;
margin-right: auto;
@include margin-bottom(rem-calc(1.875rem));
text-align: left;
@include bp($lg, true) {
max-width: 100%;
}
a {
@include fluid-type(16, 18, 375, $max-container-size);
font-weight: 400;
border-bottom: 0.063px solid $secondary;
color: $secondary;
&:hover {
color: $primary;
}
}
}
&__quote-wrapper {
@include margin(rem-calc(4.625rem 0 4.625rem 8.375rem));
border-left: 0.25rem solid $primary;
position: relative;
@include padding-left(rem-calc(2.375rem));
p {
font-weight: 500;
@include fluid-type(22, 28, 375, $max-container-size);
text-align: left;
max-width: 84%;
font-style: italic;
}
.p--x-small {
@include fluid-type(12, 12, 375, $max-container-size);
text-transform: uppercase;
font-weight: 700;
font-style: normal;
letter-spacing: 0.1em;
}
}
&__boxes {
@include margin-top(rem-calc(4.625rem));
@include margin-bottom(rem-calc(1.313rem));
margin-left: auto;
margin-right: auto;
max-width: 67.25rem;
@include bp($lg, true) {
max-width: 100%;
}
.col-lg-4 {
@include margin-bottom(rem-calc(2rem));
}
picture {
img {
width: 100%;
}
}
}
&__boxes-wrap {
border: 1px solid $secondary-light;
box-shadow: 0px 14px 24px $secondary-light;
@include padding(rem-calc(2.813rem));
text-align: left;
height: 100%;
h3 {
color: $primary;
@include margin-bottom(rem-calc(0.5rem));
}
p {
margin-bottom: 0 !important;
}
}
&__quote-wrapper-image {
position: absolute;
right: 6.25rem;
top: 30%;
@include bp($xl, true) {
right: 1.25rem;
}
@include bp($lg, true) {
right: 0;
}
}
&__float {
position: relative;
@include margin(rem-calc(3.25rem 0));
}
&__float-wrapper {
position: absolute;
background-color: $white;
@include padding(rem-calc(2.813rem));
bottom: 6.25rem;
left: 6.875rem;
max-width: 20.75rem;
text-align: left;
min-height: 213px;
&--2 {
left: 29.125rem;
@include bp($xl, true) {
bottom: 2.25rem;
left: 25.875rem !important;
}
}
@include bp($xl, true) {
bottom: 2.25rem;
left: 2.875rem;
}
@include bp($lg, true) {
position: initial;
max-width: 100%;
@include margin-top(rem-calc(1.5rem));
border: 0.063rem solid $secondary-light;
min-height: 100%;
}
h3,
h1 {
color: $primary;
@include margin-bottom(rem-calc(0.438rem));
max-width: 100%;
}
.p--medium {
max-width: 100%;
color: $secondary;
margin: 0;
}
}
&__social-media {
text-align: center;
@include margin(rem-calc(2rem 0));
ul {
li {
display: inline-block;
@include fluid-type(18, 22, 375, $max-container-size);
font-weight: 700;
@include margin-right(rem-calc(2.875rem));
color: $secondary;
padding-left: 0;
&::before {
display: none;
}
img {
transform: translateY(0px);
transition: all 0.5s ease;
&:hover {
transform: translateY(-5px);
}
}
}
}
}
.block-general__btn-flex {
justify-content: center;
}
}