Why Are My Allergies Worse At Night?
5 min read
If nighttime allergies rob you of sleep, this blog is for you. We discuss the causes, symptoms, and remedies of allergies that... Read more
.cart-drawer__products {
display: none;
}
body:after, header:after, .header__submenu_top:after, #shopify-section-announcement-bar:after {
transition: all .3s ease-in-out;
}
.body_fade:after, .header_fade header:after, .header_fade .header__submenu_top:after, .header_fade #shopify-section-announcement-bar:after {
background-color: #0000;
backdrop-filter: blur(2px);
}
.cart-drawer__empty-content {
display: flex !important;
min-height: calc(100% - 64px);
padding-top: 60px;
}
#cart-drawer {
border-top: none;
padding: 0;
background-color: #edf3f8;
}
.header__icon .icon-cross {
color: white;
margin: 8px 0 0 10px;
}
.cart__title-wrapper {
margin-bottom: 0;
padding: 0;
border-bottom: none;
}
.cart__title-wrapper .grey {
color: #003057;
margin: 15px 20px 10px;
font-weight: 600;
}
.cart__title-wrapper .shipping-progress-bar_wrapper {
margin: 0 20px;
width: calc(100% - 40px)!important;
background: #BECCD8;
border-radius: 10px;
height: 10px;
}
.cart__title-wrapper #shipping-progress-bar {
border-radius: 10px;
}
.cart__title-wrapper .h2 {
font-size: 22px!important;
line-height: 24px;
}
.cart__title-wrapper .h2 {
display: none;
}
.cart__title-wrapper .h2 + .h2 {
display: block !important;
color: white;
background: #003057;
border-bottom: none;
padding: 20px;
}
.cart-drawer__links {
overflow: auto;
margin: 0 -20px;
padding: 0 20px;
}
.cart-drawer__links::-webkit-scrollbar {
display: none;
}
.cart-drawer__links a {
width: 250px;
flex-shrink: 0;
}
.cart-drawer__links .media {
border-radius: 20px;
overflow: hidden;
margin-bottom: 15px;
}
.cart-drawer__links .media p {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
#cart {
padding: 20px 20px 0;
position: relative;
min-height: calc(100% - 123px);
display: flex;
flex-direction: column;
}
.cart-items tbody {
display: flex;
flex-direction: column;
gap: 10px;
}
.cart__items {
border-bottom: none;
min-height: unset;
}
.cart-item {
display: flex;
border-radius: 10px;
align-items: center;
border: 1px solid #D9E2EA;
padding: 10px;
}
.cart-item cart-remove-button {
display: none;
}
.cart-item_image {
width: 90px;
}
.cart-item_image .media {
margin: 0!important;
border-radius: 50%;
width: 90px;
padding-bottom: 90px;
}
td.cart-item__details {
flex: 1;
padding-left: 10px;
}
.cart-items td {
position: initial!important;
}
.cart-items .quantity {
right: 10px;
border-radius: 100px;
border-color: #5C708A;
color: #5C708A;
width: 90px;
}
.cart-items .quantity__input {
padding: 0;
opacity: 1;
}
.cart-item__details dl {
margin: 0;
}
.cart-item__details dl * {
font-size: 12px;
}
.cart-item__details .price {
margin: 0;
font-size: 14px;
}
.cart-item__details .product-option {
line-height: 14px;
}
.cart__footer {
width: calc(100% + 40px);
margin-top: auto;
margin-left: -20px;
position: sticky;
bottom: 0;
left: 0;
z-index: 1;
background: #EDF3F8;
box-shadow: 0px -7px 10px 0px rgb(86 86 86 / 10%);
}
.cart__footer-details {
padding: 10px 20px 20px;
background: #fff;
order: 4;
}
.note-drawer_note {
margin: 0;
border: none;
padding: 20px 20px 0;
background: #fff;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.note-drawer_note span,
.note-drawer_note button {
color: #003057;
font-weight: 600!important;
font-size: 12px!important;
}
.note-drawer_note p {
padding: 10px;
font-weight: 600;
margin-top: 5px;
font-size: 12px;
letter-spacing: 0.2px;
line-height: 16px;
}
.note-drawer_empty {
background: #fff;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
margin: 0;
border: none;
padding-bottom: 20px;
padding-left: 48px;
}
.note-drawer_empty::before {
content: '';
position: absolute;
left: 20px;
bottom: 5px;
width: calc(100% - 40px);
border-top: 1px solid #5C708A;
opacity: 0.5;
}
.note-drawer_empty svg {
left: 20px;
top: 10px;
transform: none;
width: 18px;
}
.note-drawer_empty * {
color: #003057;
font-weight: 600;
font-size: 12px;
}
.cart-upsells-container {
padding: 20px 20px 0;
}
.cart_upsell--heading span {
margin: 0 0 10px;
text-align: left;
}
.cart__footer-details p.grey.h6 {
display: none;
}
#note-wrapper {
top: unset;
bottom: 0;
height: calc(100% - 64px);
background-color: #EDF3F8;
padding: 10px;
z-index: 2;
}
#note-wrapper::before {
content: '';
border-radius: 20px;
background: #D9E2EA;
position: absolute;
top: 10px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
z-index: -1;
}
#note-wrapper .btn {
font-weight: 600;
border-radius: 100px;
padding: 15px;
}
#note-wrapper .header__icon {
display: none;
}
.note_copy {
background: transparent;
padding: 40px 10px 20px;
height: auto;
gap: 25px;
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
#note_copy {
border-radius: 10px;
border: 1px solid #003057;
height: 40vh;
}
note-drawer .small-font {
font-size: 16px;
font-weight: 600;
line-height: 22px;
color: #003057;
}
.note_characters {
width: 100%;
background: transparent;
text-align: center;
margin-bottom: 0;
font-size: 12px;
color: #003057;
font-weight: 600;
}
.note_characters span {
font-size: inherit;
color: inherit;
font-weight: inherit;
}
#note-wrapper .d-flex.flex-center {
background: transparent;
padding: 20px 10px;
margin-top: auto;
}
.cart__footer-details span, .cart__footer-details label {
font-size: 14px!important;
}
.cart__footer-details p {
font-size: 12px;
font-weight: 600;
}
#checkout {
border-radius: 100px;
font-weight: bold;
height: 50px;
}
#checkout::after {
content: 'CONTINUE';
}
.checkout_subtext::after {
content: 'Shipping, taxes, and discount codes calculated at checkout.';
}
.note_logo {
width: 130px;
height: auto;
flex-shrink: 0;
}
#note-wrapper + .small-font, .upsells-box {
display: none;
}
.cart_upsell--products {
display: flex !important;
gap: 12px;
overflow: auto;
margin: 0 -20px 10px;
padding: 0 20px 10px;
}
.cart_upsell--products::-webkit-scrollbar {
display: none;
}
.cart_upsell--products .splide__slide {
background: #D9E2EA;
border-radius: 10px;
padding: 10px;
width: 300px;
}
.cart_upsell--products .cart-upsell {
flex-direction: row;
height: auto;
}
.cart_upsell--products .cart-upsell__image {
width: 47px;
height: 60px;
border-radius: 5px;
overflow: hidden;
}
.cart_upsell--products .cart-upsell__image img {
width: 100%;
height: 100%;
object-fit: cover;
vertical-align: unset;
}
.cart_upsell--products .cart-upsell__info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cart_upsell--products .cart-upsell__main {
display: flex;
gap: 10px;
}
.cart_upsell--products .cart-upsell__footer {
margin: auto 0 auto auto;
}
.cart_upsell--products .option_name {
display: none;
}
.cart_upsell--products .cart-upsell__options-box {
background: #D9E2EA;
}
.cart_upsell--products .cart-upsell__swatches {
padding-left: 20px;
width: 150px;
height: 55px;
}
.cart_upsell--products .cart-upsell__options label:not(.color-input) {
width: 60px;
padding: 5px;
}
.cart_upsell--products .cart-upsell__info * {
font-size: 12px;
font-weight: 600;
margin: 0;
}
.cart_upsell--products .cart-upsell__options .arrow-btn {
top: 4px;
}
.cart-upsell__actions-btn-box .btn {
width: auto;
padding: 10px;
border-radius: 50px;
background: #003057;
color: white;
height: auto;
}
.cart-upsell__actions-btn-box span {
color: white;
}
Ever feel like you need to lay low for a while? Well, here’s the perfect place to do it. Curl up on the couch, get cocooned in your Napper and indulge your curious mind.
Cargo Care
Add shipping protection to your order, and protect your precious cargo.
(contiguous US only)