/* General */
html {
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}
hr.dashed-separator {
border: none;
height: 0;
width: 100%;
border-top: 2px dashed #cecece;
}
.shop-wrapper {
background-color: #f3f3f3;
margin-top: 125px;
min-height: auto;
height: calc(100vh - 125px - 7%);
position: relative;
overflow-x: hidden;
overflow-y: auto;
/*position: static;*/
}
.goog-te-gadget-simple img.goog-te-gadget-icon {
display: none !important;
}
.shop-wrapper.login-page {
margin-top: 0;
min-height: 100vh;
/*background-image: url("/public/img/login-background.webp");*/
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.shop-wrapper.login-page #shop-authentication .container {
max-width: 400px;
}
.shop-wrapper.login-page #shop-authentication .container .card {
color: var(--color-primary) !important;
background: rgb(var(--color-primary-opposite-rgb), 0.9) !important;
/*background: rgb(255,255,255,.85);*/
}
body .pageloader {
z-index: 16;
}
body .infraloader.is-active {
z-index: 15;
}
body .pageloader,
body .infraloader {
left: 0;
width: 100%;
}
body .main-sidebar ~ .pageloader,
body .main-sidebar ~ .infraloader {
left: 80px;
width: calc(100% - 80px);
}
body .shop-wrapper {
margin-left: 0;
width: 100%;
}
body .main-sidebar ~ .shop-wrapper {
margin-left: 80px;
width: calc(100% - 80px);
}
body.no-left-sidebar .infraloader,
body.no-left-sidebar .pageloader,
body.no-left-sidebar .shop-wrapper {
background-color: #f0f0f0;
}
.alert-container {
margin-bottom: 20px;
}
.is-mandatory {
color: red;
}
.chosen-container-single .chosen-single span {
color: #363636;
font-size: 16px;
}
.loader-wrapper {
width: 100%;
text-align: center;
margin-top: 1.5rem;
}
.loader-wrapper .loader {
margin: 0 auto;
border-width: 4px;
width: 8em;
height: 8em;
}
#new-order-errors {
color: #ff3b3c;
background-color: #fff;
text-align: right;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.product-price
.value
span:first-child:before,
.product-info-panel
.inner-panel
.panel-body
.product-controls
.product-price
.value
span:nth-child(2):before {
content: none;
}
.product-info .product-price .total-price-row small {
color: #999;
}
h3.product-name[data-tooltip]:not(.is-disabled):before,
h3.product-name[data-tooltip]:not(.is-loading):before,
h3.product-name[data-tooltip]:not([disabled]):before,
#product-details-name [data-tooltip]:not(.is-disabled).has-tooltip-left:before,
#product-details-name [data-tooltip]:not(.is-loading).has-tooltip-left:before,
#product-details-name [data-tooltip]:not([disabled]).has-tooltip-left:before {
width: 240px;
text-transform: none;
}
span.product-name[data-tooltip]:not(.is-disabled):before,
span.product-name[data-tooltip]:not(.is-loading):before,
span.product-name[data-tooltip]:not([disabled]):before {
width: 140px;
text-transform: none;
}
.tab-content > div {
display: none;
margin-top: 2rem;
}
.tab-content > div.is-active {
display: block;
}
.tab-content > div .listing-controls {
border: 0;
}
.blockUI .loader.is-loading {
height: 8em;
width: 8em;
margin: 0 auto;
}
/* */
/* Main sidebar */
.main-sidebar,
.main-sidebar .sidebar-brand {
background-color: #fcfcfc;
-webkit-box-shadow: none;
box-shadow: none;
border-right: none;
z-index: 29;
}
.top-bar .navbar-item img.brand-logo {
max-height: 50px;
}
.main-sidebar .sidebar-inner .icon-menu li a.disabled {
cursor: not-allowed;
}
.main-sidebar .sidebar-inner .icon-menu li a.disabled svg {
stroke: #d9dbdc !important;
}
.main-sidebar .sidebar-inner .icon-menu li a.disabled:hover svg,
.main-sidebar .sidebar-inner .icon-menu li a.disabled.is-active svg,
.main-sidebar .sidebar-inner .bottom-menu li a.disabled:hover svg,
.main-sidebar .sidebar-inner .bottom-menu li a.disabled.is-active svg {
stroke: #d9dbdc !important;
}
@media (max-width: 768px) {
.main-sidebar .sidebar-inner {
height: calc(100% - 52px);
}
.main-sidebar .sidebar-brand {
height: 52px;
}
.shop-quickview.is-active .inner,
.cart-quickview.is-active {
padding-top: 52px !important;
}
.main-sidebar .sidebar-brand img {
width: 100%;
padding: 0 10px;
}
}
/* */
/* Top bar */
.top-bar {
/*background-color: #fcfcfc;*/
/*overflow: hidden;*/
position: fixed;
top: 0;
width: 100%;
height: 125px;
z-index: 30;
margin: 0 !important;
}
/*.top-bar .navbar-start {
overflow: hidden;
}*/
.top-bar a.nav-item {
font-family: "Raleway", sans-serif;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*color: #4a4a4a;*/
font-weight: bold;
font-size: 14px;
}
.brand-logo {
max-width: 120px;
}
.column.is-narrow {
--columnGap: 0.9rem;
}
/*
.top-bar a.nav-item:hover {
color: var(--color-primary, #0023ff);
}
*/
.top-bar ~ .menu-fab {
top: 140px;
right: 20px;
}
#new-order-modal-trigger.menu-fab {
width: 200px;
height: 50px;
border-radius: 25px;
}
#new-order-modal-trigger.menu-fab .menu-toggle {
width: 30px;
height: 30px;
line-height: 30px;
margin: 0;
float: left;
}
#new-order-modal-trigger.menu-fab .menu-toggle .icon-line-vertical {
position: absolute;
width: 2px;
height: 30px;
/*background: var(--color-primary, #0023ff);*/
margin: -15px 0 0 -1px;
left: 50%;
top: 50%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#new-order-modal-trigger.menu-fab .menu-toggle .icon-line-horizontal {
position: absolute;
width: 30px;
height: 2px;
/*background: var(--color-primary, #0023ff);*/
margin: 0 0 0 -15px;
left: 50%;
top: 50%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#new-order-modal-trigger.menu-fab .new-order-text {
font-size: 15px;
/*color: var(--color-primary, #0023ff);*/
line-height: 30px;
}
#new-order-modal-trigger-fab {
position: fixed;
bottom: 15px;
right: 15px;
}
#new-order-modal-trigger-fab.button.is-rounded {
padding-left: 0.55rem;
padding-right: 0.55rem;
}
.action-bar {
height: 90px;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
/* */
/* Mobile sidebar */
.mobile-navbar {
background-color: #fcfcfc;
}
.mobile-navbar .navbar-brand .navbar-item img {
width: 65px;
}
.navbar-menu.is-active {
max-height: calc(100vh - 52px);
overflow-y: auto;
}
.mobile-navbar .navbar-menu .navbar-dropdown .navbar-item.has-dropdown {
padding-right: 0 !important;
}
.navbar-link:not(.is-arrowless)::after {
right: 1.125rem;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
body.google-translate-active .shop-wrapper {
margin-top: 100px !important;
}
}
/* */
/* Modals */
.modal .modal-content .modal-delete {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.modal .modal-content .modal-delete svg {
width: 20px;
height: 20px;
stroke: #999;
cursor: pointer;
}
.modal .modal-content .modal-delete svg:hover {
stroke: var(--color-primary, #0023ff);
}
.modal .modal-content fieldset,
.modal .modal-content label {
margin: 0;
padding: 0;
position: relative;
z-index: 100;
}
.modal.modal-watch-video .modal-content {
max-width: 1400px !important;
width: 1400px !important;
}
.modal .modal-content .box {
padding: 0;
overflow: hidden;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0);
transform: scale(0);
}
.modal.is-active .modal-content .box {
-webkit-transform: scale(1);
transform: scale(1);
}
.modal .modal-content .box p {
font-size: 85%;
color: #999;
}
.modal .modal-content .box .box-header {
width: 100%;
background: #ededed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
}
.modal .modal-content .box .box-header img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.modal .modal-content .box .box-header span {
display: block;
padding-left: 10px;
color: #4a4a4a;
text-transform: uppercase;
}
.modal .modal-content .box .box-header .delete {
margin-left: auto;
}
.modal .modal-content .box .box-body {
padding: 20px;
font-size: 14px;
}
#new-order-modal .modal-content {
width: 900px;
}
#new-order-modal .modal-content .box .box-body {
background: #f9f9f9;
padding: 0;
}
#new-order-modal .modal-content .box .box-body .type-wrapper,
#new-order-modal .modal-content .box .box-body .order-wrapper {
padding: 0.75rem;
}
#new-order-modal .modal-content .box .box-body .mini-card {
position: relative;
background: #fff;
border-radius: 6px;
border: 2px solid #cecece;
padding: 20px;
margin: 10px;
overflow: visible;
cursor: pointer;
transition: all 0.3s;
}
#new-order-modal .modal-content .box .box-body .mini-card.is-active,
#new-order-modal .modal-content .box .box-body .mini-card:hover {
border-color: var(--color-accent-opposite, #0023ff);
}
#new-order-modal .modal-content .box .box-body .mini-card .active-indicator {
visibility: hidden;
position: absolute;
top: -16px;
right: -16px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
border: 2px solid var(--color-accent-opposite, #ffffff);
border-radius: 50%;
color: var(--color-accent, #0023ff);
background: var(--color-accent-opposite, #ffffff);
}
#new-order-modal
.modal-content
.box
.box-body
.mini-card.is-active
.active-indicator {
visibility: visible;
}
#new-order-modal .modal-content .box .box-body .mini-card svg {
height: 48px;
fill: #cecece;
}
#new-order-modal .modal-content .box .box-body .mini-card.is-active svg {
fill: var(--color-accent-opposite, #ffffff);
}
#new-order-modal
.modal-content
.box
.box-body
.mini-card
.active-indicator
svg {
width: 14px;
height: 14px;
/*stroke: var(--color-primary, #0023ff);*/
stroke: var(--color-accent, #0023ff);
stroke-width: 3px;
}
#new-order-modal .modal-content .box .box-body .mini-card .order-type-title {
font-size: 12px;
font-weight: 500;
color: #777777;
transition: all 0.3s;
}
/*#new-order-modal .modal-content .box .box-body .mini-card:hover .order-type-title,
#new-order-modal .modal-content .box .box-body .mini-card.is-active .order-type-title {
color: var(--color-primary, #0023ff);
}*/
#new-order-modal .modal-content .box .box-body .mini-card div:first-child {
width: 40px;
height: 40px;
margin-left: calc(50% - 20px);
transition: background 0.3s;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#new-order-modal
.modal-content
.box
.box-body
.type-wrapper
#excel-order-structure,
#new-order-modal
.modal-content
.box
.box-body
.type-wrapper
#txt-order-structure {
display: none;
}
.mini-card #manual-order,
.mini-card #default-order {
background-image: url(../assets_img/icons/orders.png);
}
.mini-card #excel-order {
background-image: url(../assets_img/icons/excel.png);
}
.mini-card #barcode-order {
background-image: url(../assets_img/icons/barcode.png);
}
.mini-card #txt-order {
background-image: url(../assets_img/icons/scan_barcode.png);
}
.mini-card #quote-order {
background-image: url(../assets_img/icons/quote.png);
}
.mini-card:hover #manual-order,
.mini-card.is-active #manual-order,
.mini-card:hover #default-order,
.mini-card.is-active #default-order {
background-image: url(../assets_img/icons/orders_hover.png);
}
.mini-card:hover #excel-order,
.mini-card.is-active #excel-order {
background-image: url(../assets_img/icons/excel_hover.png);
}
.mini-card:hover #txt-order,
.mini-card.is-active #txt-order {
background-image: url(../assets_img/icons/scan_barcode_hover.png);
}
.mini-card:hover #quote-order,
.mini-card.is-active #quote-order {
background-image: url(../assets_img/icons/quote_hover.png);
}
/* -------------------- */
#new-order-modal .modal-content .box .box-body .info-wrapper {
background-color: white;
min-height: 500px;
}
#new-order-modal .modal-content .box .box-body .info-wrapper .columns {
margin: 0;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
.columns
.new-order-label {
padding-bottom: 0;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
.columns
.new-order-value {
padding-top: 0;
font-weight: bold !important;
font-size: 14px !important;
color: #4a4a4a !important;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
.columns
.new-order-value
input {
font-weight: bold !important;
font-size: 14px !important;
color: #4a4a4a !important;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
.columns
.new-order-value
input::placeholder {
font-weight: lighter;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
.columns
.new-order-value
span {
font-size: 10px !important;
font-weight: lighter;
font-style: italic;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
.columns
.new-order-value.control {
font-weight: unset !important;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
.columns
.new-order-value.control
span {
font-size: 12px !important;
font-style: unset;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
.columns
.new-order-value.control
.chosen-container
.chosen-results
li {
font-size: 12px;
}
#new-order-modal .modal-content .box .box-body .info-wrapper #new-order-form {
width: 100%;
}
#new-order-modal
.modal-content
.box
.box-body
.info-wrapper
#new-order-confirm
input {
width: 100%;
height: 100%;
background-color: transparent;
color: inherit;
border: none;
cursor: pointer;
}
#new-order-modal .confirm-button-cointainer {
position: absolute;
width: 50%;
bottom: 0;
}
.change-catalog-container .method-card {
position: relative;
width: 100%;
}
.change-catalog-container .method-card input {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
}
.change-catalog-container .method-card .method-card-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
border-radius: 8px;
border: 1px solid #cecece;
background: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.change-catalog-container .method-card .method-card-inner .meta h3 {
font-weight: 600;
font-size: 1rem;
color: #4a4a4a;
}
.change-catalog-container .method-card > input:checked ~ .method-card-inner {
border-color: var(--color-primary, #0023ff);
-webkit-box-shadow: -1px 3px 15px 0 rgb(0 0 0 / 6%);
box-shadow: -1px 3px 15px 0 rgb(0 0 0 / 6%);
}
#change-customer-modal .modal-content .modal-card {
max-height: calc(100vh - 150px);
}
/* */
/* Home Slider */
.current-catalog-info-container {
color: white;
margin-left: 0;
margin-right: 0;
margin-top: 0.75rem;
}
.current-catalog-info {
position: relative;
margin: 40px 0 20px;
background-color: var(--color-primary);
color: var(--color-primary-opposite);
}
.current-catalog-info small.current-catalog-info-title {
font-variant: small-caps;
text-transform: capitalize;
font-weight: 500;
position: absolute;
top: -15px;
left: -15px;
background-color: var(--color-accent);
color: var(--color-accent-opposite);
padding: 2px 8px;
}
@media (max-width: 768px) {
.current-catalog-info small.current-catalog-info-title {
left: 15px;
}
#new-order-modal .modal-content {
max-width: 50%;
}
#new-order-modal .modal-content .box .box-body .info-wrapper {
min-height: 0;
}
}
@media (max-width: 640px) {
#new-order-modal .modal-content {
max-width: 85%;
}
}
.current-catalog-info span {
font-weight: bold;
}
#quickview-cart-count a,
.current-catalog-info a {
font-weight: bold;
color: #bde0ff;
}
#quickview-cart-count a:hover,
.current-catalog-info a:hover {
color: #7cb5e6;
}
.one-slide-home {
margin: 0 !important;
height: calc(100vh - 125px);
overflow: hidden;
position: relative;
}
.one-slide-home img {
margin: 0 auto;
}
.one-slide-home .one-slide-overlay {
background-color: rgba(54, 64, 84, 0.8); /* background-color: #364054; */
position: absolute;
width: 100% !important;
left: 0;
right: 0;
margin: 0 auto;
bottom: 100%;
color: #fff;
height: 100%;
transition: 0.5s ease;
}
.one-slide-home:hover .one-slide-overlay {
bottom: 0%;
}
.one-slide-home .one-slide-overlay .one-slide-overlay-title {
color: white;
font-size: 1.5rem;
border-bottom: 1px solid white;
width: 50%;
margin-left: 30px;
margin-top: 30px;
}
.one-slide-home .one-slide-overlay .one-slide-overlay-footer {
position: absolute;
width: 100%;
bottom: 30px;
padding: 0 30px;
}
.one-slide-home .one-slide-overlay .one-slide-overlay-footer a.action {
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.one-slide-home .one-slide-overlay .one-slide-overlay-footer a.action:hover {
opacity: 0.7;
}
.one-slide-home .one-slide-overlay .one-slide-overlay-footer a.action span {
font-family: "Raleway", sans-serif;
font-size: 0.75rem;
font-weight: 400;
text-transform: uppercase;
}
.one-slide-home .one-slide-overlay .one-slide-overlay-footer a.action svg {
width: 16px;
height: 16px;
stroke: #fff;
opacity: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.one-slide-home
.one-slide-overlay
.one-slide-overlay-footer
a.action:hover
svg {
opacity: 1;
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
@media (max-width: 768px) {
.one-slide-home {
height: auto;
}
}
/* */
/* Home blocks */
.block-container a {
font-family: "Raleway", sans-serif;
width: 100%;
}
/*.block-container div {
text-align: center;
}*/
.block-container .column > :not([class*="has-background-"]) a .block-title {
color: #4a4a4a;
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 500;
}
.block-container
.column
> :not([class*="has-background-"])
a
.block-title:hover {
opacity: 0.8;
color: var(--color-primary, #0023ff);
}
/* */
/* Shop quickview */
.shop-quickview {
padding-top: 125px;
z-index: 28;
left: 0;
}
.main-sidebar ~ .shop-quickview {
left: 80px;
}
.shop-quickview .inner .shop-menu {
overflow: hidden;
overflow-y: auto;
max-height: 100%;
}
.shop-quickview .inner .quickview-header + .shop-menu,
.shop-quickview .inner .user-profile + .shop-menu {
max-height: calc(100% - 60px);
}
.shop-quickview .inner .quickview-header + .user-profile + .shop-menu,
.shop-quickview .inner .user-profile + .quickview-header + .shop-menu {
max-height: calc(100% - 120px);
}
.shop-quickview .inner > .user-profile li {
height: 60px;
}
@media (max-width: 768px) {
.shop-quickview {
top: 0;
height: 100%;
}
}
.shop-quickview .inner.has-background-primary .shop-menu li,
.shop-quickview .inner.has-background-primary .user-profile li {
border-color: rgb(var(--color-primary-opposite-rgb), 0.35) !important;
}
/* */
/* Cart quickview */
.cart-quickview {
padding-top: 125px;
z-index: 28;
left: unset;
right: 0;
transform: translateX(100%);
}
.main-sidebar ~ .shop-quickview {
left: 80px;
}
.cart-quickview .inner .cart-action .cart-total:before {
content: none;
}
.cart-quickview .inner .cart-body .shopping-cart-items li {
height: 140px;
}
.cart-quickview .inner .cart-body .shopping-cart-items .item-meta {
width: 80%;
margin-left: 50px;
color: #4a4a4a;
}
.cart-quickview .inner .cart-body .shopping-cart-items .item-name {
overflow: unset;
white-space: unset;
max-width: unset;
}
.cart-quickview .inner .cart-body .shopping-cart-items .item-price,
.cart-quickview .inner .cart-body .shopping-cart-items .item-penalty-price {
display: block;
}
.cart-quickview .inner .cart-body .shopping-cart-items .item-penalty-price {
font-size: 0.8rem;
color: #999;
}
.cart-quickview .inner .cart-body .shopping-cart-items .item-penalty-price var {
color: var(--color-primary, #0023ff);
margin-right: 4px;
font-size: 0.8rem;
font-weight: 500;
}
.cart-quickview .inner .cart-body .shopping-cart-items .item-price var:before,
.cart-quickview
.inner
.cart-body
.shopping-cart-items
.item-penalty-price
var:before {
content: none;
}
.cart-quickview
.inner
.cart-body
.shopping-cart-items
.item-penalty-price
span {
font-size: 0.9rem;
color: #4a4a4a;
}
.cart-quickview .inner .cart-body .shopping-cart-items .remove-item {
height: 138px;
}
/*
.shop-wrapper #cart-page .columns .column.main-column {
margin-left: 10px;
}
*/
@media only screen and (max-width: 1440px) {
.shop-wrapper #cart-page .columns .column.main-column {
margin-left: 10px;
}
}
/* */
/* User area quickview */
.user-area-quickview {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 280px;
background-color: #344258;
background-size: cover;
background-position: bottom;
-webkit-box-shadow: -2px 0px -2px 0px rgba(0, 0, 0, 0.06);
box-shadow: -2px 0px -2px 0px rgba(0, 0, 0, 0.06);
z-index: 3;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
padding-top: 125px;
}
.main-sidebar ~ .user-area-quickview {
left: 80px;
}
@media (max-width: 768px) {
.user-area-quickview {
left: 0;
}
}
.user-area-quickview.is-pushed-mobile {
-webkit-transform: translateX(calc(-100% - 80px));
transform: translateX(calc(-100% - 80px));
left: 0 !important;
}
.user-area-quickview.is-active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.user-area-quickview .inner {
position: relative;
height: 100%;
background-color: rgba(43, 56, 76, 0.95);
}
.user-area-quickview .inner .quickview-header {
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #3d4e68;
}
.user-area-quickview .inner .quickview-header span {
cursor: pointer;
}
.user-area-quickview .inner .quickview-header h2 {
position: relative;
font-family: "Raleway", sans-serif;
font-size: 0.95rem;
font-weight: 500;
color: #fff;
text-transform: uppercase;
letter-spacing: 6px;
padding-left: 20px;
}
.user-area-quickview .inner .quickview-header svg {
margin-right: 20px;
width: 20px;
height: 20px;
stroke: #fff;
}
.user-area-quickview .inner .user-area-menu li,
.user-area-quickview .inner .user-profile li {
width: 100%;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-bottom: 1px solid #3d4e68;
}
.user-area-quickview .inner .user-area-menu li {
cursor: pointer;
}
.user-area-quickview .inner .user-area-menu li:hover a {
opacity: 0.8;
}
.user-area-quickview .inner .user-area-menu li:hover a svg {
-webkit-transform: translate3d(0, 0, 0) rotate(0);
transform: translate3d(0, 0, 0) rotate(0);
opacity: 1;
}
.user-area-quickview .inner .user-area-menu a {
width: 100%;
padding: 0 20px;
font-family: "Raleway", sans-serif;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 0.75rem;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.user-area-quickview .inner .user-area-menu a svg {
width: 18px;
height: 18px;
margin: 0;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(100px, 0, 0) rotate(360deg);
transform: translate3d(100px, 0, 0) rotate(360deg);
}
.user-area-quickview .inner .user-profile {
position: absolute;
bottom: 0;
padding: 0;
}
.user-area-quickview .inner .user-profile li {
border-bottom: none !important;
}
.user-area-quickview .inner .user-profile li img {
max-height: 40px;
max-width: 40px;
border-radius: 50%;
margin-left: 20px;
}
.user-area-quickview .inner .user-profile li a {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.user-area-quickview .inner .user-profile li a .user {
padding-left: 10px;
color: #fff;
}
.user-area-quickview .inner .user-profile li a .user span {
display: block;
font-family: "Raleway", sans-serif;
}
.user-area-quickview .inner .user-profile li a .user span:first-child {
text-transform: uppercase;
font-weight: 600;
font-size: 0.7rem;
letter-spacing: 3px;
}
.user-area-quickview .inner .user-profile li a .user span:nth-child(2) {
font-size: 0.8rem;
}
.user-area-quickview .inner .user-profile li a .user span:nth-child(2) small {
font-size: 0.6rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.user-area-quickview .inner .user-profile li a:hover span {
opacity: 0.8;
}
/* */
/* Login */
.auth-logo {
width: 100%;
text-align: center;
margin-top: 1rem;
}
.auth-logo img {
max-height: 100px;
margin: 0 auto;
}
.main-auth-wrapper .registration-form-wrapper .registration-form {
max-width: 700px;
}
.main-auth-wrapper .registration-form-wrapper .registration-form .field {
margin-bottom: 0;
}
.login-form
select.chosen-with-icon
+ .chosen-container.chosen-container-single
.chosen-single,
#language-form
select.chosen-with-icon
+ .chosen-container.chosen-container-single
.chosen-single {
padding-left: 35px;
}
/*
.main-auth-wrapper .login-form-wrapper .login-form select.chosen-with-icon + .chosen-container.chosen-container-single .chosen-single:before {
content: "\f1ab";
display: block;
font-family: FontAwesome;
left: 0;
position: absolute;
text-align: center;
width: 30px;
margin-left: 6px;
}
.main-auth-wrapper .login-form-wrapper .login-form select.chosen-with-icon + .chosen-container.chosen-container-single .chosen-single span {
margin-left: 9px;
}
.main-auth-wrapper .login-form-wrapper .login-form select.chosen-with-icon + .chosen-container.chosen-container-single.chosen-with-drop .chosen-single:before {
color: var(--color-primary, #0023ff);
}
.login-form select.chosen-with-icon + .chosen-container.chosen-container-single.chosen-with-drop .chosen-single {
border-color: #8a8a8a;
}
*/
#login_language_chosen .chosen-drop li.flag-it:before,
#login_language_chosen .chosen-single.flag-it:before {
content: url("../assets_img/language/it.png");
}
#login_language_chosen .chosen-drop li.flag-en:before,
#login_language_chosen .chosen-single.flag-en:before {
content: url("../assets_img/language/en.png");
}
#login_language_chosen .chosen-drop li.flag-de:before,
#login_language_chosen .chosen-single.flag-de:before {
content: url("../assets_img/language/de.png");
}
#login_language_chosen .chosen-drop li.flag-es:before,
#login_language_chosen .chosen-single.flag-es:before {
content: url("../assets_img/language/es.png");
}
#login_language_chosen .chosen-drop li.flag-fr:before,
#login_language_chosen .chosen-single.flag-fr:before {
content: url("../assets_img/language/fr.png");
}
#login_language_chosen .chosen-drop li:before {
margin-right: 10px;
}
#login_language_chosen .chosen-single.flag:before {
margin-right: 10px;
display: block;
left: 0;
position: absolute;
text-align: center;
width: 30px;
margin-left: 6px;
}
.login-form
select.chosen-with-icon
+ .chosen-container.chosen-container-single
.chosen-single
span,
#language-form
select.chosen-with-icon
+ .chosen-container.chosen-container-single
.chosen-single
span {
margin-left: 9px;
}
#language-form .login-box {
min-width: 175px;
padding-top: 0.7rem;
}
/* */
/* LightSlider */
ul#lightSlider {
list-style: none outside none;
padding-left: 0;
margin-bottom: 0;
}
ul#lightSlider li {
display: block;
float: left;
margin-right: 6px;
cursor: pointer;
}
ul#lightSlider li img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideWrapper {
height: 100% !important;
}
.lSSlideOuter .lSPager.lSpg {
margin-top: -30px !important;
}
.lSSlideOuter .lSPager.lSpg > li a {
z-index: 0;
}
/* */
/* Catalog */
#shop-grid > .container > .columns,
#orders-grid > .container > .columns {
margin-bottom: 0;
}
#shop-grid #catalog-container .heading-listing-controls {
justify-content: flex-start;
border-top: none;
width: 100%;
}
#shop-grid #catalog-container .listing-controls {
justify-content: flex-start;
border-top: none;
width: 100%;
}
#shop-grid #catalog-container .category-header .listing-controls {
width: auto;
justify-content: flex-start;
align-self: flex-end;
margin-bottom: 10px;
}
#shop-grid .category-wrapper .is-product-grid,
#shop-grid .category-wrapper .is-product-list,
#search-filters-menubar {
border-top: 1px solid #d6d6d6;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
#search-filters-menubar {
margin: 0 -1em;
}
#search-filters-menubar:empty {
padding: 0 !important;
}
#search-filters-menubar .more-filters.navbar {
z-index: 25;
}
#shop-grid .category-wrapper #search-filters-menubar + .is-product-grid,
#shop-grid .category-wrapper #search-filters-menubar + .is-product-list {
border-top: none;
}
#shop-grid .category-wrapper span[data-tooltip] {
border-bottom: none;
}
#shop-grid .category-wrapper .flat-card.is-list-item {
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
}
#shop-grid .category-wrapper .flat-card.is-list-item .product-info {
/*flex: auto;*/
flex: 1 1 calc(100% - 140px - 420px - 125px);
}
/*#shop-grid .category-wrapper .flat-card.is-list-item .details-spinner {
margin-right: 50px;
}*/
/*
.sort-box .chosen-container-single .chosen-single {
background: #ededed;
}
.sort-box .chosen-container-single .chosen-single:hover {
background: #f7f7f7;
}
*/
.sort-box {
max-width: initial;
}
.flat-card {
/* LEOMOD
max-height: 450px;
min-height: 450px;*/
max-height: fit-content;
/* padding-bottom: 0.5rem; */
}
.flat-card.is-list-item {
padding: 5px 40px;
margin-top: 24px;
}
.flat-card .product-info .product-description {
/*text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;*/
height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
.flat-card .product-quantity {
margin-right: 1rem;
margin-left: 1rem;
}
.product-info-panel .inner-panel .panel-header {
padding: 20px 0;
}
.flat-card .product-info .product-name .availability-flag {
/*font-size: 8px*/
font-size: 12px;
padding-left: 5px;
}
.product-info-panel .inner-panel .panel-body .product-name {
font-size: 1.5rem;
}
.product-info-panel .inner-panel .panel-body .product-name span {
font-size: 60%;
}
.product-info-panel
.inner-panel
.panel-footer
.footer-inner
.featured-product
.image
img {
max-width: 80px;
}
#product-page #product-details-name .availability-flag {
font-size: 20px;
padding-left: 5px;
}
.flat-card .product-info .product-name .availability-flag.blue,
#product-page .meta-block .availability-flag.blue,
#product-page #product-details-name .availability-flag.blue {
color: #00477b;
}
.flat-card .product-info .product-name .availability-flag.green,
#product-page .meta-block .availability-flag.green,
#product-page #product-details-name .availability-flag.green {
color: #00b050;
}
.flat-card .product-info .product-name .availability-flag.yellow,
#product-page .meta-block .availability-flag.yellow,
#product-page #product-details-name .availability-flag.yellow {
color: #ffff00;
}
.flat-card .product-info .product-name .availability-flag.azure,
#product-page .meta-block .availability-flag.azure,
#product-page #product-details-name .availability-flag.azure {
color: #039be5;
}
.flat-card .product-info .product-name .availability-flag.orange,
#product-page .meta-block .availability-flag.orange,
#product-page #product-details-name .availability-flag.orange {
color: #ffc000;
}
.flat-card .product-info .product-name .availability-flag.red,
#product-page .meta-block .availability-flag.red,
#product-page #product-details-name .availability-flag.red {
color: #ff0000;
}
.order-history .flat-card {
padding-bottom: 20px;
}
.order-history .product-info {
flex: 1 1 auto;
}
[data-tooltip]:not(.is-disabled).has-tooltip-top:before,
[data-tooltip]:not(.is-loading).has-tooltip-top:before,
[data-tooltip]:not([disabled]).has-tooltip-top:before,
[data-tooltip]:not(.is-disabled).has-tooltip-bottom:before,
[data-tooltip]:not(.is-loading).has-tooltip-bottom:before,
[data-tooltip]:not([disabled]).has-tooltip-bottom:before {
min-width: 175px;
}
#product-page > .row.main-row {
display: flex;
flex-wrap: wrap;
}
#product-page > .row.main-row > .panel-container {
overflow: hidden;
min-width: 100%;
}
#product-page > .row.main-row > .panel-container > .left-product-panel {
float: left;
width: 50%;
min-height: 500px !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#product-page > .row.main-row > .panel-container > .right-product-panel {
float: right;
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
#product-page #meta-view {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 20px;
}
#product-page .empty-panel {
font-weight: bolder;
font-size: 16px;
padding-top: 25px;
color: #999;
}
#product-page .product-actions {
position: absolute;
bottom: 1rem;
z-index: 1;
}
#product-page .product-actions .right-actions:first-child:last-child {
width: 100%;
}
#product-page .product-actions .right-actions {
text-align: center !important;
}
/*#product-page .product-actions .product-action {
color: #363636;
}
#product-page .product-actions .product-action.is-active {
color: #039be5;
}*/
/* .detail-item-row {
border-width: 0!important;
}
.detail-item-row {
border-width: 0!important;
} */
#product-page .product-info-panel-row tbody td {
border-width: 0 !important;
}
#product-page .product-info-panel-row tbody .detail-item-row td {
border-top-width: 10px !important;
}
#product-page .product-info-panel-row tbody .detail-item-row td {
border-top-width: 10px !important;
}
/*.flat-card:hover .product-info .product-name {
opacity: .8;
color: var(--color-secondary, #0023ff);
}*/
.flat-card .image {
margin: 0;
width: 100%;
padding-top: 100%;
position: relative;
box-sizing: border-box;
}
.flat-card .image img {
margin: 0;
max-width: none;
object-fit: cover;
/* height: 350px; */
position: absolute;
top: 0.5rem;
left: 0.5rem;
right: 0.5rem;
bottom: 0.5rem;
width: calc(100% - 1rem);
height: calc(100% - 1rem);
}
/*
.flat-card.is-list-item span.image {
width: 120px;
height: 120px;
}
*/
.flat-card.is-list-item span.image {
width: 140px;
height: 100%;
min-height: 140px;
padding-top: 0;
}
.flat-card.is-list-item span.image img {
object-fit: contain;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.flat-card .product-info .product-price span:first-child:before,
.flat-card .product-info .product-price .sale-price:before {
content: none;
}
.flat-card .promo-badge {
width: 90px;
height: 90px;
position: absolute;
border: var(--color-secondary, #0023ff) 45px solid;
left: -45px;
top: -45px;
transform: rotate(45deg);
}
.flat-card .promo-popup {
position: absolute;
/*top: 15px;
right: 15px;*/
top: -10px;
left: 20px;
transform: rotate(-45deg);
}
.flat-card .promo-popup span {
display: inline-block;
}
.flat-card .promo-popup span svg {
height: 18px;
width: 18px;
stroke: white;
}
.flat-card .promo-popup span:hover {
cursor: pointer;
}
/*
.flat-card .promo-popup span.promo svg.is-active {
stroke: var(--color-primary, #0023ff)
}
.flat-card .promo-popup span.promo:hover svg {
stroke: var(--color-primary, #0023ff)
}
*/
.flat-card .promo-popup span.promo.popover.is-popover-left .popover-content,
.flat-card .promo-popup span.promo.popover.is-popover-right .popover-content,
.flat-card .promo-popup span.promo.popover.is-popover-bottom .popover-content {
background: rgba(74, 74, 74, 0.7);
border-radius: 2px;
padding: 0.5rem 1rem;
text-overflow: ellipsis;
white-space: pre-line;
transform: translate(-0.7rem, 70%) !important;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial,
sans-serif;
font-size: 0.75rem;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
pointer-events: none;
position: absolute;
z-index: 1;
box-shadow: none;
}
.flat-card
.promo-popup
span.promo.popover.is-popover-left
.popover-content::before,
.flat-card
.promo-popup
span.promo.popover.is-popover-right
.popover-content::before {
top: 25% !important;
border-bottom-color: rgba(74, 74, 74, 0.7);
border-left-color: rgba(74, 74, 74, 0.7);
box-shadow: none;
margin-left: -0.375rem;
border-width: 6px;
}
.flat-card
.promo-popup
span.promo.popover.is-popover-bottom
.popover-content::before {
border-bottom-color: rgba(74, 74, 74, 0.7);
border-left-color: rgba(74, 74, 74, 0.7);
box-shadow: none;
margin-left: -0.375rem;
border-width: 6px;
}
.flat-card .promo-popup span.popover.is-popover-bottom .popover-content {
top: 0% !important;
bottom: auto !important;
}
.flat-card
.promo-popup
span.popover.is-popover-bottom
.popover-content::before {
left: 5% !important;
}
/*#shop-grid .category-wrapper .is-product-list .flat-card*/
.product-quantity .details-spinner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 36px;
min-width: 90px;
border: 1px solid #ededed;
border-radius: 100px;
background: #fff;
-webkit-box-shadow: -1px 3px 15px 0 rgb(0 0 0 / 6%);
box-shadow: -1px 3px 15px 0 rgb(0 0 0 / 6%);
}
/*#shop-grid .category-wrapper .is-product-list .flat-card*/
.product-quantity .details-spinner .spinner-button {
height: 36px;
width: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
padding: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
/*#shop-grid .category-wrapper .is-product-list .flat-card*/
.product-quantity .details-spinner .spinner-button svg {
height: 14px;
width: 14px;
stroke: #999;
-webkit-transition: stroke 0.3s;
transition: stroke 0.3s;
}
/*#shop-grid .category-wrapper .is-product-list .flat-card*/
.product-quantity .details-spinner .spinner-button:hover svg {
stroke: var(--color-primary, #0023ff);
}
/*#shop-grid .category-wrapper .is-product-list .flat-card*/
.product-quantity .details-spinner .spinner-value {
display: inline-block;
line-height: 2.2;
font-size: 1em;
width: 50px;
text-align: center;
border: none;
}
.product-quantity .details-spinner + label.tag {
position: relative;
z-index: 2;
line-height: 1.85em;
margin: -0.25rem 1.5rem;
}
/*#shop-grid .category-wrapper .is-product-list .flat-card*/
.add-to-cart button {
line-height: 0.4;
font-size: 0.75rem;
font-weight: 600;
/*margin-left: 20px;*/
}
.add-to-cart.is-justify-content-center {
display: flex;
flex-wrap: wrap;
/*flex: 0 1 250px;*/
gap: 1rem;
}
#shop-grid .columns .column.main-column {
max-width: unset;
}
.is-product-list .product-container.is-list-item,
.is-product-list li.product-container.is-list-item {
height: 150px !important;
}
a.product-details-link {
display: block;
}
/*#shop-grid .columns>.column:first-of-type {
max-width: 1280px;
}*/
.grid-list-actions {
display: flex;
margin-top: 0.5rem;
border-top: 1px solid var(--color-primary);
padding: 2rem 1rem;
}
.product-container .button.big-button.cart-button {
padding: 1.1rem 1.25rem !important;
}
.grid-list-actions .button.big-button.cart-button > i {
font-size: 1.75em;
}
.grid-list-actions .add-to-cart.is-justify-content-center {
margin-right: 1rem;
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.product-container .grid-list-actions .button.big-button.cart-button {
padding: 1.1rem 0.75rem !important;
min-width: 245px;
}
@media (max-width: 1024px) {
#shop-grid .category-wrapper .flat-card.product-container.is-list-item {
flex-wrap: wrap;
height: auto !important;
padding-bottom: 1.25rem;
}
}
/* */
/* Search */
#search-items {
border-bottom-color: #a9abac;
}
#search-items::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
#search-items:-ms-input-placeholder, /* Internet Explorer 10-11 */
#search-items::-ms-input-placeholder {
/* Microsoft Edge */
color: #a9abac;
opacity: 1; /* Firefox */
}
#search-items-navbar input[name="q"],
#search-items-navbar input[type="text"] {
padding: 0.35rem 0.75rem;
/*border-radius: 9999px;*/
font-size: 1.1rem;
border: none;
width: 100%;
}
#search-items-navbar button {
position: absolute;
right: 10px;
background: var(--color-primary) !important;
border: none !important;
/*border-radius: 9999px !important;*/
}
#search-items-navbar .easy-autocomplete-container {
min-width: 750px;
right: 0;
/*left: calc(-750px / 2 + 128px);*/
}
#search-items-navbar .easy-autocomplete-container ul {
padding: 0 !important;
}
#search-items-navbar .easy-autocomplete-container ul.opened {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid #e3e3e3;
border-radius: 8px;
overflow: hidden;
margin-top: 16px;
-webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06);
box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06);
}
#search-items-navbar .easy-autocomplete-container ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*width: 50%;*/
flex: 1 0 50%;
border: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#search-items-navbar .eac-item {
width: 100%;
}
.search-template-item {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px;
}
.search-input-wrapper,
.search-overlay {
z-index: 26;
}
.search-input-wrapper
.easy-autocomplete-container
ul
li.selected
.search-template-item
.autocpl-product {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.search-input-wrapper .control input {
font-size: 3rem;
}
.search-template-item .autocpl-product {
display: block;
width: 65px !important;
height: 65px !important;
border-radius: 8px !important;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.6;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.search-template-item .icon-wrapper {
color: #a9abac;
}
/*.search-template-item:hover .icon-wrapper {
color: var(--color-primary, #0023ff);
}*/
.search-template-item .entry-text {
margin-left: 15px;
width: 100%;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.search-template-item .entry-text small {
display: block;
color: #a9abac;
text-transform: lowercase;
font-size: 0.95rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.search-template-item .entry-text span {
display: block;
font-size: 0.8rem;
color: #a9abac;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.search-template-item .entry-text span:first-child {
font-size: 1rem;
font-family: "Raleway", sans-serif;
font-weight: 500;
color: #4a4a4a;
}
.search-template-item .entry-text span:nth-child(2) {
font-size: 1rem;
font-weight: 500;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
span.search-query-string:before,
span.search-query-string:after {
font-family: Fontawesome;
font-size: 50%;
content: "\f10d";
vertical-align: super;
padding-right: 0.25rem;
padding-left: 0.25rem;
}
span.search-query-string:after {
vertical-align: sub;
display: inline-block;
transform: rotate(180deg);
}
span.search-query-string:empty {
display: none;
}
.search-results-count {
font-size: 1.25em;
font-weight: bold;
}
.search-results-count:after {
opacity: 0.8;
padding-left: 0.75rem;
font-size: 0.875rem;
font-weight: normal;
text-transform: uppercase;
}
.search-results-count[data-plural-count="0"]:after {
content: attr(data-label-none);
}
.search-results-count[data-plural-count="1"]:after {
content: attr(data-label-singular);
}
.search-results-count[data-plural-count="2"]:after {
content: attr(data-label-plural);
}
/*.search-input-wrapper .easy-autocomplete-container ul li.selected .search-template-item .entry-text span:nth-child(2) {
color: var(--color-primary, #0023ff);
}
.full-search .search-template-item:hover .entry-text span {
color: var(--color-primary, #0023ff);
}*/
/* */
/* Item detail */
.product-panel,
.product-info-panel {
/* min-height: calc(100vh - 125px);*/
min-height: max-content;
max-height: max-content;
height: max-content;
/* overflow: scroll;
overflow-x: hidden; */
}
.product-panel {
overflow: hidden !important;
}
.product-panel .panel-header {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 20px;
}
.product-panel .panel-header .promo-badge {
width: 0px;
height: 0px;
border-style: inset;
border-width: 0 65px 65px 65px;
border-color: transparent transparent var(--color-primary, #0023ff)
transparent;
float: left;
transform: rotate(315deg);
-ms-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
-o-transform: rotate(315deg);
}
.product-panel .panel-header .promo-badge .promo {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
top: 25px;
left: -17px;
color: white;
}
.product-panel
.panel-header
.promo-badge
.promo.popover.is-popover-bottom
.popover-content {
transform: translate(-25%, 0.7rem) !important;
line-height: 18px;
}
.product-panel
.panel-header
.promo-badge
.promo.popover.is-popover-bottom
.popover-content:before {
left: 16% !important;
}
/*.product-info-panel {
top: 125px;
}*/
.product-info-panel .inner-panel {
display: grid;
grid-template-rows: 80px auto;
}
.product-info-panel .inner-panel .panel-header .category-title h2 {
padding: 0;
}
.category-wrapper .category-title .category-title-breadcrumbs {
width: 100%;
}
.category-wrapper .category-title .category-title-breadcrumbs > small {
opacity: 0.8;
}
.subcategory-container .flat-card {
position: relative;
min-height: 125px;
}
.subcategory-container .flat-card .goto-icon {
position: absolute;
right: 0.5rem;
bottom: 0;
}
.product-info-panel .inner-panel .panel-body {
padding: 20px 80px;
}
.product-info-panel .inner-panel .panel-body .product-controls .warning-wrap {
margin-left: auto;
margin-right: 20px;
text-align: right;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.warning-wrap
.heading {
font-family: "Raleway", sans-serif;
font-weight: 600;
margin: 5px 0;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.warning-wrap
.warning-text {
font-size: 12px;
max-width: 400px;
text-align: right;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.warning-wrap
.open-pack-container
.form-switch {
display: inline-flex;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.warning-wrap
.open-pack-container
.form-switch
span,
.product-info-panel
.inner-panel
.panel-body
.product-controls
.product-quantity
.open-pack-container
.form-switch
span {
font-size: 14px;
font-weight: 600;
margin-right: 10px;
align-self: center;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.product-quantity
.open-pack-container
.form-switch {
margin-top: 20px;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.warning-wrap
.open-pack-container
.form-switch
i {
margin-right: 0;
}
.product-info-panel .inner-panel .panel-footer {
padding: 10px 0;
min-height: 200px;
position: relative;
align-self: end;
}
.product-info-panel .inner-panel .panel-footer .footer-inner {
padding: 15px 0;
}
.product-info-panel
.inner-panel
.panel-footer
.featured-product
.product-info
.product-price {
font-size: 90%;
font-weight: 500;
color: var(--color-primary, #0023ff);
}
.product-info-panel
.inner-panel
.panel-footer
.featured-product
.product-info
.product-price
.sale-price {
color: #999;
text-decoration: line-through;
padding: 0 10px;
font-size: 85%;
}
/*
.product-info-panel .inner-panel .panel-footer .featured-product .product-info .product-name {
color: #4a4a4a;
}
.product-info-panel .inner-panel .panel-footer .featured-product:hover .product-info .product-name {
opacity: .8;
color: var(--color-primary, #0023ff);
}
*/
.slick-dots li button::before {
font-size: 10px;
}
.product-panel .product-image {
padding-top: 0;
}
.product-panel .product-image img {
max-width: 500px;
width: 100%;
}
.is-carousel img {
max-height: 500px !important;
}
.button.primary-button.open-pdf-button {
background-color: #fff !important;
color: #000;
min-width: 160px;
font-weight: 200;
font-size: 90%;
height: 40px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.button.primary-button.open-pdf-button:hover {
/*background-color: var(--color-primary, #0023ff) !important;
color: #fff;*/
-webkit-box-shadow: 0 14px 26px -12px rgba(0, 35, 255, 0.42),
0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 35, 255, 0.2) !important;
box-shadow: 0 14px 26px -12px rgba(0, 35, 255, 0.42),
0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 35, 255, 0.2) !important;
opacity: 0.8;
}
/* */
/* Cart */
#cart-page .checkout-wrapper {
min-height: calc(100vh - 250px);
}
#cart-page .account-title .tag {
margin-left: 20px;
}
.cart-card .cart-content li .product-image {
width: 100px;
}
.cart-card .cart-content li .product-image img {
max-width: 100px;
margin: 0 auto;
}
.cart-card .cart-content li .remove-item-btn {
cursor: pointer;
}
.cart-card .cart-content li .product-info {
width: 350px;
}
.checkout-wrapper .checkout-main .cart-card .cart-content li .product-info {
width: 400px;
}
.cart-card .cart-content li .product-price {
width: 150px;
}
.cart-card .cart-content li .product-shipping {
width: 150px;
}
.cart-card .cart-content li .product-price span:nth-child(2):before {
content: none;
}
.cart-card .cart-content li .product-quantity span:first-child {
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
color: #4a4a4a;
}
.cart-card .cart-content li .product-shipping span:first-child {
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
color: #4a4a4a;
}
.cart-card .cart-content li .product-price .product-price-detail {
font-size: 0.7rem;
}
.cart-card .cart-content li .product-price span:nth-child(2),
.cart-card .cart-content li .product-quantity span:nth-child(2) {
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
color: #4a4a4a;
width: 100px;
}
.cart-order-summary .cart-summary-list .summary-item span.amount:before {
content: none;
}
.cart-card .cart-content li .action .action-link {
color: gray;
height: 40px;
width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1.6px dashed transparent;
border-radius: 50%;
max-height: 40px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cart-card .cart-content li .action .action-link svg {
height: 18px;
width: 18px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
/*.cart-card .cart-content li .action .action-link:hover {
border: 1.6px solid var(--color-primary, #0023ff)
}
.cart-card .cart-content li .action .action-link:hover svg {
stroke: var(--color-primary, #0023ff)
}
.cart-card .cart-content li .action .action-link.is-remove:hover {
border: 1.8px solid var(--color-primary, #0023ff)
}
.cart-card .cart-content li .action .action-link.is-remove:hover svg {
stroke: var(--color-primary, #0023ff)
}*/
/* */
/* Checkout */
.checkout-wrapper {
min-height: calc(100vh - 125px);
padding-top: 0;
}
.checkout-wrapper .checkout-side {
z-index: 25;
background-color: transparent;
}
.checkout-wrapper .checkout-side .side-header {
height: 125px;
color: var(--color-primary);
background: var(--color-primary-opposite);
}
.checkout-wrapper .checkout-side .side-header.is-not-cart {
background: transparent;
}
.checkout-wrapper .checkout-side .side-inner {
height: calc(100% - 125px);
background-color: #dedede;
}
.checkout-wrapper .checkout-side .side-inner.is-not-cart {
padding-bottom: 180px;
}
.checkout-wrapper .checkout-side .side-inner .side-card.user-card .meta {
margin-left: 0;
}
.checkout-wrapper
.checkout-side
.side-inner
.side-card.is-totals
.payment-block
span:before {
content: none !important;
}
.checkout-wrapper
.checkout-side
.side-inner
.side-card.is-totals
.payment-block
#checkout-grandtotal-value.has-tbd:before {
content: "*" !important;
}
.checkout-wrapper .checkout-side .side-inner .side-action.is-not-cart {
background: transparent;
bottom: 60px;
flex-wrap: wrap;
gap: .5rem;
}
.checkout-wrapper
.checkout-side
.side-inner
.side-action
.button:not(:last-child) {
margin-right: 10px;
}
.flex-table .flex-table-item .product .product-name .product-description {
font-weight: normal;
font-size: 0.75rem;
}
.flex-table .flex-table-item .quantity {
text-align: center;
}
.flex-table .flex-table-item .price span:before,
.flex-table .flex-table-item .total span:before {
content: none;
}
.checkout-wrapper
.checkout-main
.checkout-container
.checkout-shipping-methods
.shipping-methods-grid
.method-card
.icon-container,
.checkout-wrapper
.checkout-main
.checkout-container
.checkout-shipping-methods
.payment-methods-grid
.method-card
.icon-container,
.checkout-wrapper
.checkout-main
.checkout-container
.checkout-payment-methods
.shipping-methods-grid
.method-card
.icon-container,
.checkout-wrapper
.checkout-main
.checkout-container
.checkout-payment-methods
.payment-methods-grid
.method-card
.icon-container,
.checkout-wrapper
.checkout-main
.checkout-container
.order-summary
.shipping-methods-grid
.method-card
.icon-container,
.checkout-wrapper
.checkout-main
.checkout-container
.order-summary
.payment-methods-grid
.method-card
.icon-container {
width: 0px;
min-width: 0px;
margin: 0;
}
/* #cart-page .checkout-wrapper .checkout-main {
width: calc(100% - 420px);
}
@media(max-width: 1300px){
#cart-page .checkout-wrapper .checkout-main {
width: calc(100% - 360px);
}
} */
.flat-card.method-card.preventive-card {
min-height: auto;
padding: 0;
}
.method-card.preventive-card .cart-card.method-card-inner {
border-radius: 0.1875rem !important;
border-color: #ededed;
}
.method-card.preventive-card .cart-card.method-card-inner .cart-content {
width: 100%;
}
.flat-card.method-card.preventive-card
.cart-card
.cart-content
li
.icon-container
img {
height: auto;
}
#cart-page .checkout-wrapper .checkout-main .method-card {
position: relative;
width: 100%;
}
#cart-page .checkout-wrapper .checkout-main .method-card > input {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
}
#cart-page .checkout-wrapper .checkout-main .method-card .method-card-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
border-radius: 8px;
border: 1px solid #cecece;
background: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#cart-page
.checkout-wrapper
.checkout-main
.method-card.is-readonly
.method-card-inner {
min-height: 100px;
}
#cart-page
.checkout-wrapper
.checkout-main
.method-card
> input:checked
~ .method-card-inner {
border-color: var(--color-accent);
-webkit-box-shadow: -1px 3px 15px 0 rgb(0 0 0 / 6%);
box-shadow: -1px 3px 15px 0 rgb(0 0 0 / 6%);
}
#cart-page .checkout-wrapper .checkout-main .summary-label {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 0.7rem;
font-weight: 600;
color: #999;
text-transform: uppercase;
padding-bottom: 8px;
}
#cart-page .checkout-wrapper .checkout-main .method-card .icon-container {
position: relative;
height: 64px;
width: 64px;
min-width: 0;
margin-right: 10px;
}
#cart-page .checkout-wrapper .checkout-main .method-card .icon-container img {
filter: grayscale(1);
}
#cart-page
.checkout-wrapper
.checkout-main
.method-card
> input:checked
~ .method-card-inner
.icon-container
img {
filter: grayscale(0);
}
#cart-page .title-wrap {
display: flex;
align-items: center;
}
#cart-page .title-wrap a.payment-back {
margin-right: 10px;
filter: grayscale(1);
}
#cart-page
.checkout-wrapper
.checkout-main
.method-card
.icon-container
.indicator {
position: absolute;
bottom: -18px;
left: -12px;
height: 26px;
width: 26px;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--color-accent);
border-radius: 50%;
border: 2px solid var(--color-accent-opposite);
}
#cart-page
.checkout-wrapper
.checkout-main
.method-card
> input:checked
~ .method-card-inner
.icon-container
.indicator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#cart-page
.checkout-wrapper
.checkout-main
.method-card
.icon-container
.indicator
svg {
height: 10px;
width: 10px;
stroke-width: 5px;
stroke: #fff;
}
#cart-page .checkout-wrapper .checkout-main .method-card .meta h3 {
font-weight: 600;
font-size: 1rem;
color: #4a4a4a;
}
#cart-page .checkout-wrapper .checkout-main p {
color: #999;
}
#cart-page .checkout-wrapper .checkout-main .method-card .meta p {
line-height: 1.2;
font-size: 0.9rem;
}
#cart-page .checkout-wrapper .checkout-main .order-notes {
padding: 20px;
border: 2px dashed #cecece;
border-radius: 8px;
margin-top: 30px;
}
#cart-page .checkout-wrapper .checkout-main .order-notes h3 {
font-family: "Montserrat", sans-serif;
font-size: 0.9rem;
font-weight: 600;
color: #4a4a4a;
}
#cart-page .checkout-wrapper .checkout-main .order-notes .meta {
line-height: 1.2;
font-size: 0.9rem;
color: #999;
}
#cart-page .checkout-wrapper .checkout-main .order-notes .field {
overflow: hidden;
}
#cart-page #confirm-order {
margin-left: 20px;
}
.checkout-side .payment-block.invalid {
text-decoration: line-through 1px solid #ff3b3c;
cursor: help;
}
.checkout-side .payment-block abbr {
text-decoration: underline 1px dashed;
cursor: help;
}
.checkout-side .payment-block svg.feather {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(0);
transform: rotate(0);
stroke-width: 1.2px;
height: 18px;
width: 18px;
position: relative;
top: 4px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
/* */
/* Account */
.profile-card .username {
padding-top: 0;
}
.profile-info-card .card-title .edit-account a:hover svg,
.menu-card .card-title .edit-account a:hover svg {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.tab-content .account-loader,
#order-history-grid .account-loader {
text-align: center;
display: none;
}
.tab-content > div.is-loading .account-loader,
#order-history-grid div.is-loading .account-loader {
display: block;
}
.tab-content .account-loader .loader,
#order-history-grid .account-loader .loader {
margin: 0 auto;
width: 5em;
height: 5em;
}
.tab-content .account-loader .caption,
#order-history-grid .account-loader .caption {
margin-top: 1em;
}
.tab-content > div.is-loading .listing-controls,
.tab-content > div.is-loading .order-long-card,
.tab-content > div.is-loading .pagination,
#order-history-grid div.is-loading .pagination,
#order-history-grid div.is-loading .pagination,
#order-history-grid div.is-loading .pagination {
display: none;
}
.articlehistory-btn {
padding: 1rem 0.35rem;
}
.account-tabs li.disabled a {
color: #ccc;
cursor: not-allowed;
}
.account-tabs li.disabled a:hover {
color: #ccc;
border-color: #dbdbdb;
}
.tabs a:hover {
border-bottom-color: var(--color-primary);
color: var(--color-accent-opposite);
background-color: var(--color-accent);
}
.order-long-card {
min-height: unset;
}
.order-long-card .left-side {
width: 80%;
}
.order-long-card .right-side {
flex-direction: row;
gap: 5px;
width: 20%;
justify-content: center;
padding: 15px;
}
.order-long-card .left-side .order-header {
padding-bottom: 0;
vertical-align: middle;
height: 100%;
}
.order-long-card .left-side .order-header .order-total:before {
content: "";
}
.order-long-card .left-side .order-header .order-total {
text-align: right;
}
.order-long-card .left-side .order-header .order-total small {
font-weight: normal;
font-size: small;
}
.order-long-card .left-side .order-header table.order-total tr > * {
padding: 1px 10px;
}
.order-long-card .left-side .order-header table.order-total th {
vertical-align: middle;
font-size: 70%;
font-weight: 300;
}
.order-long-card .left-side .customer-description {
font-size: 14px;
}
.order-long-card .right-side .meta-actions {
flex-direction: column;
gap: 5px;
height: 100%;
width: 100%;
justify-content: space-between;
}
.order-long-card .right-side .meta-actions.jc-center {
place-content: center;
}
.order-long-card .right-side .meta-actions .button {
margin: 0 auto;
width: 100%;
}
#customers-main-content {
width: 100%;
}
#orders-main .download-order-pdf {
color: black;
margin-right: 10px;
}
#order-history-main {
margin-top: 20px;
}
#timetable-main {
margin-top: 20px;
}
.progress::-webkit-progress-value {
transition: width 0.5s ease;
}
.progress.show-value {
position: relative;
}
.progress.show-value:after {
content: attr(data-strength);
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-size: calc(1rem / 1.5);
line-height: 1rem;
font-weight: bold;
}
.progress.is-success.show-value:after,
.progress.is-primary.show-value:after {
color: white;
}
.progress.show-value.is-small:after {
font-size: calc(0.75rem / 1.5);
line-height: 0.75rem;
}
.progress.show-value.is-medium:after {
font-size: calc(1.25rem / 1.5);
line-height: 1.25rem;
}
.progress.show-value.is-large:after {
font-size: calc(1.5rem / 1.5);
line-height: 1.5rem;
}
/* */
.dot-red {
height: 25px;
width: 25px;
background-color: #ff0000;
border-radius: 50%;
display: inline-block;
}
.dot-green {
height: 25px;
width: 25px;
background-color: #66ff33;
border-radius: 50%;
display: inline-block;
}
.red-data {
color: #ff0000;
}
.checkbox.is-danger {
color: #ff3b3c;
}
/** FULLSCREEN MENU START ********************************************************/
#modal-submenu-navigation.modal .modal-background {
background: rgb(var(--color-primary-rgb), 0.86);
}
#modal-submenu-navigation.modal .fullscreen-menu h3 {
color: var(--color-accent);
}
#modal-submenu-navigation .modal-close {
position: absolute;
}
#modal-submenu-navigation .modal-content .menu-list li > a {
padding-right: 1.5rem;
}
#modal-submenu-navigation .modal-content .menu-list li > a i.fa {
position: absolute;
right: 1.5rem;
top: calc(50% - 8px);
}
.fullscreen-menu {
font-size: large;
}
.fullscreen-menu[data-levels="0"],
.fullscreen-menu[data-levels="1"] {
width: 75%;
margin: 0 auto;
}
.fullscreen-menu[data-levels="2"] {
width: 75%;
margin: 0 auto;
}
.fullscreen-menu ul.menu-list li {
width: 100%;
padding-right: 1rem;
position: relative;
}
.fullscreen-menu[data-levels="2"] ul.menu-list > li {
width: 50%;
}
.fullscreen-menu[data-levels="3"] ul.menu-list > li {
width: 33%;
}
.fullscreen-menu ul.menu-list > li > a {
/*color: var(--color-primary); !* $primary *!*/
color: #fff;
}
.fullscreen-menu ul.menu-list > li.is-active > a,
.fullscreen-menu ul.menu-list > li:hover > a,
.fullscreen-menu ul.menu-list > li:focus-within > a,
.fullscreen-menu ul.menu-list li > ul > li > a.is-active,
.fullscreen-menu ul.menu-list li > ul > li > a:hover,
.fullscreen-menu ul.menu-list li > ul > li > a:focus {
background-color: var(--color-primary);
color: var(--color-primary-opposite);
font-weight: 700;
}
.fullscreen-menu ul.menu-list li > ul {
position: absolute;
top: 0;
left: calc(100% - 1rem);
width: 100%;
}
.fullscreen-menu ul.menu-list li > ul {
display: none;
margin-top: 0;
border-left-color: var(--color-primary); /* $primary */
color: #f9f9f9; /* $light-grey */
}
.fullscreen-menu ul.menu-list li > ul > li > a {
color: #f9f9f9; /* $light-grey */
}
.fullscreen-menu ul.menu-list li > ul > li > a[href].is-active,
.fullscreen-menu ul.menu-list li > ul > li > a[href]:hover,
.fullscreen-menu ul.menu-list li > ul > li > a[href]:focus {
/*color: var(--color-primary); !* $primary *!*/
background-color: transparent;
color: #f9f9f9;
font-weight: 700;
}
.fullscreen-menu ul.menu-list li.is-active > ul,
.fullscreen-menu ul.menu-list li:hover > ul,
.fullscreen-menu ul.menu-list li:focus > ul,
.fullscreen-menu ul.menu-list li:focus-within > ul,
.fullscreen-menu ul.menu-list li > ul.is-active,
.fullscreen-menu ul.menu-list li > ul:hover {
display: block;
}
@media screen and (min-width: 769px) {
#modal-submenu-navigation .modal-content {
/*overflow: visible;*/
height: 100vh;
display: flex;
justify-content: center;
flex-direction: column;
width: 70vw;
min-width: 724px;
}
#modal-submenu-navigation .is-large.modal-close {
height: 52px;
max-height: 52px;
max-width: 52px;
min-height: 52px;
min-width: 52px;
width: 52px;
}
}
@media screen and (max-width: 768px) {
#modal-submenu-navigation {
margin-top: 52px;
}
#modal-submenu-navigation.modal.is-active {
display: block;
padding-top: 25px;
}
#modal-submenu-navigation .modal-content .menu-list li > a {
position: relative;
}
.fullscreen-menu[data-levels] ul.menu-list > li {
width: 100% !important;
}
.fullscreen-menu ul.menu-list li > ul {
position: relative;
left: 1rem;
}
}
/** FULLSCREEN MENU END **********************************************************/
/** COUPON START *****************************************************************/
.coupon-card {
padding: 20px;
margin-bottom: 20px;
position: relative;
display: flex;
flex-direction: row;
}
.coupon-card .card-title {
flex: 1 0 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.coupon-card .card-body {
flex: 1 1 50%;
}
table {
font-size: small;
}
thead {
line-break: auto;
}
/** COUPON END *******************************************************************/
@media (max-width: 768px) {
#product-page .row.title-product-info-panel-row p,
.row.title-product-info-panel-row.title-alternativi .recommended {
text-align: center;
font-size: 1.5em !important;
}
#product-page .product-info-panel-row .table {
background-color: transparent !important;
}
#product-page .product-info-panel-row .table thead {
display: none !important;
}
#product-page .product-info-panel-row tr.detail-item-row {
position: relative;
display: block;
background-color: white;
margin-top: 20px;
/* margin-bottom: 10px; */
box-shadow: 2px 2px 6px rgb(0, 0, 0, 0.25);
padding-bottom: 64px;
}
#product-page .product-info-panel-row tbody .detail-item-row td {
display: inline-block;
border-top-width: 0 !important;
}
#product-page .product-info-panel-row tr[id$="-order-notes"] {
box-shadow: 0 -6px 0 white, 2px 2px 6px rgb(0, 0, 0, 0.25);
background: white;
}
#product-page
.product-info-panel-row
tr.detail-item-row
span.mobile-label.is-hidden-tablet {
font-weight: 400;
text-decoration: underline;
}
#product-page
.product-info-panel-row
tbody
.detail-item-row
td.articlehistory-btn-wrapper {
position: absolute;
top: 0;
right: 0;
}
#product-page
.product-info-panel-row
tbody
.detail-item-row
td.note-btn-wrapper {
position: absolute;
bottom: 0;
left: 6px;
}
#product-page
.product-info-panel-row
tbody
.detail-item-row
td.shop-btn-wrapper {
position: absolute;
bottom: 0;
right: 10px;
}
#related-products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
flex-wrap: wrap;
}
#related-products .column:empty {
display: none;
}
#related-products .column.is-3 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
}
@media (max-width: 640px) {
#product-page > .row.main-row > .panel-container > .left-product-panel,
#product-page > .row.main-row > .panel-container > .right-product-panel {
float: none;
width: 100%;
min-height: 500px !important;
}
#product-page .product-actions {
width: 100% !important;
position: relative;
}
#product-page .left-product-panel .product-image {
padding: 0 !important;
}
#product-page > .row.main-row > .panel-container > .right-product-panel {
min-height: 0 !important;
height: auto !important;
}
#product-page .right-product-panel .translateLeft {
padding-left: 30px !important;
height: auto !important;
}
#related-products .column.is-3 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
margin: 0 10%;
}
}
.home-box-element > div:first-child {
min-height: calc((1.5rem + 2px) * 4);
}
details.content {
--icon-size: 1.25em;
}
details.content summary {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
cursor: pointer;
list-style: none;
padding: 0.25rem;
}
details.content summary:before {
font-family: FontAwesome;
content: "\f196"; /* f067 f065 */
display: inline-block;
margin-right: 0.75rem;
font-size: var(--icon-size);
line-height: var(--icon-size);
font-weight: 700;
}
details.content[open] summary:before {
content: "\f147"; /* f068 f066*/
}
.history-table {
width: 100%;
}
/* CUSTOM CHECKBOX AND RADIO */
input.is-checkradio {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
appearance: none;
/* For iOS < 15 */
background-color: #fff;
/* Not removed via appearance */
margin: 0;
font: inherit;
color: currentColor;
width: 18px; /*1em;*/
height: 18px; /*1em;*/
border: 1px solid currentColor;
/*border-radius: 0.15em;*/
transform: translateY(-0.075em);
display: inline-grid;
place-content: center;
}
input.is-checkradio::before {
content: "";
width: 12px; /*0.6em;*/
height: 12px; /*0.6em;*/
/*clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);*/
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--color-primary);
}
input.is-checkradio[type="radio"]::before {
width: 10px; /*0.6em;*/
height: 10px; /*0.6em;*/
}
input.is-checkradio:checked::before {
transform: scale(1);
}
input.is-checkradio[indeterminate]::before {
transform: scale(1);
clip-path: polygon(0 30%, 100% 30%, 100% 70%, 0 70%);
}
input.is-checkradio:focus {
outline: 1px solid var(--color-primary);
outline-offset: 1px;
}
input.is-checkradio:disabled,
input.is-checkradio:disabled + label {
color: #bbbbbb;
cursor: not-allowed;
}
input.is-checkradio:disabled {
background-color: #f1f1f1;
border-color: #d1d1d1;
}
input.is-checkradio:disabled::before {
box-shadow: inset 1em 1em #bbbbbb;
}
input.is-checkradio[type="radio"],
input.is-checkradio[type="radio"]::before {
border-radius: 50%;
}
#banner-message {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100vw;
background-color: var(--color-accent-opposite);
color: var(--color-accent);
height: 50px;
overflow: hidden;
padding: 0.75rem;
z-index: 30;
text-align: center;
}
#banner-message ~ .main-sidebar .sidebar-brand {
margin-bottom: 50px;
}
#banner-message ~ .shop-wrapper {
margin-top: calc(125px + 50px) !important;
}
#banner-message ~ #product-page {
margin-top: calc(125px + 50px) !important;
}
#banner-message ~ .main-sidebar .sidebar-inner {
height: calc(100% - 125px - 50px);
}
#banner-message ~ .user-area-quickview,
#banner-message ~ .shop-quickview,
#banner-message ~ .cart-quickview {
padding-top: calc(125px + 50px);
}
#banner-message ~ .navbar.mobile-navbar,
#banner-message ~ .top-bar.navbar-menu,
#banner-message ~ .shop-wrapper #cart-page .checkout-side {
top: 50px;
}
@media (min-width: 769px) {
#product-page .main-row > .container:first-child {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
}
@media (max-width: 768px) {
#banner-message ~ .shop-wrapper,
#banner-message ~ #product-page {
margin-top: calc(3.25rem + 50px) !important;
}
}
/********************* CSS RECUPERATI DA CUTOMIZZAIONE AKI ********************/
/************************************ START ***********************************/
.messaggio-pre-banner {
margin: -0.75em -0.75em 0.75rem -0.75em;
padding: 5px;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.messaggio-pre-banner .fa.fa-angle-double-down {
font-size: 1.5rem;
}
.only-mobile-cart,
.only-filters-mobile {
display: none !important;
}
.flat-card .product-info .product-description,
.home-box-element li {
/*color: #000 !important;*/
font-weight: bold !important;
}
.block-container.block-home-banner-box:last-child {
margin-bottom: 0;
}
.block-home-banner-box img {
margin: 0 auto;
display: block;
}
.block-home-banner-box .column.is-3 img {
width: 100%;
height: auto !important;
}
.navbar-item img.brand-logo {
max-height: 10rem;
}
.current-catalog-info {
margin: 0 0 20px 0 !important;
}
.is-product-grid .flat-card .product-info {
padding: 0 0.5rem;
}
@media screen and (max-width: 1023px) {
.is-nofont-size {
font-size: 0 !important;
}
.navbar-menu .navbar-dropdown .is-active,
.only-filters-mobile + .filter-product.is-active {
display: block;
}
.navbar-menu .navbar-dropdown:not(.is-active),
.only-filters-mobile + .filter-product:not(.is-active) {
display: none;
}
#shop-grid > .columns {
display: flex;
flex-direction: column;
}
.only-mobile-cart {
display: inline-block !important;
float: right;
}
.columns.block-home-banner-box {
display: flex;
}
.columns.block-home-banner-box .column.is-6,
.columns.block-home-banner-box .column.is-6-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.block-home-banner-box .column.is-6 .block-title {
font-size: 1rem !important;
}
.mobile-link-cart {
color: #fff !important;
}
.current-catalog-info .contenitore-catalog-name {
text-align: left !important;
}
.current-catalog-info-container,
.current-catalog-info {
margin: 0 !important;
}
.current-catalog-info-container:after,
.current-catalog-info-container:before {
content: "";
clear: both;
display: table;
}
.only-filters-mobile {
display: block !important;
position: relative;
}
.only-filters-mobile:after {
/*border-color: #000 !important;*/
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
border-top: 0;
content: " ";
display: block;
height: 0.625em;
margin-top: -0.4375em;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center;
transform-origin: center;
width: 0.625em;
right: 0;
}
.filter-product.is-active {
padding-top: 10px;
}
.elimina-ordine-mobile {
margin-top: 20px;
text-align: right;
padding-right: 30px;
padding-bottom: 20px;
}
.elimina-ordine-mobile a {
color: #fff !important;
}
.link-cart-mobile:after {
content: normal !important;
}
.mobile-navbar .navbar-menu .navbar-dropdown .navbar-item {
padding: 0rem 1rem !important;
}
.mobile-navbar
.navbar-menu
.navbar-dropdown
.navbar-item
.navbar-dropdown
.navbar-item {
padding: 0.1rem 1rem 0.5rem 2.5rem !important;
}
.category-title h2 {
font-size: 1.1rem !important;
}
#shop-grid > .columns {
height: calc(100vh - 4.5rem) !important;
}
.home-box-element li,
.home-box-element summary {
font-size: 70% !important;
}
.mobile-navbar .navbar-menu .navbar-link {
border: none !important;
}
.home-box-element {
padding: 0.75rem 1.5rem;
}
.home-box-element .p-4 {
padding: 0 !important;
}
.block-home-banner-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.block-home-banner-box .column.is-3 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.block-home-banner-box .column.is-3:nth-of-type(odd) {
padding: 0.75rem 0.75rem 1.5rem 1.5rem;
}
.block-home-banner-box .column.is-3:nth-of-type(even) {
padding: 0.75rem 1.5rem 1.5rem 0.75rem;
}
.current-catalog-info a {
font-size: 0.8rem !important;
}
.shop-wrapper #cart-page .columns .checkout-main .column.main-column {
margin-left: 0px;
}
#cart-page-products:not(.order-history)
.cart-card
.cart-content
li
.product-image {
display: inline-block;
width: 30%;
height: auto !important;
float: left;
}
#cart-page-products:not(.order-history) .cart-card .cart-content li {
display: block !important;
}
#cart-page-products:not(.order-history)
.cart-card
.cart-content
li
.product-info {
display: inline-block;
width: 70%;
/*float: left;
text-align: left !important;*/
padding: 0px 15px !important;
}
#cart-page-products:not(.order-history)
.cart-card
.cart-content
li
.product-price.has-text-right,
#cart-page-products .cart-card .cart-content li .action {
clear: both;
}
#cart-page-products:not(.order-history)
.cart-card
.cart-content
li
.product-price,
#cart-page-products .cart-card .cart-content li .product-quantity {
width: 33%;
margin: 0 !important;
}
#cart-page-products:not(.order-history)
.cart-card
.cart-content
li
.product-price,
#cart-page-products .cart-card .cart-content li .product-quantity {
float: left;
}
body #new-order-modal-trigger-fab {
bottom: 45px;
width: calc(100% - 55px);
right: auto;
left: 20px;
z-index: 100;
}
}
@media (width: 768px) {
#cart-page-products:not(.order-history)
.cart-card
.cart-content
li
.product-info {
width: 50% !important;
}
#checkout-main
#cart-page-products
.cart-card
.cart-content
li
.product-quantity {
padding-right: 0px !important;
}
}
@media screen and (max-width: 580px) {
.columns.block-home-banner-box .column.is-6 .block-title {
font-size: 0.7rem !important;
font-weight: 400 !important;
}
}
/********************* CSS RECUPERATI DA CUTOMIZZAIONE AKI ********************/
/************************************ FINE ************************************/
#catalog-container .is-categories-grid {
margin-bottom: 4rem;
}
/*#catalog-container .is-categories-grid #elements-selection .inner img {
max-width: 245px;
max-height: 245px;
}*/
.cart-in-header a > .cart-items {
position: absolute;
top: -3px;
right: -5px;
width: 10px;
height: 10px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 9px;
background: var(--color-accent);
font-weight: 700;
border: 1px solid var(--color-accent-opposite);
}
.shop-quickview .inner .user-profile {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.shop-quickview .inner .shop-menu li,
.shop-quickview .inner .user-profile li {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shop-quickview .inner .shop-menu li,
.shop-quickview .inner .user-profile li a {
width: auto;
max-width: 80%;
overflow-wrap: anywhere;
}
@media screen and (min-width: 1024px) {
.shop-wrapper .section {
padding: 3rem 3rem 0 3rem;
}
}
@media (max-width: 990px) {
.checkout-wrapper .checkout-main {
order: 2;
}
}
@media (max-width: 768px) {
.shop-wrapper {
margin-top: 100px;
min-height: calc(100vh - 100px);
}
.section {
padding: 1rem 1.5rem;
}
.top-bar ~ .menu-fab {
top: 109px;
right: 20px;
}
}
/** LISTING START *****************************************************************/
body #search-form {
font-size: 0.8em;
}
.grid-list-actions .add-to-cart {
margin: 10px auto 0 auto !important;
}
.is-product-grid .product-quantity {
margin-right: 0.2rem !important;
}
.is-product-list
.flat-card.product-container
.add-to-cart.is-justify-content-center
.button {
min-width: 245px;
}
.is-list-item .product-description {
width: 100%;
display: inline-flex;
flex-direction: row;
}
#shop-grid .category-wrapper .flat-card .is-list-item {
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
}
.flat-card.is-list-item-pre {
padding: 10px 30px;
margin-top: 24px;
}
.flat-card .is-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
/*height: auto !important;*/
/*padding: 20px 40px;
margin-top: 20px;*/
}
.flat-card .is-list-item span.image {
width: 140px;
height: 100%;
min-height: 140px;
padding-top: 0;
margin: 0 !important;
position: relative;
box-sizing: border-box;
display: block;
text-align: center;
}
.flat-card.is-list-item-pre:first-child {
margin-top: 0 !important;
}
.flat-card .is-list-item span.image img {
object-fit: contain;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0 !important;
max-width: none;
position: absolute;
}
.flat-card .is-list-item .product-info {
padding: 20px 40px !important;
}
#shop-grid .category-wrapper .flat-card .is-list-item .product-info {
/* flex: auto; */
flex: 1 1 calc(100% - 140px - 420px - 125px);
}
.flat-card .is-list-item .product-info .product-price span {
display: inline-block !important;
}
.flat-card .is-list-item span {
display: block;
}
.is-product-grid .flat-card .product-info .product-description {
height: 64px;
}
.is-product-grid .grid-list-actions {
display: block;
}
body .is-product-grid .product-quantity {
margin: 10px 5px 25px 5px !important;
}
body .flat-card .product-info .product-name {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
"Helvetica", "Arial", sans-serif;
}
.product-info .product-name {
font-weight: bold;
font-size: 0.8rem !important;
color: #000 !important;
}
body .grid-list-actions .product-quantity .details-spinner {
justify-content: center;
}
body .flat-card .product-info.has-text-centered .product-description {
font-size: 0.9rem !important;
color: #000 !important;
font-weight: 700 !important;
}
body .flat-card .product-info .product-description {
font-size: 0.8rem !important;
color: #000 !important;
font-weight: 500 !important;
}
body .grid-list-actions .add-to-cart.is-justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.flat-card > .product-description-pre {
font-size: 1rem !important;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.flat-card .is-list-item .product-info {
padding: 20px !important;
}
.is-product-list
.flat-card.product-container
.add-to-cart.is-justify-content-center {
flex: 1;
}
.is-product-list .flat-card.product-container .product-quantity {
margin: 10px auto 25px auto;
}
}
@media (max-width: 1024px) {
#shop-grid .category-wrapper .flat-card.product-container .is-list-item {
flex-wrap: wrap;
}
#shop-grid .category-wrapper .flat-card.product-container.is-list-item-pre {
height: auto !important;
padding-bottom: 1.25rem;
}
}
@media screen and (max-width: 1023px) {
#search-filters-menubar .navbar,
#search-filters-menubar .navbar-menu,
#search-filters-menubar .navbar-start,
#search-filters-menubar .navbar-end {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#search-filters-menubar .navbar-item,
#search-filters-menubar .navbar-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
/** LISTING END *******************************************************************/
/** TOPBAR 2 ROWS START *****************************************************************/
.mobile-bar-logo a.navbar-item {
height: 48px;
text-align: center;
}
.mobile-bar-logo a.navbar-item img.brand-logo {
max-height: 45px;
}
.mobile-bar-logo a.navbar-item.is-active,
.mobile-bar-logo a.navbar-item:focus,
.mobile-bar-logo a.navbar-item:focus-within,
.mobile-bar-logo a.navbar-item:hover {
background-color: transparent !important;
}
.double-row-top.navbar-menu.top-bar
.second-top-bar
a.nav-item.top-bar-evidence {
color: var(--color-primary);
}
.cart-countdown-container {
display: flex;
gap: 5px;
}
.cart-countdown-container h3 {
font-weight: 600;
}
.cart-countdown-container h3.cart-countdown {
color: var(--color-primary);
}
@media screen and (min-width: 1024px) {
.double-row-top.navbar-menu,
.double-row-top.navbar-menu .navbar-item {
display: inline-block;
align-self: center;
}
.double-row-top.navbar-menu .first-top-bar {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
border-top: var(--color-primary) solid 13px;
height: 75px;
}
.double-row-top.navbar-menu .second-top-bar {
border-top: var(--color-primary) solid 4px;
text-align: center;
height: 50px;
padding: 0 32px;
/*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.075);*/
}
.double-row-top.navbar-menu .second-top-bar .navbar-item {
text-align: center;
padding: 0.5rem;
}
.double-row-top.navbar-menu .second-top-bar .navbar-item a {
line-height: 1.5;
padding: 0.55rem 0.35rem;
}
.double-row-top.navbar-menu .second-top-bar .navbar-item a > .feather {
width: 18px;
height: 18px;
position: relative;
top: 4px;
}
.double-row-top.navbar-menu.top-bar .second-top-bar a.nav-item {
color: #000;
font-size: 12px;
}
.double-row-top.navbar-menu.top-bar .first-top-bar .navbar-start {
justify-content: center;
width: 100%;
}
.second-top-bar .slick-arrow {
position: absolute;
display: block;
top: calc(50% + 1px);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-right: 0.35em;
padding-left: 0.35em;
}
.second-top-bar .slick-arrow.slick-disabled {
pointer-events: none;
cursor: not-allowed;
display: none !important;
}
.second-top-bar .menu-scroll-right {
right: -32px;
}
.second-top-bar .menu-scroll-left {
left: -32px;
}
.double-row-top.navbar-menu.top-bar .first-top-bar .navbar-end {
width: 33.33%;
}
.navbar-item.logo-place {
flex-basis: 33.33%;
width: 100%;
height: 100%;
}
.navbar-item.logo-place .is-flex {
text-align: right;
display: block !important;
}
.double-row-top.navbar-menu.top-bar .first-top-bar .content-form {
flex-basis: 66.66%;
}
.double-row-top.navbar-menu.top-bar .first-top-bar #search-items-navbar {
min-width: 300px;
margin: 5px auto 0 auto;
position: relative;
}
.double-row-top.navbar-menu.top-bar
.first-top-bar
#search-items-navbar
input[name="q"] {
width: 100%;
/*background: #f5f5f5;*/
}
.double-row-top.navbar-menu.top-bar
.first-top-bar
#search-items-navbar
button {
top: 7px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.shop-wrapper {
margin-top: 125px !important;
}
}
@media (max-width: 1023px) {
#sidebar-mode,
.navbar-burger {
width: 10%;
}
#search-items-navbar-mobile {
width: 80%;
}
#search-items-navbar-mobile .field.has-addons {
margin: 0 auto;
}
}
/** TOPBAR 2 ROWS END ******************************************************************/
.flat-card .card-title .feather-button {
min-width: unset;
}
/** Collapsable Cards START ****************************************************************/
.flat-card.is-collapsable .card-title:after {
transition: transform ease-in-out 0.35s;
}
.flat-card.is-collapsable .card-body {
transition-property: max-height, padding-top, padding-bottom;
transition-timing-function: ease-in-out;
transition-duration: 0.6s;
}
.flat-card.is-collapsable .card-title {
cursor: pointer;
/*transition: height, padding-bottom, padding-top, transform ease-in;*/
}
.flat-card.is-collapsable .card-title:after {
font-family: FontAwesome;
font-size: 12px;
content: "\f077";
}
.flat-card.is-collapsable.is-collapsed .card-title:after {
transform: rotate(-180deg);
}
.flat-card.is-collapsable.is-collapsed .card-title {
border-bottom: none;
}
.flat-card.is-collapsable .card-body {
overflow: auto;
}
.flat-card.is-auto.is-collapsable .card-body {
max-height: 265px;
}
.flat-card.is-collapsable.is-collapsed .card-body {
overflow: hidden;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
}
.flat-card.is-auto.is-collapsable:not(.is-collapsed) .card-body.mh-unset {
max-height: unset;
}
/** Collapsable Cards END ******************************************************************/
/** Feather Icons START ********************************************************************/
.feather.size-14 {
width: 14px;
height: 14px;
}
/** Feather Icons END **********************************************************************/
.cart-card .action-item-controls-container {
justify-content: space-around;
flex: 1;
display: flex;
align-items: center;
}
.column.is-12.display-flex {
display: flex;
flex-wrap: wrap;
}
#goToPageNumber {
display: inline-block;
line-height: 2.2;
font-size: 1em;
width: 50px;
text-align: center;
border: none;
}
.pagination-goto-label {
margin: 0 0.5em 0 1em;
}
@media screen and (min-width: 769px), print {
.pagination-list {
justify-content: center;
}
}
.breadcrumb {
color: inherit;
text-transform: uppercase;
}
@media screen and (max-width: 768px), print {
.breadcrumb-container {
margin-top: 15%;
}
}
.category-title.columns {
flex-direction: column;
align-items: flex-start !important;
}
.wizard .control {
display: flex;
align-items: center;
margin-bottom: 1em;
}
.wizard .control label {
width: 9%;
}
.wizard .control input,
.wizard .control textarea,
.wizard .control .select {
width: 99%;
max-width: 99%;
min-width: 95%;
}
.wizard-step.active[data-wz-title="Budget"] .control .form-control:not(select),
.wizard-step.active[data-wz-title="Budget"] .control .select:not(select) {
width: 90%;
max-width: 90%;
min-width: 90%;
}
.wizard .control .select select {
width: 100%;
max-width: unset;
min-width: unset;
}
.date-control {
width: 99%;
display: flex;
gap: 1em;
}
.date-control .control {
width: 100%;
justify-content: space-between;
}
.date-control .control label {
width: 15%;
}
.date-control .control .input {
width: 80%;
max-width: 80%;
min-width: unset;
}
@media (max-width: 768px) {
.wizard .control,
.date-control {
flex-direction: column;
align-items: flex-start;
}
.wizard .control label {
width: 100%;
}
.wizard .control input,
.wizard .control textarea,
.wizard .control .select {
width: 100%;
max-width: unset;
min-width: unset;
}
}
.wizard .wizard-buttons .wizard-btn {
background: var(--color-primary) !important;
color: var(--color-secondary-opposite) !important;
}
.wizard .wizard-nav.dots .wizard-step .dot {
background: var(--color-primary) !important;
box-shadow: 0 0 0 3px rgb(var(--color-primary-rgb), 0.3) !important;
}
.wizard .wizard-nav.dots .wizard-step.active:after,
.wizard .wizard-nav.dots .wizard-step.active:before {
background: var(--color-accent) !important;
}
.wizard .wizard-nav.dots .wizard-step:before {
background: rgb(var(--color-primary-rgb), 0.3) !important;
}
input.form-control.input {
font-size: 13px;
}
.resume-row {
display: flex;
gap: 2em;
}
.resume-row h6 {
min-width: 30%;
}
.card-header .card-title {
font-weight: 600;
}
@media (max-width: 768px) {
table {
display: block;
overflow-x: auto;
}
.resume-row {
justify-content: space-between;
}
.budget-banner {
flex-direction: column;
}
}
.budget-actions {
display: flex;
gap: 1em;
}
.budget-banner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.budget-yearly {
flex: 1;
background: lightpink;
padding: 1em;
}
.budget-monthly {
flex: 2;
background: aliceblue;
padding: 1em;
}
.budget-title {
font-weight: 800;
}
.budget-title-container {
flex: 0.5;
padding: 1em;
background: #fff;
}
.budget-alert {
color: var(--color-primary) !important;
}
.budget-shipping {
width: 100%;
padding: 0.5em 0 0.5em 1em;
background: #f7f7f7;
}
.budget-month {
text-transform: capitalize;
}
.cart-count {
background-color: var(--color-primary);
color: #fff;
border-radius: 50%;
padding: 0.5em 1em;
font-weight: 600;
margin-left: 0.5em;
}
.navbar-item > #language-form .login-box {
padding-top: 0;
}
.top-bar .navbar-item img.brand-logo {
max-width: 100%;
max-height: 100%;
}
.navbar-logo-container {
width: 10%;
height: 100%;
text-align-last: center;
}
.navbar-item.is-align-items-center.logo-place,
.navbar-item.is-align-items-center.logo-place > a.is-flex {
width: 100%;
height: 100%;
}
.navbar-right-container {
width: 90%;
position: fixed;
top: 0;
left: 10%;
}
.navbar-item-label {
color: #000;
font-weight: 600;
}
#open-shop {
display: flex;
gap: 0.5em;
}
#open-cart {
display: flex;
align-items: center;
}
.double-row-top.navbar-menu .navbar-item.language {
display: none;
}
@media (max-width: 1024px) {
.mobile-navbar {
transform: translateY(0);
}
.order-long-card {
flex-direction: column;
}
.order-long-card .left-side {
width: 100% !important;
}
.order-long-card .order-row {
flex-direction: column;
}
.order-long-card .right-side {
flex-direction: row;
flex-wrap: wrap;
}
#orders-main .right-side,
#ordersToApprove-main .right-side,
#preventives-main .right-side {
width: 100% !important;
}
.order-long-card .right-side .meta-actions {
flex-direction: row;
flex-wrap: wrap;
}
#orders-history-main .order-long-card .right-side,
#transport-document-history-main .order-long-card .right-side {
width: 100%;
}
}
@media (min-width: 1024px) and (max-width: 1439px) {
#search-items-navbar .easy-autocomplete-container {
min-width: 450px;
}
}
svg.feather.feather-search {
/*stroke: var(--color-secondary-opposite);*/
stroke: #fff;
}
#search-items-navbar-mobile button.button.search-mobile.is-small {
background: var(--color-primary);
}
.first-top-bar {
background: #f5f5f5;
}
.double-row-top.navbar-menu .navbar-logo-container {
border-top: var(--color-primary) solid 13px;
}
.navbar-item.left-divider {
border-left: 1px solid #e5e5e5;
}
.navbar-item.right-divider {
border-right: 1px solid #e5e5e5;
}
.easy-autocomplete input {
box-shadow: unset;
}
.button-underlined {
color: #000;
font-weight: 600;
}
.button-underlined:hover {
border-bottom: 1px solid;
}
#orders-main .left-side,
#ordersToApprove-main .left-side {
width: 70%;
}
#orders-main .right-side,
#ordersToApprove-main .right-side {
width: 30%;
place-self: center;
}
.order-row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.bold {
font-weight: 600;
}
.border-right {
border-right: 1px solid #e3e3e3;
}
#orders-history-main .order-long-card .left-side,
#transport-document-history-main .order-long-card .left-side {
width: 60%;
}
.float-right {
float: right;
}
#orders-history-main .order-long-card .right-side,
#transport-document-history-main .order-long-card .right-side {
flex-direction: column;
gap: 0;
}
.button.is-blue {
background-color: #435cfc;
color: #fff;
}
@font-face {
font-family: "Open-sans";
font-style: normal;
font-display: auto;
src: url("../fonts/OpenSans-VariableFont_wdth,wght.ttf");
}
* {
font-family: "Open-sans";
font-size: small;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1rem;
}
.home-box-element a {
position: relative;
}
.overlay {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.5); /* Black see-through */
color: white;
width: 100%;
height: 100%;
transition: 0.5s ease;
opacity: 1;
color: white;
padding: 20px;
}
.overlay span {
left: 2em;
position: absolute;
bottom: 2em;
}
.block-container
.column
> :not([class*="has-background-"])
a
.block-title.overlay,
.block-container
.column
> :not([class*="has-background-"])
a
.block-title.overlay:hover {
color: white;
}
.home-box-element div:first-child a {
display: block;
}
.home-box-element div:first-child,
.home-box-element div:first-child a {
width: 100%;
height: 100%;
}
.account-tabs li a {
font-weight: 600;
color: #000;
border-right: 1px solid #e3e3e3;
}
.account-tabs li a:hover,
.account-tabs li.is-active a {
color: var(--color-primary);
border-bottom: 1px solid var(--color-primary);
border-right-color: #e3e3e3;
background: none;
}
.card-product-right {
width: 20%;
padding: 1rem;
height: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
background: #e3e3e3;
}
.card-product-right .product-quantity label,
.grid-list-actions .product-quantity label {
bottom: 40px;
left: 0;
color: #000;
}
.flat-card .is-list-item span.product-label {
text-transform: capitalize;
display: inline;
margin-right: 4px;
}
.column.is-12.item-box-catalog {
display: flex;
height: 240px;
}
.flat-card.product-container.is-auto.is-list-item-pre {
flex: 1 1 80%;
}
.add-to-cart.is-justify-content-center {
align-content: center;
}
.product-last-order-info {
color: #000;
}
.home-box-element span {
font-size: medium;
}
.is-product-grid .grid-list-actions {
background: #e3e3e3;
}
.add-to-cart.is-justify-content-center .button {
width: 100%;
}
.item-box-catalog {
margin-bottom: 0.75rem;
}
.flat-card.cart-card.product-container {
padding: unset;
}
.flat-card.cart-card.product-container .cart-content {
padding: 20px;
}
.product-quantity .heading {
text-align: center;
}
.cart-content > li > div.product-quantity {
border-left: 2px solid #e3e3e3;
border-right: 2px solid #e3e3e3;
padding: 0 2em;
}
.cart-card .cart-content li .product-info span {
font-size: 100% !important;
}
.checkout-wrapper .checkout-side .side-inner .side-card.is-totals .info-title {
font-family: "Open-Sans";
}
.shop-wrapper .columns .column.main-column {
padding-top: 0;
}
@media (width: 1024px) {
.action {
max-width: 6%;
}
}
@media (max-width: 1024px) {
.hamburger-btn span[data-case="inactive"] .filter-title {
display: none;
}
.cart-quickview.is-pushed-mobile {
visibility: hidden;
}
.card-product-right {
margin: 0 auto;
height: auto;
width: 100%;
}
.column.is-12.item-box-catalog {
flex-direction: column;
height: auto;
width: 100%;
}
.flat-card.product-container.is-auto.is-list-item-pre {
width: 100% !important;
}
.product-info {
width: 100%;
}
.details-spinner {
width: 50%;
justify-self: center;
align-self: center;
}
if(.listingcontrols) {
}
.product-quantity {
justify-items: center;
margin-bottom: 20px;
border: unset !important;
}
.product-note {
max-width: 100%;
}
.add-to-cart {
width: 50%;
align-self: center;
margin-bottom: 15px;
}
#search-results > div.is-12 > div.card-product-right {
padding-top: 2rem !important;
}
.cart-card .cart-content li .product-price {
width: auto;
}
#checkout-main
.checkout-wrapper
.checkout-main
.cart-card
.cart-content
li
.product-info {
width: auto;
}
#checkout-main #cart-page-products .cart-card .cart-content li {
flex-wrap: wrap;
display: flex !important;
gap: 0.5em;
}
#checkout-main
#cart-page-products
.cart-card
.cart-content
li
.product-price.has-text-right {
text-align: left !important;
padding-left: 15px;
}
#checkout-main
#cart-page-products
.cart-card
.cart-content
li
.product-price {
width: 25%;
}
#checkout-main
#cart-page-products
.cart-card
.cart-content
li
.product-quantity {
width: 30%;
border: unset;
margin-left: 0px;
padding-left: 0px;
margin-right: 0px;
padding-right: 50px;
}
#checkout-main
#cart-page-products
.cart-card
.cart-content
li
.product-image {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
.column.is-6-touch {
width: 100%;
}
#checkout-main
#cart-page-products
.cart-card
.cart-content
li
.product-price {
width: 100% !important;
}
#checkout-main
#cart-page-products
.cart-card
.cart-conte
nt
li
.product-price.has-text-right {
text-align-last: center;
}
.cart-card .cart-content li .product-price span:nth-child(2),
.cart-card .cart-content li .product-quantity span:nth-child(2) {
width: 100% !important;
}
}
.product-note {
width: 300px;
}
@media screen and (max-width: 500px) {
#checkout-main
#cart-page-products
.cart-card
.cart-content
li
.product-quantity {
width: 100%;
margin-bottom: 5% !important;
}
}
body.courtesy-body {
background-color: #f0f4f8;
font-family: "Arial", sans-serif;
margin: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 7rem;
}
.courtesy {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 2rem;
}
.courtesy-title {
color: #2c3e50;
font-size: 2.8rem;
margin-bottom: 1.5rem;
}
.courtesy-alert {
background-color: #eaf6ff;
border-left: 6px solid #3498db;
color: #2980b9;
padding: 1.5rem;
margin-bottom: 1.5rem;
font-size: 1.2rem;
display: inline-block;
text-align: left;
}
.courtesy-spinner {
margin: 2rem 0;
}
.courtesy-spinner .spinner-border {
color: #3498db;
}
.courtesy-message {
color: #7f8c8d;
font-size: 1.2rem;
}
.wizard-buttons:first-of-type {
padding-bottom: 1%;
}
.shop-wrapper {
scroll-behavior: smooth;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.product-quantity
.heading {
text-align: center;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.product-quantity
.details-spinner {
min-width: 180px;
}
.card-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.profile-info-card .card-title {
margin-top: inherit;
}
.panel-body .column {
padding: 0 0.75rem 0.75rem 0.75rem;
background-color: #f0f0f0;
}
.card-body#ratings-view {
justify-content: center;
margin: 0 5px;
}
.card-body#ratings-view .media {
width: 100%;
}
.product-info-panel .inner-panel .panel-body .product-controls {
justify-self: flex-start;
gap: 2rem;
}
@media screen and (max-width: 767px) {
.panel-body {
text-align: center;
}
.product-info-panel .inner-panel .panel-body .product-controls .add-to-cart {
margin-top: 2rem;
}
.product-info-panel
.inner-panel
.panel-body
.product-controls
.add-to-cart
#details-add-to-cart {
margin-bottom: 1rem;
}
.panel-header .category-title .breadcrumb-container {
margin-top: 2%;
}
.product-info-panel .inner-panel .panel-header {
padding: 20px;
}
.product-info-panel .inner-panel .panel-body .product-controls {
justify-self: center;
}
.quantity-management form {
justify-content: center;
}
}
.resume-row.budget-alert {
display: none;
}
.color-primary {
color: var(--color-primary) !important;
}
.budget-caption {
margin: 1rem auto;
}
.shop-quickview .inner .shop-menu a.modal-trigger {
padding: 20px 20px 0 0;
}
.quantity-management {
margin: 1rem 0 0 0;
}
.quantity-management form {
display: flex;
gap: 2rem;
}
div#date-error {
display: none;
width: 91%;
place-self: flex-end;
color: red;
font-weight: 600;
}
.auth-title {
flex-wrap: wrap;
flex-direction: column;
}
.auth-title h2 {
text-transform: none;
}
.auth-title h2#auth-main-title {
text-transform: uppercase;
}
div.dt-length > label {
display: flex;
align-items: center;
gap: 5px;
}
div.select > select#dt-length-0 {
min-width: 50px;
}
div.select > select#dt-length-0::after {
right: 0.75rem;
}
.auth-title strong {
color: var(--color-primary);
}
.zeroAvaRed {
color: #ff3b3c;
}
div#change-customer-modal .modal-content {
width: 75%;
}
#change-customer-modal .method-card-inner, #change-customer-modal .method-card {
height: 100%;
}
.fixed-action-button {
position: fixed;
right: 20px;
z-index: 1000;
}
.red {
color: red;
}
.grid-list-actions .onPage-button {
width: 100%;
}