@media (max-width: 479px) {
.woocommerce-page ul.products li.product:nth-child(n) {
margin: 0 0 5% !important;
width: 100% !important;
}
}
.woocommerce-price-suffix {
font-size: 11px !important;
color: #ddd;
}
.single-product .woocommerce-price-suffix {
font-size: 14px !important;
color: gray !important;
background-color: transparent !important;
padding: 0 !important;
justify-content: center; }
.accordion-section-title button.accordion-trigger {
height: 35px !important;
} .woocommerce-loop-product__link {
position: relative; display: block;
background-color: #dddddd; padding: 3px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #ddd;
overflow: hidden;
margin: 0px
}
.woocommerce-loop-product__link:hover {
position: relative; display: block;
background-color: #eeeeee; padding: 3px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #ddd;
overflow: hidden;
} .woocommerce-LoopProduct-link .et_shop_image {
position: relative; display: block;
width: 100%; height: auto; border-radius: 0px;
} .woocommerce-page ul.products li.product .woocommerce-loop-product__link .price,
.woocommerce ul.products li.product .woocommerce-loop-product__link .price {
position: absolute; top: 10px; right: 0px; background-color: #00b844; color: white !important; padding: 5px 5px 5px 8px !important; border-radius: 0px; font-size: 14px; z-index: 1; line-height: 1;
} .woocommerce-loop-product__title {
padding: 3px;
margin-top: 0px; } .woocommerce-MyAccount-navigation ul {
display: block; list-style: none; padding: 0;
margin: 20px 0;
}
.woocommerce-MyAccount-navigation ul li {
margin-bottom: 10px; }
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 0; width: 100%; max-width: 200px; margin: 0 auto; background-color: #f9f9f9; color: #000;
text-align: center;
text-decoration: none; border-radius: 5px; font-size: 15px; font-weight: bold;
transition: background-color 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .woocommerce-MyAccount-navigation ul li a:hover {
background-color: #ddd; color: #000;
} .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: #bbb; color: #000;
border: 2px solid #5C7073; } @media (max-width: 768px) {
.woocommerce-MyAccount-navigation ul li a {
max-width: 100%; }
}
.woocommerce-MyAccount-navigation-link--downloads {
display: none !important; }
@media (max-width: 700px) {
.woocommerce-page ul.products li.product:nth-child(n) {
width: 49% !important;
}
}
@media (max-width: 300px) {
.woocommerce-page ul.products li.product:nth-child(n) {
width: 100% !important;
}
}
@media (max-width: 768px) {
.container {
width: 95% !important; max-width: 95% !important; padding-left: 0px !important; padding-right: 0px !important; margin: 0 auto !important; box-sizing: border-box; }
}
body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
padding-top: 10px !important; }
.et-cart-info {
display: none !important;
} .mobile_menu_bar {
background-color: #e92e34; border-radius: 4px; padding: 2px 10px 0px 10px; }
.mobile_nav.opened .mobile_menu_bar:before {
content: '4d';
}
.mobile_menu_bar:after {
position: relative !important;
content: 'MENI';
bottom: 8px;
left: 2px;
color: white !important;
font-size: 20px !important;
} .mobile_menu_bar:before {
top: 0px !important;
} .custom-category-tree {
display: flex; flex-wrap: wrap; gap: 5px; align-items: center; } .category-item {
display: flex !important; align-items: center; justify-content: center; background: #f9f9f9 !important; border: 1px solid #ddd !important; border-radius: 5px !important; padding: 10px 8px !important; text-align: center;
font-size: 14px !important; font-weight: 600 !important; color: #000 !important; flex: 1 1 calc(33.333% - 10px); text-transform: uppercase !important;
margin: 0 0 5px; line-height: 1em;
max-width: calc(33.333% - 0px); box-sizing: border-box; transition: background-color 0.3s ease, border-color 0.3s ease;
} @media (max-width: 768px) {
.category-item {
flex: 1 1 calc(50% - 0px); max-width: calc(50% - 0px); }
} @media (max-width: 480px) {
.category-item {
flex: 1 1 100%; max-width: 100%; }
}
.category-item:hover {
background: #ddd !important; border-color: #bbb !important; color: #000 !important; } .category-item.active {
background: #ddd !important; border-color: #000 !important;
color: #000 !important;
} .subcategory-tree {
display: flex; flex-wrap: wrap; gap: 10px; margin-top: 0px; padding: 0;
} .subcategory-item {
display: flex; align-items: center; justify-content: center; background: #f9f9f9 !important; border: 1px solid #ddd !important; line-height: 1em;
border-radius: 5px !important; padding: 7px 8px !important; text-align: center;
font-size: 14px !important; font-weight: 500 !important; color: #000 !important; text-decoration: none !important; width: auto; max-width: auto; margin: 0 0 5px; transition: background-color 0.3s ease, border-color 0.3s ease;
} .subcategory-item:hover {
background: #ddd !important; border-color: #bbb !important; color: #000 !important; } .subcategory-item.active {
background: #ddd !important; border-color: #000 !important;
color: #000 !important; }
.subcategory-section h4 {
font-size: 12px; font-weight: 600; color: #333; margin-top: 5px;
margin-bottom: 2px; text-align: left; text-transform: uppercase !important;
} #wpadminbar #wp-admin-bar-shop_manager_dashboard,
#wpadminbar #wp-admin-bar-shop_manager_new_order {
display: block !important; visibility: visible !important; }
@media (max-width: 782px) {
#wpadminbar #wp-admin-bar-shop_manager_dashboard,
#wpadminbar #wp-admin-bar-shop_manager_new_order {
display: block !important;
visibility: visible !important;
padding-left: 10px;
}
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__wrap,
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_icon.dvcs_icon_module,
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_icon.dvcs_icon_module>a {
display: flex;
justify-content: right;
align-items: center;
} .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__wrap .nav li ul {
border-top: none;
border-radius: 0 0 5px 5px;
} .dvcs_shoppy_header_3 .et-menu li li.menu-item-has-children>a:first-child:after {
top: 6px;
} .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__logo {
overflow: visible !important;
}
@media all and (min-width: 981px) { .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__logo img {
margin-top: -34px;
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu__search-button {
display: none !important;
}
} .dvcs_shoppy_header_3 .et_pb_menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
padding: 16px 0 !important;
} .dvcs_shoppy_header_3 .et_pb_menu .et-menu .menu-item-has-children>a:first-child {
padding-right: 20px !important;
} .dvcs_shoppy_header_3 .et_pb_s {
background-color: #ffffff !important;
}
.dvcs_shoppy_header_3 .et_pb_searchsubmit {
padding: 6px 16px !important;
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__search-container {
width: 75%;
left: auto;
right: 0;
padding-left: 0px !important;
}
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__icon.et_pb_menu__search-button {
margin-right: 0;
}
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__icon.et_pb_menu__close-search-button {
margin: 0;
}
.dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__search-form {
background-color: #e8e7ff;
padding-left: 10px !important;
border-radius: 5px;
}
.dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__search-input {
font-size: 14px !important;
line-height: 30px;
color: #302459; } .dvcs_shoppy_header_3 .et_pb_text.dvcs_contact_us {
margin-left: 10px !important;
} .dvcs_shoppy_header_3 .et_pb_menu__search-button,
.dvcs_shoppy_header_3 .et_pb_menu__cart-button {
background-color: #e8e7ff !important;
border-radius: 4px 4px 4px 4px;
padding: 16px 9px !important;
margin-left: 20px !important;
height: 30px;
}
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu__search-button {
order: 1;
margin-left: 12px !important;
}
@media all and (max-width: 980px) { .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu__cart-button {
margin-left: 0px !important;
margin-right: 0px !important;
order: 1;
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu--style-left_aligned .et_pb_menu__logo {
margin-right: 20px;
}
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_mobile_menu {
top: 130%;
left: 2px;
border-radius: 0 0 6px 6px;
max-height: auto;
overflow: visible;
}
@media all and (max-width: 980px) and (min-width: 410px) { .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_mobile_menu {
width: 107%;
left: 50%;
transform: translatex(-50%);
overflow: visible;
}
} .dvcs_underline_item .et_pb_menu__menu>nav>ul>li:not(.et_pb_menu__logo-slot):before {
content: " ";
position: absolute;
left: 50%;
bottom: 20%;
transform: translateX(-50%);
width: 10%;
height: 2px;
opacity: 0;
background-color: red;
transition: all .3s ease;
}
.dvcs_underline_item .et_pb_menu__menu>nav>ul>li:hover:before {
bottom: 5%;
width: 100%;
opacity: 1;
}
.custom-login-icon {
display: flex; align-items: center; gap: 8px; }
.custom-icon {
font-family: 'ETmodules'; font-size: 20px !important; color: #ffffff; display: inline-block; }
.login-icon {
font-size: 12px !important; color: #ffffff !important; text-decoration: none; display: flex; align-items: center; } #mobile-fixed-menu {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #f5f5f5; display: flex;
justify-content: space-around;
align-items: center;
padding: 5px; z-index: 9999; box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1); border-top: 2px solid #e0e0e0; transform: translateY(0); transition: transform 0.3s ease-in-out; } #mobile-fixed-menu.hidden {
transform: translateY(100%); } #mobile-fixed-menu .menu-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 6px;
background-color: #ffffff; border-radius: 5px; width: 19%; height: 50px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.2s ease-in-out; } #mobile-fixed-menu .menu-item:hover {
background-color: #e0e0e0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } #mobile-fixed-menu .menu-icon {
font-family: 'ETmodules'; font-size: 22px; color: #e92e34; margin-bottom: 0px; transition: color 0.2s ease-in-out; } #mobile-fixed-menu .menu-item:hover .menu-icon {
color: #d32f2f; } #mobile-fixed-menu .menu-text {
font-size: 9px; color: #333; font-weight: bold; text-transform: uppercase; text-align: center;
transition: color 0.2s ease-in-out; line-height: 1; } #mobile-fixed-menu .menu-item:hover .menu-text {
color: #d32f2f; } @media (min-width: 768px) {
#mobile-fixed-menu {
display: none; }
}@media (max-width: 479px) {
.woocommerce-page ul.products li.product:nth-child(n) {
margin: 0 0 5% !important;
width: 100% !important;
}
}
.woocommerce-price-suffix {
font-size: 11px !important;
color: #ddd;
}
.single-product .woocommerce-price-suffix {
font-size: 14px !important;
color: gray !important;
background-color: transparent !important;
padding: 0 !important;
justify-content: center; }
.accordion-section-title button.accordion-trigger {
height: 35px !important;
} .woocommerce-loop-product__link {
position: relative; display: block;
background-color: #dddddd; padding: 3px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #ddd;
overflow: hidden;
margin: 0px
}
.woocommerce-loop-product__link:hover {
position: relative; display: block;
background-color: #eeeeee; padding: 3px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px solid #ddd;
overflow: hidden;
} .woocommerce-LoopProduct-link .et_shop_image {
position: relative; display: block;
width: 100%; height: auto; border-radius: 0px;
} .woocommerce-page ul.products li.product .woocommerce-loop-product__link .price,
.woocommerce ul.products li.product .woocommerce-loop-product__link .price {
position: absolute; top: 10px; right: 0px; background-color: #00b844; color: white !important; padding: 5px 5px 5px 8px !important; border-radius: 0px; font-size: 14px; z-index: 1; line-height: 1;
} .woocommerce-loop-product__title {
padding: 3px;
margin-top: 0px; } .woocommerce-MyAccount-navigation ul {
display: block; list-style: none; padding: 0;
margin: 20px 0;
}
.woocommerce-MyAccount-navigation ul li {
margin-bottom: 10px; }
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 0; width: 100%; max-width: 200px; margin: 0 auto; background-color: #f9f9f9; color: #000;
text-align: center;
text-decoration: none; border-radius: 5px; font-size: 15px; font-weight: bold;
transition: background-color 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .woocommerce-MyAccount-navigation ul li a:hover {
background-color: #ddd; color: #000;
} .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: #bbb; color: #000;
border: 2px solid #5C7073; } @media (max-width: 768px) {
.woocommerce-MyAccount-navigation ul li a {
max-width: 100%; }
}
.woocommerce-MyAccount-navigation-link--downloads {
display: none !important; }
@media (max-width: 700px) {
.woocommerce-page ul.products li.product:nth-child(n) {
width: 49% !important;
}
}
@media (max-width: 300px) {
.woocommerce-page ul.products li.product:nth-child(n) {
width: 100% !important;
}
}
@media (max-width: 768px) {
.container {
width: 95% !important; max-width: 95% !important; padding-left: 0px !important; padding-right: 0px !important; margin: 0 auto !important; box-sizing: border-box; }
}
body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
padding-top: 10px !important; }
.et-cart-info {
display: none !important;
} .mobile_menu_bar {
background-color: #e92e34; border-radius: 4px; padding: 2px 10px 0px 10px; }
.mobile_nav.opened .mobile_menu_bar:before {
content: '4d';
}
.mobile_menu_bar:after {
position: relative !important;
content: 'MENI';
bottom: 8px;
left: 2px;
color: white !important;
font-size: 20px !important;
} .mobile_menu_bar:before {
top: 0px !important;
} .custom-category-tree {
display: flex; flex-wrap: wrap; gap: 5px; align-items: center; } .category-item {
display: flex !important; align-items: center; justify-content: center; background: #f9f9f9 !important; border: 1px solid #ddd !important; border-radius: 5px !important; padding: 10px 8px !important; text-align: center;
font-size: 14px !important; font-weight: 600 !important; color: #000 !important; flex: 1 1 calc(33.333% - 10px); text-transform: uppercase !important;
margin: 0 0 5px; line-height: 1em;
max-width: calc(33.333% - 0px); box-sizing: border-box; transition: background-color 0.3s ease, border-color 0.3s ease;
} @media (max-width: 768px) {
.category-item {
flex: 1 1 calc(50% - 0px); max-width: calc(50% - 0px); }
} @media (max-width: 480px) {
.category-item {
flex: 1 1 100%; max-width: 100%; }
}
.category-item:hover {
background: #ddd !important; border-color: #bbb !important; color: #000 !important; } .category-item.active {
background: #ddd !important; border-color: #000 !important;
color: #000 !important;
} .subcategory-tree {
display: flex; flex-wrap: wrap; gap: 10px; margin-top: 0px; padding: 0;
} .subcategory-item {
display: flex; align-items: center; justify-content: center; background: #f9f9f9 !important; border: 1px solid #ddd !important; line-height: 1em;
border-radius: 5px !important; padding: 7px 8px !important; text-align: center;
font-size: 14px !important; font-weight: 500 !important; color: #000 !important; text-decoration: none !important; width: auto; max-width: auto; margin: 0 0 5px; transition: background-color 0.3s ease, border-color 0.3s ease;
} .subcategory-item:hover {
background: #ddd !important; border-color: #bbb !important; color: #000 !important; } .subcategory-item.active {
background: #ddd !important; border-color: #000 !important;
color: #000 !important; }
.subcategory-section h4 {
font-size: 12px; font-weight: 600; color: #333; margin-top: 5px;
margin-bottom: 2px; text-align: left; text-transform: uppercase !important;
} #wpadminbar #wp-admin-bar-shop_manager_dashboard,
#wpadminbar #wp-admin-bar-shop_manager_new_order {
display: block !important; visibility: visible !important; }
@media (max-width: 782px) {
#wpadminbar #wp-admin-bar-shop_manager_dashboard,
#wpadminbar #wp-admin-bar-shop_manager_new_order {
display: block !important;
visibility: visible !important;
padding-left: 10px;
}
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__wrap,
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_icon.dvcs_icon_module,
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_icon.dvcs_icon_module>a {
display: flex;
justify-content: right;
align-items: center;
} .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__wrap .nav li ul {
border-top: none;
border-radius: 0 0 5px 5px;
} .dvcs_shoppy_header_3 .et-menu li li.menu-item-has-children>a:first-child:after {
top: 6px;
} .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__logo {
overflow: visible !important;
}
@media all and (min-width: 981px) { .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__logo img {
margin-top: -34px;
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu__search-button {
display: none !important;
}
} .dvcs_shoppy_header_3 .et_pb_menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
padding: 16px 0 !important;
} .dvcs_shoppy_header_3 .et_pb_menu .et-menu .menu-item-has-children>a:first-child {
padding-right: 20px !important;
} .dvcs_shoppy_header_3 .et_pb_s {
background-color: #ffffff !important;
}
.dvcs_shoppy_header_3 .et_pb_searchsubmit {
padding: 6px 16px !important;
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__search-container {
width: 75%;
left: auto;
right: 0;
padding-left: 0px !important;
}
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__icon.et_pb_menu__search-button {
margin-right: 0;
}
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__icon.et_pb_menu__close-search-button {
margin: 0;
}
.dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__search-form {
background-color: #e8e7ff;
padding-left: 10px !important;
border-radius: 5px;
}
.dvcs_shoppy_header_3 .et_pb_menu .et_pb_menu__search-input {
font-size: 14px !important;
line-height: 30px;
color: #302459; } .dvcs_shoppy_header_3 .et_pb_text.dvcs_contact_us {
margin-left: 10px !important;
} .dvcs_shoppy_header_3 .et_pb_menu__search-button,
.dvcs_shoppy_header_3 .et_pb_menu__cart-button {
background-color: #e8e7ff !important;
border-radius: 4px 4px 4px 4px;
padding: 16px 9px !important;
margin-left: 20px !important;
height: 30px;
}
.et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu__search-button {
order: 1;
margin-left: 12px !important;
}
@media all and (max-width: 980px) { .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu__cart-button {
margin-left: 0px !important;
margin-right: 0px !important;
order: 1;
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu--style-left_aligned .et_pb_menu__logo {
margin-right: 20px;
}
} .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_mobile_menu {
top: 130%;
left: 2px;
border-radius: 0 0 6px 6px;
max-height: auto;
overflow: visible;
}
@media all and (max-width: 980px) and (min-width: 410px) { .et-db #et-boc .et-l .dvcs_shoppy_header_3 .et_pb_menu .et_mobile_menu {
width: 107%;
left: 50%;
transform: translatex(-50%);
overflow: visible;
}
} .dvcs_underline_item .et_pb_menu__menu>nav>ul>li:not(.et_pb_menu__logo-slot):before {
content: " ";
position: absolute;
left: 50%;
bottom: 20%;
transform: translateX(-50%);
width: 10%;
height: 2px;
opacity: 0;
background-color: red;
transition: all .3s ease;
}
.dvcs_underline_item .et_pb_menu__menu>nav>ul>li:hover:before {
bottom: 5%;
width: 100%;
opacity: 1;
}
.custom-login-icon {
display: flex; align-items: center; gap: 8px; }
.custom-icon {
font-family: 'ETmodules'; font-size: 20px !important; color: #ffffff; display: inline-block; }
.login-icon {
font-size: 12px !important; color: #ffffff !important; text-decoration: none; display: flex; align-items: center; } #mobile-fixed-menu {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #f5f5f5; display: flex;
justify-content: space-around;
align-items: center;
padding: 5px; z-index: 9999; box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1); border-top: 2px solid #e0e0e0; transform: translateY(0); transition: transform 0.3s ease-in-out; } #mobile-fixed-menu.hidden {
transform: translateY(100%); } #mobile-fixed-menu .menu-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 6px;
background-color: #ffffff; border-radius: 5px; width: 19%; height: 50px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.2s ease-in-out; } #mobile-fixed-menu .menu-item:hover {
background-color: #e0e0e0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } #mobile-fixed-menu .menu-icon {
font-family: 'ETmodules'; font-size: 22px; color: #e92e34; margin-bottom: 0px; transition: color 0.2s ease-in-out; } #mobile-fixed-menu .menu-item:hover .menu-icon {
color: #d32f2f; } #mobile-fixed-menu .menu-text {
font-size: 9px; color: #333; font-weight: bold; text-transform: uppercase; text-align: center;
transition: color 0.2s ease-in-out; line-height: 1; } #mobile-fixed-menu .menu-item:hover .menu-text {
color: #d32f2f; } @media (min-width: 768px) {
#mobile-fixed-menu {
display: none; }
}