:root {
--dasc-background-colour: #ffffff;
--dasc-accent-colour: #ff8057;
--dasc-accent-hovered-colour: #ff5c26;
--dasc-text-colour: #000000;
--divi-accent-colour: #2ea3f2;
--dasc-cart-icon-size: 17px;
--dasc-icon-quantity-price-font-size: 16px;
--dasc-cart-icon-colour: #ff8057;
--dasc-cart-icon-hovered-colour: #ff5c26;
--dasc-buttons-text-colour: #ffffff;
--dasc-buttons-text-hovered-colour: #ffffff;
--dasc-buttons-background-colour: #ff8057;
--dasc-buttons-background-hovered-colour: #ff5c26;
--dasc-button-radius: 0px;
--dasc-close-button-text-colour: #ffffff;
--dasc-close-button-text-hovered-colour: #ffffff;
--dasc-close-button-background-colour: #ff8057;
--dasc-close-button-background-hovered-colour: #ff5c26;
--dasc-separator-colour: #edecec;
} body .divi-ajax-sidebar-cart-wrap a {
transition: color 0.5s;
}
body .divi-ajax-sidebar-cart-wrap {
padding: 2rem;
overflow: hidden;
position: fixed;
z-index: 9999999;
top: 0;
right: -370px;
left: auto;
width: 370px;
height: 100%;
background-color: var(--dasc-background-colour);
transition: all 0.5s;
}
body.woocommerce-demo-store .divi-ajax-sidebar-cart-wrap {
z-index: 9999999;
}
.divi-ajax-sidebar-cart-wrap div.blockOverlay {
background-color: transparent !important;
}
.et_pb_menu__cart-button:after {
content: "\e07a";
}
header .cart-click, #page-container .cart-click {
display: flex;
height: 100%;
align-items: center;
position: relative;
float: left;
padding: 0;
margin: 0 11px;
font-family: inherit !important;
font-size: 17px;
background: none;
border: 0;
cursor: pointer;
}
@media (max-width: 1023px) {
header .cart-click, #page-container .cart-click {
margin: 0 8px;
padding-top: 7px;
}
}
header .cart-click, #page-container .cart-click > a {
color: inherit !important;
display: flex;
align-items: center;
gap: 6px;
line-height: initial;
padding: 0;
margin: 0 11px;
font-size: 17px;
background: none;
border: 0;
cursor: pointer;
}
@media (max-width: 1023px) {
header .cart-click, #page-container .cart-click > a {
margin: 0;
}
}
header .cart-click, #page-container .cart-click > a:hover,
header .cart-click, #page-container .cart-click.cart-active > a {
color: var(--divi-accent-colour) !important;
cursor: pointer;
}
header .cart-click, #page-container .cart-click > a > p {
display: inline-block;
font-size: var(--dasc-icon-quantity-price-font-size) !important;
padding-bottom: 0;
}
header .cart-click, #page-container .cart-click > a > p,
header .cart-click, #page-container .cart-click > a > span {
color: var(--dasc-cart-icon-colour) !important;
}
header .cart-click, #page-container .cart-click > a > span.et_pb_menu__cart-button {
font-family: ETmodules !important;
}
header .cart-click, #page-container .cart-click > a:hover > p,
header .cart-click, #page-container .cart-click > a:hover > span {
color: var(--dasc-cart-icon-hovered-colour) !important;
}
header .cart-click, #page-container .cart-click > a > span::after {
font-size: var(--dasc-cart-icon-size) !important;
}
.cart-drawer-heading {
display: flex;
height: auto;
align-items: center;
justify-content: flex-start;
padding: 20px 0;
margin-bottom: 20px;
color: var(--dasc-text-colour) !important;
font-weight: bold;
border-bottom: 1px solid var(--dasc-separator-colour);
}
.divi-ajax-sidebar-cart-wrap .woocommerce.widget_shopping_cart .cart_list li {
padding-left: 0;
margin-bottom: 20px;
}
.divi-ajax-sidebar-cart-wrap .woocommerce ul.product_list_widget li img {
float: left;
width: 48px;
margin-left: 0;
margin-right: 10px;
}
.divi-ajax-sidebar-cart-wrap .woocommerce ul.product_list_widget li a {
font-size: 14px;
font-weight: bold;
color: var(--dasc-accent-colour) !important;
}
.divi-ajax-sidebar-cart-wrap .woocommerce ul.product_list_widget li a:hover {
color: var(--dasc-accent-hovered-colour) !important;
}
.divi-ajax-sidebar-cart-wrap .woocommerce .quantity {
font-size: 14px;
color: var(--dasc-text-colour) !important;
}
.divi-ajax-sidebar-cart-wrap .woocommerce.widget_shopping_cart .cart_list li a.remove {
left: unset;
right: 0;
font-size: 20px;
background: unset !important;
}
.divi-ajax-sidebar-cart-wrap .woocommerce.widget_shopping_cart .total {
border-top: unset;
padding: 10px 6px;
color: var(--dasc-text-colour) !important;
text-align: center;
font-size: 16px;
background: #f9f9f9;
}
.divi-ajax-sidebar-cart-wrap .woocommerce.widget_shopping_cart .total .woocommerce-Price-amount.amount {
color: var(--dasc-accent-colour) !important;
}
.divi-ajax-sidebar-cart-wrap .woocommerce-mini-cart__buttons.buttons {
display: none;
}
.divi-ajax-sidebar-cart-wrap .woocommerce-mini-cart__total + .woocommerce-mini-cart__buttons.buttons {
display: flex;
justify-content: space-between;
}
.divi-ajax-sidebar-cart-wrap .woocommerce-mini-cart__buttons.buttons > a {
display: inline-block;
font-size: 16px;
color: var(--dasc-buttons-text-colour) !important;
background: var(--dasc-buttons-background-colour) !important;
border: 0 !important;
}
.divi-ajax-sidebar-cart-wrap .woocommerce-mini-cart__buttons.buttons > a.button:after {
display: none;
}
.divi-ajax-sidebar-cart-wrap .woocommerce-mini-cart__buttons.buttons > a:hover {
color: var(--dasc-buttons-text-hovered-colour) !important;
background: var(--dasc-buttons-background-hovered-colour) !important;
border: 0 !important;
}
.divi-ajax-sidebar-cart-wrap .woocommerce-mini-cart__buttons.buttons > a,
.divi-ajax-sidebar-cart-wrap .woocommerce-mini-cart__buttons.buttons > a:hover {
padding: 6px 12px;
border-radius: var(--dasc-button-radius) !important;
}
#ajax-loading {
position: absolute;
z-index: 100;
top: 50%;
left: 50%;
margin-left: -35px;
}
.spinner {
position: relative;
top: 50%;
width: 70px;
margin: -9px auto 0 auto;
text-align: center;
}
.spinner > div {
display: inline-block;
width: 18px;
height: 18px;
border-radius: 100%;
background-color: var(--dasc-accent-colour) !important;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
} body.drawer-open {
overflow: hidden;
position: relative;
}
body.drawer-open .divi-ajax-sidebar-cart-wrap {
overscroll-behavior: contain;
right: 0;
padding: 2rem;
}
body.drawer-open {
height: 100%;
}
@media (min-width: 993px) {
body.drawer-open::before {
display: block;
position: absolute;
z-index: 9999998;
top: 0;
left: 0;
width: 100%;
height: 1000%;
background: rgba(0, 0, 0, 0.7);
content: "";
cursor: pointer;
transition: opacity 0.5s, visibility 0.5s;
}
} .divi-ajax-sidebar-cart-wrap .close-drawer {
position: absolute;
z-index: 99;
top: 34px;
right: 1rem;
width: 30px;
height: 30px;
cursor: pointer;
transition: opacity 0.3s;
font-size: 20px;
font-weight: bold;
}
.divi-ajax-sidebar-cart-wrap .close-drawer::after {
position: absolute;
margin-left: 0;
top: 0;
left: 0;
content: "x";
background: var(--dasc-close-button-background-colour) !important;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
color:  var(--dasc-close-button-text-colour) !important;
line-height: 1.3;
transition: background 0.5s;
}
.divi-ajax-sidebar-cart-wrap .close-drawer:hover::after {
background: var(--dasc-close-button-background-hovered-colour) !important;
color:  var(--dasc-close-button-text-hovered-colour) !important;
transition: background 0.5s;
}
@media (max-width: 992px) {
body .divi-ajax-sidebar-cart-wrap {
width: 100vw;
right: -100vw;
}
.divi-ajax-sidebar-cart-wrap .close-drawer {
top: 55px;
right: 2rem;
}
.divi-ajax-sidebar-cart-wrap .close-drawer::before,
.divi-ajax-sidebar-cart-wrap .close-drawer::after {
top: -5px;
}
}
.close-drawer:hover {
opacity: 1;
}
#diviswift-ajax-cart ul.woocommerce-mini-cart.cart_list.product_list_widget {
overflow-y: scroll;
position: absolute;
width: 80%;
height: 70vh;
}
@media (max-width: 480px) {
#diviswift-ajax-cart ul.woocommerce-mini-cart.cart_list.product_list_widget {
height: 60vh;
}
}
@media (min-width: 481px) and (max-width: 1023px) {
#diviswift-ajax-cart ul.woocommerce-mini-cart.cart_list.product_list_widget {
width: 90%;
height: 75vh;
}
}
#diviswift-ajax-cart ul.woocommerce-mini-cart.cart_list.product_list_widget::-webkit-scrollbar {
display: none;
}
#diviswift-ajax-cart .widget_shopping_cart_content > p {
position: absolute;
width: 100%;
background: var(--dasc-background-colour);
padding: 1rem 0;
}
#diviswift-ajax-cart .widget_shopping_cart_content > p.total {
left: 0;
bottom: 80px;
border-top: 1px solid var(--dasc-separator-colour);
}
#diviswift-ajax-cart .widget_shopping_cart_content > p.buttons {
bottom: 0;
left: 0;
height: 80px;
}
#diviswift-ajax-cart .widget_shopping_cart_content > p.buttons > a {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
color: var(--dasc-buttons-text-colour) !important;
background: var(--dasc-buttons-background-colour) !important;
font-size: 16px!important;
padding: 6px 16px;
margin: 0;
}
#diviswift-ajax-cart .widget_shopping_cart_content > p.buttons > a:hover {
color: var(--dasc-buttons-text-hovered-colour) !important;
background: var(--dasc-buttons-background-hovered-colour) !important;
}
#top-header .cart-click {
margin-top: -4px;
}
.et_pb_top_menu_inner .cart-click {
padding-top: 12px !important;
}
.et_pb_menu_hidden .cart-click {
opacity: 0;
-webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.et_pb_menu_visible .cart-click {
z-index: 99;
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}