#offcanvas-cart.offcanvas {
visibility: visible;
width: 500px;
display: block;
}
#offcanvas-cart.offcanvas.show {
overflow-y: auto;
}
.offcanvas .bottom-fixed {
position: absolute;
left: -41px;
bottom: 0;
}
#offcanvas-cart a.remove { font-size: 0;
}
#offcanvas-cart a.remove:after {
content: "\f00d ";
font-family: "FontAwesome";
font-size: 1rem;
color: #0eb4b2;
}
#offcanvas-cart .return-to-shop {
text-align: center;
}
#offcanvas-cart .return-to-shop a {
border-radius: 30px;
background-color: #000;
padding: 0.3125rem 1.225rem 0.3125rem 1.225rem;
color: #fff;
text-align: center;
font-size: 0.813rem;
font-style: normal;
font-weight: 300;
line-height: 0.938rem;
letter-spacing: 1.3px;
text-transform: uppercase;
--bs-btn-border-color: #000;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #000;
--bs-btn-hover-border-color: #000;
}
#offcanvas-cart .offcanvas-title {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#offcanvas-cart .offcanvas-title i {
background: #f4d53d;
padding: 10px;
border-radius: 100%;
margin-right: 10px;
}
.offcanvas .bottom-fixed {
position: fixed !important;
left: -3rem !important;
bottom: 0.5rem !important;
border: none;
width: 40px;
height: 40px;
background-color: #f4d53d !important;
}
.offcanvas .bottom-fixed i {
color: #000;
}
.cart-contents-count,
.cart-contents-count:active {
background-color: #000 !important;
color: #f4d53d;
}
.cart-contents p {
font-weight: 700;
line-height: 16px;
font-size: 14px;
}
.cart-contents .items {
position: relative;
border-bottom: 1px solid #eae9e9 !important;
margin-bottom: 12px;
padding-bottom: 12px;
}
.cart-contents .items:last-child {
border-bottom: none !important;
}
.offcanvas-footer .price-offcanvas-cart {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 0;
}
.offcanvas-footer .checkout-button {
border-radius: 5px;
background: #f4d53d;
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
padding: 0.7rem 1.3rem;
border: none !important;
box-shadow: none !important;
}
.offcanvas-footer .checkout-button:hover,
.offcanvas-footer .view-cart:hover {
background: #000;
color: #fff;
border: 1px solid #000;
}
.offcanvas-footer .view-cart {
border-radius: 5px;
border: 1px solid #c5b22f;
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
padding: 0.7rem 1.3rem;
}
.info-shipping p {
padding: 1rem 0.7rem;
text-align: center;
font-size: 14px;
font-weight: 500;
background: rgba(14, 180, 178, 0.1);
}
.info-shipping p strong {
color: #0EB4B2;
}
@media (max-width: 767px) {
.offcanvas-footer .view-cart, .offcanvas-footer .checkout-button {
padding: 0.5rem 1rem;
}
}