.et-db #et-boc .et-fb-modules-list li.dwe_mini_cart::before,
.et-db #et-boc .et-l .et-fb-modules-list li.dwe_mini_cart::before,
.et-db #et-boc .et_fb_saved_layouts_list li.dwe_mini_cart::before {
font-family: dashicons;
content: "\f174";
}
body {
position: relative;
}
.et-fb-root-ancestor .dwe_mini_cart_module {
display: none;
}
.dwe_mini_cart_off_canvas_left #page-container,
.dwe_mini_cart_off_canvas_right #page-container {
position: relative;
transition: all 300ms ease-in-out !important;
}
.dwe_mini_cart_off_canvas_left.et_header_style_slide #main-header,
.dwe_mini_cart_off_canvas_right.et_header_style_slide #main-header {
transition: all 300ms ease-in-out !important;
}
.dwe_mini_cart_off_canvas_left #top-header,
.dwe_mini_cart_off_canvas_right #top-header {
width: 100%;
transition: all 300ms ease-in-out;
}
.dwe_mini_cart_off_canvas_left #page-container,
.dwe_mini_cart_off_canvas_left #top-header {
right: 0;
}
.dwe_mini_cart_off_canvas_right #page-container,
.dwe_mini_cart_off_canvas_right #top-header {
left: 0;
}
.dwe_mini_cart_off_canvas_left #top-header {
left: auto;
}
.dwe_mini_cart_off_canvas_right #top-header {
right: auto;
}
#et-top-navigation .dwe_mini_cart_header_module_wrapper {
display: inline-block;
position: relative; margin: -2px 0 0 22px;
vertical-align: middle;
}
.et_header_style_centered #et-top-navigation .dwe_mini_cart_header_module_wrapper,
.et_header_style_fullscreen #et-top-navigation .dwe_mini_cart_header_module_wrapper,
.et_header_style_split #et-top-navigation .dwe_mini_cart_header_module_wrapper {
float: none;
}
.et_pb_menu_hidden .dwe_mini_cart_header_module_wrapper {
opacity: 0;
animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.et_pb_menu_visible .dwe_mini_cart_header_module_wrapper {
opacity: 1;
animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.et_header_style_slide .et_slide_in_menu_container .dwe_mini_cart {
display: flex;
align-items: center;
justify-content: flex-end;
}
.et_header_style_fullscreen .et_slide_in_menu_container .dwe_mini_cart_header_module_wrapper {
display: inline-block;
}
.dwe_mini_cart_icon_wrapper a {
color: inherit;
}
.dwe_mini_cart_icon_wrapper .dwe_mini_cart_icon {
font-size: 16px !important;
}
.dwe_mini_cart_icon_wrapper .dwe_mini_cart_default_icon:before {
content: "\e07a";
font-family: inherit;
}
.dwe_mini_cart_custom_icon {
width: 32px;
}
.dwe_cart_link {
display: block;
line-height: 0;
}
#et-secondary-nav + .dwe_mini_cart_header_module_wrapper {
display: inline-block;
margin-left: 15px;
vertical-align: middle;
}
.dwe_mini_cart_section.et_pb_section {
position: unset !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
background: 0 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
animation: none !important;
transition: none !important;
transform: none !important;
}
.dwe_mini_cart {
position: relative;
}
.dwe_mini_cart_outer_wrap {
display: inline-block;
position: relative;
line-height: 1;
}
.dwe_mini_cart_module {
visibility: hidden;
opacity: 0;
text-align: left;
transition: all 0.3s ease;
}
.dwe_mini_cart_active.dwe_mini_cart_module {
visibility: visible;
opacity: 1;
transform: translate(0, 0) !important;
}
.dwe_mini_cart_wrapper {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
width: 300px;
max-width: 100vw;
padding: 15px;
}
.dwe_mini_cart_module {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.dwe_mini_cart_icon_wrapper {
display: inline-block;
position: relative;
vertical-align: bottom;
}
.dwe_mini_cart .dwe_mini_cart_product_count {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -10px;
right: -10px;
font-size: 12px;
line-height: 1;
}
.dwe_mini_cart_icon {
display: inline-block;
}
.dwe_mini_cart_items {
display: grid;
grid-row-gap: 10px;
grid-template-columns: 100%;
max-height: 300px;
overflow-y: auto;
scrollbar-width: none;
}
.dwe_mini_cart_items::-webkit-scrollbar {
display: none;
}
#top-header .dwe_mini_cart_wrapper a {
color: initial;
}
.dwe_mini_cart_item {
display: grid;
grid-column-gap: 10px;
grid-template-columns: auto 50px 1fr;
justify-content: start;
align-items: start;
border-bottom: 1px dotted #ddd;
padding: 10px 5px;
transition: all 0.3s ease;
}
.dwe_mini_cart_item:first-child {
padding-top: 0;
}
.dwe_mini_cart_item .dwe_mini_cart_remove_from_cart_button {
align-self: center;
width: 18px;
font-size: 18px;
line-height: 1;
text-align: center;
color: #000;
}
.dwe_mini_cart_product_thumbnail_wrapper {
line-height: 0;
}
.dwe_mini_cart_module .dwe_mini_cart_product_name {
padding: 0;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
.dwe_mini_cart_product_name a {
color: inherit !important;
}
.dwe_mini_cart_module .dwe_mini_cart_product_quantity {
border: 1px solid #000;
width: 40px;
font-size: 12px;
line-height: 1.5;
font-weight: 400;
}
.dwe_mini_cart_module .dwe_mini_cart_total {
margin-top: 10px;
}
.dwe_mini_cart_module .dwe_mini_cart_buttons {
margin-top: 15px;
}
.dwe_mini_cart_wrapper .dwe_mini_cart_button,
.et-db #et-boc .et-l .dwe_mini_cart_button {
display: inline-block;
font-size: 16px;
color: initial;
} .dwe_mini_cart_empty_message {
font-size: 14px;
color: #333;
}
.dwe_mini_cart_fader {
position: relative;
}
.dwe_mini_cart_fader:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(221, 221, 221, 0.6);
z-index: 1;
content: "";
}
.dwe_mini_cart_fader:after {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
border: 1px solid #000;
border-right-color: transparent;
border-left-color: transparent;
border-radius: 50%;
width: 16px;
height: 16px;
font-family: inherit;
transform: translate3d(-50%, -50%, 0);
animation: dwe_rotation 0.8s linear infinite;
content: "";
}
.dwe_mini_cart_popup .mfp-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;   
}
.dwe_mini_cart_popup .mfp-inline-holder .mfp-content {
width: auto;
}
.dwe_mini_cart_popup.mfp-wrap .mfp-close:active {
top: 1px;
}
.dwe_mini_cart_popup .dwe_mini_cart_section.et_pb_section {
width: auto !important;
height: auto !important;
}
@keyframes dwe_rotation {
from {
transform: translate3d(-50%, -50%, 0) rotate(0);
}
to {
transform: translate3d(-50%, -50%, 0) rotate(360deg);
}
}
@media screen and (max-width: 980px) {
body:not(.et_header_style_left) #et-top-navigation .dwe_mini_cart {
margin-top: 20px;
}
.et_header_style_left #et-top-navigation .dwe_mini_cart {
margin-top: 5px;
margin-right: 20px;
}
}
@media screen and (max-width: 980px) {
.et_header_style_fullscreen .et_slide_in_menu_container .dwe_mini_cart {
margin-right: 0;
}
}