.elementor-widget-icon-box .elementor-icon-box-wrapper{display:flex;flex-direction:column;text-align:center}.elementor-widget-icon-box .elementor-icon-box-icon{display:inline-block;flex:0 0 auto;line-height:0}.elementor-widget-icon-box .elementor-icon-box-content{flex-grow:1;width:100%}.elementor-widget-icon-box .elementor-icon-box-title a{color:inherit}.elementor-widget-icon-box .elementor-icon-box-description{margin:0}.elementor-widget-icon-box.elementor-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}@media (min-width:2400px){.elementor-widget-icon-box.elementor-widescreen-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-widescreen-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-widescreen-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-widescreen-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:1400px){.elementor-widget-icon-box.elementor-laptop-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-laptop-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-laptop-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-laptop-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:1200px){.elementor-widget-icon-box.elementor-tablet_extra-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-tablet_extra-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-tablet_extra-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-tablet_extra-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:1024px){.elementor-widget-icon-box.elementor-tablet-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-tablet-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-tablet-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-tablet-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:880px){.elementor-widget-icon-box.elementor-mobile_extra-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-mobile_extra-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-mobile_extra-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-mobile_extra-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:767px){.elementor-widget-icon-box.elementor-mobile-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-mobile-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-mobile-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-mobile-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}.electron-popup-account {
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
}
.electron-popup-account.popup {
display: flex;
align-items: center;
justify-content: center;
}
.electron-popup-account.active {
opacity: 1;
visibility: visible;
}
.electron-popup-account.popup {
top: 0;
left: 0;
}
.electron-popup-account.left-sidebar.active {
transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),left 0.4s cubic-bezier(.19,1,.22,1);
}
.electron-popup-account.right-sidebar.active {
transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),right 0.4s cubic-bezier(.19,1,.22,1);
}
.electron-popup-account.popup .account-popup-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
max-width: 400px;
opacity: 0;
visibility: hidden;
transform: translateY(-200px);
}
.electron-popup-account.active .account-popup-inner {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),transform 0.4s cubic-bezier(.19,1,.22,1);
}
.electron-popup-account .panel-close {
top: -10px;
right: -10px;
}
.electron-popup-account .account-area {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 40px;
width: 100%;
overflow: hidden;
}
.electron-popup-account.popup .account-area {
background: var(--electron-light);
padding: 30px;
box-shadow: 0 0 16px 2px #33333330;
border: 1px solid var(--electron-border);
border-radius: 5px;
overflow: hidden;
}
.electron-popup-account.left-sidebar,
.electron-popup-account.right-sidebar {
height: 100vh;
max-width: 400px;
top: 0;
background: var(--electron-light);
padding: 30px;
box-shadow: 0 0 16px 2px #33333330;
border: 1px solid var(--electron-border);
overflow-y: auto;
}
.logged-in .electron-popup-account.left-sidebar,
.logged-in .electron-popup-account.right-sidebar {
max-width: 320px;
}
.electron-popup-account.left-sidebar {
left: -100%;
}
.electron-popup-account.left-sidebar.active {
left: 0;
}
.electron-popup-account.right-sidebar {
right: -100%;
}
.electron-popup-account.right-sidebar.active {
right: 0;
}
.admin-bar .electron-popup-account.left-sidebar,
.admin-bar .electron-popup-account.right-sidebar {
top: 32px;
}
.electron-popup-account.left-sidebar .account-popup-inner,
.electron-popup-account.right-sidebar .account-popup-inner {
height: 100%;
}
.electron-popup-account.left-sidebar .account-area,
.electron-popup-account.right-sidebar .account-area {
padding-top: 30px;
padding-bottom: 30px;
}
.logged-in .electron-popup-account.left-sidebar .account-area,
.logged-in .electron-popup-account.right-sidebar .account-area {
padding-top: 0px;
padding-bottom: 0px;
}
.electron-popup-account ul.navigation .electron-btn {
min-width: 100%;
text-align: center;
}
.electron-popup-account.left-sidebar .panel-close {
top: 10px;
left: 10px;
right: auto;
}
.electron-popup-account.right-sidebar .panel-close {
top: 10px;
right: 10px;
left: auto;
}
.electron-popup-account.popup .panel-title,
.electron-popup-account.left-sidebar .panel-title,
.electron-popup-account.right-sidebar .panel-title {
font-size: 18px;
text-align: center;
}
.electron-popup-account.popup .account-area {
gap: 20px;
}
.electron-popup-account ul.navigation {
display: flex;
flex-direction: column;
gap: 5px;
}
.electron-popup-account.multi-forms .account-area>.row {
flex-wrap: nowrap;
justify-content: flex-start;
margin: 0;
transition: transform 0.5s ease;
}
.electron-popup-account .account-area>.row>.col-lg-4 {
width: 100%;
padding: 0;
opacity: 1;
transition: opacity 0.5s ease;
}
.electron-popup-account .account-area>.row>.col-lg-4:not(.active) {
opacity: 0;
}
.electron-popup-account.multi-forms .account-steps {
display: flex;
align-items: center;
gap: 5px;
}
.electron-popup-account.multi-forms .form-heading {
height: 30px;
font-size: 14px;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
border: 1px solid var(--electron-border);
cursor: pointer;
line-height: 1;
}
.electron-popup-account.multi-forms .form-heading.active {
background-color: var(--electron-primary);
color: var(--electron-light);
}
.electron-popup-account.multi-forms .login-title {
left: 30px;
}
.electron-popup-account.multi-forms .register-title {
right: 30px;
}
.electron-popup-account .woocommerce-form-login__submit {
margin-bottom: 0;
}
.ajax-login-active .woocommerce-form-login__submit.loading:after,
.ajax-login-active .woocommerce-form-register__submit.loading:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -9px;
transition: opacity .2s ease;
content: "";
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid var(--electron-light);
border-left-color: var(--electron-primary);
border-radius: 50%;
vertical-align: middle;
animation: electron-rotate 450ms infinite linear;
}
.ajax-login-active .woocommerce-button.loading span {
opacity: 0;
}
.ajax-login-active .electron-before-login-form {
display: none;
}
.electron-popup-account .electron-ajax-login>p:last-child,
.electron-popup-account .woocommerce-privacy-policy-text>p:last-child {
margin: 0;
}
.electron-popup-account p.woocommerce-form-row.form-rowp:last-child {
margin-bottom: 0;
}
@media(max-width:480px){
.electron-popup-account .account-area {
max-width: 360px;
}
.electron-popup-account .panel-close {
top: -15px;
right: 5px;
}
.electron-popup-account.popup {
padding: 0;
}
}.electron-free-shipping-progress .electron-progress-bar-wrap {
position: relative;
height: 6px;
margin: 0 13px;
}
.electron-free-shipping-progress .electron-progress-bar-wrap:before {
position: absolute;
content: "";
top: 0;
left: -13px;
right: -13px;
height: 100%;
border-radius: var(--electron-border-radius);
background: var(--electron-blue-bg);
}
.electron-free-shipping-progress .electron-progress-bar:before {
position: absolute;
content: "";
top: 0;
left: -13px;
right: -13px;
height: 100%;
border-radius: var(--electron-border-radius);
background: var(--electron-blue-soft);
}
.electron-free-shipping-progress .electron-progress-bar {
position: relative;
border-radius: inherit;
height: 100%;
max-width: 100%;
-webkit-transition: all .3s;
transition: all .3s;
}
.electron-free-shipping-progress .electron-progress-value {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(50%,-50%);
-ms-transform: translate(50%,-50%);
transform: translate(50%,-50%);
background: var(--electron-light);
border: 1px solid var(--electron-blue-soft);
border-radius: 50%;
font-size: 12px;
width: 26px;
height: 26px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
z-index: 1;
}
.electron-free-shipping-progress .electron-progress-value svg {
width: 17px;
height: 17px;
}
.electron-free-shipping-progress .electron-progress-value svg * {
fill: var(--electron-primary);
}
.free-shipping-success .electron-progress-bar:before {
background: var(--electron-blue-soft);
}
.free-shipping-success .electron-progress-value svg * {
fill: var(--electron-blue-soft);
}
.free-shipping-success .electron-progress-value{
border-color: var(--electron-blue-soft);
}
.electron-cart-goal-text {
font-size: 18px;
margin-bottom: 15px;
color: var(--electron-dark);
}
.woocommerce-cart .electron-cart-row .electron-cart-goal-wrapper {
padding: 20px 20px 30px;
margin-bottom: 30px;
border: 1px dashed var(--electron-blue);
background-color: var(--electron-blue-bg);
border-radius: 10px;
max-width: 530px;
}
.woocommerce-cart .electron-cart-row .electron-cart-goal-wrapper .electron-cart-goal-text {
color: var(--electron-blue-dark);
font-weight: 500;
font-size: 16px;
}
.shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
@-webkit-keyframes shakeY{
0%,
to{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%,30%,50%,70%,90%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
20%,40%,60%,80%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
}
@keyframes shakeY{
0%,
to{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%,30%,50%,70%,90%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
20%,40%,60%,80%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
}.electron-loop-product.type-1 {
border: 1px solid var(--electron-border);
background: var(--electron-light);
padding: 0;
position: relative;
border-radius: 5px;
padding: 0;
width: 100%;
height: 100%;
}
.electron-loop-product.type-1:hover {
border-color: var(--electron-primary);
}
.style-border-outside .electron-loop-product.type-1:hover {
border: 1px solid var(--electron-primary);
}
.electron-loop-product.type-1 .thumb-wrapper {
padding: 15px;
min-height: 175px;
}
.type-1 .details-wrapper {
padding: 15px;
position: relative;
border-top: 1px solid var(--electron-border);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.type-1 .details-inner {
overflow: hidden;
position: relative;
}
.type-1 .product-actions {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-top: 0;
position: absolute;
max-width: 110px;
background-color: #fff;
box-shadow: 0px 1px 20px 0px #c8c8c8;
border-radius: 5px;
width: 100%;
padding: 10px 0;
bottom: -20px;
opacity: 0;
visibility: hidden;
-moz-transition: all .25s cubic-bezier(.25, .46, .45, .94);
-o-transition: all .25s cubic-bezier(.25, .46, .45, .94);
-webkit-transition: all .25s cubic-bezier(.25, .46, .45, .94);
transition: all .25s cubic-bezier(.25, .46, .45, .94);
flex-direction: row;
flex-wrap: wrap;
align-content: center;
}
.type-1:hover .product-actions {
bottom: 10px;
opacity: 1;
visibility: visible;
}
.type-1 .rating-review {
position: absolute;
bottom: 10px;
left: 15px;
padding: 5px 8px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
line-height: 1;
background-color: var(--electron-yellow-bg);
font-size: 11px;
font-weight: 600;
border: 1px solid;
border-color: var(--electron-yellow-soft);
border-radius: 4px;
}
.type-1 .rating-review .rating,
.type-1 .rating-review .review {
display: flex;
align-items: center;
gap: 3px;
}
.type-1 .rating-review .rating::after {
content: "\f148";
color: var(--electron-yellow);
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-family: 'ninetheme-font';
}
.type-1 .rating-review .review::before {
content: none;
color: var(--electron-yellow);
}
.type-1:hover .rating-review {
opacity: 0;
z-index: -1;
}
.type-1 .electron-loop-swatches {
margin-top: 5px;
}
.type-1 .electron-swatches-wrapper {
position: absolute;
bottom: 0%;
left: 0;
opacity: 0;
visibility: hidden;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
height: 100%;
padding: 0;
background-color: var(--electron-light);
-moz-transition: all .15s cubic-bezier(.25, .46, .45, .94);
-o-transition: all .15s cubic-bezier(.25, .46, .45, .94);
-webkit-transition: all .15s cubic-bezier(.25, .46, .45, .94);
transition: all .15s cubic-bezier(.25, .46, .45, .94);
}
.type-1:hover .electron-swatches-wrapper {
bottom: 0;
opacity: 1;
-moz-transition: all .25s cubic-bezier(.25, .46, .45, .94);
-o-transition: all .25s cubic-bezier(.25, .46, .45, .94);
-webkit-transition: all .25s cubic-bezier(.25, .46, .45, .94);
transition: all .25s cubic-bezier(.25, .46, .45, .94);
visibility: visible;
}
.type-1:hover .details-inner {
overflow: visible;
}
.type-1 .product-cart-wrapper {
margin-top: 15px;
}
.type-1 .electron-product-cart {
width: 100%;
border-radius: 5px;
}
.electron-loop-product.type-1 .product-inner:not(.has-pb) {
position: relative;
padding-bottom: 51px;
height: 100%;
}
.catalog-mode-active .electron-loop-product.type-1 .product-inner {
padding-bottom: 0px;
}
.type-1 .product-cart-wrapper {
margin-top: 15px;
position: absolute;
bottom: 15px;
max-width: calc(100% - 30px);
width: 100%;
left: 15px;
}
.type-1 .electron-product-cart {
width: 100%;
}
@media(max-width:767px) {
.electron-loop-product.type-1 .thumb-wrapper {
min-height: auto;
}
.electron-loop-product.type-1 .has-actions .thumb-wrapper {
padding-bottom: 38px;
}
.type-1 .product-actions {
max-width: 100%;
bottom: 0px;
right: 0px;
left: 0px;
opacity: 1;
visibility: visible;
border-radius: 0;
box-shadow: none;
border-top: 1px solid var(--electron-border);
}
.electron-loop-product.type-1 .has-actions.padding-bottom .product-actions {
padding-bottom: 38px;
}
.type-1:hover .product-actions {
bottom: 0;
box-shadow: none;
}
.type-1 .rating-review {
bottom: 50px;
}
}