#primary-navigation .hamburger-with-cart + #primary-menu.no-responsive > li.menu-item-cart,
#primary-navigation .hamburger-with-cart + div #primary-menu.no-responsive > li.menu-item-cart {
display: none;
}
#primary-navigation #primary-menu > li.menu-item-cart > a {
margin-right: 26px;
}
.header-layout-vertical #primary-navigation #primary-menu > li.menu-item-cart > a,
#primary-navigation.responsive #primary-menu > li.menu-item-cart > a {
margin-right: 0;
}
.hamburger-minicart > a {
line-height: 60px;
}
.hamburger-group.hamburger-size-small .hamburger-minicart > a,
.hamburger-minicart.hamburger-minicart-size-small > a {
line-height: 1;
}
#primary-navigation #primary-menu > li.menu-item-cart > a.empty,
.hamburger-minicart > a.empty {
margin-right: 0;
}
#primary-navigation #primary-menu > li.menu-item-cart > a:before,
.hamburger-minicart > a:before {
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
content: '\e613';
margin-right: 5px;
vertical-align: top;
line-height: inherit;
display: inline-block;
text-align: center;
width: 100%;
padding-right: 3px;
}
.hamburger-minicart > a:before {
font-size: 48px;
margin: 0;
padding: 0;
-webkit-transition: font-size .3s;
transition: font-size .3s;
}
.hamburger-group.hamburger-size-small .hamburger-minicart > a:before {
font-size: 24px;
}
.hamburger-minicart.hamburger-minicart-size-small > a:before {
font-size: 24px;
}
#page.vertical-header #primary-navigation #primary-menu > li.menu-item-cart > a:before,
.header-layout-fullwidth_hamburger #primary-navigation #primary-menu > li.menu-item-cart > a:before {
text-align: left;
}
#primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before {
text-align: left;
}
#primary-navigation.responsive #primary-menu > li.menu-item-cart > .minicart {
display: none;
}
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count,
.hamburger-minicart > a .minicart-item-count {
position: absolute;
right: -15px;
top: 50%;
width: 23px;
height: 18px;
font-size: 87.5%;
text-align: center;
line-height: 18px;
margin: -8px 0 0 0;
padding-right: 2px;
z-index: 1;
}
.hamburger-minicart > a .minicart-item-count {
position: absolute;
width: 20px;
height: 20px;
top: 15px;
right: 0;
left: auto;
margin: 0;
padding: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
color: #000000;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
#site-header .hamburger-size-small .hamburger-minicart > a .minicart-item-count,
#site-header.shrink .hamburger-minicart > a .minicart-item-count {
width: 16px;
height: 16px;
font-size: 9px;
top: 2px;
right: -6px;
}
.hamburger-group.hamburger-size-small .hamburger-minicart > a .minicart-item-count {
margin-top: 0;
}
.hamburger-minicart.hamburger-minicart-size-small > a .minicart-item-count {
margin-top: 0;
}
#primary-navigation #primary-menu > li.menu-item-cart > a.empty .minicart-item-count,
.hamburger-minicart > a.empty .minicart-item-count {
display: none;
}
#primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count {
left: 65px;
}
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count:after {
content: '';
position: absolute;
left: -6px;
top: 3px;
width: 12px;
height: 12px;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: inherit;
z-index: -1;
}
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count,
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count:after,
body.mobile-cart-position-top #site-header .mobile-cart .minicart-item-count,
.hamburger-minicart > a .minicart-item-count {
color: #ffffff;
}
@media (max-width: 768px) {
.primary-navigation li.menu-item-cart > a:after,
.primary-navigation li.menu-item-cart > .minicart {
display: none;
}
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart,
.hamburger-minicart > .minicart {
position: absolute;
visibility: hidden;
white-space: normal;
width: 305px;
border-top: 0;
transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
-moz-transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
-webkit-transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
opacity: 0;
transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
padding: 23px 0 0;
border: 1px solid #ffffff;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-cart > .minicart,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-cart > .minicart,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart > .minicart,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-cart > .minicart {
display: none;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul,
.hamburger-minicart > .minicart ul {
position: relative;
visibility: inherit;
width: auto;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
transition: all 0s;
-moz-transition: all 0s;
-webkit-transition: all 0s;
opacity: 1;
transform: none;
-o-transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
border: 0;
}
#primary-menu.no-responsive:hover li.menu-item-cart:hover > .minicart,
.hamburger-minicart:hover > .minicart {
visibility: visible;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
opacity: 1;
transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
}
#primary-menu.no-responsive:hover > li.menu-item-cart .minicart {
visibility: hidden;
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
opacity: 0;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart,
.hamburger-minicart > .minicart {
top: 100%;
left: 0;
margin-top: 15px;
}
#site-header.shrink .hamburger-minicart > .minicart {
margin-top: 0;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart.invert,
.hamburger-minicart > .minicart.invert {
left: auto;
right: 0;
} #primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content ul.cart_list,
.hamburger-minicart .widget_shopping_cart_content ul.cart_list,
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list {
padding: 0 24px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li img,
.hamburger-minicart > .minicart ul li img,
.mobile-cart-position-top #site-header .mobile-cart ul li img {
height: 60px;
width: 60px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .minicart-image,
.hamburger-minicart > .minicart ul li .minicart-image,
.mobile-cart-position-top #site-header .mobile-cart ul li .minicart-image {
float: left;
margin-right: 17px;
margin-top: -4px;
position: relative;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .minicart-image:after,
.hamburger-minicart > .minicart ul li .minicart-image:after,
.mobile-cart-position-top #site-header .mobile-cart ul li .minicart-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
opacity: 0;
z-index: 1;
background: rgba(0, 188, 212, 0.3);
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a:hover .minicart-image:after,
.hamburger-minicart > .minicart ul li a:hover .minicart-image:after,
.mobile-cart-position-top #site-header .mobile-cart ul li a:hover .minicart-image:after {
opacity: 1;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.sale .minicart-image:before,
.hamburger-minicart > .minicart ul li.sale .minicart-image:before,
.mobile-cart-position-top #site-header .mobile-cart ul li.sale .minicart-image:before {
content: '%';
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
right: -11px;
top: 4px;
z-index: 2;
line-height: 24px;
text-align: center;
text-indent: -1px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li,
.hamburger-minicart > .minicart ul li,
.mobile-cart-position-top #site-header .mobile-cart ul li {
display: inline-block;
padding: 4px 0 0 0;
margin: 26px 0 0 0;
width: 100%;
border: 0;
position: relative;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .variation,
.hamburger-minicart > .minicart ul li .variation,
.mobile-cart-position-top #site-header .mobile-cart ul li .variation {
display: none;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.empty,
.hamburger-minicart > .minicart ul li.empty,
.mobile-cart-position-top #site-header .mobile-cart ul li.empty {
padding-bottom: 25px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li:first-child,
.hamburger-minicart > .minicart ul li:first-child,
.mobile-cart-position-top #site-header .mobile-cart ul li:first-child {
margin: 0;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a,
.hamburger-minicart > .minicart ul li a,
.mobile-cart-position-top #site-header .mobile-cart ul li a {
display: block;
margin: 0 20px 0 0;
border: 0;
padding: 0;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a.remove,
.hamburger-minicart > .minicart ul li a.remove,
.mobile-cart-position-top #site-header .mobile-cart ul li a.remove {
padding: 0;
margin: 0;
position: absolute;
right: 0;
top: -7px;
cursor: pointer;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity,
.hamburger-minicart > .minicart ul li .quantity,
.mobile-cart-position-top #site-header .mobile-cart ul li .quantity {
display: inline-block;
margin-top: 4px;
}
.widget_shopping_cart_content ul.cart_list li .cart-item-info {
margin-left: 85px;
padding-top: 5px;
}
.widget_shopping_cart_content .quantity {
font-size: 123.5%;
line-height: 1.421;
}
.widget_shopping_cart_content .minicart-bottom {
margin-top: 25px;
}
#primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content .minicart-bottom,
.hamburger-minicart .widget_shopping_cart_content .minicart-bottom,
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content .minicart-bottom {
padding: 20px 20px 20px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total,
.hamburger-minicart > .minicart .total,
.mobile-cart-position-top #site-header .mobile-cart .total {
padding: 15px 24px 0;
margin-top: 24px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total strong,
.hamburger-minicart > .minicart .total strong,
.mobile-cart-position-top #site-header .mobile-cart .total strong {
float: left;
display: inline-block;
padding-top: 7px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total span.amount,
.hamburger-minicart > .minicart .total span.amount,
.mobile-cart-position-top #site-header .mobile-cart .total span.amount {
float: right;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons,
.hamburger-minicart > .minicart .buttons,
.mobile-cart-position-top #site-header .mobile-cart .buttons {
display: flex;
flex-wrap: wrap;
padding: 8px 18px 17px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons a,
.hamburger-minicart > .minicart .buttons a,
.mobile-cart-position-top #site-header .mobile-cart .buttons a {
margin: 0;
width: 100%;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons,
.hamburger-minicart > .minicart .buttons,
.mobile-cart-position-top #site-header .mobile-cart .buttons {
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-view-cart,
.hamburger-minicart > .minicart .buttons .mini-cart-view-cart,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-view-cart {
flex: 1;
margin: 6px;
flex-basis: auto;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-view-cart .gem-button,
.hamburger-minicart > .minicart .buttons .mini-cart-view-cart .gem-button,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-view-cart .gem-button {
border: 2px solid transparent;
line-height: 26px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-checkout,
.hamburger-minicart > .minicart .buttons .mini-cart-checkout,
.mobile-cart-position-top #site-header .mobile-cart .mini-cart-checkout {
flex: 1;
margin: 6px;
flex-basis: auto;
}
.widget_shopping_cart_content .cart_list .empty {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0 none;
margin-bottom: 1.421em;
}
.hamburger-minicart {
position: relative;
display: inline-block;
margin: 5px 35px 0 0;
vertical-align: middle;
height: 60px;
text-align: left;
-webkit-transition: all .3s, transform 1s;
transition: all .3s, transform 1s;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.logo-position-right .hamburger-minicart {
margin-right: 0px;
margin-left: 35px;
}
.hamburger-group.hamburger-size-small .hamburger-minicart {
height: 30px;
margin-right: 18px;
margin-top: 7px;
}
.hamburger-minicart.hamburger-minicart-size-small {
height: 30px;
margin-right: 20px;
}
.logo-position-right .hamburger-group.hamburger-size-small .hamburger-minicart {
margin-right: 0px;
margin-left: 20px;
}
.logo-position-right .hamburger-minicart.hamburger-minicart-size-small {
margin-right: 0px;
margin-left: 20px;
}
@media (max-width: 767px) {
#primary-navigation .hamburger-minicart {
display: none;
}
}
#primary-navigation.responsive .hamburger-minicart {
display: none;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li img,
.hamburger-minicart > .minicart ul li img,
.mobile-cart-position-top #site-header .mobile-cart ul li img {
height: auto;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart,
.hamburger-minicart > .minicart,
.mobile-cart-position-top #site-header .mobile-cart> .minicart {
background-color: #ffffff;
border-color: #dfe5e8;
}
.mobile-cart-position-top #site-header .mobile-cart> .minicart {
background-color: #f0f3f2;
}
.mobile-cart-position-top #site-header .mobile-cart> .minicart .widget_shopping_cart_content {
background-color: #ffffff;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a:hover,
.hamburger-minicart > .minicart ul li a:hover {
color: #00bcd4;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity,
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total,
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.empty,
.hamburger-minicart > .minicart ul li .quantity,
.hamburger-minicart > .minicart .total,
.hamburger-minicart > .minicart ul li.empty,
.mobile-cart-position-top #site-header .mobile-cart ul li .quantity,
.mobile-cart-position-top #site-header .mobile-cart .total,
.mobile-cart-position-top #site-header .mobile-cart ul li.empty {
font-family: 'Source Sans Pro';
font-weight: 400;
font-size: 16px;
color: #99a9b5;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total strong,
.hamburger-minicart > .minicart .total strong,
.mobile-cart-position-top #site-header .mobile-cart .total strong {
font-weight: 400;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity span.amount,
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total span.amount,
.hamburger-minicart > .minicart ul li .quantity span.amount,
.hamburger-minicart > .minicart .total span.amount,
.mobile-cart-position-top #site-header .mobile-cart ul li .quantity span.amount,
.mobile-cart-position-top #site-header .mobile-cart .total span.amount {
font-weight: 300;
font-size: 20px;
color: #3c3950;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total span.amount,
.hamburger-minicart > .minicart .total span.amount,
.mobile-cart-position-top #site-header .mobile-cart .total span.amount {
font-size: 24px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a.remove,
.hamburger-minicart > .minicart ul li a.remove,
.mobile-cart-position-top #site-header .mobile-cart ul li a.remove {
font-size: 18px;
color: #99a9b5;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total,
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons,
.hamburger-minicart > .minicart .total,
.hamburger-minicart > .minicart .buttons,
.mobile-cart-position-top #site-header .mobile-cart .total,
.mobile-cart-position-top #site-header .mobile-cart .buttons {
background-color: #f0f3f2;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.sale .minicart-image:before,
.hamburger-minicart > .minicart ul li.sale .minicart-image:before,
.mobile-cart-position-top #site-header .mobile-cart ul li.sale .minicart-image:before {
color: #ffffff;
background-color: #00bcd4;
font-family: 'Source Sans Pro';
font-size: 16px;
font-weight: 400;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-checkout .gem-button,
.hamburger-minicart > .minicart .buttons .mini-cart-checkout .gem-button,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-checkout .gem-button {
border-color: #46485c;
color: #46485c;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-checkout .gem-button:hover,
.hamburger-minicart > .minicart .buttons .mini-cart-checkout .gem-button:hover,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-checkout .gem-button:hover {
background: #46485c;
color: #ffffff;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-view-cart .gem-button,
.hamburger-minicart > .minicart .buttons .mini-cart-view-cart .gem-button,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-view-cart .gem-button {
background-color: #00bcd4;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-view-cart .gem-button:hover,
.hamburger-minicart > .minicart .buttons .mini-cart-view-cart .gem-button:hover,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-view-cart .gem-button:hover {
border-color: #00bcd4;
background-color: transparent;
color: #00bcd4;
}
#site-header .mobile-cart {
display: none;
vertical-align: middle;
padding: 15px 0;
width: 36px;
}
#site-header .mobile-cart:before {
content: '';
display: block;
height: 0;
width: 36px;
}
@media (max-width: 767px) {
.mobile-cart-position-top #site-header .mobile-cart {
display: table-cell;
}
.mobile-cart-position-top #site-header .site-title {
text-align: center;
width: 99%;
}
.mobile-cart-position-top #site-header .site-title .site-logo {
margin: 0 auto;
}
.mobile-cart-position-top #site-header .primary-navigation,
.mobile-cart-position-top #site-header #perspective-menu-buttons {
width: auto;
}
}
.mobile-cart-position-top #site-header .mobile-cart > a {
display: block;
vertical-align: middle;
position: relative;
margin: 0 auto;
text-align: center;
}
.mobile-cart-position-top #site-header .mobile-cart > a:before { content: '';
margin-right: 0;
vertical-align: top;
line-height: inherit;
display: inline-block;
text-align: center;
width: 100%;
height: 24px;
padding-right: 0;
background-color: #3c3950;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask-size: 24px;
mask-size: 24px;
}
.mobile-cart-position-top #site-header:not(.shrink) .header-colors-light .mobile-cart > a:before {
background-color: #ffffff;
}
.mobile-cart-position-top #site-header .mobile-cart .minicart-item-count {
position: absolute;
right: -3px;
top: -8px;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 11px;
border-radius: 50%;
text-align: center;
}
.mobile-cart-position-top #site-header .mobile-cart > a.empty .minicart-item-count {
display: none;
}
.mobile-cart-position-top #site-header .mobile-cart .minicart {
position: fixed;
-webkit-perspective: 1000;
opacity: 1;
visibility: visible;
top: 0;
left: 0;
bottom: 0;
overflow-y: auto;
display: block;
width: 80%;
min-width: 300px;
transform: translateX(-100%);
transition: transform 0.2s ease-out;
z-index: 999;
}
.mobile-cart-position-top #site-header .logo-position-right .mobile-cart .minicart {
left: auto;
right: 0;
transform: translateX(100%);
}
.mobile-cart-position-top #site-header .mobile-cart .minicart.minicart-show {
transform: translateX(0);
}
.admin-bar.mobile-cart-position-top #site-header .mobile-cart .minicart {
top: 32px;
}
@media (max-width: 767px) {
.admin-bar.mobile-cart-position-top #site-header .mobile-cart .minicart {
top: 46px;
}
}
@media (max-width: 599px) {
.admin-bar.mobile-cart-position-top #site-header.shrink.fixed .mobile-cart .minicart {
top: 0;
}
}
.mobile-cart-header {
display: none;
}
.mobile-cart .mobile-cart-header {
display: block;
position: relative;
padding: 23px 24px;
}
.mobile-cart .mobile-cart-header .mobile-cart-header-title {
margin: 0;
}
.mobile-cart .mobile-cart-header .mobile-cart-header-title:before {
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
content: '\e613';
vertical-align: top;
line-height: inherit;
display: inline-block;
text-align: center;
margin-right: 10px;
color: #00bcd4;
}
.mobile-cart-header-close {
position: absolute;
top: 50%;
right: 24px;
margin-top: -15px;
width: 30px;
height: 30px;
}
.mobile-cart-header-close .cart-close-line-1,
.mobile-cart-header-close .cart-close-line-2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 3px;
background: #99a9b5;
margin-top: -2px;
}
.mobile-cart-header-close .cart-close-line-1 {
transform: rotate(45deg);
}
.mobile-cart-header-close .cart-close-line-2 {
transform: rotate(-45deg);
}
.mobile-minicart-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 998;
background: #000000;
opacity: 0;
visibility: hidden;
transition: all 1s;
}
#site-header.fixed.shrink.shrink-mobile.hidden .mobile-minicart-overlay { }
body.mobile-minicart-opened .mobile-minicart-overlay {
opacity: 0.7;
visibility: visible;
}
body.mobile-minicart-opened {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
body.mobile-minicart-opened #wpadminbar {
top: -46px;
}
.mobile-cart-position-top #site-header .mobile-cart ul li a.remove {
font-size: 24px;
right: 15px;
top: 5px;
}
.mobile-cart-position-top #site-header .mobile-cart ul li img {
width: 80px;
}
.mobile-cart-position-top #site-header .mobile-cart .total {
text-align: center;
margin-top: 0;
}
.mobile-cart-position-top #site-header .mobile-cart .total strong,
.mobile-cart-position-top #site-header .mobile-cart .total span.amount {
float: none;
}
.mobile-cart-position-top #site-header .mobile-cart .buttons {
text-align: center;
}
.mobile-cart-position-top #site-header .mobile-cart .buttons .gem-button-container {
float: none;
margin: 10px 5px;
}
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list {
padding: 0;
}
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list > li {
padding: 15px;
margin: 0;
}
#site-header.fixed.shrink .hamburger-minicart {
margin-right: 18px;
margin-top: 7px;
height: auto;
}
#site-header.fixed.shrink .logo-position-right .hamburger-minicart {
margin-right: 0;
margin-left: 18px;
}
#site-header.fixed.shrink .hamburger-minicart > a {
line-height: 1;
}
#site-header.fixed.shrink .hamburger-minicart > a:before {
font-size: 24px;
}.joinchat{--bottom:20px;--sep:20px;--header:70px;--btn:60px;--vh:100vh;--red:37;--green:211;--blue:102;--rgb:var(--red),var(--green),var(--blue);--color:rgb(var(--rgb));--dark:rgb(calc(var(--red) - 75),calc(var(--green) - 75),calc(var(--blue) - 75));--hover:rgb(calc(var(--red) + 50),calc(var(--green) + 50),calc(var(--blue) + 50));--bg:rgba(var(--rgb),0.04);--tolerance:210;--bw: calc((var(--red)*0.2126 + var(--green)*0.7152 + var(--blue)*0.0722 - var(--tolerance))*-100000);--text:rgba(var(--bw),var(--bw),var(--bw),clamp(0.7,var(--bw),1));--msg:var(--color);position:fixed;z-index:1000;right:var(--sep);bottom:var(--bottom);color:var(--text);font:normal normal normal 16px/1.625em -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:0;transform:scale3d(0,0,0);transition:transform .3s ease-in-out;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat:not(.joinchat--show)>div{display:none}.joinchat--show{transform:scaleX(1);transition:transform .5s cubic-bezier(.18,.89,.32,1.28)}.joinchat.joinchat--left{right:auto;left:var(--sep)}@media (max-width:480px),(orientation:landscape) and (max-width:767px){.joinchat{--bottom:6px;--sep:6px;--header:55px}}@media (max-width:767px){.joinchat.joinchat--footer-bar{--bottom:76px}}.joinchat.joinchat--dark{--msg:var(--dark)}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:rgba(var(--bw),var(--bw),var(--bw),0.9)}}@media (color-index:48){.joinchat.joinchat--dark-auto{--msg:var(--dark)}}@media (prefers-color-scheme:dark){.joinchat.joinchat--dark-auto{--msg:var(--dark)}}.joinchat__button{display:flex;flex-direction:row;position:absolute;z-index:2;bottom:8px;right:8px;height:var(--btn);min-width:var(--btn);max-width:95vw;background:#25d366;color:inherit;border-radius:calc(var(--btn)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background .2s linear;will-change:background-color,width}[dir=rtl] .joinchat__button{flex-direction:row-reverse}.joinchat__button:hover{background:#128c7e;transition:background 1.5s linear}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px;flex-direction:row-reverse}[dir=rtl] .joinchat--left .joinchat__button{flex-direction:row}.joinchat--chatbox .joinchat__button{background:var(--color);transition:background .2s linear;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.joinchat--chatbox .joinchat__button:active,.joinchat--chatbox .joinchat__button:hover{background:var(--hover)}.joinchat__button__open{width:var(--btn);height:var(--btn);background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z'/%3E %3C/svg%3E") 50% no-repeat;background-size:60%}.joinchat--chatbox .joinchat__button__open{display:none}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--btn) - 2px);height:calc(var(--btn) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat--chatbox .joinchat__button__image{display:none}.joinchat__button__send{display:none;width:var(--btn);height:var(--btn);max-width:var(--btn);padding:12px 11px 12px 13px;margin:0;flex-shrink:0}.joinchat--chatbox .joinchat__button__send{display:block}.joinchat__button__send path{fill:none!important;stroke:var(--text)!important}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:1097;stroke-dashoffset:1097;animation:joinchat_plain 6s .2s ease-in-out infinite}.joinchat__button__send .joinchat_svg__chat{stroke-dasharray:1020;stroke-dashoffset:1020;animation:joinchat_chat 6s 3.2s ease-in-out infinite}.joinchat__button__sendtext{padding:0;max-width:0;font-weight:600;line-height:var(--btn);white-space:nowrap;opacity:0;overflow:hidden;transition:none}.joinchat--chatbox .joinchat__button__sendtext{padding:0 4px 0 24px;max-width:200px;opacity:1;transition:max-width .2s linear,opacity .4s ease-out .2s}.joinchat--chatbox.joinchat--left .joinchat__button__sendtext{padding:0 24px 0 4px}.joinchat__badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:14px;right:76px;max-width:calc(100vw - 105px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));transform:translateZ(0);pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:76px}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__box{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;min-height:170px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:32px;background:transparent;box-shadow:0 2px 6px 0 rgba(0,0,0,.5);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:max-height .2s ease-out,opacity .4s ease-out,transform 0s linear .3s}[dir=rtl] .joinchat__box{text-align:right}.joinchat--chatbox .joinchat__box{opacity:1;transform:scaleX(1);transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__box{right:auto;left:0}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);padding:0 70px 0 26px;margin:0;background:var(--color)}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat--dark .joinchat__header{background:var(--dark)}.joinchat__header__text{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__powered{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentColor;opacity:.8}.joinchat__powered svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__powered:active,.joinchat__powered:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.joinchat__wa{height:28px;width:auto;fill:currentColor;opacity:.8}.joinchat__close{position:absolute;top:50%;right:24px;width:34px;height:34px;margin-top:-16px;border-radius:50%;background:rgba(0,0,0,.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E %3Cpath d='M24 2.4L21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6L24 2.4z'/%3E %3C/svg%3E") 50% no-repeat;background-size:12px;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgba(0,0,0,.6)}.joinchat__close:active{background-color:rgba(0,0,0,.7)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__box__scroll{padding:20px 0 70px;padding-bottom:calc(var(--btn) + 10px);background:#fff linear-gradient(0deg,var(--bg),var(--bg));overflow-x:hidden;overflow-y:auto;will-change:scroll-position}.joinchat__box__scroll::-webkit-scrollbar{width:5px;background:transparent}.joinchat__box__scroll::-webkit-scrollbar-thumb{border-radius:3px;background:transparent}.joinchat--blur .joinchat__box__scroll{background:rgba(var(--rgb),.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joinchat--dark .joinchat__box__scroll{background:#1a1a1a}.joinchat__box__scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}@supports (-webkit-overflow-scrolling:touch){.joinchat__box__scroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}}@media (max-width:480px),(orientation:landscape) and (max-width:767px){.joinchat__header__text{font-size:17px}.joinchat__close{margin-top:-14px;width:28px;height:28px}.joinchat__box__scroll{padding-top:15px}}@media (color-index:48){.joinchat--dark-auto .joinchat__box__scroll{background:#1a1a1a}.joinchat--dark-auto .joinchat__header{background:var(--dark)}}@media (prefers-color-scheme:dark){.joinchat--dark-auto .joinchat__box__scroll{background:#1a1a1a}.joinchat--dark-auto .joinchat__header{background:var(--dark)}}.joinchat__message{position:relative;min-height:60px;padding:17px 20px;margin:0 26px 26px;border-radius:32px;background:#fff;color:#4a4a4a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform:translateZ(0)}.joinchat__message:before{content:"";display:block;position:absolute;bottom:20px;left:-15px;width:17px;height:25px;background:inherit;-webkit-clip-path:var(--peak,url(#joinchat__message__peak));clip-path:var(--peak,url(#joinchat__message__peak))}.joinchat--dark .joinchat__message{background:#505050;color:#d8d8d8}@media (color-index:48){.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (prefers-color-scheme:dark){.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (max-width:480px),(orientation:landscape) and (max-width:767px){.joinchat__message{padding:18px 16px;line-height:24px;margin:0 20px 20px}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes joinchat_plain{0%,50%,to{stroke-dashoffset:1097}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_chat{0%,50%,to{stroke-dashoffset:1020}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleY(1)}25%,to{opacity:0;transform:scaleY(1)}}