/* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION COMMON VVV VVV VVV VVV VVV VVV VVV */ /* #common-home #content .slideshow, */ /* .common-home header { display: block; } */ input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } html { overflow-x: hidden !important; } html { scroll-padding-top: 300px; } /* --> COMMON > COLORS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body { --accent1: #231F20; --accent2: #EC6E00; } .alert-warning { background-color: #fff2f1; } /* --> COMMON > DIMENSIONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body { --minicart-width: 635px; --responsivePadding: clamp(15px, 3vw, 45px) } @media(max-width: 768px) { body { overflow-x: hidden; } } /* --> COMMON > BREADCRUMBS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumb, .breadcrumb a { white-space: normal; } /* --> COMMON > SEARCH [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #search_contents { height: 100% !important; } /* --> COMMON > PAGINATION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mfilter-content-container>div>.row:last-child { margin: 30px 0px 0px !important; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: transparent !important; color: #EC6E00; font-weight: bold; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li>a, .pagination>li>span { color: #000; border: none; } .pagination { padding: 0px 45px; } /* --> COMMON > ALERT MESSAGES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 768px) { .alert.alert-success { display: block; } } .text-danger { color: red; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; z-index: 9; position: relative; align-items: center; display: flex; gap: 4px; justify-content: center; border-color: green; border-radius: 0px !important; } /* --> COMMON > ALERT MESSAGES > ADDED TO WISHLIST [2] =========================================================================================================== */ .alert-success:has(>a[href$="wishlist"]) { display: inline-block; padding-right: 30px !important; width: 100%; max-width: calc(100% - 40px); margin-left: 20px !important; margin-top: 20px !important; } .alert-success:has(>a[href$="wishlist"])>.close { position: absolute; right: 0px } /* --> COMMON > BUTTONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .well .btn-primary, .pull-right .btn-primary, .pull-left .btn-primary, .well .btn, .pull-right .btn:not(.language-select):not([onclick*="remove"]), .pull-left .btn:not(.language-select):not([onclick*="remove"]) { padding: 5px 35px !important; font-size: 16px !important; font-weight: bold !important; display: flex !important; justify-content: center !important; height: 50px !important; align-items: center; line-height: 1; text-transform: uppercase; background: none; box-shadow: none; border: none; border-radius: 0px; box-sizing: border-box; color: black; border: 1px solid black; text-shadow: none !important; transition: all .2s; } .pull-right .btn-primary, .pull-right .btn:not(.language-select):not([onclick*="remove"]) { background: black !important; color: white !important; border-color: black !important; } .well .btn-primary:hover, .pull-right .btn-primary:hover, .pull-left .btn-primary:hover, .well .btn:hover, .pull-right .btn:not(.language-select):not([onclick*="remove"]):hover, .pull-left .btn:not(.language-select):not([onclick*="remove"]):hover { background: #EC6E00 !important; border-color: #EC6E00 !important; color: white !important; } /* --> COMMON > AROUND THE PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html { scroll-behavior: smooth; } html .cc-bottom, html .zopim, #sa-badge-floating-plugin, #shopflix-badge, #launcher, #shopflix-badge, #ac-menu, .logo-container-main, .menu-action, header .list-inline.menu-right-section { transition: all 0.3s !important; } html[class*="burger_menu_enabled"] #shopflix-badge, html[class*="cart_enabled"] #shopflix-badge, html[class*="filters_enabled"] #shopflix-badge, html[class*="search_enabled"] #shopflix-badge, html[class*="html_has_extra_content_enabled"] #shopflix-badge, html[class*="burger_menu_enabled"] #launcher, html[class*="cart_enabled"] #launcher, html[class*="filters_enabled"] #launcher, html[class*="search_enabled"] #launcher, html[class*="html_has_extra_content_enabled"] #launcher, html[class*="filters_enabled"] .cc-bottom, html[class*="search_enabled"] .cc-bottom, html[class*="html_has_extra_content_enabled"] .cc-bottom, html[class*="burger_menu_enabled"] #sa-badge-floating-plugin, html[class*="cart_enabled"] #sa-badge-floating-plugin, html[class*="filters_enabled"] #sa-badge-floating-plugin, html[class*="search_enabled"] #sa-badge-floating-plugin, html[class*="html_has_extra_content_enabled"] #sa-badge-floating-plugin, html[class*="burger_menu_enabled"] .zopim, html[class*="cart_enabled"] .zopim, html[class*="filters_enabled"] .zopim, html[class*="search_enabled"] .zopim, html[class*="html_has_extra_content_enabled"] .zopim { transform: translateY(250px) !important; } html[class*="menu_revealed"] .cc-revoke.cc-bottom.cc-left, html[class*="html_has_extra_content_enabled"] .cc-revoke.cc-bottom.cc-left, html[class*="burger_menu_enabled"] #ac-menu, html[class*="cart_enabled"] #ac-menu, html[class*="filters_enabled"] #ac-menu, html[class*="search_enabled"] #ac-menu, html[class*="html_has_extra_content_enabled"] #ac-menu { transform: translateX(-250px) !important; } /* --> COMMON > GENERIC INTRO IMAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-intro h1 { color: white; font-size: 35px; text-align: center; font-weight: 300; margin-top: 0px; text-transform: uppercase; z-index: 5; text-shadow: 1px 1px 4px black; } .category-intro.image-with-descripion .breadcrumb { z-index: 5; padding-left: 0; display: none !important; } #checkout-cart, #checkout-cart { padding-left: 0; padding-right: 0; } #checkout-cart>.row, #product-manufacturer>.row { padding-top: 45px; padding-bottom: 45px; } /* .checkout-cart #content { padding-left: 40px; padding-right: 40px; } */ .checkout-checkout #agree { position: relative; margin: unset; } /* --> COMMON > NEWSLETTER POPUP [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> COMMON > NEWSLETTER POPUP > DISABLE [2] =========================================================================================================== */ /* .modal-backdrop, #storesModal { display: none !important; } .modal-open { overflow: auto; } */ /* --> COMMON > NEWSLETTER POPUP > LAYOUT [2] =========================================================================================================== */ .modal-backdrop { display: block !important; z-index: 99999; } #storesModal { display: block !important; padding-right: 0px !important; visibility: hidden; } #storesModal .modal-content { width: 600px !Important; max-width: 100% !Important; } html.newsletter_modal_enabled footer { z-index: 999999 } html.newsletter_modal_enabled #storesModal { z-index: 9999999999999 !important; visibility: visible !important; opacity: 1 !important; } html.newsletter_modal_enabled #storesModal .modal-dialog { transform: none !important; } html:before { content: ""; background: rgba(0, 0, 0, .5); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; transition: all .3s; opacity: 0; visibility: hidden; } html.newsletter_modal_enabled:before { opacity: 1; visibility: visible; } html.newsletter_modal_enabled .modal-backdrop { opacity: 1 !important; visibility: visible !important; } .modal-backdrop { background: rgba(0, 0, 0, .7) !important; } /* body:not(.modal-open) .modal-backdrop { opacity: 0 !important; visibility: hidden !important; } */ /* --> COMMON > NEWSLETTER POPUP > MODAL AGREE [2] =========================================================================================================== */ #modal-agree { z-index: 999999999999999999999999999999999999999 !important; position: fixed !important; max-height: calc(100vh - 100px); } html.newsletter_modal_enabled #modal-agree+.modal-backdrop { display: none !important; } /* --> COMMON > NEWSLETTER POPUP > HEADER [2] =========================================================================================================== */ #storesModal .modal-header { padding-bottom: 0px; border: none; } /* --> COMMON > NEWSLETTER POPUP > CLOSE [2] =========================================================================================================== */ #storesModal .modal-header { padding-bottom: 0px; border: noone; } #storesModal button.close { padding: 0px !important; } #storesModal .close-icon svg { /* filter:brightnes(0) !important; */ background: white !important; width: 30px; height: 30px; border-radius: 100%; position: absolute; top: 10px; right: 10px; padding: 3px } /* --> COMMON > NEWSLETTER POPUP > FORM [2] =========================================================================================================== */ #storesModal .news-form>div { padding-right: 0px; padding-left: 0px } /* --> COMMON > NEWSLETTER POPUP > FORM > INPUT [3] ------------------------------------------------------------- */ #storesModal input#email { color: #000 !important; font-size: 14px !Important } /* --> COMMON > NEWSLETTER POPUP > FORM > BUTTON [3] ------------------------------------------------------------- */ #storesModal #subscribe2 { padding: 13px 0px !important; font-size: 14px !important; width: 120px !important; font-weight: bold; text-transform: uppercase; background: none; box-shadow: none; border: none; border-radius: 0px; box-sizing: border-box; background: white; line-height: 1 !important; color: #000; background: black; color: white !important } #storesModal .buttons { margin-bottom: 0px !important } #storesModal .error.not-valid { margin-bottom: 0px !Important; background: pink; color: #D10000 !important; line-height: 1; padding: 7px 7px; } /* --> COMMON > NEWSLETTER POPUP > FORM > ACCEPT TERMS [3] ------------------------------------------------------------- */ #storesModal input[type="checkbox"] { margin-top: 2px !important; float: left; margin-top: 10px !Important; margin-right: 10px; } #storesModal .pull-center, #storesModal .pull-center a strong { color: black; font-size: 13px } #storesModal .pull-center a strong { color: black !important; } #storesModal .pull-center a { margin-left: 3px !Important } /* --> COMMON > MODULES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HOME > BIG AND SMALL BANNERS (R0W) [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HOME > BIG AND SMALL BANNERS > ARROWS [2] =========================================================================================================== */ .custom_carousel.big_and_small_row { padding: 40px !important; padding-right: 40px; padding-bottom: 40px; width: 100% !important; padding-bottom: 0px !important; padding-right: 0px !important; border: unset !important; box-shadow: unset !important; } @media (max-width: 991px) { .custom_carousel.big_and_small_row { padding-left: 20px !important; } } .swiper-container.big_and_small { position: relative; } .swiper-container.big_and_small .swiper-pager { /* background: red !important; width: 100% !important; top: 50% !important; height: fit-content !important; */ position: static !important; height: 0px !important; display: flex !important; } .swiper-container.big_and_small .swiper-pager :is(.swiper-button-prev, .swiper-button-next) { position: absolute !important; top: 50%; z-index: 9; width: max(40px, 2.5vw); height: max(40px, 2.5vw); background: black !important; /* border-radius: 100% !important; */ opacity: 1 !important; display: flex !important; visibility: visible !important; line-height: 1 !important; align-items: center; text-align: center; justify-content: center; align-content: center; align-items: center; justify-items: center; } .swiper-container.big_and_small .swiper-pager :is(.swiper-button-prev, .swiper-button-next):before { font-size: max(30px, 2.2vw) !important; color: white !important } .swiper-container.big_and_small .swiper-pager :is(.swiper-button-prev, .swiper-button-next):after { display: none !important; } .swiper-container.big_and_small .swiper-pager .swiper-button-prev { left: min(40px, 2vw) !important; right: unset !important; } .swiper-container.big_and_small .swiper-pager .swiper-button-next { right: min(40px, 2vw) !important; left: unset !important; } /* --> HOME > BIG AND SMALL BANNERS > SLIDES [2] =========================================================================================================== */ .big_and_small_row .swiper-slide { position: relative; display: flex !important; flex-direction: column; } /* --> HOME > BIG AND SMALL BANNERS > SLIDES > ALL VARIATIONS [3] ------------------------------------------------------------- */ .big_and_small_row .swiper-wrapper>.swiper-slide .big_image { width: 75%; z-index: 1; cursor: pointer; } .big_and_small_row .swiper-wrapper>.swiper-slide .small_image { width: 40%; z-index: 12; cursor: pointer; } .big_and_small_row .swiper-wrapper>.swiper-slide .banner_description { width: 60%; height: 18%; /* font-size: 25px; */ line-height: 1.2; position: absolute; padding: clamp(10px, 1vw, 20px); display: flex; font-size: min(27px, calc(1.5vw + 10px)); } /* --> HOME > BIG AND SMALL BANNERS > SLIDES > VARIATION #1 [3] ------------------------------------------------------------- */ .big_and_small_row .swiper-wrapper>.swiper-slide:nth-child(3n+1) .big_image { margin-left: auto } .big_and_small_row .swiper-wrapper>.swiper-slide:nth-child(3n+1) .small_image { margin-top: -40% } .big_and_small_row .swiper-wrapper>.swiper-slide:nth-child(3n+1) .banner_description { right: 0px; bottom: 0px; } /* --> HOME > BIG AND SMALL BANNERS > SLIDES > VARIATION #2 [3] ------------------------------------------------------------- */ .big_and_small_row .swiper-wrapper>.swiper-slide:nth-child(3n+2) { margin-top: 60px; } .big_and_small_row .swiper-wrapper>.swiper-slide:nth-child(3n+2) .small_image { order: -2; margin-left: auto; margin-bottom: -40% } .big_and_small_row .swiper-wrapper>.swiper-slide:nth-child(3n+2) .banner_description { align-items: flex-end; padding-left: 0px } /* --> HOME > BIG AND SMALL BANNERS > SLIDES > VARIATION #3 [3] ------------------------------------------------------------- */ .big_and_small_row .swiper-wrapper>.swiper-slide:nth-child(3n+3) .small_image { margin-left: auto; margin-top: -40%; } .big_and_small_row .swiper-wrapper>.swiper-slide:nth-child(3n+3) .banner_description { left: 0px; bottom: 0px; justify-content: flex-end; } /* --> COMMON > MODULES > PRODUCTS CAROUSEL [2] =========================================================================================================== */ /* --> COMMON > MODULES > PRODUCTS CAROUSEL > PAGER - SHOW / HIDE [3] ------------------------------------------------------------- */ .products-carousel-module .carousel .swiper-pager { /* display: none !important; */ } .module_row_section[class*="home_hotspots"] .products-carousel-module .carousel .swiper-pager { display: flex !important; } /* --> COMMON > MODULES > PRODUCTS CAROUSEL > ARROWS [3] ------------------------------------------------------------- */ .products-carousel-module .swiper-viewport { overflow: visible !important } /* --> COMMON > MODULES > CAROUSEL > ARROWS [3] ------------------------------------------------------------- */ .swiper-viewport .swiper-button-prev, .swiper-viewport .swiper-button-next { opacity: 0.8 !important; } .swiper-viewport .swiper-button-next.swiper-button-disabled, .swiper-viewport .swiper-button-prev.swiper-button-disabled { opacity: 0.2 !important; cursor: auto !important; pointer-events: none !important; opacity: 0 !important; } .carousel.swiper-viewport { position: static; } .carousel:not(.carousel0_container) .swiper-pager>div { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: 1; left: 0px !important; right: 0px !important; opacity: 1 !important; } .carousel.carousel0_container.swiper-viewport { flex-wrap: wrap; } .section_title.carousel_0_title { flex: 1 1 100%; } #common-home .carousel.carousel0_container .swiper-button-prev.swiper-button-prev_carousel_0, #common-home .carousel.carousel0_container .swiper-button-next.swiper-button-next_carousel_0 { top: 25px; } .view_more { font-weight: bold !important; } /* --> COMMON > MODULES > CAROUSEL > ARROWS > EXCLUDE MANUFACTURER CAROUSEL */ .carousel:not(.carousel0_container) .swiper-pager>div:first-child:before { transform: rotate(180deg); } .carousel:not(.carousel0_container) .swiper-pager>div::before { line-height: 1 !important; height: 16px; width: 16px; display: flex; transition: all 0.12s; align-items: center; justify-content: center; font-size: 29px; margin-right: 3px; } .carousel:not(.carousel0_container) .swiper-pager>div:last-child { transform: rotate(180deg) !important; } .carousel:not(.carousel0_container) .swiper-pager { top: -25px !important; z-index: 2 !important; right: 0px; position: absolute; width: 60px !important; display: flex; } .carousel:not(.carousel0_container) .swiper-pager>div { opacity: 1 !important; transform: none !important; position: relative !important; float: none !important; margin: 0px; } .carousel:not(.carousel0_container) .swiper-pager>div.swiper-button-disabled { opacity: 0.12 !important; } .carousel:not(.carousel0_container) .swiper-button-next { right: 0px !important; } .carousel:not(.carousel0_container) .swiper-button-prev { left: 0px !important; } /* COMMON > MODULES > CAROUSEL > ARROWS > HOVERS */ .carousel:not(.carousel0_container) .swiper-pager>div::after { content: ""; width: 100%; height: 100%; position: absolute; background: #EC6E00 !important; border-radius: 100%; z-index: -1; opacity: 0; transition: all 0.12s; } .carousel:not(.carousel0_container) .swiper-pager>div:hover:after { opacity: 1; } .carousel:not(.carousel0_container) .swiper-pager>div:hover::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HEADER VVV VVV VVV VVV VVV VVV VVV */ header { margin-top: 0px !important; } /* --> HEADER > TOP BAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container.top-bar * { line-height: 1.2; white-space: nowrap } .top-bar { box-shadow: -300px 0px #EC6E00, 300px 0px #EC6E00 } .container.top-bar:before, .container.top-bar:after, .container.top-bar>.row:before, .container.top-bar>.row:after { display: none !important; } .container.top-bar:before, .container.top-bar { display: flex !important; align-items: center !important; } .container.top-bar>.row { display: flex; align-items: center; gap: 0px 20px; justify-content: space-evenly; width: 100%; width: calc(100% - 90px) !important; margin-left: auto !important; overflow: hidden } @media(max-width: 768px) { .container.top-bar>.row { width: 100% !important; } } .container.top-bar>.row>div { display: flex !important; align-items: center; padding: 7px 0px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .container.top-bar>.row>div br { display: none !important; } .container.top-bar>.row>div>ul { display: flex; gap: 20px; -moz-column-count: unset; column-count: unset; padding: 0px; } .container.top-bar>.row>div>ul #form-language { margin-bottom: 0px !important } @media(min-width: 1539px) { .container.top-bar .row>div:first-child p+p { display: none; } } /* top bar module should have its "p" content duplicated */ @media(max-width: 1538px) { @-webkit-keyframes scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } @keyframes scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .container.top-bar .row>div:first-child { overflow: hidden; white-space: nowrap; display: flex; } .container.top-bar .row>div:first-child p { white-space: nowrap; display: inline-block; -webkit-animation: scroll 22s linear infinite; animation: scroll 22s linear infinite; } } @media(max-width: 768px) { .container.top-bar>.row>div>ul>li a { font-size: 0px; gap: 0px; } /* .container.top-bar>.row { gap: 0px 10px; padding-left: 55px; } */ } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HEADER > MENU VVV VVV VVV VVV VVV VVV VVV */ /* .menu_revealed, .menu_revealed body, .cart_enabled, .cart_enabled body, .search_enabled, .search_enabled body { overflow: hidden !important; } */ .extra-menu-links { border-top: 1px solid #D8D8D8; padding-top: 25px; margin-top: 25px; margin-right: 50px; margin-left: 20px; } .extra-menu-links ul { padding: 0; list-style: none; } .extra-menu-links ul li a { color: white; font-size: 16px !important; font-weight: normal !important; padding: 14px 0px !important; display: block; } .extra-menu-links ul li a:hover { color: #EC6E00 !important; } /* --> HEADER > FIX SPACES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* .product-search header, .product-manufacturer header, .account-login header, .account-success header, .account-edit header, .account-password header, .account-address header, .account-wishlist header, .account-order header, .account-reward header, .account-return header, .account-transaction header, .account-newsletter header, .account-register header, .account-account header, .account-logout header, .checkout-cart header, .checkout-checkout header, .extension-module-isenselabs_gdpr header, .product-manufacturer-info header { position: relative; } */ /* .product-search header > .container > .row, .product-manufacturer header > .container > .row, .account-login header > .container > .row, .account-success header > .container > .row, .account-edit header > .container > .row, .account-password header > .container > .row, .account-address header > .container > .row, .account-wishlist header > .container > .row, .account-order header > .container > .row, .account-reward header > .container > .row, .account-return header > .container > .row, .account-transaction header > .container > .row, .account-newsletter header > .container > .row, .account-register header > .container > .row, .account-account header > .container > .row, .account-logout header > .container > .row, .checkout-cart header > .container > .row, .checkout-checkout header > .container > .row, .extension-module-isenselabs_gdpr header > .container > .row, .product-manufacturer-info header > .container > .row { height: auto; } */ /* .product-search .breadcrumb, .product-manufacturer .breadcrumb, .account-login .breadcrumb, .account-success .breadcrumb, .account-edit .breadcrumb, .account-password .breadcrumb, .account-address .breadcrumb, .account-wishlist .breadcrumb, .account-order .breadcrumb, .account-reward .breadcrumb, .account-return .breadcrumb, .account-transaction .breadcrumb, .account-newsletter .breadcrumb, .account-register .breadcrumb, .account-account .breadcrumb, .account-logout .breadcrumb, .checkout-cart .breadcrumb, .checkout-checkout .breadcrumb, .extension-module-isenselabs_gdpr .breadcrumb, .product-manufacturer-info .breadcrumb { padding-left: 30px; } */ .account-login .breadcrumb>li:first-child, .account-edit .breadcrumb>li:first-child, .account-success .breadcrumb>li:first-child, .account-password .breadcrumb>li:first-child, .account-address .breadcrumb>li:first-child, .account-wishlist .breadcrumb>li:first-child, .account-order .breadcrumb>li:first-child, .account-reward .breadcrumb>li:first-child, .account-return .breadcrumb>li:first-child, .account-transaction .breadcrumb>li:first-child, .account-newsletter .breadcrumb>li:first-child, .account-register .breadcrumb>li:first-child, .account-account .breadcrumb>li:first-child, .account-logout .breadcrumb>li:first-child, .checkout-cart .breadcrumb>li:first-child, .checkout-checkout .breadcrumb>li:first-child, .extension-module-isenselabs_gdpr .breadcrumb>li:first-child, .product-manufacturer-info .breadcrumb>li:first-child, .information-sitemap .breadcrumb>li:first-child, .product-special .breadcrumb>li:first-child, #common-success .breadcrumb>li:first-child { padding-left: 0; } #account-edit, #account-success, #account-password, #account-address, #account-wishlist, #account-order, #account-reward, #account-return, #account-transaction, #account-newsletter, #account-register, #account-account, #common-success, #checkout-cart, #extension-module-isenselabs_gdpr, #information-sitemap, #product-special, #account-login { padding-right: 0; padding-left: 0; padding-bottom: 30px; } #account-edit #content>h1, #account-success #content>h1, #account-password #content>h1, #account-address #content>h1, #account-wishlist #content>h1, #account-order #content>h1, #account-reward #content>h1, #account-return #content>h1, #account-transaction #content>h1, #account-newsletter #content>h1, #account-register #content>h1, #account-account #content>h1, #common-success #content>h1, #checkout-cart #content>h1, #extension-module-isenselabs_gdpr #content>h1, #information-sitemap #content>h1, #common-success #content>h1 { font-size: 0; margin: 0; } .product-manufacturer-info #product-manufacturer>.row { padding: 0 !important; } .product-manufacturer-info .manufacturer-title { color: #000; padding: 0px 30px; } .row { margin-left: unset !important; margin-right: unset !important; } .checkout-checkout .check-column { padding: 20px 20px 20px 0 !important; } .checkout-success #content { padding: 25px 45px; text-align: center; font-size: 20px; line-height: 32px; } .checkout-success #content .pull-right { float: unset !important; } .checkout-success #content .pull-right .btn.btn-primary:hover { color: #000; } .checkout-success #content .pull-right .btn.btn-primary { padding: 12px 25px; font-size: 15px; color: white; text-transform: uppercase; font-weight: 600; } #collapse-payment-address .checkbox, #collapse-payment-address .buttons.clearfix { margin-left: 20px; } #collapse-payment-method .radio[for="modirumeb"]::before { background-image: url("data:image/svg+xml,%3Csvg width='37px' height='37px' viewBox='0 0 37 37' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 17%3C/title%3E%3Cg id='PAGES' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cg id='CHECH-OUT' transform='translate(-743.000000, -624.000000)' stroke='%23000000' stroke-width='1.62790698'%3E%3Cg id='Group-17' transform='translate(744.000000, 625.000000)'%3E%3Cpath d='M27.5726744,35 L17.1947674,35 C16.2394234,35 15.4651163,34.2546776 15.4651163,33.3350951 L15.4651163,22.7906977 L29.3023256,22.7906977 L29.3023256,33.3350951 C29.3023256,34.2546776 28.5280184,35 27.5726744,35 Z' id='Stroke-1'/%3E%3Cpath d='M22.7906977,26.0465116 C21.8915504,26.0465116 21.1627907,26.8117093 21.1627907,27.755814 C21.1627907,28.2600581 21.3749612,28.7084651 21.7054264,29.0212674 L21.7054264,30.6046512 C21.7054264,31.2313953 22.1937984,31.744186 22.7906977,31.744186 C23.3875969,31.744186 23.875969,31.2313953 23.875969,30.6046512 L23.875969,29.0212674 C24.2064341,28.7084651 24.4186047,28.2600581 24.4186047,27.755814 C24.4186047,26.8117093 23.689845,26.0465116 22.7906977,26.0465116 Z' id='Stroke-3'/%3E%3Cpath d='M17.9069767,22.7906977 L17.9069767,19.9731664 C17.9069767,17.4937388 19.9215116,15.4651163 22.3837209,15.4651163 C24.8459302,15.4651163 26.8604651,17.4937388 26.8604651,19.9731664 L26.8604651,22.7906977' id='Stroke-5' stroke-linecap='round'/%3E%3Cpath d='M12.983871,22.7906977 L2.25806452,22.7906977 C1.01104839,22.7906977 0,21.7702442 0,20.5116279 L0,2.27906977 C0,1.02045349 1.01104839,0 2.25806452,0 L32.7419355,0 C33.9889516,0 35,1.02045349 35,2.27906977 L35,20.5116279 C35,21.7702442 33.9889516,22.7906977 32.7419355,22.7906977 L32.1774194,22.7906977' id='Stroke-7'/%3E%3Cline x1='3.25581395' y1='15.872093' x2='6.51162791' y2='15.872093' id='Stroke-9' stroke-linecap='round'/%3E%3Cline x1='8.95348837' y1='15.872093' x2='12.2093023' y2='15.872093' id='Stroke-11' stroke-linecap='round'/%3E%3Cline x1='0.813953488' y1='4.47674419' x2='35' y2='4.47674419' id='Stroke-13' stroke-linecap='square'/%3E%3Cline x1='0.813953488' y1='9.36046512' x2='35' y2='9.36046512' id='Stroke-15' stroke-linecap='square'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 37px; height: 37px; left: 26px; } /* --> HEADER > MENU > BURGER BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #menu_toggle_section { display: flex; /* align-items: flex-end; */ flex-direction: column; /* justify-content: center; */ /* align-content: center; */ } #menu_toggle_section>#burger_button { cursor: pointer; text-align: center; line-height: 1; display: flex; justify-content: center; align-content: center; align-items: center; -moz-column-gap: 6px; column-gap: 6px; } /* --> HEADER > MENU > BURGER BUTTON > DISABLE TEXT [2] =========================================================================================================== */ #menu_toggle_section>#category { font-size: 15px; display: none !important; line-height: 1 !important; } /* --> HEADER > MENU > CONTAINER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MENU > CONTAINER > OUTER [2] =========================================================================================================== */ #menu { display: flex; align-items: center; justify-content: center; min-height: unset; } #menu_container { width: 400px; max-width: calc(100vw - 20px); position: fixed; top: 0px; left: 0px; z-index: 9; height: 100%; /* overflow: auto; */ background: #111111; display: flex; flex-direction: column; padding-left: 50px !important; padding-right: 0px !important; } #menu_container, html:after { transition: all 0.2s; } header>.container { z-index: 10; padding: 0; position: relative; } /* --> HEADER > MENU > CONTAINER > INNER [2] =========================================================================================================== */ #menu .nav.navbar-nav li.dropdown .dropdown-menu { padding-left: 25px; padding-right: 0px; width: 100%; background: #111111; } #menu .nav.navbar-nav li.dropdown .dropdown-menu ul { /* padding-left: 50px; */ } /* --> HEADER > MENU > CONTAINER > HEIGHTS [2] =========================================================================================================== */ #menu_header { margin-top: 20px; margin-bottom: 57px; } #menu .nav.navbar-nav { height: auto; overflow: auto; justify-content: unset; margin: 0px; } #menu .nav.navbar-nav li.dropdown .dropdown-menu { top: 80px !important; height: calc(100vh - 80px); /*overflow: auto;*/ margin: 0px !important; } #menu .dropdown.dropdown_activated .dropdown-inner .dropdown-menu.options .list-unstyled { display: flex !important; flex-direction: unset; gap: 18px; padding: 0px 20px; flex-wrap: wrap; } #menu .dropdown.dropdown_activated .dropdown-inner .dropdown-menu.options .list-unstyled li a { min-width: 32px !important; border: 1px solid black !important; text-align: center; padding: 7px 10px !important; text-transform: uppercase !important; min-width: 70px !important } #menu .nav.navbar-nav li.dropdown .dropdown-menu li.dropdown .dropdown-menu { /* top: -4px !important; */ /* height: calc(100% - 2px) !important; */ /* height: calc(100vh - 132px); overflow: auto; */ top: 0px !important; height: 100%; } #menu .nav.navbar-nav li.dropdown .dropdown-menu li.dropdown.dropdown_activated .dropdown-menu { top: -1px !important; height: calc(100% + 2px); background: white; max-height: 100vh; /* overflow-y: auto; */ } /* --> HEADER > MENU > CONTAINER > DROPDOWN WITH OPTIONS [2] =========================================================================================================== */ #menu .dropdown.dropdown_activated .dropdown-inner .dropdown-menu.options .list-unstyled li a { min-width: 70px !important } #menu .all-options { margin-top: 15px; flex: 1 1 100%; max-width: 80%; } #menu .dropdown.dropdown_activated .dropdown-inner>ul>li.all-options>a { background: black !important; color: white !important; transition: all 0.3s ease; } #menu .dropdown.dropdown_activated .dropdown-inner .dropdown-menu.options .parent_header { padding-inline: 25px } #menu .dropdown.dropdown_activated .dropdown-inner .dropdown-menu.options .list-unstyled { text-align: center; justify-content: center; padding-top: 10px; gap: 10px } #menu .dropdown.dropdown_activated .dropdown-inner .dropdown-menu.options { padding-left: 0px !important; padding-right: 0px !important; } /* --> HEADER > MENU > CONTAINER > REVEAL [2] =========================================================================================================== */ #menu_container { transform: translateX(-200%); } header::after { background: #000; content: ""; position: fixed; top: 0px; right: 0px; width: 100vw; height: 100vh; z-index: 8; } header:after { visibility: hidden; opacity: 0; transition: all 0.4s; } #menu_container { transition: all 0.4s; } .menu_revealed #menu_container { transform: translateX(0px); visibility: visible; opacity: 1; } .menu_revealed header:after { visibility: visible; opacity: 0.5; } /* --> HEADER > MENU > BURGER BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .navbar-toggle { display: block !important; } /* --> HEADER > MENU > LANGUAGE SWITCHER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .language-switcher { position: absolute; top: 20px; } .language-switcher .btn.btn-link.dropdown-toggle { padding: 0; color: white; font-size: 16px; line-height: 16px; } .language-switcher .dropdown-menu { margin-left: 0 !important; } .language-switcher .dropdown-menu .btn.btn-link.btn-block.language-select { color: #333; font-weight: 500; } .language-icon .dropdown-menu { position: relative; display: flex; background: unset; box-shadow: unset; border: unset; top: unset; right: unset; float: unset; min-width: unset; padding: 0; margin: 0; gap: 5px; z-index: 5; } .language-icon .dropdown-menu .btn.btn-link.btn-block.language-select { color: #fff; padding: 0; font-weight: 300; font-size: 14px; } .active-language .btn.btn-link.btn-block.language-select { font-weight: 500 !important; } .language-icon { height: auto !important; width: 100%; } .language-icon .dropdown-menu li:first-child { border-right: 1px solid rgba(255, 255, 255, 0.5); padding-right: 5px; } /* --> HEADER > MENU > CLOSE BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #menu_close_button { cursor: pointer; display: flex; align-items: center; justify-content: end; margin-top: 20px; margin-right: 50px; margin-bottom: 40px; } #menu_close_button svg { width: 25px; height: 25px; fill: white; } #menu_close_button:hover svg * { stroke: #EC6E00; fill: #EC6E00; } /* #menu_close_button::before { content: "CLOSE"; color: white; display: block; position: relative; display: inline; font-size: 12px; margin-right: 12px; } */ #menu_close_button:hover::before { color: #EC6E00; } /* --> HEADER > MENU > HEADER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #menu_header { display: flex; align-items: center; padding-left: 20px; } /* --> HEADER > MENU > HEADER > LOGO [2] =========================================================================================================== */ #menu_header a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .col-sm-2.logo-container-main { /* width: 161px; */ padding: 0; margin-right: auto; /* margin-top: 15px; */ margin-top: -10px; } .col-sm-2.menu-container-main { padding: 0; width: 238px; margin-left: auto; } .col-sm-2.menu-action { order: -1; width: 60px; background: #242424; height: 110px; display: flex; flex-direction: column-reverse; padding: 15px !important; margin-top: -64px; margin-right: 20px; } /* --> HEADER > MENU > ICONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MENU > ICONS > DROPDOWNS [2] =========================================================================================================== */ header .account_icon.dropdown>ul.dropdown-menu { min-width: unset !important; left: calc(50% + 27px); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; transform: translateX(-50%) translateY(10px); top: 58px; display: block !important; transition: all 0.4s; opacity: 0 !important; visibility: hidden !important; border: none !important; border-radius: 0px !important; box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.175) !important; position: absolute !important; border-radius: 5px !important; width: 238px !important; padding: 12px 0px !important; } header .account_icon.dropdown>ul.dropdown-menu>li>a { padding: 5px 20px !important; white-space: wrap; } header .account_icon.dropdown.open>ul.dropdown-menu { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0px); } header .account_icon.dropdown>ul.dropdown-menu::after { content: ""; width: 0; height: 0; border-width: 10px 10px 0px 10px; border-color: #fff transparent transparent transparent; border-style: solid; position: absolute; bottom: 100%; right: calc(50% + 27px); transform: rotate(180deg) translateX(-50%); } /* --> HEADER > MENU > DROPDOWNS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS [2] =========================================================================================================== */ #menu .dropdown .dropdown-menu { position: relative; width: 100%; } #menu .dropdown .dropdown-menu .dropdown-inner { display: flex; flex-direction: column; /* min-height: 30%; */ min-height: 260px; overflow-y: auto; } /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS > FONTS [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav * { color: white; font-size: 15px; } #menu .nav.navbar-nav a:hover { color: #EC6E00; } /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS > ALL LINKS [3] ------------------------------------------------------------- */ .navbar-nav>li>a, .dropdown-menu>li>a { background: transparent !important; padding: 9px 30px !important; text-transform: uppercase; } #menu .extra_links>a { padding: 9px 0px; line-height: normal; color: #a0a0a0; font-weight: 600; font-size: 16px !important; } .dropdown-inner>ul>li>a { background: transparent !important; padding: 7px 0px !important; /* text-transform: capitalize !imp1ortant; */ display: block; color: white !important; } .navbar-nav>li>a, .dropdown-menu>li>a, #menu .extra_links>a, .dropdown-inner>ul>li>a, #menu .parent_header .arrow_back svg { /* transition: all 0.12s; */ /* font-size: 14px !important; */ text-transform: uppercase !important; } .navbar-nav>li>a, .dropdown-inner>ul>li>a { font-size: 16px !important; font-weight: normal !important; padding: 14px 0px !important; } .navbar-nav>li>a:hover, .dropdown-menu>li>a:hover, #menu .extra_links>a:hover, .dropdown-inner>ul>li>a:hover { color: #EC6E00 !important; } /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS > DROPDOWN ARROW [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav li.dropdown>a { display: flex; align-items: center; line-height: 1; } #menu .nav.navbar-nav li.dropdown>a>.toggle_arrow { line-height: 1; display: none !important; } #menu .nav.navbar-nav .toggle_arrow>svg { width: 20px; height: 20px; fill: white; margin-left: 10px; } /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS > DROPDOWN TOGGLING [3] ------------------------------------------------------------- */ #menu .navbar-nav .dropdown-menu, #menu .nav.navbar-nav li.dropdown { position: static !important; } #menu .nav.navbar-nav li.dropdown .dropdown-menu { position: absolute !important; z-index: 9999999999; top: 0px !important; left: unset !important; right: -400px !important; height: 100%; /* transition: all 0.2s; */ transform: translateX(-50px); background: #F3F3F3; opacity: 0; visibility: hidden; display: block !important; padding-top: 85px; width: 400px; max-width: 100%; } .dropdown.dropdown_activated { background: #F3F3F3; border-radius: 0px; } .nav.navbar-nav>.dropdown.dropdown_activated>.dropdown-menu>.dropdown-inner>.list-unstyled>.dropdown.dropdown_activated { background: white; } .nav.navbar-nav>.dropdown.dropdown_activated>.dropdown-menu>.dropdown-inner>.list-unstyled>.dropdown.dropdown_activated>a { color: #EC6E00 !important; } .dropdown.dropdown_activated>a { color: #EC6E00 !important; } #menu .nav.navbar-nav li.dropdown.dropdown_activated>.dropdown-menu { transform: translateX(0px); opacity: 1; visibility: visible; border: unset; } #menu .dropdown.dropdown_activated .dropdown-inner>ul>li>a { color: #000000 !important; /*padding: 10px !important;*/ padding: 14px 0px !important; padding-left: 20px !important; padding-right: 20px !important; } #menu .dropdown.dropdown_activated .dropdown-inner>ul>li:hover>a { color: #EC6E00 !important; } #menu .dropdown.dropdown_activated .parent_header>a { color: #EC6E00 !important; font-weight: bold !important; padding-left: 20px; } #menu .dropdown.dropdown_activated .parent_header { border: none !important; } .dropdown-menu { border-radius: unset !important; box-shadow: unset !important; } /* --> HEADER > MENU > DROPDOWNS > LEVEL #1 [2] =========================================================================================================== */ #menu .nav.navbar-nav { flex-direction: column; } #menu .nav.navbar-nav { display: flex; flex-direction: column; width: 100%; } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS [2] =========================================================================================================== */ #menu .nav.navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu { background: #F3F3F3 !important } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS > PARENT HEADER [3] ------------------------------------------------------------- */ #menu .parent_header { display: flex; flex-direction: row; margin-bottom: 0px; border-top: 1px solid #7c7c7c; border-bottom: 1px solid #7c7c7c; padding: 15px 0px; } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS > PARENT HEADER > ARROW BACK */ #menu .parent_header .arrow_back { display: flex; align-items: center; width: 50px; box-sizing: border-box; padding-left: 10px; display: none !important; } #menu .parent_header .arrow_back svg { fill: white; transform: rotate(180deg); width: 19px; height: 19px; cursor: pointer; margin-right: 17px; } #menu .parent_header .arrow_back svg:hover { fill: #EC6E00 !important; } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS > PARENT HEADER > PARENT LINK */ #menu .parent_header>a { padding: 0px; text-transform: uppercase !important; color: white !important; font-size: 18px !important; line-height: normal !important; } #menu .parent_header>a:hover { color: #EC6E00 !important; } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS > ITEMS [3] ------------------------------------------------------------- */ #menu .dropdown-inner ul li>a { text-transform: none !important; font-size: 16px !important; } @media (max-width: 767px) { #menu_header .language-switcher.visible-xs { position: absolute; top: 20px; width: 100px; } #menu_header .language-switcher.visible-xs span.hidden-xs { display: block !important; font-size: 15px; color: white; } } /* --> HEADER > MINICART [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MINICART > LAYOUT [2] =========================================================================================================== */ #cart .dropdown-menu { display: block !important; position: fixed; top: 0px; right: 0px; height: 100vh; transform: translateX(100%); transition: all 0.4s; border-radius: 0px; padding: 20px; width: var(--minicart-width); background: white; border: none; margin: 0px; height: 100%; } body:before { transition: all 0.4s; content: ""; background: rgba(0, 0, 0, 0.6); width: 100vw; height: 100vh; display: block; position: fixed; z-index: 999; opacity: 0; visibility: hidden; top: 0; } #cart .dropdown-menu li>div { min-width: unset !important } /* --> HEADER > MINICART > LAYOUT > SECTIONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu>li.top-section .minicart_content { /* max-height: calc(100vh - 405px); */ max-height: calc(100vh - 345px); overflow: auto; } #cart .dropdown-menu>li.bottom-section { height: 237px; } /* --> HEADER > MINICART > LAYOUT > SCROLLBAR [3] ------------------------------------------------------------- */ #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar { width: 6px !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb { background: var(--accent2) !important; border-radius: 3px !important; border: none !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb:hover { background: var(--accent2) !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-track { background: #d8d8d8 !important; border-radius: 3px !important; } /* --> HEADER > MINICART > ENABLED [2] =========================================================================================================== */ .cart_enabled #cart .dropdown-menu { transform: translateX(0px); } @media(max-width: 991px) { html.cart_enabled, html.cart_enabled body { overflow: hidden !important; } } .cart_enabled body:before { opacity: 1; visibility: visible; width: calc(100% - var(--minicart-width)); } @media(max-width: 655px) { .cart_enabled body:before { width: 20px; } } /* --> HEADER > MINICART > EMPTY [2] =========================================================================================================== */ #cart .dropdown-menu .cart-empty { font-size: 18px; margin-top: 100px; color: black; } /* --> HEADER > MINICART > INTRO [2] =========================================================================================================== */ .minicart_intro { margin-bottom: 22px; } .minicart_intro .title { color: #000000; font-size: 12.79px; letter-spacing: 0.85px; line-height: 15px; text-align: center; font-family: var(--font1); /* text-transform: uppercase; */ } .minicart_intro .subtitle { font-family: var(--font2); color: #000000; font-size: 34.12px; line-height: 41px; text-align: center; font-weight: normal; /* text-transform: uppercase; */ } /* --> HEADER > MINICART > INTRO > EMPTY [3] ------------------------------------------------------------- */ #cart .dropdown-menu li.cart-empty p { margin: 20px 0; font-family: var(--font2); font-size: 22px; font-weight: normal; /* text-transform: uppercase; */ margin-top: 10px; } /* --> HEADER > MINICART > CLOSE BUTTON [2] =========================================================================================================== */ #cart_close_button { cursor: pointer; position: absolute; right: 20px; top: 20px; } /* --> HEADER > MINICART > PRODUCT LIST [2] =========================================================================================================== */ /* --> HEADER > MINICART > PRODUCT LIST > LAYOUT [3] ------------------------------------------------------------- */ #cart .dropdown-menu .table-products { border-collapse: collapse !important; } #cart .dropdown-menu .table-products { border-collapse: separate; border-spacing: 0 25px; /* margin-top: -25px; */ padding-right: 30px; padding-left: 10px; } #cart .dropdown-menu .table-products td, #cart .dropdown-menu .table-products th { border: none; } #cart .dropdown-menu .table-products>tbody>tr { position: relative; border: none !important; } #cart .dropdown-menu>li.top-section .minicart_content { scrollbar-width: thin; scrollbar-color: var(--accent1) transparent; } @-ms-viewport { #cart .dropdown-menu>li.top-section .minicart_content { -ms-overflow-style: -ms-autohiding-scrollbar; } } @supports (-ms-overflow-style: -ms-autohiding-scrollbar) { #cart .dropdown-menu>li.top-section .minicart_content::-ms-scrollbar { width: 10px; } #cart .dropdown-menu>li.top-section .minicart_content::-ms-scrollbar-thumb { background: var(--accent1); } } /* --> HEADER > MINICART > PRODUCT LIST > THUMB [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-thumb { vertical-align: middle; width: 150px; /* height: 150px; */ padding: 15px; } #cart .dropdown-menu .product-thumb img { width: 100%; height: auto; } #cart .dropdown-menu .product-thumb .img-thumbnail { /* width: 150px; height: 150px; */ border-radius: 0px; border: none; } /* --> HEADER > MINICART > PRODUCT LIST > INFO [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info { display: flex; flex-direction: column; min-height: 150px; padding: 15px 0px 15px 20px; } #cart .dropdown-menu .product-info a { color: #000000; font-size: 16px; text-align: left; font-weight: normal; /* text-transform: uppercase; */ display: block; margin-bottom: 12px; } #cart .dropdown-menu .table-products td .cart-brand { font-weight: bold; font-size: 15px; color: #000; } /* --> HEADER > MINICART > PRODUCT LIST > OPTIONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info .product-options { margin-bottom: 8px; } #cart .dropdown-menu .product-info .product-options .option-name { font-weight: bold; color: black; font-size: 14px; /* text-transform: uppercase; */ } #cart .dropdown-menu .product-info .product-options .option-value { color: #6c6c6c; font-size: 15px; } /* --> HEADER > MINICART > PRODUCT LIST > PRICE [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info .product-price { color: #000; font-size: 18px; font-weight: bold; margin-top: auto; } /* --> HEADER > MINICART > PRODUCT LIST > QTY [3] ------------------------------------------------------------- */ td.text-right.product-qty { vertical-align: bottom; font-size: 18px; font-weight: bold; color: black; position: absolute; bottom: 6px; right: 25px; border: none !important; } /* --> HEADER > MINICART > PRODUCT LIST > REMOVE [3] ------------------------------------------------------------- */ td.text-center.product-remove { width: 15px; } header #cart .btn.btn-danger.btn-xs { background: none; border-radius: 0px; border: none; padding: 5px; transform: translate(5px, -2px); } /* --> HEADER > MINICART > BOTTOM SECTION [2] =========================================================================================================== */ li.bottom-section { margin-top: auto; display: block; position: absolute; bottom: 0px; right: 0px; background: #0f0f0f; width: 100%; padding: 25px 20px; } li.bottom-section>div.container { width: 390px; max-width: 100%; } /* --> HEADER > MINICART > BOTTOM SECTION > TOTALS [3] ------------------------------------------------------------- */ /* hide subtotal section */ .bottom-section .container .totals>div:first-child { display: none; } .bottom-section .container .totals>div { display: flex; justify-content: space-between; text-transform: uppercase; color: white; } .bottom-section .container .totals>div .total-title { font-size: 16px; font-weight: 600; } .bottom-section .container .totals>div .total-text { font-size: 18px; font-weight: bold; } /* --> HEADER > MINICART > BOTTOM SECTION > BUTTONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu .cart-footer { display: flex; flex-direction: column; width: 100%; text-align: center; justify-content: center; align-items: center; } #cart .dropdown-menu .cart-footer>a { width: 100%; height: 45px; display: flex; align-items: center; justify-items: center; max-width: 100%; color: #ffffff; font-size: 16px; font-weight: bold; text-transform: uppercase; background: black; border-radius: 0px; transition: 0.5s all; } #cart .dropdown-menu .cart-footer>a:first-child { margin-bottom: 10px; background: none; border: 1px solid rgba(255, 255, 255, 0.35); } #cart .dropdown-menu .cart-footer>a:last-child { border: 1px solid rgba(255, 255, 255, 0.35); background: white; color: #000; } #cart .dropdown-menu .cart-footer>a>* { margin: 0 auto; } #cart .dropdown-menu .cart-footer>a:hover { color: white !important; background: #EC6E00 !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION BLOG CENTRAL VVV VVV VVV VVV VVV VVV VVV */ #blog-category #content>.row:before, #blog-category #content>.row:after { display: none !important; } #blog-category #content { padding-inline: var(--responsivePadding) !important; } #blog-category #content>.row { display: grid; gap: 30px !important; grid-template-columns: repeat(4, minmax(0, 1fr)); } #blog-category #content>.row>div, #blog-category #content>.row>div a, #blog-category #content>.row>div a img { width: 100% !important; padding-inline: 0px !important; display: block !important; min-width: 100% !important; max-width: 100% !important; } @media(max-width: 1350px) { #blog-category #content>.row { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media(max-width: 990px) { #blog-category #content>.row { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 660px) { #blog-category #content>.row { grid-template-columns: 1fr; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION STATIC PAGES VVV VVV VVV VVV VVV VVV VVV */ /* --> STATIC PAGES > SIDEBAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .html-module:has(.custom_nav_sidebar) { padding: 0px !important; } .custom_nav_sidebar { border-bottom: none !important; } .custom_nav_sidebar div a { padding: 10px 15px; width: 100% !important; } .custom_nav_sidebar a.current { background: #EC6E00 !important; font-weight: bold !important; pointer-events: none; color: white !important; } .custom_nav_sidebar div a { color: #000000 !important; font-size: 15px !important; transition: all 0.2s; white-space: nowrap !important; border-radius: 0px; border: none !important; min-height: 50px; display: flex; align-items: center; white-space: wrap !important; } .custom_nav_sidebar div a:hover { text-decoration: none; background-color: #eee; } .custom_nav_sidebar div:not(.current) a:hover { padding-left: 20px; } /* get rid of other groups */ .custom_nav_sidebar>div:not(:has(.current)) { display: none } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION ΚΑΤΑΣΗΜΑΤΑ PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> ΚΑΤΑΣΗΜΑΤΑ PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .information-id-11 #banner0 .swiper-slide { width: 100vw !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION INFORMATION PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> INFORMATION PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .extension-module-isenselabs_gdpr #content { margin-top: 33px !important; } .extension-module-isenselabs_gdpr>.row, #information-contact.container>.row { width: 1750px; max-width: 100%; margin: 0 auto !important; } .extension-module-isenselabs_gdpr #column-left, #information-information #column-left, #information-contact #column-left { width: 270px !important; margin-top: 32px; } @media(min-width: 768px) { .extension-module-isenselabs_gdpr #content, #information-information #content, #information-contact #content { width: calc(100% - 270px) !important; } } .extension-module-isenselabs_gdpr .breadcrumb, #information-information .breadcrumb, #information-contact .breadcrumb { padding: 8px 0px; max-width: 1750px; margin: auto; } /* --> INFORMATION PAGE > TITLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information #content h1.info-title, #information-contact #content h1.info-title { font-size: 30px !important; font-weight: 300; line-height: 50px !important; color: #000000 !important; } /* --> INFORMATION PAGE > SIDEBAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information .nav-tabs, #information-contact .nav-tabs { border-bottom: none !important; } /* #information-information .nav-tabs li:last-child, #information-contact .nav-tabs li:last-child { display: none !important; } */ #information-information .nav-tabs li:has(a[href*="contact"]), #information-contact .nav-tabs li:has(a[href*="contact"]) { display: none } #information-information .nav-tabs li a, #information-contact .nav-tabs li a { padding: 10px 15px; width: 100% !important; } #information-information .nav-tabs li.current a, #information-contact .nav-tabs li.current a { background: #EC6E00 !important; font-weight: bold !important; pointer-events: none; color: white !important; } #information-information .nav-tabs li a, #information-contact .nav-tabs li a { color: #000000 !important; font-size: 15px !important; transition: all 0.2s; white-space: nowrap !important; border-radius: 0px; border: none !important; min-height: 50px; display: flex; align-items: center; } #information-information .nav-tabs li:not(.current) a:hover, #information-contact .nav-tabs li:not(.current) a:hover { /* font-weight: bold; */ padding-left: 20px; } /* --> INFORMATION PAGE > FAQ ACCORDION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information .accordion-group, #information-contact .accordion-group { margin-bottom: 3px; } #information-information .accordion-heading .accordion-toggle, #information-contact .accordion-heading .accordion-toggle { background: #eeeeee; border: 1px solid #ddd; color: #333; padding: 10px 20px; display: block; transition: border 0.15s ease-in-out; border: none !important; min-height: 50px !important; display: flex; align-items: center; } #information-information .accordion-heading .accordion-toggle[aria-expanded="true"], #information-contact .accordion-heading .accordion-toggle[aria-expanded="true"] { border: 1px solid #46423d; border-color: var(--accent2); background: var(--accent2); color: white; } #information-information .accordion-inner, #information-contact .accordion-inner { background: transparent; padding: 20px; } /* #information-information div#accordion2 { margin: 100px auto; } */ /* --> INFORMATION PAGE > CONTENT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information .section_title, #information-contact .section_title { margin-top: 60px; } #information-information #content *, #information-contact #content * { font-size: 15px; line-height: 27px !important; color: #454545; } /* --> INFORMATION PAGE (CUSTOM) > CHECK AND WIN [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .information-check_and_win .heading_title { background: none !important; padding: 0px; color: black !important; font-size: 16px !important; margin-bottom: -20px } .information-check_and_win #content { display: flex; flex-direction: column; gap: 30px; align-items: center; margin-bottom: 100px !important; } .information-check_and_win .confirmation_title { text-align: left; font-weight: 400; margin-bottom: 0px; color: #000 !important; font-size: 40px !important; display: flex; white-space: break-spaces; line-height: 1.2; margin-bottom: 20px } .information-check_and_win input { outline: none !important; box-shadow: none !important; border-radius: 0px; border: none; } .information-check_and_win input#received_code { height: 45px; border-radius: 0px; border: 1px solid black; padding-inline: 15px; } .information-check_and_win input#submit_code { height: 45px; padding-inline: 15px; background: black; color: white !important; transition: all .12s; } .information-check_and_win input#submit_code:hover { background: var(--accent2); } /* --> INFORMATION PAGE > CONTACT PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-contact { margin-bottom: 50px !important; } #information-contact #content .buttons input { color: white !important; } @media(max-width: 768px) { #information-contact #content .panel-body { padding-bottom: 20px; padding-top: 20px; } #information-contact #content .panel-body .row>.col-sm-3:first-child img { display: none !Important; } #information-contact #content .panel-body .row>.col-sm-3:last-child br { display: none !important; } .information-contact .information_hero_banner { height: 300px; overflow: hidden } .information_hero_banner { overflow: hidden !important; } .information-contact .information_hero_banner img { -o-object-fit: cover !important; object-fit: cover !important; width: 100%; height: 100%; } #information-contact #content { width: 100% !important; } } /* --> INFORMATION PAGE > KATASTIMATA > LAYOUT 1 [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .information-information.layout-id-18 .information_hero_banner, .information-information.layout-id-18 .breadcrumb { display: none; } .information-information.layout-id-18 #information-information.container>.row { width: 100%; max-width: 1920px; } .information-information.layout-id-18 #information-information #content { margin: auto; float: unset; width: 100% !important; } .information-information.layout-id-18 #information-information, .information-information.layout-id-18 #information-information #content { padding: 0 !important; } .information-information.layout-id-18 #information-information #content .row.swiper-viewport.banner0 { margin: unset; } .information-information.layout-id-18 .accordion { padding: 0px var(--responsivePadding); } .information-information.layout-id-18 .read-more-banner { position: absolute; height: 100%; opacity: 0 !important; width: 100%; } .information-information.layout-id-18 #information-information #content .row.swiper-viewport.banner0 .banner-text-container { position: absolute; bottom: 0; width: 100%; text-align: center; color: white !important; height: 75px; display: flex; justify-content: center; align-content: center; align-items: center; font-weight: 500; font-size: 20px !important; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #231F20 100%); transition: all 0.5s; } .information-information.information-id-10.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(3) .banner-text-container, .information-information.information-id-11.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(2) .banner-text-container, .information-information.information-id-12.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(1) .banner-text-container { background-color: #000; } .information-information.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:hover .banner-text-container { background-color: #000; } .information-information.information-id-11.layout-id-18 #information-information .row.swiper-viewport.banner0 { overflow: hidden !important; } .information-information.information-id-10.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(3):after, .information-information.information-id-11.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(2):after, .information-information.information-id-12.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(1):after { content: ""; display: block; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #000; position: absolute; bottom: -14px; z-index: 10; left: calc(50% - 20px); } .information-information.layout-id-18 .row.swiper-viewport.banner0, .information-information.layout-id-18 .row.swiper-viewport.banner0 .swiper-container { overflow: unset !important; } .information-information.layout-id-18 #information-information #content h1.info-title { text-align: center; font-size: 45px !important; line-height: 45px !important; font-weight: normal; margin-bottom: 45px; margin-top: 80px; } .information-information.layout-id-18 #information-information #content .html-module h2 { font-size: 45px !important; line-height: 55px !important; text-align: center; font-weight: 400; color: #000 !important; margin-bottom: 35px; margin-top: 65px; } .information-information.information-id-10.layout-id-18 .table.table-striped { max-width: 1350px; margin: auto; } .information-information.information-id-10.layout-id-18 .table.table-striped th:nth-child(1) { max-width: 350px; width: 350px; padding-left: 50px; } .information-information.information-id-10.layout-id-18 .table.table-striped th:nth-child(3), .information-information.information-id-10.layout-id-18 .table.table-striped td:nth-child(3) { max-width: 350px; width: 350px; text-align: right; padding-right: 50px; } .information-information.information-id-10.layout-id-18 .table.table-striped th:nth-child(2), .information-information.information-id-10.layout-id-18 .table.table-striped td:nth-child(2) { text-align: center; } .information-information.information-id-10.layout-id-18 #information-information #content .table tbody th, .information-information.information-id-10.layout-id-18 #information-information #content .table tbody td a { font-size: 18px !important; line-height: 24px !important; } .information-information.information-id-10.layout-id-18 #information-information #content .table tbody th, .information-information.information-id-10.layout-id-18 #information-information #content .table tbody td { padding-top: 20px; padding-bottom: 20px; border-color: #E1E1E1; } .information-information.information-id-10.layout-id-18 .table-striped>tbody>tr:nth-of-type(2n+1) { background-color: white !important; } .information-information.information-id-10.layout-id-18 .table-striped>tbody>tr, .information-information.information-id-10.layout-id-18 .table-striped>thead>tr { background-color: #f9f9f9 !important; } .information-information.information-id-10.layout-id-18 #information-information #content .table thead th { font-size: 22px !important; line-height: 24px !important; padding-top: 22px; padding-bottom: 22px; border-color: transparent; } .information-information.layout-id-18 #information-information #content .flex-cont li { display: list-item !important; } .information-information.layout-id-18 #information-information #content .flex-cont { display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } /* --> INFORMATION PAGE > KATASTIMATA > LAYOUT 2 [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .information-information.layout-id-18 .select_region_tabs { max-width: 1350px !important; margin: auto; } .information-information.layout-id-18 #information-information #content li { display: block !important; } .information-information.layout-id-18 #information-information #content .nav.nav-tabs.country-tabs-title, .information-information.layout-id-18 #information-information #content .nav.nav-tabs.state-tabs-title { display: flex; justify-content: center; align-content: center; align-items: center; justify-items: center; gap: 20px; margin-bottom: 30px; } .information-information.layout-id-18 #information-information #content .nav.nav-tabs.country-tabs-title .active a { background: #000 !important; color: white !important; } .information-information.layout-id-18 #information-information #content .nav.nav-tabs.state-tabs-title .active a { font-weight: bold; color: #000 !important; } .information-information.layout-id-18 #information-information #content .nav.nav-tabs.country-tabs-title li { border: 1px solid #000 !important; width: 200px; } .information-information.layout-id-18 #information-information #content .nav.nav-tabs.country-tabs-title a { font-size: 16px !important; display: block !important; text-align: center; font-weight: 500; } .information-information.layout-id-18 #information-information #content .nav.nav-tabs.state-tabs-title a { font-size: 20px !important; display: block !important; text-align: center; font-weight: 400; color: #7D7D7D !important; } .nav.nav-tabs.state-tabs-title li:nth-child(n+2)::after { display: block; position: absolute; content: ""; width: 1px; height: 20px; background: #7D7D7D; top: calc(50% - 10px); left: -10px; } .information-information.layout-id-18 #information-information #content .card-header { border: 1px solid #E1E1E1; } .information-information.layout-id-18 #information-information #content .card-header h2 { margin: 0; } .information-information.layout-id-18 #information-information #content .card-header p, .information-information.layout-id-18 #information-information #content .card-header a { font-size: 18px !important; line-height: 24px !important; margin: 0; text-align: left; color: #4C4C4C !important; margin-bottom: 5px; white-space: wrap; } .information-information.layout-id-18 #information-information #content .card-header a { font-weight: 500 !important; } .information-information.layout-id-18 #information-information #content .card-header h4 { font-size: 20px !important; line-height: 24px !important; margin: 0; text-align: left; margin-bottom: 5px; font-weight: 500; white-space: wrap; } .information-information.layout-id-18 #information-information #content .btn.btn-link.btn-block.text-left:not(.collapsed) h4 { color: #EC6E00 !important; } .information-information.layout-id-18 #information-information #content .card-header .btn.btn-link.btn-block.text-left { padding: 21px 45px 16px 25px; position: relative; text-decoration: none !important; outline: none !important; } .information-information.layout-id-18 #information-information #content .card-header .btn.btn-link.btn-block.text-left:hover h4 { color: #EC6E00 !important; } .information-information.layout-id-18 #information-information #content .btn.btn-link.btn-block.text-left::after { content: "\f107" !important; color: #000; font-family: fontawesome; position: absolute; right: 40px; top: calc(50% - 20px); font-size: 20px; transition: all 0.5s; } .information-information.layout-id-18 #information-information #content .btn.btn-link.btn-block.text-left:not(.collapsed)::after { transform: rotate(180deg); } .information-information.layout-id-18 #information-information #content .accordion .card { margin-bottom: 20px; } .information-information.layout-id-18 #information-information #content .accordion .collapse, .information-information.layout-id-18 #information-information #content .accordion .collapsing { padding: 0 25px; border: 1px solid #E1E1E1; margin-top: -1px; border-top-color: white !important; } .information-information.layout-id-18 #information-information #content .accordion .card-body { padding: 25px 0px; } .information-information.layout-id-18 #information-information #content .accordion .gallery-lightbox { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 6px; } .information-information.layout-id-18 #information-information #content .accordion .gallery-lightbox img { width: 100%; height: auto; } .gallery-lightbox a { position: relative; transition: all 0.5s; } .gallery-lightbox a:hover::after { content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='82.7735849px' height='82px' viewBox='0 0 82.7735849 82' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='SHOPS-1' transform='translate(-756.113208, -1968.525641)'%3E%3Cg id='Group' transform='translate(756.113208, 1968.525641)'%3E%3Cellipse id='Oval' fill-opacity='0.9' fill='%23FFFFFF' cx='41.3867925' cy='41' rx='41.3867925' ry='41'%3E%3C/ellipse%3E%3Cg id='noun_cancel_1580467' transform='translate(40.771569, 40.928932) rotate(-315.000000) translate(-40.771569, -40.928932) translate(24.300981, 24.458344)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M0.303471549,32.6393378 C0.504698771,32.8405636 0.767412088,32.9411765 1.0301254,32.9411765 C1.29470194,32.9411765 1.55741525,32.8405636 1.75864248,32.6393378 L16.4705882,17.9088638 L31.182534,32.6393378 C31.3837612,32.8405636 31.6464745,32.9411765 31.9110511,32.9411765 C32.1737644,32.9411765 32.4383409,32.8405636 32.6377049,32.6393378 C33.0401594,32.2368862 33.0401594,31.5866287 32.6395681,31.1841771 L17.9443913,16.470472 L32.6395681,1.75676686 C33.0420226,1.35431526 33.0420226,0.702194606 32.6377049,0.301606205 C32.2352505,-0.100845398 31.5831252,-0.100845398 31.182534,0.303469407 L16.4705882,15.0320801 L1.75864248,0.303469407 C1.35618803,-0.0989821957 0.704062777,-0.0989821957 0.303471549,0.301606205 C-0.100846109,0.704057808 -0.100846109,1.35617846 0.301608334,1.75676686 L14.9967852,16.470472 L0.301608334,31.1841771 C-0.100846109,31.5866287 -0.100846109,32.2387494 0.303471549,32.6393378 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); font-family: fontawesome; line-height: 100%; text-align: center; color: white !important; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); font-size: 40px; display: flex; justify-content: center; align-content: center; align-items: center; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> FOOTER VVV VVV VVV VVV VVV VVV VVV */ footer { background: #FFFFFF; padding: 25px var(--responsivePadding); background-repeat: no-repeat; background-position: center 37px; margin-top: 100px; } #scrollTop { display: none; position: fixed; z-index: 99; border: none; outline: none; background-color: transparent; color: white; cursor: pointer; border-radius: 10px; font-size: 18px; bottom: 65px; right: 20px; justify-content: center; align-content: center; align-items: center; justify-items: center; font-weight: bold; flex-direction: column; gap: 6px; text-shadow: 0px 0px 6px #000; } #scrollTop svg * { fill: #000; } .container.footer-top { background: #EC6E00; padding: 40px var(--responsivePadding); color: white !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION FOOTER VVV VVV VVV VVV VVV VVV VVV */ /* --> FOOTER TOP > COLUMNS [2] =========================================================================================================== */ .container.footer-top .col-sm-4.footer-column h3 { font-size: 40px; color: white; font-weight: 300; line-height: 45px; font-weight: normal !important; } .container.footer-top .col-sm-4.footer-column .newsletter_intro { font-size: 22px; line-height: 30px; } .container.footer-top .row.news-form h2, .container.footer-top .row.news-form h3 { display: none; } .container.footer-top .row.news-form .col-sm-6 { width: 100% !important; } .container.footer-top .row.news-form .col-sm-6:first-child { display: none; } .container.footer-top .news-form #subscribe { width: 30px; position: absolute; background: unset; padding: 0; margin-top: 10px; right: 10px; } .container.footer-top .news-form #email { width: 100% !important; border-bottom: unset; height: 50px; padding: 10px 25px; border-radius: 5px; } .container.footer-top .buttons .pull-center { text-align: left; } .container.footer-top .col-sm-4.footer-column h4 { color: white; text-align: left; padding-left: 150px; } /* --> FOOTER > COLUMNS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html:not(.product-product) footer { margin-top: 80px; } /* --> FOOTER > COLUMNS > LAYOUT [2] =========================================================================================================== */ footer .container { width: 100%; padding: 0px; } footer .links-row { display: flex; gap: var(--responsivePadding); } footer .footer-column { flex: 1; padding: 25px 0px; } /* --> FOOTER > COLUMNS > TITLE [2] =========================================================================================================== */ footer .footer-column h5 { color: #000; font-weight: 500; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; } /* --> FOOTER > COLUMNS > TEXT [2] =========================================================================================================== */ footer .footer-column p a { display: inline-block; line-height: 16px; font-size: 15px; color: #000; /* font-weight: bold; */ } footer .footer-column a { font-size: 15px; margin: 0px !important; display: block; color: #000; line-height: 34px; font-weight: 400; transition: all 0.5s; } .footer-column a:hover { color: #EC6E00; } footer .footer-column span { font-size: 15px; } footer .footer-column .footer-call-to-action { background-color: var(--accent1); border-radius: 23px; height: 45px; position: relative; color: #FFFFFF; font-size: 16px; line-height: 45px !important; font-weight: 600; max-width: 230px; text-align: center; margin-right: auto; margin-top: 20px !important; } footer .footer-column .newsletter_intro { margin-bottom: 30px; } /* --> FOOTER > COLUMNS > LINKS [2] =========================================================================================================== */ .footer-column :not(h5) { font-size: 15px; } .row.news-form .pull-center { font-size: 13px; line-height: 19px; } .links-row .footer-column:last-child>ul>li:has(a[href*="information_id=13"]), .links-row .footer-column:last-child>ul>li:has(a[href*="information_id=9"]), .links-row .footer-column:last-child>ul>li:has(a[href*="information_id=11"]) { display: none; } /* --> FOOTER > COLUMNS > NEWSLETTER & SOCIALS [2] =========================================================================================================== */ /* --> FOOTER > COLUMNS > NEWSLETTER > LAYOUT [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .news-form { text-align: left; } /* --> FOOTER > COLUMNS > NEWSLETTER > TITLE [3] ------------------------------------------------------------- */ .footer-column .newsletter_section>h3 { color: white; font-weight: 500; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; margin-top: 10px; } /* --> FOOTER > COLUMNS > NEWSLETTER > INPUT [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .news-form input#email { background: transparent; color: white !important; opacity: 1; font-size: 15px !important; height: 41px; line-height: 50px; padding: 0px 5px 0px 10px !important; box-sizing: border-box !important; width: calc(100% - 145px) !important; margin-right: 20px; background-color: transparent; border: unset !important; border-bottom: 1px solid #9F9F9F !important; } /* --> FOOTER > COLUMNS > NEWSLETTER > BUTTON [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .news-form #subscribe { padding: 13px 0px !important; font-size: 14px !important; width: 120px !important; font-weight: bold; text-transform: uppercase; background: none; box-shadow: none; border: none; border-radius: 0px; box-sizing: border-box; background: white; line-height: 1 !important; color: #000; } /* --> FOOTER > COLUMNS > NEWSLETTER > TERMS [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .buttons { display: flex; } .news-form #terms-checkbox { margin-right: 8px } .news-form .success.thankyou { padding-left: 0px !important } .footer-column .newsletter_section .buttons input[type="checkbox"] { margin-top: 2px !important; } .footer-column .newsletter_section .buttons .pull-center { line-height: 1; font-size: 13px; } .footer-column .newsletter_section .buttons .pull-center a { display: inline !important; } .footer-column .newsletter_section .buttons .pull-center a b { line-height: 1; font-size: 13px; margin-left: 0px !important; } /* --> FOOTER > COLUMNS > NEWSLETTER > ERRORS [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .error.not-valid, .footer-column .newsletter_section .error.allready { font-weight: bold; letter-spacing: normal; background: #1B1B1B; padding: 5px; text-align: center; color: #EB0000 !important; } /* --> FOOTER > COLUMNS > NEWSLETTER-GUEST EXTRA CSS [3] ------------------------------------------------------------------------------ */ /**************************************************************************************/ .news-form { margin: auto !important; text-align: center; display: flex; max-width: 1650px; } .news-form .pull-center a strong { font-size: 13px !important; } .footer-column .newsletter_section .news-form .col-sm-6:first-child { display: none; } .footer-column .newsletter_section .news-form .col-sm-6 { width: 100% !important; } .news-form .row { width: 100%; } .news-form .row { margin: unset !important; } .row.news-form .col-sm-6 { padding: 0 !important; } .news-form h2 { margin: 0px 0px 40px; text-align: left; font-size: 50px; font-weight: 300; } .news-form h3 { font-size: 20px !important; font-weight: normal; } .news-form h2 .fa.fa-paper-plane-o { font-size: 20px; margin-right: 10px; } .news-form #email { padding: 11px; padding-top: 2px; border: unset; font-size: 17px; border-bottom: 2px solid black; color: #333; background: #f4f4f4; } .news-form #email:focus-visible { outline: none; } .news-form #subscribe { width: 25%; padding: 12px; border: unset; background: black; color: white; font-weight: bold; text-transform: uppercase; } a.agree { font-size: 13px; } .error.not-valid, .error.allready { margin-top: 15px; font-weight: bold; color: #ff0000; letter-spacing: 0.5px; } .success.thankyou { margin-top: 15px; font-weight: bold; color: #33ae46; letter-spacing: 0.5px; } .alert.alert-success.alert-dismissible.tk-add-cart.error.allready .deleteusr { background: red; color: white; padding: 5px 35px; border: unset !important; box-shadow: unset !important; } .pop-allready { display: flex; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 1001; color: #333; width: 100%; height: auto; box-shadow: 1px 1px 30px #333; height: 100%; top: 0; left: 0; justify-content: center; align-items: center; } .pop-allready::before { position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; } .deleteusr { background: #EB0000; color: white; padding: 5px 35px; border: unset !important; box-shadow: unset !important; } .add-to-cart-inner { display: flex; flex-direction: column; width: 400px; background: white; box-shadow: 1px 1px 30px #333; } .add-to-cart-inner .tk-cart-header { font-weight: 300; color: #333; font-size: 25px; text-align: center; margin-top: 0px; letter-spacing: 1px; line-height: 25px; } .tk-cart-header { order: 2; } .tk-cart-body { order: 3; display: flex; justify-content: space-between; padding: 40px 25px; align-content: center; align-items: center; } .tk-cart-body a { color: #000; } .close { opacity: 1; text-shadow: unset; top: 0; right: 0; font-size: 30px; padding: 5px !important; text-align: end; padding-right: 10px !important; } /******************************************************************************************/ /* --> FOOTER > COLUMNS > SOCIALS [3] ------------------------------------------------------------- */ .footer-column .socials_section { display: flex; margin-top: 20px; justify-content: flex-start; padding-left: 150px; } .footer-column .socials_section a { margin-right: 30px !important; } .footer-column .socials_section svg { /* width: 10px; */ fill: white; height: 25px; } .footer-column .socials_section h5 { margin-right: 50px; line-height: 23px; color: white; } .socials_section a:hover svg path { fill: black; } /* --> FOOTER > PAYMENTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .payments-row { background: white; height: 54px; display: flex; align-items: center; width: 100vw; margin-left: calc(0px - var(--FooterSidePadding)); padding: 0px var(--FooterSidePadding); margin-top: 15px; font-size: 14px; font-weight: bold; color: black; text-transform: uppercase; } .payments-row>div { margin-right: 20px; } /* --> FOOTER > POWERED [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .powered_by { display: flex; justify-content: space-between; font-size: 14px; line-height: normal; padding: 0px 60px 15px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin-bottom: 15px; } .powered_by>div { display: flex; align-items: center; } .powered_by img { margin-left: 5px; } .payment-card-logos { padding: 0px 15px 25px; display: flex; justify-content: center; } .payment-card-logos ul { list-style: none; display: flex; gap: 20px; padding: 0; } .payment-card-logos p { font-weight: 500; } footer { margin-top: 0px !important; border-top: 1px solid #ddd; color: #000; max-width: 1920px; margin: auto; } footer hr { border-top: none; border-bottom: 1px solid #666; } footer a { color: #000; } footer a:hover { color: #000; } footer h5 { font-size: 13px; font-weight: bold; color: #000; } .footer-column img { width: 100%; height: auto; } @media (max-width: 920px) { footer .links-row .footer-column { min-width: 50% !important; margin-bottom: 20px; } footer .links-row { display: flex; flex-wrap: wrap; } } @media (max-width: 767px) { footer .links-row .footer-column { min-width: 100% !important; } } @media (max-width: 400px) { .footer-column .newsletter_section .news-form input#email { width: 80% !important; } } /* --> FOOTER > RESPONSIVE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1200px) { .footer-column .newsletter_section .news-form #subscribe { padding: 13px 10px !important; font-size: 15px !important; width: auto !important; } .footer-column .newsletter_section .news-form input#email { width: calc(100% - 100px) !important; } } @media (max-width: 920px) { .powered_by { padding: 0px 25px 25px; flex-direction: column; } /* footer .footer-column { padding: 10px 25px !important; } */ } @media (max-width: 600px) { .powered_by { flex-direction: column; } } /* alert */ .alert { padding: 8px 14px 8px 14px; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; max-width: 1823px; margin-inline: auto; margin-top: 30px; } /* breadcrumb */ .breadcrumb { margin: 0 0 20px 0; padding: 8px 15px; background-color: transparent; color: #000 !important; } /* --> RESPONSIVE > FOOTER > ACCORDION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 550px) { footer .footer-column:not(.newsletter_socials_column) h5 { border-bottom: 1px solid white; padding: 10px; margin-bottom: 0px !important; display: flex; justify-content: space-between; } footer .footer-column:not(.newsletter_socials_column) h5:after { content: "\f107"; font-family: FontAwesome; font-size: 16px; color: white; } footer .footer-column:not(.newsletter_socials_column).enabled h5:after { transform: rotateX(180deg); } footer .footer-column:not(.newsletter_socials_column) h5+* { display: none !important; } footer .footer-column:not(.newsletter_socials_column) *:not(h5, .newsletter_section) { display: none; } .footer-column.enabled *:not(h5, .newsletter_section) { display: block !important; } /* footer .links-row .footer-column.enabled *:not(p, ul, li) { display: inline-block !important; } */ footer .footer-column:not(.newsletter_socials_column) h5 { padding: 10px 10px !important; display: block; } footer .footer-column.newsletter_socials_column { margin-top: 10px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> HOME VVV VVV VVV VVV VVV VVV VVV */ .swiper-viewport { border-radius: 0 !important; } /* --> HOME > SLIDESHOW [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* @media(max-width: 768px) { .slideshow { visibility: visible !important; } } */ .slideshow a, .slideshow a img { width: 100% !important; height: auto } #common-home .slideshow.swiper-viewport { margin-bottom: 0px !important } @media(max-width: 768px) { #common-home .slideshow.swiper-viewport { visibility: visible !important; } } #common-home .slideshow.swiper-viewport>.swiper-container { margin-bottom: 6px !important } #slideshow1 { display: none !important } #common-home .slideshow .swiper-slide>img { margin-inline: auto; } #common-home #content>div:first-child { padding: 0 !important; } @media(max-width: 550px) { #slideshow0 { display: none !important; } #slideshow1 { display: block !important } } /* --> HOME > VIEW MORE BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .view_more { text-align: center; display: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 30px auto; font-size: 16px; color: #000 !important; border-bottom: 1px solid #D8D8D8; line-height: 1.2; text-transform: uppercase; font-weight: 500; padding-bottom: 5px; } @media(min-width: 769px) { .view_more { display: block; } } .read-more-banner { color: white !important; font-size: 15px; line-height: 22px; } .read-more-banner::after { content: ""; height: 3px; width: 75px; background: #FA5000; display: block; position: relative; transition: all 0.5s; } .read-more-banner:hover::after { width: 150px; } .module_row_section.module_0 .column-content-1 .view_more { position: absolute; left: -250px; bottom: 0; z-index: 10; width: auto; border-color: #D8D8D8; font-weight: 300; padding-bottom: 5px; } /* --> HOME > CAROUSEL > CATEGORIES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #common-home .swiper-button-next::before { content: "\f105"; } #common-home .swiper-button-prev::before { content: "\f104 "; } .swiper-button-prev:hover::before, .swiper-button-next:hover::before { color: var(--accent1) !important; } .carousel_categories.carousel_container.swiper-viewport { border: unset; box-shadow: unset; border-radius: unset; margin-bottom: 6px; padding: 25px var(--responsivePadding); } .carousel_categories.carousel_container.swiper-viewport .text_container { position: absolute; bottom: 0px; width: 100%; padding: 20px; height: 100%; max-height: max(65px, 4.5vw); transition: all 0.5s; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 100%); display: flex; flex-direction: column; justify-content: center; } .carousel_categories.carousel_container.swiper-viewport .text_container .swiper-slide-title { /* font-size: 30px; */ /* line-height: 55px; */ color: white; margin-bottom: 15px; font-weight: 500; font-size: clamp(18px, 2.2vw, 25px) !important; line-height: 1.2; text-transform: uppercase; letter-spacing: normal; } .carousel_categories.carousel_container.swiper-viewport .category-children { display: flex; flex-direction: column; gap: clamp(5px, 1vw, 17px); overflow: hidden; } .carousel_categories.carousel_container.swiper-viewport .category-children .list-group-item { color: white; background: transparent; border: unset; padding: 5px; /* font-size: 16px; */ /* line-height: 30px; */ transition: all 0.5s; max-width: 250px; margin: auto; border-bottom: 1px solid rgba(255, 255, 255, .5); font-weight: 400; text-transform: uppercase; text-align: center; /* margin-bottom: 15px; */ font-size: clamp(13px, 1.5vw, 16px); line-height: 1.2; width: 100%; } .category-children a:nth-child(n+12) { display: none; } .carousel_categories.carousel_container.swiper-viewport .category-children .list-group-item:hover { color: #EC6E00; } .carousel_categories.carousel_container.swiper-viewport .swiper-slide:hover .text_container { max-height: 100%; background-color: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; justify-content: center; } .carousel .section_title { text-align: center; font-weight: bold; margin-bottom: 40px; color: #000; font-size: 30px; line-height: 30px; } /* .swiper-slide:hover img { transform: scale(1.09); } .slideshow.swiper-viewport .swiper-slide:hover img { transform: scale(1.02); } */ .swiper-slide img, .blog-item-grid.posts { transition: all 0.5s; } .swiper-slide { overflow: hidden; } /* @media (max-width: 1450px) { .carousel_categories.carousel_container.swiper-viewport .category-children .list-group-item { font-size: 15px; line-height: 22px; } } */ /* --> HOME > BANNER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #common-home #content>div[class*="banner"]>.swiper-container { padding: 25px var(--responsivePadding); } #common-home #content>div[class*="banner"] img { width: 100% !important; } @media(min-width: 769px) { #common-home #content>.banner0, #common-home #content>.banner2 { display: none !important; } } @media(max-width: 768px) { #common-home #content>div[class*="banner"]>.swiper-container .swiper-wrapper { gap: 20px !important; } #common-home #content>.banner1, #common-home #content>.banner3 { display: none !important; } } /* --> HOME > ROW SECTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .column-content-2, .column-content-1 { display: block; position: relative; margin: auto; /* overflow: hidden; */ max-width: 100%; /* height: 100%; */ width: 100%; } .module_row_section[class*="row_products_n_banner"] .column-content-1 { display: flex; justify-content: center; align-content: center; align-items: center; } .module_row_section[class*="row_products_n_banner"] .columns-container { grid-template-columns: minmax(0, 1fr) min(660px, 40vw) !important; gap: 0px !important; } /* --> HOME > HOTSPOTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .hotspot_master .hotspot-title { position: absolute; bottom: 0; z-index: 10; width: 100%; font-size: 30px; line-height: 36px; color: white; margin-bottom: 0px; margin-top: 0; text-align: left; font-weight: normal; padding: 25px 45px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 100%); } .t_hotSpot:hover { background: #EC6E00 !important; color: white !important; } /* --> HOTSPOTS & TABS ROW [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HOTSPOTS & TABS ROW > CONTAINER [2] =========================================================================================================== */ div[class*="home_hotspots_"].module_row_section .columns-container { display: flex; padding: 0px !important; } div[class*="home_hotspots_"].module_row_section .columns-container>div { padding: 0px; margin: 0px; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS [2] =========================================================================================================== */ /* --> HOTSPOTS & TABS ROW > HOTSPOTS > LEFT [3] ------------------------------------------------------------- */ div[class*="home_hotspots_"].module_row_section .columns-container>div>.hotspot_master { width: 100% !important; } div[class*="home_hotspots_"].module_row_section .columns-container { display: flex; align-items: center; gap: 0px; flex-wrap: nowrap; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > LEFT > LARGE IMAGE MAP */ div[class*="home_hotspots_"].module_row_section .column-content-1 { width: 38%; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > LEFT > SMALL IMAGE MAP */ div[class*="home_hotspots_"].module_row_section .column-content-2 { width: 22%; margin-left: -5.2% !important; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT [3] ------------------------------------------------------------- */ div[class*="home_hotspots_"].module_row_section .column-content-3 { width: 50%; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS */ div[class*="home_hotspots_"].module_row_section .module_product_tabs { display: flex; flex-direction: column; width: auto; max-width: unset; margin: unset; padding: 0px 45px 0px 30px; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TITLE & NAV TABS */ div[class*="home_hotspots_"].module_row_section .module_product_tabs>.section_title, div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs { margin-left: -30% } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TITLE */ div[class*="home_hotspots_"].module_row_section .module_product_tabs>.section_title { word-spacing: unset; white-space: unset; align-items: unset; grid-area: unset; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > NAV TABS */ div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs { flex-direction: row; margin-top: 15px; margin-bottom: 0px; max-width: 100%; flex-wrap: wrap; gap: 10px; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs:before, div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs:after { display: none !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li { display: flex; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li:after { content: ""; height: 20px; width: 1px; background: black; display: inline-block; margin-left: 10px } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li:last-child:after { display: none; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li.active::after { position: static; z-index: unset; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li>a { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; float: none !important; padding: 0px; line-height: 1.2 } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TABS CONTENT */ div[class*="home_hotspots_"].module_row_section .module_product_tabs .tab-content { padding-top: 70px; position: relative; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TABS CONTENT > PRODUCTS CAROUSEL*/ /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TABS CONTENT > PRODUCTS CAROUSEL > SHOW MORE */ div[class*="home_hotspots_"].module_row_section .module_product_tabs { /* position:relative !important; */ } div[class*="home_hotspots_"].module_row_section .module_product_tabs .products-carousel-module { position: static !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .products-carousel-module .view_more { position: absolute; top: 13px; right: 0px; z-index: 1; margin: 0px; /* transform: translateY(-100%) */ } /* --> HOTSPOTS & TABS ROW > CONTAINER #2 [2] =========================================================================================================== */ .home_hotspots_2_n_tabs_container { margin-top: 20px !important; } .home_hotspots_2_n_tabs_container.module_row_section .module_product_tabs>.section_title, .home_hotspots_2_n_tabs_container.module_row_section .module_product_tabs .nav-tabs { margin-left: -5% !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HOME VVV VVV VVV VVV VVV VVV VVV */ /* --> HOME > TABS SECTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .module_product_tabs { width: 100%; max-width: 1920px; margin: auto; padding: 25px var(--responsivePadding); } .module_product_tabs { display: grid; grid-template-areas: "title content" "tabs content"; grid-template-columns: 220px minmax(0, 1fr); /* grid-template-columns: 415px minmax(0, 1fr); */ gap: 30px 40px; padding-left: var(--responsivePadding) !important; } @media(max-width: 768px) { .module_product_tabs { gap: 15px 40px; } } .module_product_tabs .nav-tabs { border: unset; display: flex; flex-direction: column; justify-content: flex-start; /* margin-top: 20px; */ grid-area: tabs; } .module_product_tabs>.section_title { text-align: left; font-weight: 400; margin-bottom: 0px; color: #000; font-size: 40px; grid-area: title; display: flex; align-items: self-end; white-space: break-spaces; line-height: 1.2; } .tab-content { grid-area: content; } .tab-content .section_title { display: none; } .module_product_tabs .nav-tabs>li.active>a { color: #EC6E00; /* background: #000; */ text-align: left; font-weight: 500; font-size: 16px; line-height: 42px; border: unset !important; border-radius: unset; } .module_product_tabs .nav-tabs>li.active::after { content: ""; width: 154px; height: 1px; background: black; position: absolute; right: -60px; top: 50%; z-index: 10; } .module_product_tabs .nav-tabs>li>a { color: #000; background: white; width: 180px; text-align: left; font-weight: 500; font-size: 16px; line-height: 42px; border: unset; border-radius: unset; outline: unset !important; padding-left: 0; } .module_row_section[class*="row_products_n_banner"] .columns-container { gap: 0px; } .module_row_section[class*="row_products_n_banner"] .column-content-1 .module_product_tabs { /* margin-right: -250px; */ /* margin-right: calc(0px - min(15vw, 200px)); */ margin-right: calc(0px - min(15vw, 130px)); margin-left: unset; padding: 0; } .module_row_section[class*="row_products_n_banner"] .column-content-1 .module_product_tabs .swiper-viewport, .module_row_section[class*="row_products_n_banner"] .column-content-1 .module_product_tabs .product-thumb { background: transparent; } .module_product_tabs.module_1 { padding-left: 200px; } .module_row_section[class*="row_products_n_banner"] .columns-container { padding: 45px var(--responsivePadding) !important; } /* --> HOME > TABS MODULE ONLY (NO BANNERS) [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #common-home #content>.module_product_tabs { grid-template-columns: calc(25% + 20px) minmax(0, 1fr); /* grid-template-columns: 25% minmax(0, 1fr); */ margin-top: 75px } #common-home #content>.module_product_tabs>.section_title, #common-home #content>.module_product_tabs>.nav-tabs { padding-left: calc(30% + 10px) } #common-home #content>.module_product_tabs .nav-tabs>li.active::after { width: 15vw; } /* --> HOME > 2 BANNERS #1 [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner0 .swiper-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } /* --> HOME > 2 BANNERS #2 [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner1 .swiper-wrapper { margin-top: 75px } /* --> HOME > FULLWIDTH HOTSPOT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .home_fullwidth_hotspot { margin-top: 75px; } /* --> HOME > lATEST BLOG [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .blogpost-thumb h5 a { padding: 0px 20px !important; text-align: left !important; display: block; position: relative; color: black; font-size: 18px !important; font-weight: 450 !important; line-height: normal !important; } .row.latest-posts .headingmain { font-weight: normal !important; font-size: 40px !important; line-height: 45px !important; text-align: left !important; margin-top: 40px !important; margin-bottom: 20px !important; } .row.latest-posts .col-sm-12.col-xs-12 { padding: 40px var(--responsivePadding) !important; } .row.latest-posts .text-center.col-sm-3 { padding: 0; } #latestblog { display: flex; gap: 15px; } #latestblog::before, #latestblog::after { display: none; } /* --> HOME > CAROUSEL BRAND [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .carousel.carousel0_container.swiper-viewport .view_more, .carousel.carousel0_container.swiper-viewport .swiper-pagination.carousel1, .carousel.carousel0_container.swiper-viewport .swiper-slide-title { /* display: none; */ } .carousel.carousel0_container.swiper-viewport .swiper-slide-link img { margin: auto; } .carousel.carousel0_container.swiper-viewport { display: flex; padding: 25px var(--responsivePadding); } #carousel0 { width: 100%; max-width: 100%; } #common-home .carousel.carousel0_container.swiper-viewport { max-width: 1920px; margin: auto; border-radius: 0; margin: 45px var(--responsivePadding) !important; position: relative; } /* #common-home .carousel.carousel0_container .swiper-pager { display: none !important; } */ #common-home .carousel.carousel0_container { padding: 0px; } #common-home .carousel.carousel0_container .swiper-pager>div { background: white; border-radius: 100% !important; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } #common-home .carousel.carousel0_container .swiper-pager>div:before { width: 15px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } #common-home .carousel.carousel0_container .swiper-button-next { right: 0px !important; } #common-home .carousel.carousel0_container .swiper-button-prev { left: 0px !important; } /* @media(max-width: 1500px) { #common-home .carousel.carousel0_container .swiper-pager { display: none !important; } } */ /* --> HOME > HTML [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .common-home #common-home .html-module h2, .common-home #common-home .html-module, .home #common-home .html-module h2, .home #common-home .html-module { text-align: center !important; } #common-home .html-module h2 { font-weight: normal !important; font-size: 40px !important; line-height: 45px !important; text-align: left !important; margin-top: 40px !important; margin-bottom: 20px !important; } .html-module { padding: 40px !important; width: 100% !important; padding-bottom: 0px !important; } /* --> HOME > LATEST BLOG [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .latest-posts .swiper-viewport { margin-bottom: 0px !important; } .latest-posts .view_more { display: none } #latestblog .swiper-wrapper>div { padding: 0px !important } #common-home .latest-posts .blogpost-thumb .title { font-size: 22px !important; text-transform: none; color: #000; line-height: 1.4; padding: 15px 30px !important; display: block; font-weight: 500; } @media(max-width: 768px) { #common-home .latest-posts .blogpost-thumb .title { font-size: 18px !important; } } /* --> HOME > INSTAGRAM [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* .row.swiper-viewport.banner2 { padding: 40px var(--responsivePadding) !important; padding-top: 0px !important; } #common-home .row.swiper-viewport.banner2 .swiper-wrapper { gap: 15px !important; } */ .home_instagram_section .swiper-pagination { display: none !important; } .home_instagram_section { padding: 40px var(--responsivePadding) !important; } .home_instagram_section .section_title { text-align: left; font-weight: 400; color: #000; font-size: 40px; grid-area: title; display: flex; align-items: self-end; white-space: break-spaces; line-height: 1.2; margin-bottom: 20px; } .home_instagram_section .text_container { display: none !important; } .home_instagram_section .swiper-slide-link, .home_instagram_section .swiper-slide-link img { width: 100% !important; } /* --> HOME > SHOPS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .module_row_section.home_shops_overfooter { background: url("/image/catalog/newsletter_backgroud.jpg"); margin-bottom: 100px !important; width: calc(100% - 90px) !important; margin-top: 50px !important; background-size: cover; background-repeat: no-repeat; } .home_shops_overfooter .swiper-slide-title { display: block !important; } .module_row_section.home_shops_overfooter>.section_title { display: none !important; } .module_row_section.home_shops_overfooter .swiper-viewport { background: transparent; width: 100% !important; overflow: hidden; } .module_row_section.home_shops_overfooter .columns-container { display: flex !important; gap: 50px !important; flex: 1 1 100% !important; padding: 80px 50px !important } .module_row_section.home_shops_overfooter .columns-container .column-content-1, .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module { padding: 0px !important; } .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module>* { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; display: flex; } .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module>h2, .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module>img { width: 100% !important } #common-home .module_row_section.home_shops_overfooter .columns-container>div { margin: 0px; } #common-home .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module>h2 { font-size: 30px !important; font-weight: 500 !important; white-space: nowrap !important; margin-bottom: 6px !important; margin-top: 0px !important; padding-top: 10px } #common-home .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module>a { width: 188px !important; background: white; font-size: 15px; font-weight: 500; color: black; display: flex !important; height: 50px; align-items: center; justify-content: center; margin-top: 33px; transition: all .2s !important; } #common-home .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module>a:hover { background: #EC6E00; color: white; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 { padding: 0px !important; /* width: auto !important; */ flex-grow: 1 !important; box-sizing: border-box !important; width: calc(100% - 230px - var(--responsivePadding)) !important; /* padding-right: var(--responsivePadding) !important; */ } @media(max-width: 1650px) { .module_row_section.home_shops_overfooter .columns-container .column-content-2 { /* padding-right: var(--responsivePadding) !important; */ } .module_row_section.home_shops_overfooter .swiper-pager { /* right: var(--responsivePadding); */ } } .module_row_section.home_shops_overfooter .columns-container .column-content-2 .carousel .swiper-pagination { display: none; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 .carousel .swiper-pager { top: -38px !important } .module_row_section.home_shops_overfooter .columns-container .column-content-2 .swiper-slide-link .text_container { transition: all .12s; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 .swiper-slide-link:hover .text_container { background: white !important; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 .swiper-slide-link img { width: 100% !important; transform: none !important; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 .swiper-slide-link .swiper-slide-title { text-align: left; padding: 15px 10px } .module_row_section.home_shops_overfooter .columns-container .column-content-2 .swiper-slide-link .swiper-slide-title h4 { font-size: 16px !important; color: #EC6E00; margin: 0px; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 .swiper-slide-link .swiper-slide-title h5 { margin: 0px; margin-top: 1px; font-size: 15px !important; font-weight: 400 !important; line-height: 1.6; color: black !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION PRODUCT PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> PRODUCT PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product #content, #product-product .col-sm-8 { padding-left: 0; padding-right: 0; } #product-product .col-sm-8 { position: -webkit-sticky; position: sticky; top: 0; padding-left: var(--responsivePadding); padding-right: 30px; } .thumbnail a>img, .thumbnail>img { margin-left: unset; background: #f6f6f6; width: 100%; } /* --> PRODUCT PAGE > LAYOUT > TOP SECTION [2] =========================================================================================================== */ #product-product #content>.row:first-child { margin-bottom: 50px; } /* --> PRODUCT PAGE > GIFT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product .content_top .gift { width: 100%; margin: 0; float: unset; } #product-product .content_top .box-product { margin: 10px 0 !important; margin-bottom: 0 !important; } #product-product .content_top .gt-nopanel-heading { font-size: 20px !important; margin-bottom: 0 !important; margin-top: 0 !important; } /* #product-product .content_top { background: rgb(244, 244, 244); padding: 15px; } */ #product-product .content_top .gt-nopanel.giftTeaserWidget { margin: 0 !important; background: rgb(244, 244, 244); padding: 15px; } /* --> PRODUCT PAGE > LABELS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .labels_container.main-product-label { float: unset; } .labels_container.main-product-label>div:first-child { padding-left: 0; } /* --> PRODUCT PAGE > IMAGES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product .main-product-container .swiper-pager { display: none !important; } @media(max-width: 768px) { #product-product .main-product-container .col-sm-8 { padding-inline: 0px !important; } #product-product .main-product-container .swiper-slide { width: 100% !important; } } /* --> PRODUCT PAGE > RELATED PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product .related_products_section>div:nth-child(n+5) { display: none !important; } .related-products-container, .recently-viewed { padding-inline: var(--responsivePadding); } /* --> PRODUCT PAGE > RECENTLY VIEWED [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product #content>h3 { color: #202020; font-size: 35px; font-weight: bold; margin-bottom: 35px; } /* --> PRODUCT PAGE ENQUIRY BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM [3] ------------------------------------------------------------- */ #enquiry_form_container { position: fixed; top: 50%; left: 50%; background: white; padding: 25px; width: 500px; transform: translate(-50%, 100%); z-index: 4; box-shadow: 0 10px 17px -10px rgba(0, 0, 0, 0.7); transition: all 0.4s; opacity: 0; visibility: hidden; } #enquiry_form_container legend { color: black !important; font-family: var(--font2); font-size: 23px; font-weight: bold; text-transform: uppercase; border: none !important; } #enquiry_form_container .form-group { display: flex; flex-direction: column; width: 100%; margin-right: 0px; margin-left: 0px; } #enquiry_form_container .form-group>* { width: 100%; text-align: left; padding: 0px; } #enquiry_form_container .form-group * { font-size: 14px !important; } /* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > CLOSE BUTTON */ #enquiry_form_container .close_button { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M990,59.5L940.5,10L500,450.5L59.5,10L10,59.5L450.5,500L10,940.5L59.5,990L500,549.5L940.5,990l49.5-49.5L549.5,500L990,59.5z'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; right: 25px; top: 33px; cursor: pointer; } /* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > ENABLED */ .enquiry_enabled body::before { opacity: 1; visibility: visible; width: 100%; } .enquiry_enabled #enquiry_form_container { transform: translate(-50%, -50%); opacity: 1; visibility: visible; } /* --> PRODUCT PAGE > TOP SECTION > OPTIONS & STEPPER & CART > RESET OPTIONS BUTTON [2] =========================================================================================================== */ .form-group:has(a[data-ro="clear_options"]) { margin: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; transition: all .5s; transition-delay: 1s; opacity: 0; visibility: hidden; max-height: 0px; overflow: hidden; order: 10; } .form-group a[data-ro="clear_options"] { /* background: var(--accent2); */ color: white; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: 30px; padding-inline: 10px; /* border-bottom: 1px solid #ddd; */ transition: all .15s; display: flex; align-items: center; font-size: 13px; text-decoration: underline; } .form-group a[data-ro="clear_options"] { color: black; } .form-group a[data-ro="clear_options"]:hover { border-color: black; } #product:has(.checked-tk) .form-group:has(a[data-ro="clear_options"]) { opacity: 1; visibility: visible; max-height: 30px; order: 9 } /* --> PRODUCT PAGE > TOP SECTION > OPTIONS & STEPPER & CART > STEPPER & CART [2] =========================================================================================================== */ /* --> PRODUCT PAGE > TOP SECTION > OPTIONS & STEPPER & CART > STEPPER [3] ------------------------------------------------------------- */ #product .form-group:has(.stepper_section) { order: 99; } #product .form-group .stepper_section { display: flex; align-items: center; } #product .form-group .stepper_section .stepper_buttons { display: flex; align-items: center; } #product .form-group .stepper_section label { font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0px; display: block; width: 170px; } #product .form-group #input-quantity { height: 31px; width: 31px; min-width: 31px; font-size: 14px; font-weight: bold; color: black; border: 1px solid black; box-shadow: none !important; border-radius: 0px !important; text-align: center !important; padding: 0px; pointer-events: none; -moz-appearance: textfield; } #product .form-group #input-quantity::-webkit-outer-spin-button, #product .form-group #input-quantity::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #product .form-group button.ctm-stepper { width: 45px; height: 45px; border-radius: 0px; border: none !important; box-shadow: none !important; overflow: hidden; background: none; } #product .form-group button.ctm-stepper::before { font-size: 0; font-weight: bold; display: block; background: none !important; line-height: 100%; } #product .form-group button.ctm-stepper:first-of-type:before { content: url("data:image/svg+xml,%3Csvg width='11.52px' height='1.92px' viewBox='0 0 11.52 1.92' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E-%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='PRODUCT-PAGE-' transform='translate(-1333.040000, -539.840000)' stroke='%23000000' stroke-width='1.92'%3E%3Cg id='-' transform='translate(1334.000000, 540.480000)'%3E%3Cg transform='translate(0.000000, 0.000000)' id='Path'%3E%3Cline x1='9.6' y1='0.32' x2='0' y2='0.32'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } #product .form-group button.ctm-stepper:last-of-type:before { content: url("data:image/svg+xml,%3Csvg width='11.52px' height='11.52px' viewBox='0 0 11.52 11.52' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E+%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='PRODUCT-PAGE-' transform='translate(-1333.040000, -535.040000)' stroke='%23000000' stroke-width='1.92'%3E%3Cg id='Group' transform='translate(1334.000000, 536.000000)'%3E%3Cline x1='4.8' y1='0' x2='4.8' y2='9.6' id='Path'%3E%3C/line%3E%3Cline x1='9.6' y1='4.8' x2='0' y2='4.8' id='Path'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /* --> PRODUCT PAGE > IMAGES SECTION > SHARE AND CTA [2] =========================================================================================================== */ .share_and_cta_container { position: relative; display: flex !important; align-content: flex-end; justify-content: flex-end; } .share_and_cta_container .share_section .title, .share_and_cta_container .cta_section { font-size: 14px; color: #000; } /* --> PRODUCT PAGE > IMAGES SECTION > SHARE AND CTA > SHARE SECTION [3] ------------------------------------------------------------- */ .share_module_container { width: 350px; position: absolute; left: 0px; top: 20px; transform: translateY(-100%); padding-bottom: 50px; transition: all 0.2s; z-index: 100; opacity: 0; visibility: hidden; } .ss-box { padding: 7px; box-sizing: content-box; background: #eee; position: relative; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3); } .ss-box::after { content: ""; width: 0; height: 0; border-width: 15px 15px 0 15px; border-color: #eee transparent transparent transparent; border-style: solid; position: absolute; top: 100%; left: 30px; } .share_section .title { display: inline-block; /* padding: 20px 0px 0px; */ position: relative !important; display: flex; align-items: center; font-weight: bold; } .share_section .title>svg { margin-right: 8px; } .share_section .title:hover .share_module_container { /* margin-top: -20px; */ opacity: 1; visibility: visible; top: 30px; } /* --> PRODUCT PAGE > RESPONSIVE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1540px) { #product-product .list-unstyled.inline-list { flex-direction: column; } #product-product .row.main-product-container>.col-sm-4 { padding-right: 115px; padding-left: 15px; } #product-product .labels_container { width: 100%; float: unset; margin: 10px 0px; } #product-product .labels_container>div { padding-left: 0px; } #product-product .product-thumb .button-group { margin-top: 0px; } #product-product .product-thumb .caption { padding-bottom: 0px; } } @media (max-width: 1441px) { #product-product .product-thumb .button-group button:nth-child(2) { display: none; } #product-product .product-thumb .button-group .cart_options_button { width: 100%; } } @media (max-width: 1400px) { #product-product .savings-row { margin-left: auto; margin-right: 0; } #product-product .list-unstyled.price-list li.pdf-row { min-width: 100%; } #product-product .list-unstyled.price-list .pdf-row a { justify-content: center; } #product-product #product { flex-direction: column; } #product-product .list-unstyled.price-list { flex-wrap: wrap; gap: 20px; } } @media (max-width: 1258px) { #product-product #button-cart, #product-product #button-wishlist { font-size: 12px; } } @media (max-width: 1200px) { #product-product .row.main-product-container>.col-sm-4, #product-product .col-sm-8 { width: 50%; } @media(min-width: 769px) { #product-product .thumbnails { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .row.related_products_section, .recently-viewed .row { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1150px) { #product-product .list-unstyled.inline-list { flex-wrap: wrap; } .rating { min-width: 100%; } } @media (max-width: 768px) { #product-product .labels_container.main-product-label { margin-left: unset; } .share_module_container { right: 0; left: unset; } #product-product .breadcrumb { padding-left: 0 !important; } #product-product .recently-viewed, #product-product .related-products-container { padding: 25px 15px; } #product-product .related-products-container .swiper-viewport { margin-bottom: 0px !important; } @media(max-width: 550px) { #product-product .recently-viewed h3, #product-product .related-products-container h3 { padding-inline: 15px } #product-product .recently-viewed, #product-product .related-products-container { padding: 25px 0px; } } #product-product { margin-left: 0; margin-right: 0; width: 100% !important; } #product-product .row.main-product-container>.col-sm-4, #product-product .col-sm-8 { width: 100%; position: relative; } #product-product .row.main-product-container>.col-sm-4 { padding-right: 15px; padding-left: 15px; padding-top: 15px; } .thumbnail a>img, .thumbnail>img { margin-left: auto; } .swiper-wrapper.thumbnails { /* position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; overflow: unset; */ } .row.related_products_section, .recently-viewed .row { grid-template-columns: repeat(1, minmax(0, 1fr)); } #product-product #button-cart, #product-product #button-wishlist { font-size: 16px; } #product-product .product-thumb .button-group .cart_options_button { width: auto; } #product-product .product-thumb .button-group button:nth-child(2) { display: unset; } #product-product #content .related-products-container h3, #product-product #content .recently-viewed h3 { margin: 0px 0px 20px 0px; } #product-product .breadcrumb { display: none; } #product-product .swiper-button-next::before { content: "\f105"; } #product-product .swiper-button-prev::before { content: "\f104 "; } } @media (max-width: 450px) { #product-product .list-unstyled.price-list, #product-product .list-unstyled.inline-list { flex-direction: column; } #product-product #product .btn-group { flex-direction: column; align-items: flex-start; } #product-product #product .btn-group .enquiry_button { border: unset; padding-left: 0; } #product-product .savings-row { margin-left: 0; margin-right: auto; } #product-product .list-unstyled.price-list .pdf-row a { justify-content: flex-start; } #product-product .product-layout .labels_container { margin: 15px 10px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CATEGORY PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> CATEGORY PAGE > BREADCRUMB [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-category #product-category .breadcrumb { margin-bottom: 0px !important; } /* #input-sort>option[value*="sort_order"] { display: none !important } */ /* --> CATEGORY PAGE > CONTROL BAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-category #column-left { padding: 10px !important; position: relative; /* max-width: 1270px; width: 100% !important; */ padding: 0px !important; background: white !important; /* margin: 0px auto !important; */ } @media(min-width: 1201px) { #product-manufacturer #column-left::before, #product-search #column-left::before, .product-category #column-left::before { width: 100vw; left: 50%; position: absolute; content: ""; height: calc(100% + 37px); background: white; top: -35px; transform: translateX(-50%); z-index: -1; } } .mfilter-box { border-top: 1px solid #ddd; padding-top: 13px !important; } @media(min-width: 1201px) { .filter-toggle-container { display: none !important; } .box-content.mfilter-content { padding: 0; display: flex; flex-direction: row-reverse; justify-content: space-between; padding-top: 10px; } } /* --> CATEGORY PAGE > FILTERS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> CATEGORY PAGE > FILTERS> RESET BUTTON [2] =========================================================================================================== */ .mfilter-button-top { float: none !important; } /* --> CATEGORY PAGE > FITLERS > CHECKBOXES [2] =========================================================================================================== */ /* --> CATEGORY PAGE > FILTERS > DROPDOWNS > RADIOS/CHECKBOXES [3] ------------------------------------------------------------- */ .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="radio"], .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="checkbox"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; line-height: 1 !important; margin-left: 0px !important; outline: none; } .mfilter-tb-as-td { font-size: 0px; } .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="radio"]::before, .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="checkbox"]::before { content: ""; width: 18px; height: 18px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EE78737F1-08BC-48B9-BCFA-75C6A6810B7E%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='PRODUCT-LIST-_-FILTERS-OPEN' transform='translate(-987.000000, -787.000000)' fill='%23FFFFFF' stroke='%23CDCDCD'%3E%3Cg id='Group-13' transform='translate(0.000000, 460.000000)'%3E%3Cg id='Group-4' transform='translate(987.000000, 168.000000)'%3E%3Cg id='Group-8' transform='translate(0.000000, 39.000000)'%3E%3Cg id='Rectangle' transform='translate(0.000000, 120.000000)'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="radio"]:checked::before, .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="checkbox"]:checked::before { background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EELEMENT/RADIO BUTTON/BOOKS Copy 30%3C/title%3E%3Cg id='PAGES' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='PRODUCT-LIST-' transform='translate(-24.000000, -982.000000)'%3E%3Cg id='tick-2' transform='translate(24.000000, 982.000000)'%3E%3Crect id='Rectangle' fill='%23EC6E00' x='0' y='0' width='18' height='18' rx='2'/%3E%3Cpath d='M6.07139037,13.507445 L3.66497326,10.9354276 C3.08743316,10.2429614 3.08743316,9.15480021 3.66497326,8.46233398 L3.66497326,8.46233398 C4.14625668,7.8687915 5.10882353,7.76986776 5.68636364,8.36341024 C5.78262032,8.36341024 5.78262032,8.46233398 5.78262032,8.46233398 L7.03395722,9.94619018 L12.1355615,4.50538413 C12.7131016,3.91184165 13.6756684,3.91184165 14.2532086,4.50538413 C14.2532086,4.50538413 14.2532086,4.50538413 14.2532086,4.50538413 L14.2532086,4.50538413 C14.8307487,5.09892661 14.8307487,6.08816407 14.2532086,6.68170655 L7.70775401,13.507445 C7.32272727,14.0020638 6.5526738,14.0020638 6.07139037,13.507445 C6.07139037,13.507445 6.07139037,13.507445 6.07139037,13.507445' id='Path' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> PRODUCT GRID VVV VVV VVV VVV VVV VVV VVV */ /* --> PRODUCT GRID > CATEGORY INTRO [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html:not(.checkout-cart, .checkout-checkout) .category-intro.image-with-descripion { aspect-ratio: 320 / 61; display: flex; justify-content: flex-end; flex-direction: column; padding: 45px; position: relative; height: 366px; max-width: 100%; z-index: -1; background-position: center center; } /* .category-intro.image-with-descripion::after { display: block; content: ""; width: 50%; top: 0; left: 0; position: absolute; aspect-ratio: 320 / 61; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); height: 100%; } */ .category_intro_section .description { max-width: 700px; margin-left: auto; color: white; margin-right: auto; text-align: center; font-size: 15px; line-height: 25px; } .category-intro.image-with-descripion .description, .category-intro.image-with-descripion .cat-title { z-index: 5; } .products-per-col-container { display: flex; gap: 20px; flex-direction: row-reverse; padding: 0 45px; } /* --> PRODUCT GRID > COLORS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-category .product-thumb div[data-poip_id="poip_img"], #product-search .product-thumb div[data-poip_id="poip_img"], #product-manufacturer .product-thumb div[data-poip_id="poip_img"], .row.related_products_section .product-thumb div[data-poip_id="poip_img"], #common-home .product-thumb div[data-poip_id="poip_img"] { position: relative !important; margin-top: -25px !important; width: 100% !important; display: flex !important; right: 0px !important; left: 25px; display: none !important; } #product-category .hover_options_enabled div[data-poip_id="poip_img"], #product-search .hover_options_enabled div[data-poip_id="poip_img"], #product-manufacturer .hover_options_enabled div[data-poip_id="poip_img"], .row.related_products_section .hover_options_enabled div[data-poip_id="poip_img"], #common-home .hover_options_enabled div[data-poip_id="poip_img"] { top: -60px; } /* --> PRODUCT GRID > LABELS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .labels_container { display: flex; margin-top: 10px; gap: 14px; min-height: 27px; } .labels_container>div:not(:last-child) { margin-right: 2px; } /* --> PRODUCT GRID > LABLES > COMMON [2] =========================================================================================================== */ .labels_container>div { color: #FFFFFF; font-size: 14px; line-height: normal; padding: 5px 0px; font-weight: bold; text-align: center; white-space: nowrap; position: relative; } .labels_container>div:nth-child(2)::before, .labels_container>div:nth-child(3)::before { content: ""; width: 1px; height: 16px; background: #D8D8D8; display: block; position: absolute; left: -7px; } /* --> PRODUCT GRID > LABLES > NEW [2] =========================================================================================================== */ .labels_container>div.label_new { color: #000000; font-size: 14px; line-height: 17px; position: relative; font-weight: normal !important; } /* --> PRODUCT GRID > LABLES > BESTSELLER [2] =========================================================================================================== */ .labels_container>div.label_bestseller { color: #EC6E00; font-size: 14px; line-height: 17px; position: relative; font-weight: normal !important; } /* --> PRODUCT GRID > LABLES > SALE [2] =========================================================================================================== */ .labels_container>div.label_sale { color: #EC6E00; font-size: 14px; line-height: 17px; position: relative; font-weight: normal !important; } /* --> PRODUCT GRID > OPTIONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-thumb .options_section label { padding: 2px !important; min-width: 30px; height: 30px; text-align: center; } /* --> PRODUCT GRID > BUTTONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-thumb .button-group { display: flex !important; flex-wrap: nowrap !important; gap: 25px; width: 100%; height: 0px; } .product-card-bot { min-height: 55px !important; display: flex; align-items: center; } .product-thumb .price { margin-bottom: 0px; } /* --> PRODUCT GRID > FILTERS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { z-index: 100; background: white; } #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { /*min-width: 1260px !important;*/ padding: 25px; opacity: 1; margin: auto; padding: 0; width: auto; } @media(min-width: 1201px) { #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { margin-left: 315px; margin-right: 315px; } #product-category>.row>#column-left::before { content: ""; position: absolute; height: 150%; width: 100vw; background: white; left: -315px; top: -50%; display: none; } } @media(min-width:1201px) { #product-manufacturer>.row>#column-left, #product-search>.row>#column-left, #product-category>.row>#column-left { position: -webkit-sticky !important; position: sticky !important; top: 0px; background: white; z-index: 50 !important; } } .filter-toggle-container button { background-color: #FFFFFF; /* border-radius: 35px; */ /* box-shadow: 0 0 26px 1px rgba(0, 0, 0, 0.13); */ /* width: 315px; */ /* height: 49px; */ font-size: 15px; line-height: 20px; font-weight: 500; border: unset !important; display: flex; justify-content: center; align-content: center; align-items: center; gap: 10px; /* border: 1px solid black !important; */ } /* .filter-toggle-container { position: fixed; bottom: 80px; z-index: 20; left: 50%; transform: translateX(-50%); } */ footer { z-index: 25; position: relative; } @media (min-width: 1201px) { .filter-toggle-container { display: none !important; } .mfilter-content>ul { display: flex; flex-wrap: wrap; gap: 20px; max-width: 800px; } .mfilter-heading-text { width: auto; } .mfilter-filter-item .mfilter-heading { color: #000; font-weight: 400; font-size: 14px !important; line-height: 24px; text-transform: none; } .mfilter-heading-text span { color: #444444; font-weight: 500; font-size: 14px; line-height: 24px; padding-right: 18px; } .mfilter-heading-content { border-bottom: 1px solid #d8d8d8; border: 1px solid #444444; } .mfilter-opts-container { margin-top: 5px; background: white; border: 1px solid #000 !important; padding: 5px; width: 320px; max-width: 320px; padding: 5px 10px !important; } .mfilter-tb { display: block; max-width: 100%; } .mfilter-tb-as-tr { display: block !important; max-width: 100% !important; word-wrap: anywhere; } .mfilter-col-input+.mfilter-tb-as-td { padding-right: 20px !important; } .mfilter-heading .mfilter-head-icon::after { font-size: 14px !important; } .mfilter-heading .mfilter-head-icon { width: 10px !important; } .mfilter-content-opts { position: absolute; z-index: 5; } .more { /* clear: both; */ overflow: hidden; float: right; display: inline-block; position: relative; padding: 5px 15px; margin: 0; } .mfilter-button-reset { margin: 0; } .mfilter-button.mfilter-button-top { padding: 0; } .mfilter-content>ul>li { margin-bottom: 0px !important; } .mfilter-heading-content { padding: 2px 8px; } .mfilter-button-reset .mfilter-reset-icon { float: right; margin-left: 10px; } .more::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.68037 10.369245' width='10px'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 10.369245)'%3E%3Ctitle%3Earrow down black copy 5%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='FACTORY--Copy' transform='translate(-45.315385, -1140.159815)' stroke='%23000000' stroke-width='1.56923077'%3E%3Cg id='arrow-down-black-copy-5' transform='translate(50.500000, 1148.500000) rotate(90.000000) translate(-50.500000, -1148.500000) translate(42.944444, 1144.100000)'%3E%3Cpolyline id='Path' points='15.1111111 0 7.5567363 8.8 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); /* position: absolute; */ margin-left: 10px; } #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { z-index: 1; background: unset; } .cart_enabled #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { z-index: 15 !important; } } .mfilter-heading.mfilter-collapsed .mfilter-head-icon::after { line-height: 0px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.68037 10.369245' width='10px'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 10.369245)'%3E%3Ctitle%3Earrow down black copy 5%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='FACTORY--Copy' transform='translate(-45.315385, -1140.159815)' stroke='%23000000' stroke-width='1.56923077'%3E%3Cg id='arrow-down-black-copy-5' transform='translate(50.500000, 1148.500000) rotate(90.000000) translate(-50.500000, -1148.500000) translate(42.944444, 1144.100000)'%3E%3Cpolyline id='Path' points='15.1111111 0 7.5567363 8.8 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 1200px) { body>div[id*="product-"]:not([id="product-product"]) .breadcrumb { display: none !important; } body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left { margin-top: 30px !important; padding: 0px; width: 100% !important; position: relative; padding: 7px var(--responsivePadding) !important; display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 5px 0px; z-index: unset !important; } body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left>*:not(#column-left) { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; float: none !important; margin: 0px; position: relative; flex: 0 1 50%; } body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left>.filter-toggle-container { order: 1; } body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left>.columns_selector { order: 2; flex-direction: row !important; justify-content: flex-end; } body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left>.columns_selector>div { margin: 0px !important; } body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left>.form-group:has(#input-sort) { order: 3; } body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left>.form-group:has(#input-limit) { order: 4; width: 100px !important; max-width: 157px !important; } #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { padding: 0px; width: 100%; } } /* extras */ @media (min-width: 1200px) { .filter-toggle-container { display: none !important; } } @media (max-width: 1200px) { .mfilter-iscroll { max-height: 200px !important } .mfilter-heading-text span { font-size: 14px; } .mfilter-col-input+.mfilter-tb-as-td { font-size: 14px; } .filter-toggle-container { display: flex !important; } /* html.side-filters-on body::before { opacity: 1; visibility: visible; } */ #product-category #column-left #column-left:before, #product-search #column-left #column-left:before, #product-manufacturer #column-left #column-left:before { display: none !important } /* .side-filters-on #product-category>.row>#column-left #column-left, .side-filters-on #product-search>.row>#column-left #column-left, .side-filters-on #product-manufacturer>.row>#column-left #column-left { width: 366px !important; padding-inline: 15px !important; max-width: calc(100vw - 40px) !important; } */ #product-category>.row>#column-left #column-left, #product-search>.row>#column-left #column-left, #product-manufacturer>.row>#column-left #column-left { display: block !important; } /* #product-category>.row>#column-left #column-left, #product-search>.row>#column-left #column-left, #product-manufacturer>.row>#column-left #column-left { max-width: 0px; width: 0 !important; transition: all 0.5s; min-width: 0; opacity: 0; border: unset; position: fixed !important; top: 0; height: 100%; padding: 25px; display: block !important; overflow: auto !important; } */ /* #product-category #column-left #column-left, #product-search #column-left #column-left, #product-manufacturer #column-left #column-left { top: 0px; } #product-category>.row>#column-left #column-left, #product-search>.row>#column-left #column-left, #product-manufacturer>.row>#column-left #column-left { display: block !important; } */ /* button */ /* .filter-toggle-container, .filter-toggle-container * { transition: all .2s; } */ /* .side-filters-on .filter-toggle-container { top: 50%; left: 390px; } */ /* @media(max-width: 455px) { .side-filters-on .filter-toggle-container { transform: translateX(-100%); left: 100%; } } */ /* .side-filters-on .filter-toggle-container button { font-size: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; justify-content: center; width: 35px !important; height: 35px !important; padding: 0px !important; border: 1px solid black !important; } .side-filters-on .filter-toggle-container button svg { margin-right: -10px; transform: translateX(5px) } .side-filters-on .filter-toggle-container button svg.off { width: 15px !important; height: 15px !important; } */ } @media(max-width: 1200px) and (min-width: 769px) { #product-category .row.product-list-grid, #product-search .row.product-list-grid, #product-manufacturer .row.product-list-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* MINIMIZE BUTTON SIZE */ /* @media(max-width: 455px) { .filter-toggle-container, .filter-toggle-container * { transition: all .2s; } .filter-toggle-container { top: 50%; left: 390px; } .filter-toggle-container { transform: translateX(calc(-100% - 5px)); left: 100%; } .filter-toggle-container button { font-size: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; justify-content: center; width: 35px !important; height: 35px !important; padding: 0px !important; border: 1px solid black !important; } .filter-toggle-container button svg { margin-right: -10px; transform: translateX(5px) } .side-filters-on .filter-toggle-container button svg.off { width: 15px !important; height: 15px !important; } } */ /* --> CATEGORY PAGE > SORTING BAR > SELECT DROPDOWNS [2] =========================================================================================================== */ #product-search #column-left>.form-group, .product-category #column-left>.form-group { margin-bottom: 0px !important; } /* --> CATEGORY PAGE > SORTING BAR > COLUMNS SELECTOR [2] =========================================================================================================== */ .columns_selector { display: flex; flex-direction: row-reverse; gap: 20px; z-index: 1; position: relative; } .columns_selector>div { display: flex; /* border: 1px solid #b0b0b0 !important; */ padding: 0px 10px; align-items: center; justify-content: center; height: 30px !important; cursor: pointer; opacity: 0.37; position: relative; } .columns_selector>div.enabled { opacity: 1; } .columns_selector>div:last-child { margin-left: 35px; } .columns_selector>div .square_bullet { width: 8px; height: 8px; background: #000; } .columns_selector>div .square_bullet+.square_bullet { margin-left: 5px; } .row.product-list-grid { margin-left: -15px; margin-right: -15px; } @media(max-width: 991px) { .row.product-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-column-gap: 10px !important; grid-row-gap: 30px; } } .single_column_enabled .row.product-list-grid .product-thumb .caption { padding-left: 0px !important; padding-right: 0px !important; } .single_column_enabled .row.product-list-grid { grid-template-columns: auto !important; grid-template-columns: 1fr !important; } .single_column_enabled .row.product-list-grid { margin-left: 0px; margin-right: 0px; } .double_column_enabled .row.product-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-column-gap: 10px !important; grid-row-gap: 30px; } .double_column_enabled #content { padding-inline: 0px !important; } .triple_column_enabled .row.product-list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .quadruple_column_enabled .row.product-list-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .category_interactivity>.columns_selector.desktop { position: relative; float: right; /* background: red; */ display: flex !important; align-items: center; height: 100%; margin-left: 50px; height: 56px; } @media(min-width: 992px) { .columns_selector.mobile { display: none !important; } } @media(max-width: 991px) { .columns_selector.desktop { display: none !important; } } /* --> CATEGORY PAGE > FILTERS [2] =========================================================================================================== */ /* --> CATEGORY PAGE > FILTERS > LOADER [3] ------------------------------------------------------------- */ /* \catalog\view\javascript\mf\mega_filter.js */ .mfilter-ajax-loader-container img { transform: scale(1.56); } /* --> CATEGORY PAGE > FILTERS > SHOW ACTIVE NUMBER [3] ------------------------------------------------------------- */ .mfilter-heading-content { display: flex; align-items: center; gap: 10px } .mfilter-heading-text { display: flex !important; align-items: center !important; gap: 5px !important; white-space: nowrap !important; } .mfilter-heading-text span { padding-right: 0px } .mfilter-heading-text .active_filter_counter { background: #EC6E00 !important; width: 19px; height: 19px; display: flex; align-items: center; justify-content: center; padding: 0px; line-height: 1; color: white; border-radius: 100%; font-size: 12px } /* --> CATEGORY PAGE > FILTERS > TOGGLING EFFECT [3] ------------------------------------------------------------- */ @media (min-width: 1201px) { .mfilter-content-opts { transition: all .4s; display: block !important; } .mfilter-heading.mfilter-collapsed+.mfilter-content-opts { opacity: 0 !important; visibility: hidden !important; transform: translateY(10px) !important; } .mfilter-heading:not(.mfilter-collapsed)+.mfilter-content-opts { opacity: 1; visibility: visible; transform: translateY(0px); } .mfilter-content>ul { opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: .5s; animation-delay: .5s; /* Delay of 2s before the animation starts */ } /* Define the fadeIn animation */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } } /* --> PRODUCT GRID ITEM > CLICK CART [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> PRODUCT GRID ITEM > LAYOUT [2] =========================================================================================================== */ .product-thumb .bottom_section { height: 78px !important } .product-thumb .bottom_section .labels_container { margin-top: 25px !important; } .product-thumb .caption { padding-top: 10px !important; padding-bottom: 0px !important; } /* --> PRODUCT GRID ITEM > CLICK CART > PREPARE LAYOUT [2] =========================================================================================================== */ .product-thumb .caption .bottom_section { position: relative; } /* --> PRODUCT GRID ITEM > CLICK CART > STEPPER [2] =========================================================================================================== */ .product-thumb .stepper_buttons { display: flex; align-items: center; justify-content: center; margin-bottom: 20px !important; margin-top: 12px; /* width: 100% !important; */ order: 15; } .product-thumb label[for="input-quantity"] { display: none; } .product-thumb label { font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0px; display: block; /* width: 170px; */ } .product-thumb .options_section label span { /* padding-left: 5px !important; */ display: block !important; } .product-thumb .options_section label { border-color: #fff !important; } .product-thumb .options_section label.checked-tk { border-color: rgba(0, 0, 0, 0.5) !important; } .product-thumb .radio label { /* padding-left: 0px !important; */ border: 1px solid rgba(0, 0, 0, 0.15) !important; } .product-thumb #input-quantity { height: 34px; width: 34px; min-width: 34px; font-size: 16px; font-weight: bold; color: black; border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none !important; border-radius: 0px !important; text-align: center !important; padding: 0px; pointer-events: none; -moz-appearance: textfield; } .product-thumb #input-quantity::-webkit-outer-spin-button, .product-thumb #input-quantity::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .product-thumb button.ctm-stepper { width: 45px; height: 45px; border-radius: 0px; border: none !important; box-shadow: none !important; overflow: hidden; background: none; } .product-thumb button.ctm-stepper::before { font-size: 0; font-weight: bold; display: block; background: none !important; line-height: 100%; } .product-thumb button.ctm-stepper:first-of-type:before { content: url("data:image/svg+xml,%3Csvg width='11.52px' height='1.92px' viewBox='0 0 11.52 1.92' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E-%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='PRODUCT-PAGE-' transform='translate(-1333.040000, -539.840000)' stroke='%23000000' stroke-width='1.92'%3E%3Cg id='-' transform='translate(1334.000000, 540.480000)'%3E%3Cg transform='translate(0.000000, 0.000000)' id='Path'%3E%3Cline x1='9.6' y1='0.32' x2='0' y2='0.32'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .product-thumb button.ctm-stepper:last-of-type:before { content: url("data:image/svg+xml,%3Csvg width='11.52px' height='11.52px' viewBox='0 0 11.52 11.52' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E+%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='PRODUCT-PAGE-' transform='translate(-1333.040000, -535.040000)' stroke='%23000000' stroke-width='1.92'%3E%3Cg id='Group' transform='translate(1334.000000, 536.000000)'%3E%3Cline x1='4.8' y1='0' x2='4.8' y2='9.6' id='Path'%3E%3C/line%3E%3Cline x1='9.6' y1='4.8' x2='0' y2='4.8' id='Path'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS [2] =========================================================================================================== */ .options_section { padding-inline: 0px !important; } .product-thumb .product-options-hover>.form-group { padding-inline: 0px !important } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS > LAYOUT [3] ------------------------------------------------------------- */ .product-options-hover.no-options { min-height: 100% !important; } .product-thumb .product-options-hover.no-options > .form-group { margin-top: 0; } .product-thumb .product-options-hover.no-options .options_section { display: none !important; } .product-thumb .options_section { padding-left: 30px; padding-right: 30px; /* padding-top: 15px; */ display: flex; flex-direction: column; gap: 20px; } .product-thumb .options_section>.form-group { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0px !important; gap: unset !important; } .product-options-hover>.form-group { display: flex; flex-direction: column; margin-bottom: 0px !important; } .product-options-hover>.form-group>.control-label { color: #000 !important; font-size: 15px !important; line-height: 20px !important; font-weight: 300 !important; text-transform: none !important; text-align: right; } .product-options-hover .options_section input { display: none; } .product-thumb .product-options-hover>.form-group { display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; gap: 10px; padding: 0px 15px 0px; /* flex-wrap: wrap; */ margin-top: 20px; } .product-layout .image button { border: unset !important; background: unset !important; position: absolute; right: 15px; top: 15px; z-index: 15; } .product-thumb .product-options-hover>.form-group .stepper_buttons { margin: 0 !important; } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS > LABELS [3] ------------------------------------------------------------- */ .product-options-hover>.options_section .form-group>.control-label { color: #000 !important; font-size: 15px !important; line-height: 20px !important; font-weight: 300 !important; text-transform: none !important; text-align: left; margin-right: 10px; display: flex; align-items: center; margin-right: 10px !important; } @media(max-width: 1024px) { .product-options-hover>.options_section .form-group>.control-label { padding-right: 6px !important; } } .product-options-hover>.options_section .form-group>.control-label { width: 100px; margin: 0px !important; } .product-options-hover>.options_section .form-group>.control-label:before { display: none !important; } .product-options-hover>.options_section .form-group>.control-label+* { width: auto; margin: 0px !important; } /*.form-group.required.option-2 label {*/ /* font-size: 0;*/ /* padding-left: 0;*/ /* width: auto;*/ /*}*/ /*.form-group.required.option-2 label {*/ /* font-size: 0;*/ /* padding-left: 0;*/ /* width: auto;*/ /*}*/ .form-group.required.option-81 label { padding-left: 0; width: auto; } .form-group.required.option-2 .radio, .form-group.required.option-1 .radio { margin: 0 !important; } .product-options-hover>.options_section .form-group .text-danger { width: 100% !important; font-size: 12px !important; background: #ffeff2; margin-top: 5px; padding: 6px; } .alert-success a { color: black; font-weight: 500; } .form-group.required.option-2>div, .form-group.required.option-1>div, .form-group.colors .color-wraper { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .form-group.required.option-2>div.text-danger, .form-group.required.option-1>div.text-danger { flex: 1 1 100% !important; text-align: center; justify-content: center; } .form-group.colors .color-wraper a { padding: 2px; border: 1px solid rgba(0, 0, 0, 0.15); outline: unset !important; width: 30px; height: 30px; } .form-group.colors .color-wraper a .color-swatch { width: 24px !important; height: 24px !important; } .form-group.colors .color-wraper a.active-color, .form-group.colors .color-wraper a.active { border-color: rgba(0, 0, 0, 0.5); } .product-thumb .product-options-hover>.form-group button:not(.button-cart) { background: transparent; border: unset; display: block; position: relative; width: 24px; height: 24px; } .product-thumb .wish-button-partial { order: 10; } .product-thumb .product-options-hover>.form-group button:not(.button-cart) svg { width: 100%; height: 100%; } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS > INPUTS [3] ------------------------------------------------------------- */ .product-options-hover>.options_section .form-group>.control-label+* { width: calc(100% - 100px); margin: 0px !important; border-radius: 0px !important; box-shadow: none !important; } .product-options-hover .img-thumbnail { width: 25px; padding: 2px; border-radius: 0; border-color: transparent; } .product-thumb .option-1 label span { display: none !important; } .product-thumb .option-1>div label { padding: 0px !important; } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS > ERROR [3] ------------------------------------------------------------- */ .product-options-hover>.options_section .form-group .text-danger { width: 100% !important; font-size: 12px !important; background: #ffeff2; margin-top: 5px; padding: 6px; color: red; font-weight: 500; } /* --> PRODUCT GRID ITEM > CLICK CART > INNER CART [2] =========================================================================================================== */ .product-options-hover>.form-group .button-cart { background: #000 !important; color: white !important; border: none !important; font-size: 13px; font-weight: 500; text-transform: uppercase; border-radius: 0px; height: 50px; white-space: wrap; line-height: 1.2; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; /* width: calc(100% - 50px); */ width: 100%; order: 25; } /* --> PRODUCT GRID ITEM > CLICK CART > CLOSE BUTTON [2] =========================================================================================================== */ .product-options-hover .close-btn { font-size: 0px; line-height: 0px; position: absolute; top: 10px; right: 10px; } .product-options-hover .close-btn:before { content: ""; width: 12px; height: 12px; display: block; cursor: pointer; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px'%3E%3Cpath d='M 40.783203 7.2714844 A 2.0002 2.0002 0 0 0 39.386719 7.8867188 L 25.050781 22.222656 L 10.714844 7.8867188 A 2.0002 2.0002 0 0 0 9.2792969 7.2792969 A 2.0002 2.0002 0 0 0 7.8867188 10.714844 L 22.222656 25.050781 L 7.8867188 39.386719 A 2.0002 2.0002 0 1 0 10.714844 42.214844 L 25.050781 27.878906 L 39.386719 42.214844 A 2.0002 2.0002 0 1 0 42.214844 39.386719 L 27.878906 25.050781 L 42.214844 10.714844 A 2.0002 2.0002 0 0 0 40.783203 7.2714844 z'%3E%3C/path%3E%3C/svg%3E"); /* -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); */ padding: 0px !important; } .product-options-hover .close-btn { display: none !important; } /* --> PRODUCT GRID ITEM > CLICK CART > EFFECT [2] =========================================================================================================== */ /* .product-thumb .product-options-hover { position: absolute; bottom: 0px; left: 0px; width: calc(100% + 48px); transition: all 0.23s; opacity: 0; transform: translateY(10px); visibility: hidden; background: white; margin-left: -24.5px; margin-bottom: -5px; z-index: 10; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 20px; padding: 20px; box-shadow: none !important; margin-bottom: -20px; } */ .product-thumb .product-options-hover { position: absolute; bottom: 0px; left: 0px; width: 100%; transition: all 0.23s; opacity: 0; transform: translateY(10px); visibility: hidden; background: white; z-index: 10; display: flex; flex-direction: column; justify-content: center; padding-top: 20px; padding: 20px; min-height: 200px; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2); gap: 20px; } .product-thumb.hover_options_enabled .product-options-hover { opacity: 1; transform: translateY(-50px); visibility: visible !important; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); } /* .product-thumb.hover_options_enabled h4, .product-thumb.hover_options_enabled h5, .product-thumb.hover_options_enabled .labels_container { opacity: 0 !important; } */ /* --> PRODUCT GRID > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-manufacturer>.row, #product-search>.row, #product-category>.row { flex-direction: column; } /* --> PRODUCT GRID ITEM > RESPONSIVE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1481px) { .labels_container { width: 100%; float: unset; margin: 10px 0px; } .labels_container>div { padding-left: 0px; } .product-thumb .button-group { margin-top: 0px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> BLOG CENTRAL VVV VVV VVV VVV VVV VVV VVV */ /* --> BLOG CENTRAL > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page .product-thumb .caption { max-width: unset; width: unset; } .central_blog_page #content>.row { display: flex; flex-wrap: wrap; } .central_blog_page #content>.row>div { width: 25%; } .central_blog_page #latestpost { margin-bottom: 70px; } /* --> BLOG CENTRAL > TITLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .extension-d4u-blogs #blog-category h1 { display: none !important; } /* --> BLOG CENTRAL > IMAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page #content>.row>div .image { max-width: 100%; width: 100%; } .central_blog_page #content>.row>div .image img { width: 100% !important; height: auto !important; } /* --> BLOG CENTRAL > DESCRIPTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page #content>.row>div .caption { min-height: 65px } .central_blog_page #content>.row>div .description { display: none; } .central_blog_page #content>.row>div .padd { display: none !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> BLOG PAGE VVV VVV VVV VVV VVV VVV VVV */ #blog .related .headingmain { text-align: left; font-weight: 400; margin-bottom: 0px; color: #000; font-size: 40px; grid-area: title; display: flex; align-items: self-end; white-space: break-spaces; line-height: 1.2; margin-bottom: 20px } #blog, #blog .related>div, #blog #content, #blog #content .featured-image { padding-inline: 0px !important; } #blog #content { padding-inline: var(--responsivePadding) !important; } /* --> BLOG PAGE > CONTENT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost .commentadta { display: none !important; } #latestpost .innerheader h1 { max-height: unset; line-height: normal; } .single_blog_page #latestpost { display: flex; margin-top: 70px; } #latestpost * { font-family: inherit !Important; } .single_blog_page #latestpost .image.listimg { width: 500px; } #latestpost .image.listimg .img-responsive { width: 100%; } .single_blog_page #latestpost>.row { width: calc(100% - 500px); padding-left: 25px; } #latestpost>.row .headtitle { position: relative; background: none; opacity: 1; display: flex; flex-direction: column; } #latestpost>.row .headtitle>div:first-child { display: none; } #latestpost>.row .description { color: #444; line-height: 26px; text-align: justify; margin-top: 25px; font-size: 15px; -moz-column-count: 2; column-count: 2; -moz-column-gap: 41px; column-gap: 41px; font-weight: normal !important; } /* --> BLOG PAGE > SOCIALS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost .social-icons { margin-top: 30px; } #latestpost .social-icons li i:before { font-family: FontAwesome; } /* --> BLOG PAGE > ALERT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost { position: relative; } #latestpost .alert.alert-success.alert-dismissible { position: absolute; left: 50%; transform: translateX(-50%) translateY(-100%); z-index: 9999999; top: 0px; } #latestpost .alert.alert-success.alert-dismissible i:before { font-family: FontAwesome; } #latestpost .alert-dismissable .close, #latestpost .alert-dismissible .close { right: 0px !important; } /* --> BLOG PAGE > RELATED PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .row.related .headingmain { margin-top: 0px !important; } #blogrelated .product-thumb h4 { text-align: left !important; } #blogrelated .price-cont { display: flex; align-items: center; } #blogrelated .product-thumb .price { margin-bottom: 0px !important; text-align: left; } #blogrelated .product-thumb .price-old { margin-left: 0px !important; } @media(min-width: 769px) { #blog .breadcrumb { max-width: calc(100% - 285px); margin: 10px 0 25px auto; margin-top: 100px; margin-bottom: 0 !important; } } #blog .social-icons a { color: #EC6E00; } #blog .social-icons a:hover { color: #000; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION SEARCH PAGE VVV VVV VVV VVV VVV VVV VVV */ @media(max-width: 768px) { #product-search .search-top-container { padding: 20px } html.product-search .search-top-container .row>div { padding: 0px; } html.product-search .search-top-container .row #input-search, html.product-search .search-top-container .row select { border-radius: 0px; margin-bottom: 10px; height: 40px } html.product-search .search-top-container #button-search { padding: 10px 20px !important; border-radius: 0px; font-size: 14px; margin-top: 10px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CART PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> CART PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #checkout-cart>.row { margin-left: auto !important; margin-right: auto !important; max-width: 1650px; /* padding-inline: var(--responsivePadding); */ box-sizing: content-box; } #checkout-cart #content { margin-top: 100px; } /* --> CART PAGE > LAYOUT > WHEN EMPTY [2] =========================================================================================================== */ .checkout-cart #error-not-found { margin-top: 120px !important; } .checkout-cart #error-not-found .btn-primary { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; } .checkout-cart #error-not-found .btn-primary { background: white !important; margin-bottom: 100px; } /* --> CART PAGE > BREADCRUMBS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-cart .breadcrumb { display: none !important; } /* --> CART PAGE > BUTTONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #checkout-cart .bottom_section .input-group-btn input { background: black !important; color: white !important; border: none !important; height: 50px !important; } /* #checkout-cart .what-next[href*="home"], */ .checkout-cart #error-not-found .btn-primary { border: 1px solid rgba(0, 0, 0, 0.3) !important; color: black !important; } #checkout-cart .what-next[href*="checkout"] { background: black !important; color: white !important; border: none !important; } /* --> CART PAGE > BREADCRUMB [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #checkout-cart .breadcrumb { margin-bottom: 0px; } /* #checkout-cart .breadcrumb + .row { max-width: var(--ContainerDefaultWidth); margin-left: auto; margin-right: auto; } */ /* --> CART PAGE > TITLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-cart #content h1 { font-size: 40px !important; display: block !important; font-weight: 400; text-align: center; margin-bottom: 30px !important; } #checkout-cart #content h1 { color: black !important; } /* --> CART PAGE > NO PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> CART PAGE > NO PRODUCTS > INTRO [2] =========================================================================================================== */ .checkout-cart #error-not-found #content { text-align: center; } .checkout-cart #error-not-found #content>h1 { font-family: var(--font2); font-size: 45px; font-weight: 400; margin-top: 10px; line-height: 1; } .checkout-cart #error-not-found #content>p { font-size: 16px; margin-top: 20px; } .checkout-cart #error-not-found #content .pull-right { float: none !important; margin-top: 100px; } /* --> CART PAGE > TABLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #checkout-cart form { margin-bottom: 30px !important; } /* #checkout-cart form#checkout-cart form .table { display: flex; flex-direction: column; } #checkout-cart form#checkout-cart form .table tr { display: flex; } #checkout-cart form#checkout-cart form .table tr td { flex: 1; } #checkout-cart form#checkout-cart form .table tr td:nth-child(1) { flex: 1; } */ #checkout-cart form .table-responsive { border: none !important; } #checkout-cart form table thead td, #checkout-cart form table tbody td { width: 25%; } #checkout-cart form table thead td:first-child, #checkout-cart form table tbody td:first-child { width: 220px; display: flex; text-align: right; justify-content: flex-end; } /* --> CART PAGE > TABLE > HEAD [2] =========================================================================================================== */ #checkout-cart table thead { background: black !important; height: 50px; } #checkout-cart table thead td { color: white; font-size: 16px; font-weight: 600; } /* --> CART PAGE > TABLE > TR [2] =========================================================================================================== */ #checkout-cart form tbody tr { border-bottom: 1px solid #c6c6c6 !important; } /* --> CART PAGE > TABLE > TD [2] =========================================================================================================== */ #checkout-cart form tbody { border: none !important; } #checkout-cart table tbody td { border: none; } /* --> CART PAGE > TABLE > TD > DISABLES [3] ------------------------------------------------------------- */ /* #checkout-cart table tbody td.product-title small strong, */ #checkout-cart table tbody td.product-title .price.mobile { display: none !important; } #checkout-cart table tbody td.product-title small strong { font-weight: normal; } /* --> CART PAGE > TABLE > IMAGE [2] =========================================================================================================== */ #checkout-cart form tbody td:first-child a .img-thumbnail { width: 137px !important; } @media (max-width: 768px) { #checkout-cart form tbody td:first-child { display: flex; justify-content: flex-end; } } /* --> CART PAGE > TABLE > NAME [2] =========================================================================================================== */ /* --> CART PAGE > TABLE > NAME > TEXT [3] ------------------------------------------------------------- */ #checkout-cart form tbody td.text-left.product-title a { font-size: 15px !important; color: black !important; font-weight: normal !important; /* text-transform: uppercase; */ /* font-weight: 500 !important; */ white-space: normal !important; } #checkout-cart form tbody td.text-left.product-title .manufacturer_link a { font-weight: bold !important; } #checkout-cart form tbody td.text-left.product-title .text-danger { margin-bottom: -14px; } /* --> CART PAGE > TABLE > NAME > MODEL [3] ------------------------------------------------------------- */ #checkout-cart table tbody td.product-title .model-info { color: #6c6c6c !important; margin: 15px 0px !important; display: block; font-size: 14px; white-space: wrap; white-space: normal; display: none !important; } /* --> CART PAGE > TABLE > NAME > OPTIONS [3] ------------------------------------------------------------- */ #checkout-cart table tbody td.product-title small { display: block; font-size: 14px; } /* #checkout-cart table tbody td.product-title small strong { text-transform: uppercase; } */ #checkout-cart table tbody td.product-title .options_container { display: flex; margin-top: 20px; flex-direction: column; } #checkout-cart table tbody td.product-title .options_container small { font-size: 15px; color: black; /* text-transform: uppercase; */ } /* #checkout-cart table tbody td.product-title .options_container small:not(:first-child):before { content: ","; margin-right: 5px; } */ /* --> CART PAGE > TABLE > NAME > LABELS [3] ------------------------------------------------------------- */ #checkout-cart table tbody td.product-title .labels_container { display: none; } /* --> CART PAGE > TABLE > ΠΟΣΟΤΗΤΑ [2] =========================================================================================================== */ /* --> CART PAGE > TABLE > ΠΟΣΟΤΗΤΑ > BOX [3] ------------------------------------------------------------- */ #checkout-cart form #cart-stepper { height: 40px; width: 40px; min-width: 31px; font-size: 18px; font-weight: bold; color: black; border: 1px solid rgba(0, 0, 0, 0.12); padding: 0px; } #checkout-cart form .input-group.btn-block button.ctm-stepper { margin: 0 2px !important; } /* disable arrow view in chrome */ #checkout-cart form input[type="number"]::-webkit-inner-spin-button, #checkout-cart form input[type="number"]::-webkit-outer-spin-button { display: none !important; } /* --> CART PAGE > TABLE > ΠΟΣΟΤΗΤΑ > BUTTONS [3] ------------------------------------------------------------- */ #checkout-cart form .input-group-btn button:first-child { margin-right: 10px !important; } #checkout-cart form .input-group.btn-block .input-group-btn { margin-left: 10px; width: auto; } #checkout-cart form .input-group-btn button { width: 40px; height: 40px; min-width: 31px; border: 1px solid rgba(0, 0, 0, 0.12) !important; color: black !important; box-shadow: none; padding: 0px; } #checkout-cart form .input-group-btn button img { width: 24px; height: 24px; } #checkout-cart form .input-group-btn button:last-child img { width: 20px; height: 26px; } @media (max-width: 768px) { #checkout-cart form .input-group-btn button img { width: 18px; height: 18px; } #checkout-cart form .input-group-btn button:last-child img { width: 16px; height: 18px; } } /* --> CART PAGE > TABLE > PRICES [2] =========================================================================================================== */ #checkout-cart form tbody .price { font-size: 18px; font-weight: bold; } /* --> CART PAGE >HIDE DEFAULT TOP TEASER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #checkout-cart #content>form>.freeShippingTeaser { display: none !important; } /* --> CART PAGE > BOTTOM SECTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> CART PAGE > BOTTOM SECTION > LAYOUT [2] =========================================================================================================== */ #checkout-cart .bottom_section { background: #FFF2F1; padding: 25px; margin-bottom: 60px; display: flex; justify-content: space-between; } @media (min-width: 1355px) { #checkout-cart .bottom_section { padding-left: 60px !important; padding-right: 60px !important; margin-left: 0px !important; margin-right: 0px !important; padding-bottom: 15px; padding-top: 36px; } } #checkout-cart .bottom_section>* { width: auto; } /* --> CART PAGE > BOTTOM SECTION > SHIPPING TEASER [2] =========================================================================================================== */ #checkout-cart .bottom_section>.totals_section>.freeShippingTeaser i { display: none !important; } #checkout-cart .bottom_section>.totals_section>.freeShippingTeaser { border: none !important; font-weight: bold !important; text-transform: none !important; font-size: 16px !important; color: #96ab5e !important; background: none !important; margin-bottom: 20px !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; padding: 0px 8px !important; text-align: center !important; } #checkout-cart .bottom_section>.totals_section>.freeShippingTeaser+.table-responsive { display: none !important; } /* --> CART PAGE > BOTTOM SECTION > DISABLES [2] =========================================================================================================== */ #checkout-cart .panel { display: none !important; } /* --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION [2] =========================================================================================================== */ .modules_container { width: 380px !important; } /* --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION > HEADING [3] ------------------------------------------------------------- */ .modules_heading_container { margin-bottom: 36px; display: none !important; } /* .modules_heading_container>div:first-child { font-size: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 6px; display: none !important; } .modules_heading_container>div:last-child { font-size: 17px; font-weight: 500; } */ /* --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION > COUPON SECTION [3] ------------------------------------------------------------- */ .modules_container .coupon_section .coupon_title { font-size: 20px !important; margin-bottom: 5px !important; padding-bottom: 0px !important; text-transform: none !important; } .modules_container .coupon_section .coupon_instructions { font-size: 15px !important; margin-bottom: 15px !important; display: block !important; } #checkout-cart .bottom_section .input-group .form-control { height: 50px; border: none; color: black; font-size: 15px; padding-left: 20px } #checkout-cart .bottom_section .input-group .form-control::-webkit-input-placeholder { color: #6F6F6F; /* Change #888 to whatever color you prefer */ } #checkout-cart .bottom_section .input-group .form-control::-moz-placeholder { color: #6F6F6F; /* Change #888 to whatever color you prefer */ } #checkout-cart .bottom_section .input-group .form-control:-ms-input-placeholder { color: #6F6F6F; /* Change #888 to whatever color you prefer */ } #checkout-cart .bottom_section .input-group .form-control::-ms-input-placeholder { color: #6F6F6F; /* Change #888 to whatever color you prefer */ } #checkout-cart .bottom_section .input-group .form-control::placeholder { color: #6F6F6F; /* Change #888 to whatever color you prefer */ } .modules_container .coupon_section .input-group-btn #button-coupon img { width: 20px; } .modules_container .coupon_section .input-group-btn #button-coupon { background: white !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 50px; border-radius: 0px; border: none; padding-right: 20px } /* --> CART PAGE > BOTTOM SECTION > TOTALS SECTION [2] =========================================================================================================== */ /* --> CART PAGE > BOTTOM SECTION > TOTALS SECTION > COMMON [3] ------------------------------------------------------------- */ #checkout-cart .bottom_section .cart-total-table tr { display: flex; justify-content: flex-end; } #checkout-cart .bottom_section .cart-total-table tr td { display: flex; align-items: center; font-size: 16px; } #checkout-cart .bottom_section .cart-total-table tr .title { /* text-transform: uppercase; */ /* margin-right: 100px !important; */ } #checkout-cart .bottom_section .cart-total-table tr .value { font-weight: bold; width: 60px; min-width: 100px; text-align: right; justify-content: flex-end; font-size: 18px; } /* --> CART PAGE > BOTTOM SECTION > TOTALS SECTION > TOTAL [3] ------------------------------------------------------------- */ /* #checkout-cart .bottom_section .cart-total-table tr:last-child .title { font-size: 18px; font-weight: bold; } #checkout-cart .bottom_section .cart-total-table tr:last-child .value { font-size: 25px; font-weight: bold; } */ /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CHECKOUT PAGE (0LD) VVV VVV VVV VVV VVV VVV VVV */ /* --> CART PAGE > INTRO & TITLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-checkout #input-payment-country option[value="84"], .checkout-checkout #input-payment-country option[value="55"] { display: block !important; } .checkout-checkout #input-payment-country option { display: none !important; } html.checkout-checkout header~.container { margin-top: 130px } html.checkout-checkout .category-intro { background: none !important; } html.checkout-checkout header~.container #content>h1, html.checkout-checkout .category-intro h1 { color: black !important; text-transform: none; font-weight: 400 !important; margin-bottom: 0px; font-size: 40px !important; text-align: center !important; line-height: 1.2; } html.checkout-checkout .breadcrumb { display: none !important; } html.checkout-checkout #error-not-found { width: 600px; text-align: center; } html.checkout-checkout #error-not-found .pull-right { float: none !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CHECKOUT PAGE VVV VVV VVV VVV VVV VVV VVV */ .checkout-checkout .radio label input[type="radio"], .xoffer-label input[type="radio"] { accent-color: #EC6E00 !important; } .checkout-checkout .check-column { padding: 0px !important; } .checkout-checkout #content { display: flex; gap: clamp(20px, 6.5vw, 90px); } .checkout-checkout .check-column:nth-child(1) { width: 30% !important; } .checkout-checkout .check-column:nth-child(2) { width: 30% !important; } .checkout-checkout .check-column:nth-child(3) { width: 40% !important; } .checkout-checkout #checkout-checkout>.row { width: 1660px !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; margin-top: 50px } #collapse-payment-address .checkbox, #collapse-payment-address .buttons.clearfix { margin-left: 0px } .checkout-checkout #content>div:nth-child(2) .hide_in_column_mid { display: none !important; } .checkout-checkout #content>div:nth-child(3) .hide_in_column_right { display: none !important; } /* --> ONEPAGE CHECKOUT > SIDEBAR > PAYMENT OPTIONS SECTION [2] =========================================================================================================== */ .payment_options_section { margin-top: 35px; } .payment_options_section .payment_options_info { font-size: 14px; color: #737373; } .payment_options_section .payment_options_icons { margin-top: 15px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .payment_options_section .payment_options_icons img { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } /* --> ONEPAGE CHECKOUT > ALL SECTIONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> ONEPAGE CHECKOUT > ALL SECTIONS > CONTAINERS [2] =========================================================================================================== */ .checkout-checkout .well-sm { padding-bottom: 0px; } .checkout-checkout .panel-body .row { margin-left: 0px; margin-right: 0px; } .checkout-checkout .panel-body:after { display: none !important; } .checkout-checkout .panel-body { margin-bottom: 50px; } .checkout-checkout #payment-text-more { margin-top: 50px } .checkout-checkout #payment-text-more>p b { font-weight: normal; font-size: 14px; } .checkout-checkout #payment-text-more .well, .checkout-checkout #payment-text-more .well * { font-size: 14px !important; } .panels-custom { clear: both !important; } .checkout-checkout .panel-body>.row>div[class^="col"] { padding-right: 0px !important; padding-left: 0px !important; } /* --> ONEPAGE CHECKOUT > ALL SECTIONS > TITLES [2] =========================================================================================================== */ .checkout-checkout .panel-body h2, .checkout-checkout .panel-body h3, .checkout-checkout .panels-custom h3, .checkout-checkout .panels-custom h2, .onepage_checkout_sidebar h2, .onepage_checkout_sidebar .column_left_title, .checkout-checkout .comments_section>p>strong, #checkout-checkout h2, .coupon_title, .xoffer-title { margin-top: 0px; font-weight: bold; font-size: 15px !important; text-transform: none !important; margin-bottom: 0px !important; padding-bottom: 10px !important; text-transform: none !important; color: black; text-transform: uppercase !important; padding-inline: 0px !important; background: none !important; } /* --> ONEPAGE CHECKOUT > ALL SECTIONS > FIELDS [2] =========================================================================================================== */ .checkout-checkout #content>.check-column:nth-child(1) .form-group label+* { /* border: 1px solid #B3B3B3 !important; */ height: 40px; box-shadow: none } .checkout-checkout #content>.check-column:nth-child(2) textarea { box-shadow: none; outline: none; border-color: #b3b3b3 !important; } /* --> ONEPAGE CHECKOUT > PERSONAL INFO [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-checkout .panel-body>.row>.col-sm-12:has(#account) { margin-bottom: 20px } /* --> ONEPAGE CHECKOUT > PAYMENT & SHIPPING METHODS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #collapse-shipping-method label, #collapse-payment-method label, .xoffer-item .xoffer-label { font-size: 14px; color: #000000; } #payment-text-more form .buttons .btn-primary { display: none !important } /* --> ONEPAGE CHECKOUT > PAYMENT & SHIPPING METHODS > GET RID OF BUTTON [2] =========================================================================================================== */ .checkout-checkout #content>div:nth-child(2) .buttons { display: none !important; } /* --> ONEPAGE CHECKOUT > PAYMENT GUIDELINES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #payment-text-more .well-sm { padding: 13px; border-radius: 0px; border: none; box-shadow: none; background: #f5f7f9; } #payment-text-more .well-sm, #payment-text-more .well-sm * { color: #6f6f6f; } #payment-text-more .well-sm *:last-child { margin-bottom: 0px; } /* --> ONEPAGE CHECKOUT > COMMENTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-checkout .comments_section textarea { border: 1px solid #D5D5D5; } /* --> ONEPAGE CHECKOUT > ADDRESS & PAYMENT INFOS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #collapse-payment-address fieldset { margin-bottom: 20px; } #collapse-shipping-address { padding-top: 10px } #collapse-payment-address .buttons, #collapse-shipping-address .buttons { clear: both !important; float: none !important; width: 100% !important; display: block !important; } /* --> ONEPAGE CHECKOUT > ADDRESS & PAYMENT INFOS > RADIOS [2] =========================================================================================================== */ #collapse-payment-address .radio, #collapse-shipping-address .radio { min-height: unset !important; margin: 10px 0px !important; } #collapse-payment-address .radio label, #collapse-shipping-address .radio label { display: flex; align-items: center; } .checkout-checkout .radio label input[type="radio"] { margin-top: 0px; margin-bottom: 0px; accent-color: var(--accent2); } /* --> ONEPAGE CHECKOUT > PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> ONEPAGE CHECKOUT > PRODUCTS > OLD [2] =========================================================================================================== */ #collapse-checkout-confirm table thead, #collapse-checkout-confirm table thead * { border: none !important; } #collapse-checkout-confirm table thead td { font-weight: 500; } /* #collapse-checkout-confirm table tbody tr { border-bottom: 1px solid #CECECE !important; } #collapse-checkout-confirm table tbody tr td { border: none !important; } #collapse-checkout-confirm table tbody tr td a { color: black; font-size: 15px; line-height: 21px } */ #collapse-checkout-confirm table tfoot { margin-top: 30px !important; } #collapse-checkout-confirm table tfoot td { padding-block: 3px !important; line-height: 1 !important; vertical-align: middle } #collapse-checkout-confirm table tfoot td strong { font-weight: normal; line-height: 1 !important; margin: 0px; padding: 0px; } /* --> ONEPAGE CHECKOUT > PRODUCTS > TABLE [2] =========================================================================================================== */ #collapse-checkout-confirm .table-responsive { overflow: hidden !important; } /* --> ONEPAGE CHECKOUT > PRODUCTS > THEAD [2] =========================================================================================================== */ #collapse-checkout-confirm table thead>tr>td:not(:first-child) { text-align: center } /* --> ONEPAGE CHECKOUT > PRODUCTS > ALL TD'S [2] =========================================================================================================== */ #collapse-checkout-confirm table tbody tr { background: white !important } #collapse-checkout-confirm table tbody tr:not(:last-child) { border-bottom: 1px solid #ccc; } #collapse-checkout-confirm table tbody tr td { vertical-align: middle; font-size: 13px; line-height: 1.2; border: none; padding: 10px 3px !important; } #collapse-checkout-confirm table tbody tr td:not(.product_text) { text-align: center } /* --> ONEPAGE CHECKOUT > PRODUCTS > TEXTS [2] =========================================================================================================== */ #collapse-checkout-confirm table tbody tr td { vertical-align: middle; } .product_text { display: flex; flex-direction: column; } #collapse-checkout-confirm table tbody tr .product_text>* { line-height: 1.2; color: black } #collapse-checkout-confirm table tbody tr .product_text .product_manufacturer { font-weight: bold; margin-bottom: 2px } #collapse-checkout-confirm table tbody tr .product_text .product_options { padding-top: 10px; display: flex; flex-direction: column; width: 100%; flex-wrap: nowrap; } #collapse-checkout-confirm table tbody tr .product_text .product_options>div span { font-size: 12px; color: #666; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #collapse-checkout-confirm table tbody tr .product_text .product_options .product_option_name:before { content: "-"; margin-right: 3px } #collapse-checkout-confirm table tbody tr .product_text .product_options .product_option_name:after { content: ":"; } /* --> ONEPAGE CHECKOUT > PRODUCTS > TFOOT [2] =========================================================================================================== */ #collapse-checkout-confirm table tfoot { border-top: 20px solid white !important; box-shadow: 0 -1px 0px #ccc; position: relative; margin-top: -10px !important; transform: translateY(-10px) } #collapse-checkout-confirm table tfoot * { font-size: 13px; } /* --> ONEPAGE CHECKOUT > REGISTRATION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-checkout #button-register { margin-bottom: 40px; } /* --> ONEPAGE CHECKOUT > TERMS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #collapse-checkout-confirm .checkbox label { padding-left: 0px !important; } #collapse-checkout-confirm .checkbox label>input { margin-right: 10px; } @media(max-width: 1600px) { .checkout-checkout #content { display: flex; flex-wrap: wrap; } .checkout-checkout #content>div { flex: 1 } .checkout-checkout #content>div:nth-child(3) { width: 100% !important; flex-basis: 100% } } @media(max-width: 850px) { .checkout-checkout #content>div { flex-basis: 100% } .checkout-checkout #content { padding-inline: 0px !important; } .checkout-checkout #content .form-group { padding: 5px } } @media(max-width: 768px) { html.checkout-checkout header~.container { margin-top: 50px } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION GDPR PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> GDPR PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-edit #content>h2, .account-password #content>h2, .account-address #content>h2, .account-wishlist #content>h2, .account-order #content>h2, .account-reward #content>h2, .account-return #content>h2, .account-transaction #content>h2, .account-newsletter #content>h2, .account-register #content>h2, .account-account #content>h2, .account-logout #content>h2, .extension-module-isenselabs_gdpr #content>h2 { background: #f2f2f2; border: none; color: black; font-weight: bold; padding: 14px 20px; min-height: 50px; display: flex; font-size: 18px !important; align-items: center; text-transform: uppercase; margin-top: 0; } .account-edit #content legend, .account-password #content legend, .account-address #content legend, .account-wishlist #content legend, .account-order #content legend, .account-reward #content legend, .account-return #content legend, .account-transaction #content legend, .account-newsletter #content legend, .account-register #content legend, .account-account #content legend, .account-logout #content legend, .extension-module-isenselabs_gdpr #content legend { background: #f2f2f2; border: none; color: black; font-weight: bold; padding: 14px 20px; margin-top: 0px; min-height: 50px; display: flex; font-size: 18px !important; align-items: center; text-transform: uppercase; } .account-edit #content li a, .account-password #content li a, .account-address #content li a, .account-wishlist #content li a, .account-order #content li a, .account-reward #content li a, .account-return #content li a, .account-transaction #content li a, .account-newsletter #content li a, .account-register #content li a, .account-account #content li a, .account-logout #content li a, .extension-module-isenselabs_gdpr #content li a { padding: 10px 15px; display: inline-block; margin: 2px 0; border: 1px solid #ccc; color: black; transition: all 0.12s; } .account-edit #content li a:hover, .account-password #content li a:hover, .account-address #content li a:hover, .account-wishlist #content li a:hover, .account-order #content li a:hover, .account-reward #content li a:hover, .account-return #content li a:hover, .account-transaction #content li a:hover, .account-newsletter #content li a:hover, .account-register #content li a:hover, .account-account #content li a:hover, .account-logout #content li a:hover, .extension-module-isenselabs_gdpr #content li a:hover { border-color: black; background: var(--accent1); color: white; } .account-login .form-group a { display: block; position: relative; margin-top: 15px; margin-left: 5px; color: #EC6E00; } .account-login .form-group a[href*="forgotten"] { font-weight: 500; color: black; font-style: italic; } .account-login #content { padding-left: 25px !important; } @media(max-width: 768px) { .account-login #content { padding-left: 0px !important; } } /* --> REST OF PAGES > CONTENT LIST [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html[class*="account"] body>.container #content .list-unstyled { padding-top: 2px !important; } html[class*="account"] body>.container #content .list-unstyled li { margin: 7px 0px; } /* --> REST OF PAGES > SIDEBAR LIST [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* html[class*="account"] body > .container #column-right{ margin-top: 30px !important; } */ html[class*="account"] body>.container #column-right .list-group-item { padding: 13px 17px; transition: all 0.12s; text-shadow: none !important; color: #000; } html[class*="account"] body>.container #column-right .list-group-item:hover { background: var(--accent1) !important; color: white !important; } html[class*="account"] #column-right { margin-top: 30px; padding-right: 40px; } html[class*="account"] #content { margin-bottom: 50px; margin-top: 30px; /* padding-left: 40px; */ } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION ACCOUNT PAGES VVV VVV VVV VVV VVV VVV VVV */ /* ACCOUNT PAGES > LAYOUT */ html[class^="account"] header~.container>.row { width: 1350px; margin-inline: auto !important; max-width: 100%; } /* ACCOUNT PAGES > LAYOUT (EDIT SPECIFIC) */ html[class*="account-edit"] #content { width: 590px !important; max-width: 100% !important; padding-left: 0px; padding-right: 0px; margin-top: 50px } /* ACCOUNT PAGES > SIDEBAR */ html[class*="account"] aside { margin-top: 50px; } html[class*="account"] #content { width: 75%; } html[class*="account"] #column-right { display: none !important; } html[class*="account-edit"] #column-right { visibility: hidden; display: block !important; } html[class*="account"] body>.container #column-left .list-group-item { padding: 9px 17px; transition: all 0.12s; text-shadow: none !important; color: #000; border: none !important; } html[class*="account"] body>.container #column-left .list-group-item.current { font-weight: bold } /* ACCOUNT PAGES > BREADCRUMB */ html[class*="account"] .breadcrumb { display: block !important; } /* ACCOUNT PAGES > TITLE */ html[class*="account"] .generic-intro-title { display: none; } html[class*="account"] #content h1 { font-weight: 400; margin-bottom: 0px; color: #000; font-size: 40px !important; grid-area: title; display: flex; align-items: self-end; white-space: break-spaces; line-height: 1.2; margin-inline: auto !important; text-transform: none; padding: 0px; background: None; padding-inline: 15px; text-align: center !important; float: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-inline: auto; display: flex; flex-direction: column; margin-bottom: 40px !important; display: flex !important; flex-direction: column !important; text-align: center !important; justify-content: center; align-items: center } html[class*="account"] #content h1 span+span { font-size: 13px; margin-top: 10px } html[class*="account-edit"] #content legend { display: none !important; } /* ACCOUNT PAGES > FORM */ html[class*="account"] #content fieldset { margin-bottom: 50px !important; } html[class*="account"] #content .form-group { display: flex; flex-direction: column; width: 100%; min-width: 100% !important; margin-inline: 0px !important; } html[class*="account"] #content .form-group label { display: flex; width: 100%; maxw-width: 100%; margin-bottom: 3px; } html[class*="account"] #content .form-group div { width: 100%; } html[class*="account"] #content .form-group div>* { border-radius: 0px !important; height: 40px; width: 100% !important; box-shadow: none !important; } /* ACCOUNT PAGES (SPECIFICALLY: EDIT)> BUTTONS */ html[class*="account-edit"] #content .buttons { padding-inline: 15px; } html[class*="account"] #content .buttons .pull-left { display: none; } html[class*="account"] #content .buttons .pull-right { float: none !important; width: 100% !important; } html[class*="account"] #content .buttons .pull-right .btn-primary { width: 100% !important; margin-top: 7px } @media(max-width: 1200px) { html[class*="account"] #column-right { display: none !important; } } @media(max-width: 840px) { html[class*="account"] aside { display: none !important; } html[class*="account"] #content { width: 100% !important; } } /* ACCOUNT LOGIN */ html[class*="account-login"] #content>.row { display: flex; flex-direction: column; ; } html[class*="account-login"] #content>.row>div { width: 100% } /* GDPR */ /* html[class*="extension-module-isenselabs_gdpr"] #content { margin-inline: auto !important; float: none !important; margin-bottom: 100px; } */ html[class*="extension-module-isenselabs_gdpr"] #content .list-unstyled { margin-bottom: 50px; } html[class*="extension-module-isenselabs_gdpr"] body>.extension-module-isenselabs_gdpr { padding-inline: 0px !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> RESPONSIVE VVV VVV VVV VVV VVV VVV VVV */ /* --> RESPONSIVE > GENERIC [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #common-maintenance h1 { padding: 100px; } /* body { --responsivePadding: 15px; } */ /* --> RESPONSIVE > GENERIC > SECTION HEADINGS [2] =========================================================================================================== */ @media(max-width: 991px) { #common-home #content .row h3, #common-home h3.headingmain, #common-home .carousel.swiper-viewport h3, #content>.row>h3, #content>h3 { width: 100% !important; max-width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding-bottom: 6px !important; } } /* --> RESPONSIVE > GENERIC > BOTTOM SECTION BUTTONS [2] =========================================================================================================== */ @media(max-width: 768px) { #content>.buttons { display: flex !important; flex-direction: column !important; align-items: center !important } #content>.buttons>div { margin: 5px 0px } } /* --> RESPONSIVE > CART PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > CART PAGE > PRODUCTS [2] =========================================================================================================== */ @media(max-width: 991px) { /* --> RESPONSIVE > CART PAGE > INTRO [2] =========================================================================================================== */ #checkout-cart #content { margin-top: 0px; } html.checkout-cart #content h1 { font-size: 35px !important; margin-top: 35px; margin-bottom: 20px; margin-top: 65px !important; } #checkout-cart>.row { padding-top: 0px; } #checkout-cart #content { padding-inline: 20px !important; } #checkout-cart>.row { padding-inline: 0px !important; } /* --> RESPONSIVE > CART PAGE > PRODUCTS [2] =========================================================================================================== */ #checkout-cart form .table-responsive, #checkout-cart form tbody, #checkout-cart form tbody tr td { border: none !important; box-shadow: none !important; } #checkout-cart form .table-responsive { overflow: Hidden !important; } #checkout-cart form thead { display: none !important; } #checkout-cart form tbody td { border: none } #checkout-cart form table tbody td { width: 100% !important; padding-inline: 3px !important; } #checkout-cart form tbody tr { display: grid; grid-template-columns: 120px 105px 68px 68px; grid-template-areas: "image stepper_n_buttons item_price final_price" "brand_n_title brand_n_title brand_n_title brand_n_title"; border-top: 1px solid #cecece; border-bottom: none !important; padding-block: 13px; } #checkout-cart form tbody tr { justify-content: space-between !important; } #checkout-cart form tbody tr:last-child { border-bottom: 1px solid #cecece !important; } #checkout-cart form tbody tr>td:nth-child(3):before, #checkout-cart form tbody tr>td:nth-child(4):before, #checkout-cart form tbody tr>td:nth-child(5):before { display: block; font-size: 14px; font-weight: 500; margin-bottom: 30px } /* image */ #checkout-cart form tbody tr>td:nth-child(1) { grid-area: image; } #checkout-cart form tbody tr>td:nth-child(1) img { width: 120px !important; height: auto !important; } /* brand and title */ #checkout-cart form tbody tr>td:nth-child(2) { grid-area: brand_n_title; } #checkout-cart form tbody tr>td:nth-child(2) .cart-brand b { font-size: 15px !important; font-weight: bold; } #checkout-cart form tbody tr>td:nth-child(2)>a { font-size: 15px !important; font-weight: 400 !important; } /* stepper and buttons */ #checkout-cart form tbody tr>td:nth-child(3) { grid-area: stepper_n_buttons; } #checkout-cart form tbody tr>td:nth-child(3):before { content: "Ποσότητα"; } #checkout-cart form tbody tr>td:nth-child(3) .input-group { display: flex !important; flex-wrap: wrap !important; gap: 10px; } #checkout-cart form tbody tr>td:nth-child(3) .input-group #cart-stepper, #checkout-cart form tbody tr>td:nth-child(3) .input-group button { width: 28px !important; max-width: 28px !important; min-width: 28px !important; height: 28px !important; padding: 0px !important; margin: 0px !important; } #checkout-cart form #cart-stepper { font-size: 13px !important; font-weight: bold !important; } #checkout-cart form tbody tr>td:nth-child(3) .input-group>button[onclick*="stepDown"] { margin-right: -10px !important } #checkout-cart form tbody tr>td:nth-child(3) .input-group>button[onclick*="stepUp"] { margin-left: -10px !important } #checkout-cart form tbody tr>td:nth-child(3) .input-group span { width: 100% !important; margin-left: 0px !important; display: flex; justify-content: center; gap: 10px; } /* item price */ #checkout-cart form tbody tr>td:nth-child(4) { grid-area: item_price; } #checkout-cart form tbody tr>td:nth-child(4) strong { font-weight: normal; font-size: 14px } #checkout-cart form tbody tr>td:nth-child(4):before { content: "Τιμή"; } /* final price */ #checkout-cart form tbody tr>td:nth-child(5) { grid-area: final_price; } #checkout-cart form tbody tr>td:nth-child(5) strong { font-weight: normal; font-size: 14px } #checkout-cart form tbody tr>td:nth-child(5):before { content: "Σύνολο"; } } @media(max-width: 390px) { #checkout-cart form tbody tr { grid-template-columns: 80px 105px 68px 68px; } #checkout-cart form tbody tr>td:nth-child(3)::before, #checkout-cart form tbody tr>td:nth-child(4)::before, #checkout-cart form tbody tr>td:nth-child(5)::before { margin-bottom: 10px; } } @media(max-width: 350px) { #checkout-cart form tbody tr { grid-template-areas: "image stepper_n_buttons" "item_price final_price" "brand_n_title brand_n_title" !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 0px !important; } #checkout-cart form tbody tr>td:nth-child(3)::before, #checkout-cart form tbody tr>td:nth-child(4)::before, #checkout-cart form tbody tr>td:nth-child(5)::before { margin-bottom: 10px; } } /* --> RESPONSIVE > CART PAGE > BOTTOM [2] =========================================================================================================== */ @media(max-width: 768px) { #checkout-cart .bottom_section { display: flex; flex-direction: column; } #checkout-cart .totals_section .alert-success { margin-top: 20px } .modules_container { width: 100% !important; } .totals_section .table-responsive { border: none !important; } #checkout-cart .bottom_section { margin-bottom: 35px } #checkout-cart #content>.buttons { flex-direction: column-reverse !important; gap: 10px } #checkout-cart #content>.buttons>div { width: 100% } #checkout-cart #content>.buttons>div * { width: 100% !important; } #checkout-cart #content>.buttons:before, #checkout-cart #content>.buttons:after { display: none !important; } #checkout-cart>.row { padding-bottom: 20px } } /* --> RESPONSIVE > HEADER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1649px) { header>.container>.row>.col-sm-4 { padding-right: 15px; -moz-column-gap: 6px; column-gap: 6px; justify-content: space-between; } } @media (max-width: 1231px) { header>.container>.row>.col-sm-4 .login-button-partners a { line-height: 20px; padding: 3px 15px; text-align: center; height: unset; } } @media (max-width: 1140px) { header .information-main-menu a { font-size: 12px; } header>.container>.row>.col-sm-4 .login-button-partners a { font-size: 12px; } } @media (max-width: 991px) { header>.container>.row>.col-sm-4 { justify-content: end; } } @media (max-width: 767px) { header .row>.col-sm-4 .list-inline { -moz-column-gap: 0px; column-gap: 0px; } /* .container.main-menu { min-width: 70px; } */ #menu { justify-content: center; border-radius: unset; padding: unset; height: 70px; } } /* --> RESPONSIVE > HEADER > LOGO & BURGER [2] =========================================================================================================== */ /* @media(max-width: 768px) { header .menu-action { padding-block: 0px !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; left: -20px !important; width: 60px !important; max-width: 60px !important; min-width: 60px !important; height: 50px !important; display: flex !important; align-items: center !important; padding: 0px !important; margin-right: 0px !important; position: fixed !important; top: 42px !important; margin-top: 0px !important; left: 0px !important; } #burger_button svg { height: 20px !important; width: 25px !important; } .container.main-menu:before, .container.main-menu:after { display: none !important; } #menu { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } #menu:before, #menu:after { display: none !important; } header .logo-container-main #logo { margin: 0px !important; width: 60px; border-right: 1px solid #ccc; background: white; padding: 4px } header .logo-container-main { width: 100% !important; left: 0px !important; top: 0px !important; position: fixed; padding: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; margin-top: 0px !important; } } */ /* --> RESPONSIVE > HEADER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 768px) { /* --> RESPONSIVE > HEADER > TOP BAR [2] =========================================================================================================== */ .container.top-bar>.row>div.col-sm-4 { display: none !important } .container.top-bar>.row>div { padding-block: 0px; height: 32px; } .container.top-bar>.row>div>p { font-size: 13px; } /* --> RESPONSIVE > HEADER > LAYOUT [2] =========================================================================================================== */ header { height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; } header>.container:before, header>.container:after, header>.container>.row:before, header>.container>.row:after, header>.container>.row>.col-sm-6 { display: none !important; } header>.container>.row { display: flex; margin-top: 0px; background: #242424; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; align-items: center !important; justify-content: space-between; } header>.container>.row>div { position: relative !important; margin: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; flex-direction: unset; padding: 0px; } /* --> RESPONSIVE > HEADER > LAYOUT > HIDE & REVEaL EFFECTS ON SCROLL (goes with jquery) [3] ------------------------------------------------------------- */ header { position: fixed !important; top: 31px !important; } html:not(.scrolled_to_top) header { top: 0px !important; transition: all .3s !important; } html.scrolled_to_top header~div:has(#content) { margin-top: calc(80px); } header, header~div:has(#content) { transition: all .3s !important; } header.out_of_view { transform: translateY(-100%) !important; } .side-filters-on header, .side-filters-on .top-bar { transform: translateY(calc(-100% - 35px)) !important; } /* --> RESPONSIVE > HEADER > MENU BUTTON [2] =========================================================================================================== */ header>.container>.row>div.menu-action { padding: 0px !important; } header>.container>.row>div.menu-action #burger_button>img { width: 30px !important; } /* --> RESPONSIVE > HEADER > LOGO [2] =========================================================================================================== */ #logo { background: transparent; } #logo>a img { height: 61px; width: auto; } /* --> RESPONSIVE > HEADER > ICONS [2] =========================================================================================================== */ header .list-inline.menu-right-section { margin-top: 0px; background: transparent !important; } header .list-inline.menu-right-section>li:not(.cart-icon) { display: none } header .list-inline.menu-right-section>li.cart-icon { background: transparent; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-left: 0px; padding-right: 0px; line-height: 1 !important; } header .list-inline.menu-right-section>li.cart-icon>div>button>svg { width: 22px !important; } header #cart .btn.btn-inverse #cart-total { width: 21px; height: 21px; display: flex; align-items: center; justify-content: center; top: -15px; right: -17px } } /* --> RESPONSIVE > HEADER > MINICART [2] =========================================================================================================== */ @media(max-width: 768px) { .minicart_intro .subtitle { font-size: 30px; line-height: 1.2; } #cart .dropdown-menu .table-products>tbody>tr { position: relative; } #cart .dropdown-menu .product-thumb { width: 80px; } #cart .dropdown-menu .product-info { padding-left: 7px; } #cart .dropdown-menu .product-info .cart-brand { padding-right: 12px; } #cart .dropdown-menu .product-remove { position: absolute; top: 0px; right: 12px } #cart .dropdown-menu .product-info a { font-size: 13px; line-height: 1.2; } #cart .dropdown-menu { padding-inline: 5px !important; padding-top: 22px !important; } #cart .dropdown-menu>li.bottom-section { padding: 25px 10px !important; } } /* --> RESPONSIVE > MAIN MENU [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1600px) { #menu .nav.navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu { background: white !important; } #menu .parent_header .arrow_back { -webkit-filter: brightness(0) !important; filter: brightness(0) !important; display: flex !important; } #menu .nav.navbar-nav li.dropdown .dropdown-menu { left: 0px !important; right: unset !important; padding-inline: 20px; transform: translateX(-100%) !important; transition: all .3s; padding-top: 25px } #menu .nav.navbar-nav li.dropdown .dropdown-menu .parent_header { background: #eee !important; margin-bottom: 20px } #menu .dropdown.dropdown_activated .parent_header>a { padding-left: 0px } #menu .nav.navbar-nav li.dropdown.dropdown_activated>.dropdown-menu { transform: translateX(0px) !important; } #menu .dropdown-menu { background: white !important } #menu .language-icon .dropdown-menu { background: transparent !important; } } /* --> RESPONSIVE > MAIN MENU MENU > HEADER [2] =========================================================================================================== */ @media(min-width: 769px) { #menu_header .for_mobile { display: none !important; } } @media(max-width: 768px) { #menu_header { display: flex; flex-direction: column; gap: 35px } #menu_header .icons_menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-inline: auto; display: flex; gap: 20px; align-items: center } #menu_header .icons_menu svg { width: 22px; -webkit-filter: brightness(0) invert() !important; filter: brightness(0) invert() !important; } } /* --> RESPONSIVE > MAIN MENU (GP) [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 768px) { /* --> RESPONSIVE > MAIN MENU (GP) > HTML OVERFLOW [2] =========================================================================================================== */ html.menu_revealed, html.menu_revealed body { overflow: hidden !important; } /* --> RESPONSIVE > MAIN MENU (GP) > CLOSE BUTTON [2] =========================================================================================================== */ #menu_close_button { margin: 0px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; right: 17px; top: 17px; z-index: 2 !important; } .nav.navbar-nav { z-index: 1 !important } /* --> RESPONSIVE > MAIN MENU (GP) > MENU HEADER [2] =========================================================================================================== */ #menu_header { padding-left: 0px; padding-bottom: 0px; margin-bottom: 30px; margin-top: 23px } #menu_header a img { height: 85px; width: auto } /* --> RESPONSIVE > MAIN MENU (GP) > FIRST LEVEL [2] =========================================================================================================== */ #menu_container { padding-left: 0px !important; padding-inline: max(20px, 12vw) !important; width: 364px !important; } #menu .nav>li>a { padding-inline: 0px !important; } .extra-menu-links { margin-inline: 0px; border-color: rgba(255, 255, 255, .15); } .extra-menu-links ul li a { padding: 11px 0px !important; } /* --> RESPONSIVE > MAIN MENU (GP) > INNER LEVELS [2] =========================================================================================================== */ #menu .nav.navbar-nav li.dropdown .dropdown-menu { padding-top: 0px } #menu .nav.navbar-nav li.dropdown .dropdown-menu { padding-inline: 0px; } /* --> RESPONSIVE > MAIN MENU (GP) > INNER LEVELS > PARENT HEADER [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav li.dropdown .dropdown-menu .parent_header { background: #111111 !important; box-shadow: -20px 0px #111111, 20px 0px #111111 !important; height: 56px; display: flex; align-items: center; padding-left: 20px; } #menu .nav.navbar-nav li.dropdown .dropdown-menu .parent_header>a { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; min-width: unset !important; margin-inline: auto; font-size: 15px !important; border-bottom: 1px solid var(--accent2) !important; padding: 0px 9px 3px; transform: translateX(-20px); line-height: 1.2; } #menu .parent_header .arrow_back { -webkit-filter: none !important; filter: none !important; padding-left: 0px } #menu .parent_header .arrow_back svg { fill: white !important } /* --> RESPONSIVE > MAIN MENU (GP) > INNER LEVELS > LIST TITLES [3] ------------------------------------------------------------- */ .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner>.parent_header+.list-unstyled:before, .manufacturer-list p { font-size: 15px !important; font-weight: bold !important; margin: 0px !important; display: block !important; padding-block: 13px !important; line-height: 1.2; } /* --> RESPONSIVE > MAIN MENU (GP) > INNER LEVELS > LIST ITEMS [3] ------------------------------------------------------------- */ #menu .dropdown.dropdown_activated .dropdown-inner>ul>li>a, .manufacturer-list li>a { text-transform: uppercase !important; padding-block: 15px !important; } /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL [2] =========================================================================================================== */ /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL > LIST LAYOUT [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav li.dropdown .dropdown-menu { padding-bottom: 30px; } /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL > CATEGORY SECTION [3] ------------------------------------------------------------- */ .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner>.parent_header+.list-unstyled:before { content: "SHOP BY CATEGORY"; color: var(--accent2); padding-inline: 20px } .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner { max-height: calc(50vh + 51px) } .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner .list-unstyled { overflow: auto } /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL > MANUFACTURER SECTION [3] ------------------------------------------------------------- */ .manufacturer-list ul { height: calc(100% - 45px); } /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL [2] =========================================================================================================== */ /* --> RESPONSIVE > MAIN MENU (GP) > THIRD LEVEL > LISTS LAYOUT [3] ------------------------------------------------------------- */ .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner .dropdown-inner>ul.list-unstyled { max-height: calc(100vh - 95px) !important; overflow: auto !important; } } /* --> RESPONSIVE > FOOTER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > FOOTER > FOOTER TOP [2] =========================================================================================================== */ @media(max-width: 990px) { .container.footer-top:before, .container.footer-top:after { display: none !important; } .container.footer-top>.row { flex-wrap: wrap; display: flex; gap: 30px 10px; } .container.footer-top>.row>div { padding: 0px; } .container.footer-top>.row>div:not(:last-child) { width: calc(50% - 10px); } .container.footer-top>.row>div:nth-child(1) { width: 320px; max-width: 100%; } .container.footer-top>.row>div:nth-child(2) { width: calc(100% - 340px) } .container.footer-top>.row>div:nth-child(3) { width: 100% !important; } .container.footer-top .col-sm-4.footer-column h4, .footer-column .socials_section { padding-left: 0px } } @media(max-width: 650px) { .container.footer-top>.row { flex-direction: column !important; gap: 20px; } .container.footer-top>.row>div { width: 100% !important; } } @media(max-width: 768px) { .container.footer-top>.row:before, .container.footer-top>.row:after { display: none !important; } .container.footer-top .col-sm-4.footer-column .newsletter_intro { font-size: 22px !important; font-weight: 400 !important; line-height: 27px } .container.footer-top>.row>div:nth-child(3) { display: flex; align-items: center; gap: 10px 30px; flex-wrap: wrap; margin-top: 20px; margin-bottom: 10px; } .footer-column .socials_section { margin-top: 0px; } } /* --> RESPONSIVE > FOOTER > FOOTER BOTTOM [2] =========================================================================================================== */ @media(max-width: 990px) { footer .links-row { display: grid; margin-bottom: 45px; margin-top: 20px !important; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); } footer .links-row .footer-column { padding-block: 0px; margin-bottom: 0px } } @media(max-width: 550px) { footer .links-row { display: flex !important; flex-direction: column; } footer .links-row .footer-column { padding: 0px; margin: 0px !important; } footer .links-row .footer-column> :not(h5) { display: none !important; } footer .links-row .footer-column>h5 { margin-top: 0px !important; cursor: pointer; padding-inline: 0px !important } footer .links-row .footer-column.enabled> :not(h5) { display: block !important; } .powered_by { padding-inline: 0px } } @media(max-width: 550px) { footer .links-row .footer-column>h5 { padding-bottom: 10px !important; border-bottom: 1px solid rgba(0, 0, 0, .29) !important; align-items: center; display: flex; padding-right: 10px !important; font-size: 16px !important; width: 100% !important; justify-content: space-between !important; margin-bottom: 15px !important; } footer .links-row .footer-column>h5:after { content: "\f107"; font-family: FontAwesome; font-size: 25px; line-height: 0; color: black; margin-left: auto !important; } footer .links-row { gap: 10px; } footer .links-row .footer-column>h5~p, footer .footer-column ul li a { line-height: normal !important; margin: 0px; margin-bottom: 20px !important; } } /* --> RESPONSIVE > FOOTER > BOTTOM BARS [2] =========================================================================================================== */ @media(max-width: 768px) { footer { padding-bottom: 0px } footer>.container { display: flex; flex-direction: column; } footer .links-row { margin-bottom: 40px } footer .powered-row { order: 99 } .payment-card-logos { padding: 0px; margin-bottom: 10px } .payment-card-logos ul { border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; display: flex; align-items: center; gap: 20px 30px; flex-wrap: wrap; padding-block: 20px; justify-content: center; width: 100%; } .powered_by { padding: 0px !important; border: none; text-align: center; display: flex; justify-content: center; } .powered_by>div { text-align: center !important; margin: 0px; display: block; line-height: 1.2; } .powered_by>div:first-child { margin-bottom: 7px; } } /* --> RESPONSIVE > HOME [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1420px) { #common-home #latestblog .product-thumb .caption h4 a { font-size: 18px; line-height: normal; } #common-home #latestblog .product-thumb .caption .dateadded i { font-size: 15px !important; } } @media (max-width: 1336px) { #common-home #banner0 .banner-text-container h3 { font-size: 30px; } } @media (max-width: 1210px) { #latestblog .blog-item-grid:first-child { min-height: unset; max-height: unset; padding: 20px 45px; grid-column: auto / span 2; order: -5; } #latestblog .blog-item-grid:nth-child(2) { order: unset; grid-row: auto / span 1; } } @media(max-width: 1150px) { #common-home .headingmain { margin-left: 0px; margin-right: 0px !important } #common-home #latestblog>.row { display: flex !important; flex-wrap: wrap !important; } #common-home #latestblog>.row>div { width: 33.33%; } } @media (max-width: 1050px) { #common-home #banner0 .swiper-slide .banner-text-container { height: auto !important; } } @media(max-width: 991px) { #common-home #latestblog>.row>div { width: 50%; } .row.special-products-module { margin-left: 0px !important; margin-right: 0px !important; } .module_row_section iframe { max-width: 100%; height: 315px; } .banner0 .swiper-wrapper, .banner2 .swiper-wrapper { display: grid !important; grid-template-columns: 1fr !important; } .banner0 .swiper-slide img, .banner2 .swiper-slide img { height: auto; width: 100%; } #latestblog .blog-item-grid:first-child { min-height: unset; max-height: unset; padding: 20px 45px; } #latestblog { grid-template-columns: 1fr !important; } #latestblog .blog-item-grid { min-height: 320px; grid-column: auto / span 2; background-size: cover; } #latestblog .blog-item-grid:nth-child(2) { order: unset !important; } footer .links-row { display: flex; flex-wrap: wrap; } footer .footer-column { width: 50%; flex: unset; } } @media(max-width: 820px) { .row.news-form { display: flex; align-items: center; flex-direction: column; padding-top: 15px; } .news-form h1 { text-align: center !important; } #common-home #content .row .news-form h3 { text-align: center; line-height: normal; margin-top: 15px; } #common-home #content .row .news-form .pull-center { display: flex; flex-wrap: wrap !important; text-align: center; justify-content: center; align-items: center; justify-content: center; } #common-home #content .row .news-form .pull-center input { order: -100; margin-right: 10px; margin-top: 0px; } } @media(max-width:768px) { #common-home #banner0 .banner-text-container p { margin-right: unset !important; } #common-home #banner0 .banner-text-container h3 { line-height: 33px; } #common-home #latestblog>.row>div .dateadded i { font-size: 14px !important; } #common-home #latestblog>.row>div .caption { padding: 10px !important; justify-content: flex-end !important; } #common-home #latestblog>.row>div .caption h4 a { font-size: 17px !important; line-height: normal !important; } #latestblog .text-center.col-sm-4 { margin: 15px auto; } #latestblog .text-center.col-sm-4 .caption { margin-top: -100px !important; } #latestblog .text-center.col-sm-4 .read-more-blog { opacity: 1 !important; } #common-home .carousel.carousel0_container .swiper-pager, #common-home .carousel.carousel1_container .swiper-pager { right: 0; /* top: 30px; */ } #common-home .carousel.carousel0_container .swiper-slide .text_container { background: white; box-shadow: 0 0 17px 0 rgba(145, 145, 145, 0.5); } #common-home .carousel.carousel0_container .swiper-slide .text_container .swiper-slide-link { opacity: 1; width: 100%; font-size: 12px; } #common-home .product-thumb { padding: 5px; } #carousel0 .swiper-slide { width: 50%; } #latestblog .blog-item-grid { background-size: auto; } .footer-column .newsletter_section .news-form input#email { width: 100% !important; margin-bottom: 20px; } } @media(max-width: 600px) { .module_product_tabs .nav-tabs { flex-direction: column; } .module_product_tabs .nav-tabs>li>a { width: 100%; } .payment-card-logos { /* padding: 0px 0px 25px; */ display: flex; flex-direction: column; gap: 20px; } .payment-card-logos ul { padding-left: 0; } #common-home .carousel.swiper-viewport { flex-direction: column; gap: 20px; } #common-home #content #latestblog .blog-item-grid h3 { font-size: 35px; line-height: 45px; } .hotspot_master .hotspot-title, #latestblog .blog-item-grid:first-child, #latestblog .caption h5, #common-home #banner0 .banner-text-container { padding: 20px; } .category-children { display: none; } .carousel_categories.carousel_container.swiper-viewport .text_container .swiper-slide-title { font-size: 20px; line-height: 22px; } #latestblog .caption h5 { font-size: 24px; line-height: 26px; padding: 0px 0px 10px; } /* footer .footer-column { padding: 10px 20px !important; } */ footer { padding: 25px var(--responsivePadding); padding-bottom: 0px !important; } } @media(max-width: 450px) { #common-home #latestblog>.row>div { width: 100% !important; } /* .banner0 .swiper-slide img { margin: auto; min-height: 400px; width: auto; height: 400px; max-width: unset; } */ } @media(max-width: 400px) { .row.news-form>div { display: flex; flex-direction: column; } /* .news-form #subscribe { width: 100% !important; margin-top: 10px; } */ } /* --> RESPONSIVE > HOME > FLAG SECTIONS FOR MOBILE SWITCHING [2] =========================================================================================================== */ @media(min-width: 769px) { #common-home #content>.for_mobile { display: none !important; } } @media(max-width: 768px) { #common-home #content>.for_mobile+*+div { display: none !important; } } /* --> RESPONSIVE > HOME > DISTANCES [2] =========================================================================================================== */ @media(max-width: 768px) { /* brand carousel */ #common-home .carousel.carousel0_container.swiper-viewport { margin-block: 30px 12px !important; flex-direction: row; } /* product tabs & hotspot common */ .module_row_section[class*="row_products_n_banner"] .columns-container { padding-top: 0px !important; padding-bottom: 20px !important; } /* product tabs & hotspot #1 */ .module_row_section.module_0 { margin-top: 45px } /* double banners #1 */ .banner0 { margin-top: 40px } .banner0 .swiper-wrapper { gap: var(--responsivePadding) !important; } /* fullwidth hotspot #1 */ .home_fullwidth_hotspot.number_1 { margin-top: 70px; margin-bottom: 0px !important; } /* product tabs & hotspot #2 */ .row_products_n_banner_2 { margin-top: 30px !important; } /* fullwidth hotspot #2 */ .home_fullwidth_hotspot.number_2 { margin-top: 65px !important; margin-bottom: 0px !important; } /* product tabs solo */ .module_product_tabs.module_3 { margin-top: 55px !important; } /* double banners #2 */ .banner2 { margin-top: 50px !important } /* blog section */ .row.latest-posts .col-sm-12.col-xs-12 { padding-bottom: 16px !important } /* stores section */ .module_row_section.home_shops_overfooter { margin-top: 60px !important; } /* .module_product_tabs.module_1 { padding-bottom: 5px !important; } .home_hotspots_1_n_tabs_container { margin-bottom: 45px !important; } #content>.banner1 #banner1>.swiper-wrapper { gap: var(--responsivePadding) !important; } .module_row_section.module_2 { margin-top: 5px !important; margin-bottom: 20px !important; } .home_hotspots_2_n_tabs_container { margin-top: 35px !important } .row.latest-posts .headingmain { margin-top: 28px !important; } #content>.html-module { padding: 0px var(--responsivePadding) !important } #content>.html-module h2 { margin-top: 10px !important } .module_row_section.module_4 { margin-top: 27px !important; padding-top: 20px !important; } */ } /* --> RESPONSIVE > HOME > FULLWIDTH TABS (NO BANNERS) [2] =========================================================================================================== */ @media(max-width: 1300px) { #common-home #content>.module_product_tabs .nav-tabs>li.active::after { content: ""; height: 20px; width: 1px; background: black; display: inline-block; margin-left: 10px; } #common-home #content>.module_product_tabs .nav-tabs>li:last-child:after { display: none !important; } #common-home #content>.module_product_tabs>.section_title, #common-home #content>.module_product_tabs>.nav-tabs { padding-left: 0px; } #common-home #content>.module_product_tabs>.nav-tabs { margin-bottom: 0px !important; } } /* --> RESPONSIVE > HOME > PRODUCTS AND BANNER [2] =========================================================================================================== */ @media(max-width: 1500px) { /* .module_row_section.module_0 .columns-container { dislpay: grid } */ .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs { flex-direction: row; margin-top: 15px; margin-bottom: 0px; max-width: 100%; flex-wrap: wrap; gap: 10px; align-content: start; ; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs:before, .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs:after { display: none !important; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li { display: flex; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li:after { content: ""; height: 20px; width: 1px; background: black; display: inline-block; margin-left: 10px } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li:last-child:after { display: none; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li.active::after { position: static; z-index: unset; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li>a { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; float: none !important; padding: 0px; line-height: 1.2 } .module_row_section[class*="row_products_n_banner"] .module_product_tabs { display: flex; flex-direction: column; padding-left: 0px !important; } } @media(max-width: 940px) { .module_row_section[class*="row_products_n_banner"] .columns-container { display: flex !important; flex-direction: column !important; gap: 40px !important; } .module_row_section[class*="row_products_n_banner"] .column-content-1 .module_product_tabs { margin: 0px !important } } /* --> RESPONSIVE > HOME > PRODUCTS CAROUSEL [2] =========================================================================================================== */ @media(max-width: 1300px) { #content>.module_product_tabs { padding-left: var(--responsivePadding); } #content>.module_product_tabs .nav-tabs { flex-direction: row; margin-top: 15px; margin-bottom: 0px; max-width: 100%; flex-wrap: wrap; gap: 10px; align-content: start; margin-bottom: 20px; } #content>.module_product_tabs .nav-tabs:before, #content>.module_product_tabs .nav-tabs:after { display: none !important; } #content>.module_product_tabs .nav-tabs>li { display: flex; } #content>.module_product_tabs .nav-tabs>li:after { content: ""; height: 20px; width: 1px; background: black; display: inline-block; margin-left: 10px } #content>.module_product_tabs .nav-tabs>li:last-child:after { display: none; } #content>.module_product_tabs .nav-tabs>li.active::after { position: static; z-index: unset; } #content>.module_product_tabs .nav-tabs>li>a { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; float: none !important; padding: 0px; line-height: 1.2 } #content>.module_product_tabs { display: flex; flex-direction: column; } } /* --> RESPONSIVE > HOME > FULLWIDTH HOTSPOTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .home_fullwidth_hotspot { width: 100%; } /* --> RESPONSIVE > HOME > HOTSPOTS AND PRODUCTS TABS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width:1100px) { div[class*="home_hotspots_"].module_row_section .columns-container { flex-wrap: wrap; padding-inline: var(--responsivePadding) !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .tab-content { padding-top: 0px; } div[class*="home_hotspots_"].module_row_section .module_product_tabs { padding: 0px !important } div[class*="home_hotspots_"].module_row_section .columns-container { flex-wrap: wrap; } div[class*="home_hotspots_"].module_row_section .column-content-3 { width: 100% !important; margin-top: 40px !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs>.section_title, div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs { margin-inline: 0px !important; } div[class*="home_hotspots_"].module_row_section .column-content-1 { width: 60% } div[class*="home_hotspots_"].module_row_section .column-content-2 { width: 40%; } .module_row_section[class*="home_hotspots"] .products-carousel-module .carousel .swiper-pager { display: none !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .products-carousel-module .view_more { position: relative; margin: 0 auto; top: 0px; } } @media(max-width: 550px) { div[class*="home_hotspots_"].module_row_section .column-content-1 { width: 100% } div[class*="home_hotspots_"].module_row_section .column-content-2 { width: 100%; margin: 0px !important; margin-top: var(--responsivePadding) !important; } div[class*="home_hotspots_"].module_row_section .columns-container .column-content-2 { order: 99 } div[class*="home_hotspots_"].module_row_section .columns-container .column-content-3 { margin-block: 60px 0px !important } } /* --> RESPONSIVE > HOME > LATEST BLOG [2] =========================================================================================================== */ @media(max-width: 1200px) { #latestblog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 10px; } #latestblog>div { width: 100% !important; } #latestblog>div .image>a, #latestblog>div .image>a img { width: 100% !important; } #latestblog .blogpost-thumb h5 a { padding: 0px !important; font-size: clamp(17px, 1.3vw, 20px); } } /* --> RESPONSIVE > HOME > INSTARGRAM [2] =========================================================================================================== */ @media(max-width: 1100px) { #common-home .row.swiper-viewport.banner2 .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 10px !important; justify-content: center } #common-home .row.swiper-viewport.banner2 .swiper-wrapper>div { flex: 0 0 calc(50% - 10px) } #common-home .row.swiper-viewport.banner2 .swiper-wrapper>div img { width: 100% } } /* --> RESPONSIVE > HOME > SHOPS [2] =========================================================================================================== */ @media(max-width: 768px) { .module_row_section.home_shops_overfooter .columns-container .column-content-1 { width: 100%; margin-inline: auto !important; } .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module>* { margin-inline: auto; } .module_row_section.home_shops_overfooter .html-module img { max-width: 150px !important; } .module_row_section.home_shops_overfooter { width: 100% !important; margin-bottom: 0px !important; } .module_row_section.home_shops_overfooter .columns-container { padding: var(--responsivePadding) !important; display: flex !important; flex-direction: column !important; gap: 30px; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 { padding: 0px !important; width: 100% !important; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 { padding-right: 0px !important; } } @media(max-width: 768px) { .module_row_section.home_shops_overfooter { position: relative; padding-bottom: 120px; padding-top: 20px } .module_row_section.home_shops_overfooter .columns-container { gap: 35px !important; } .module_row_section.home_shops_overfooter .html-module, .module_row_section.home_shops_overfooter .column-content-1 { position: static !important; } .module_row_section.home_shops_overfooter .html-module>a { position: absolute; bottom: 60px; left: 50% !important; transform: translateX(-50%) !important; } .module_row_section.home_shops_overfooter .swiper-pager { display: none !important; } } @media(max-width: 550px) { .module_row_section.home_shops_overfooter { padding-bottom: 100px } } /* --> RESPONSIVE > PRODUCT GRID [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width:990px) {} @media(max-width:600px) {} @media(max-width:450px) { .product-layout { width: 100% !important; } } @media(max-width: 991px) { #product-category>.row #content, #product-search>.row #content, #product-manufacturer>.row #content { padding: 20px var(--responsivePadding); } } /* @media(max-width: 768px) { .product-thumb .product-options-hover { opacity: 1; transform: translateY(0px) !important; visibility: visible !important; position: relative; min-height: unset } .product-thumb.hover_options_enabled h4, .product-thumb.hover_options_enabled h5, .product-thumb.hover_options_enabled .labels_container { opacity: 1 !important; } .product-thumb .bottom_section { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .product-thumb .button-group { display: none !important; } .product-thumb .form-group .stepper_buttons { width: 100%; } .product-thumb .form-group { display: flex !important; flex-wrap: wrap !important; } .product-options-hover>.form-group .button-cart { width: calc(100% - 45px); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .product-thumb .product-options-hover>.form-group, .product-thumb .options_section, .product-thumb .caption { padding: 0px } .product-thumb { padding: 0px !important; } .product-thumb .options_section>.form-group { margin-bottom: 0px !important; } .product-options-hover { margin: 0px !important; width: 100% !important; } .product-thumb #input-quantity { max-width: 30px !important; height: 30px !important; font-size: 15px } .product-thumb .labels_container { flex-wrap: wrap; gap: 0px 10px; } .product-thumb .labels_container>div:before { display: none !important; } .product-options-hover>.options_section .form-group>.control-label { width: 100% !important; } } */ /* --> RESPONSIVE > PRODUCT PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > PRODUCT PAGE > IMAGE & ADDITIONALS [2] =========================================================================================================== */ .product-video .video { width: 100%; height: 100%; object-fit: cover; } #product-product .thumbnails li { display: block; } @media(max-width: 1600px) { #product-product .thumbnails .col-sm-3:last-child { max-height: 600px; padding-left: 10px; } } @media(max-width: 1350px) { #product-product .thumbnails .col-sm-3:last-child { max-height: 450px; padding-left: 20px; } } @media(max-width: 1100px) { #product-product .thumbnails .col-sm-3:last-child { max-height: 300px; padding-left: 39px; } } @media(max-width: 768px) { #product-product .thumbnails { margin-left: 0px !important; margin-top: 13px !important; } #product-product #content>.row>.div:fist-child { margin-right: 0px !important; margin-left: 0px !important } #product-product .thumbnails .col-sm-3:last-child { max-height: auto !important; padding-left: 1px !important; display: flex !important; overflow-Y: auto !important; margin-bottom: 20px !important } /* #product-product .thumbnails .image-additional { width: 100% !important; } #product-product .thumbnails .image-additional a { width: 100% !important; } */ } /* --> RESPONSIVE > PRODUCT PAGE > INFORMATION & BUTTONS [2] =========================================================================================================== */ @media(min-width: 769px) { .main-product-container .price-list li:has(.main_product_wishlist_button) { display: none !important; } } @media(max-width: 768px) { .main-product-container .price-list { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 5px 20px !important } #product-product .list-unstyled.price-list h2 { font-weight: 500; } .main-product-container .price-list li { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .main-product-container .price-list li:nth-child(1) * { line-height: 1 } .main-product-container .price-list li:nth-child(3) { width: 100% !important; } .main-product-container .price-list li .main_product_wishlist_button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0px !important; border: 0px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background: none; line-height: 1 } .main-product-container #button-wishlist { display: none !important; } .main-product-container .price-list li .main_product_wishlist_button svg { padding: 0px !important; margin: 0px !important; width: 18px; margin-right: 40px !important; } .main-product-container .labels_container>div { font-weight: 400 } #product-product .list-unstyled.inline-list { display: flex; flex-direction: row; } #product-product .list-unstyled.inline-list>li { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #product-product #product .form-group { gap: 10px; flex-wrap: wrap } #product-product #product .form-group label { white-space: nowrap } #product-product #product .form-group.required[class*="option-"] .control-label { width: 80px; } #product-product .panel-heading .accordion-toggle::after { transform: scale(0.8); } #product-product .panel-body { padding-bottom: 0px !important; } .size-guide-button button { padding-left: 5px; padding-right: 5px; } .form-group a[data-ro="clear_options"] { padding-inline: 0px; } } /* CART BUTTON & PRICE WRAPPER */ @media(min-width: 769px) { #product .cart_wrapper { width: 100%; } #product .cart_wrapper .price-list { display: none !important; } } @media(max-width: 768px) { #product-product #product { margin-bottom: -20px !important; } .product-product #accordion { margin-top: 0px !important; padding-top: 0px !important; margin-bottom: 60px; } #product .form-group .stepper_section { display: none !important; } .product-product .cc-revoke { bottom: 50px !important; } .product-product { padding-bottom: 50px !important; } #product .cart_wrapper { position: fixed; bottom: 0px; z-index: 2; display: flex; background: white; box-shadow: 0px -3px 15px rgba(0, 0, 0, .2); height: 50px; width: 100%; } #product .cart_wrapper .list-unstyled.price-list { padding: 0px; margin: 0px; border: none; padding-inline: 30px !important; } #product .cart_wrapper .list-unstyled.price-list li { display: flex !important; align-items: flex-start !important; justify-content: center } #product .cart_wrapper .list-unstyled.price-list h2 { font-weight: 500; line-height: 1 !important; font-size: 18px } #product .cart_wrapper #button-cart { font-weight: 400 !important; background: black !important; border: none !important; white-space: wrap; line-height: 1.2; display: flex; font-size: 15px; justify-content: center; align-items: center; padding-block: 0px !important; } } /* --> RESPONSIVE > PRODUCT PAGE > RELATED PRODUCTS [2] =========================================================================================================== */ @media(max-width:450px) { .related_products_section>div { width: 100% !important; } } /* --> RESPONSIVE > PRODUCT PAGE > RECENTLY VIEWED [2] =========================================================================================================== */ @media(max-width: 450px) { #product-product .product-layout { width: 100% !important; } } /* --> RESPONSIVE > PRODUCT PAGE > old [2] =========================================================================================================== */ @media(max-width: 768px) { .product-product .thumbnails>button { display: none !important; } .product-product .slick-slide { margin-left: 6px; margin-right: 6px; } .product-product .thumbnails { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; /* Smooth transition for max-height */ } html.fully_loaded .thumbnails { max-height: 100vh; } } /* --> RESPONSIVE > CATEGORY PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 767px) { #product-category { margin-left: 0; margin-right: 0; width: 100% !important; } } /* --> RESPONSIVE > CATEGORY PAGE > DESCRIPTION [2] =========================================================================================================== */ @media(min-width: 991px) { #mfilter-content-container .row.desc-top { display: none !important; } } @media(max-width: 991px) { #mfilter-content-container>div { display: flex; flex-direction: column; } #mfilter-content-container>div .row.desc-top { order: -99; } } @media(min-width: 769px) { .product-category .for_mobile.intro_section { display: none !important; } } @media(max-width: 768px) { .product-category .category_intro_section h2, .product-category .category_intro_section .description { display: none !important } .product-category .for_mobile.intro_section { padding-inline: var(--responsivePadding) !important; margin-top: 30px } .product-category .for_mobile.intro_section .mobile_cat_title { font-size: 35px; line-height: 1.2; margin-bottom: 5px } .product-category .for_mobile.intro_section .mobile_cat_description { font-size: 15px; line-height: 25px; } } /* --> RESPONSIVE > CATEGORY PAGE > SORTING BAR [2] =========================================================================================================== */ @media(max-width: 991px) { #mfilter-content-container>div>.row:first-child { display: flex; flex-wrap: wrap; justify-content: flex-end; display: none !important; } .row.product-list-grid { /* margin-top: 30px !important; */ } #mfilter-content-container>div>.row:first-child>div { width: 240px !important; max-width: 240px !important; padding: 0px !important; float: none !important; } #mfilter-content-container>div>.row:first-child>.hidden+div { widtH: 100% !important; max-width: 100% !important; } #mfilter-content-container>div>.row:first-child>div>div { margin-bottom: 0px !important; } } /* --> RESPONSIVE > CATEGORY PAGE > SORTING > MAKE IT STICKY [3] ------------------------------------------------------------- */ @media(max-width: 768px) { .side-filters-on, .side-filters-on body { overflow: hidden !important; } html #product-manufacturer #column-left, html #product-search #column-left, html #product-category #column-left { position: -webkit-sticky !important; position: sticky !important; z-index: 99 !important; top: 0px } html:not(.html_has_extra_content_enabled):not(.side-filters-on).product-manufacturer #content, html:not(.html_has_extra_content_enabled):not(.side-filters-on).product-search #content, html:not(.html_has_extra_content_enabled):not(.side-filters-on).product-category #content { z-index: 0; } html.product-manufacturer, html.product-search, html.product-category { overflow: visible !important; } .row>#column-left:after { transition: all 0.4s; content: ""; background: rgba(0, 0, 0, 0.6); width: 100vw; height: 100vh; display: block; position: fixed; z-index: 20; opacity: 0; visibility: hidden; top: 0; left: 0px !important; z-index: 9999999; } .side-filters-on .row>#column-left:after { opacity: 1; visibility: visible; } } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR [2] =========================================================================================================== */ @media(max-width: 1190px) {} /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS (old) [3] ------------------------------------------------------------- */ @media(max-width: 768px) { .mfilter-box-83 .mfilter-free-button { margin-top: 200px !important; } .mfilter-box-83.mfilter-free-container { top: 0px !important; } .mfilter-box-83.mfilter-free-container, .mfilter-box-83.mfilter-free-container .scroll-wrapper { /*height: 100vh !important;*/ max-height: 100vh !important; width: 280px !important; height: 100% !important; min-height: unset !important; padding-top: 10px !important; } /* .mfilter-iscroll { height: 100vh !important; max-height: 100vh !important; } */ .mfilter-free-container { margin-left: -290px; } .mfilter-free-button { margin: 10px 0 0 281px; } .scroll-wrapper>.scroll-content { overflow: auto !important; height: 100% !important; min-height: unset !important; margin-right: 0px !important; } .box-content.mfilter-content { overflow: visible !important; } .mfilter-content>ul>li { margin-bottom: unset !important } } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS > FILTERS WRAPPER */ .filters_heading { display: none; } .filters_display_button { display: none; } @media(max-width: 1200px) { body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left #column-left { border: unset; transform: translateX(-100%); transition: all 0.5s; min-width: 0; position: fixed !important; top: 0 !important; left: 0px !important; height: 100%; display: block !important; overflow: auto !important; overflow-x: hidden !important; margin: 0px !important; z-index: 999999999999 !important; } .side-filters-on body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left #column-left { transform: translateX(0px); } body>div[id*="product-"]:not([id="product-product"])>.row>aside#column-left #column-left { width: 366px !important; z-index: 100; max-width: calc(100% - 15px); } .mfilter-content { padding: 30px !important; padding-right: 30px !important; border-radius: 0px; padding-bottom: 65px !important; } .mfilter-box { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; border: none; } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS > FILTERS HEADING */ .filters_heading { display: flex; align-items: center; justify-content: space-between; background: black; padding-inline: 20px; height: 55px } .filters_heading:before { content: ""; width: 23px; } .filters_heading h3 { display: block !important; font-size: 15px !important; font-weight: bold !important; line-height: 1 !important; margin: 0px !important; color: var(--accent2); } .filters_heading .filters_close_button { fill: white; padding: 0px; line-height: 1; margin: 0px; cursor: pointer; outline: none !important; } .filters_heading .filters_close_button svg { width: 23px; height: 23px } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS > FILTERS CLEAR BUTTON */ .mfilter-content { display: flex; flex-direction: column; padding-bottom: 60px; } .mfilter-content .mfilter-button { order: 99; text-align: center; display: flex; } .mfilter-content .mfilter-button .mfilter-button-reset { font-size: 0px; display: flex; align-items: center; padding: 0px; margin: 23px auto 0px !important; outline: none !important; } .mfilter-content .mfilter-button .mfilter-button-reset i { line-height: 1; transform: translateY(-2px); } .mfilter-content .mfilter-button .mfilter-button-reset:before { content: "Διαγραφή όλων"; font-size: 14px; font-family: inherit; font-weight: 500; margin-right: 5px; color: black !important; } .mfilter-reset-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='17px' height='17px'%3E%3Cpath d='M 40.783203 7.2714844 A 2.0002 2.0002 0 0 0 39.386719 7.8867188 L 25.050781 22.222656 L 10.714844 7.8867188 A 2.0002 2.0002 0 0 0 9.2792969 7.2792969 A 2.0002 2.0002 0 0 0 7.8867188 10.714844 L 22.222656 25.050781 L 7.8867188 39.386719 A 2.0002 2.0002 0 1 0 10.714844 42.214844 L 25.050781 27.878906 L 39.386719 42.214844 A 2.0002 2.0002 0 1 0 42.214844 39.386719 L 27.878906 25.050781 L 42.214844 10.714844 A 2.0002 2.0002 0 0 0 40.783203 7.2714844 z'%3E%3C/path%3E%3C/svg%3E") !important; width: 15px !important; height: 15px !important; /* border:1px solid red; */ background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; margin-bottom: -3px !important } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS > FILTERS LIST */ /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS > FILTERS LIST > CONTAINERS */ .mfilter-content>ul { display: flex; flex-direction: column; gap: 20px } .mfilter-content>ul li.mfilter-filter-item { transition: all .3s; margin-bottom: 15px !important; } .mfilter-content>ul li.mfilter-filter-item:has(.mfilter-collapsed) { margin-bottom: 0px !important; } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS > FILTERS LIST > HEADINGS */ .mfilter-content>ul li.mfilter-filter-item>.mfilter-heading { line-height: 1 !important; } .mfilter-content>ul li.mfilter-filter-item>.mfilter-heading .mfilter-heading-content { border: 1px solid black; padding: 7px 6px !important; } .mfilter-content>ul li.mfilter-filter-item>.mfilter-heading .mfilter-heading-content .mfilter-heading-text { margin-left: 0px } .mfilter-content>ul li.mfilter-filter-item>.mfilter-heading .mfilter-heading-content .mfilter-heading-text span { padding: 0px; text-transform: none; font-weight: 500 !important; line-height: 1 !important; } .mfilter-content>ul li.mfilter-filter-item>.mfilter-heading .mfilter-heading-content .mfilter-head-icon { height: 14px !important; display: flex; align-items: center; } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS > FILTERS LIST > OPTIONS */ .mfilter-content>ul li.mfilter-filter-item>.mfilter-content-opts { border: 1px solid black; border-top: none; padding: 10px 20px } .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="radio"]::before, .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="checkbox"]::before { width: 15px !important; height: 15px !important; background-image: url("data:image/svg+xml,%3Csvg width='15px' height='15px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EE78737F1-08BC-48B9-BCFA-75C6A6810B7E%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='PRODUCT-LIST-_-FILTERS-OPEN' transform='translate(-987.000000, -787.000000)' fill='%23FFFFFF' stroke='%23CDCDCD'%3E%3Cg id='Group-13' transform='translate(0.000000, 460.000000)'%3E%3Cg id='Group-4' transform='translate(987.000000, 168.000000)'%3E%3Cg id='Group-8' transform='translate(0.000000, 39.000000)'%3E%3Cg id='Rectangle' transform='translate(0.000000, 120.000000)'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .mfilter-content>ul li.mfilter-filter-item>.mfilter-content-opts .mfilter-col-input+.mfilter-tb-as-td { font-size: 14px; font-weight: 500; line-height: 1; } .mfilter-content .mfilter-tb { display: grid; gap: 10px 5px !important; } .mfilter-content #mfilter-content-opts-0-1 .mfilter-tb { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media(max-width: 350px) { .mfilter-content #mfilter-content-opts-0-1 .mfilter-tb { grid-template-columns: repeat(2, minmax(0, 1fr)); } } #column-left { position: static !important; } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS > DISPLAY FILTERS BUTTON */ .filters_display_button { display: flex; position: fixed; bottom: 0px !important; left: 0px !important; width: 100vw !important; background: black; color: white; padding: 10px; display: flex; justify-content: center; align-items: center; z-index: 999999999999 !important; transition: all .5s; transform: translateY(100%); cursor: pointer; font-size: 13px; height: 50px; padding: 0px; line-height: 1.2; } .side-filters-on .filters_display_button { transform: none; } .filters_display_button span:not(:last-child) { margin-right: 5px; } } /* --> RESPONSIVE > ACCOUNT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > ACCOUNT > ORDER HISTORY - OUTER [2] =========================================================================================================== */ .account-order #content { padding-inline: 15px; } @media(max-width: 840px) { .account-order thead { display: none; } .account-order table { border: none; } .account-order tbody { display: flex; flex-direction: column; gap: 20px; border: none; } .account-order tbody>tr { display: grid !important; grid-template-areas: "id client" "how_many status" "total date" "display display"; border: none; border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-top: 0px; background: white !important; } .account-order tbody>tr:first-child { padding-top: 10px; } .account-order tbody>tr:last-child { border-bottom: none !important; } .account-order tbody>tr>td { text-align: center; border: none } .account-order tbody>tr>td:before { content: ""; display: block; font-size: 14px; width: 100%; background: #f2f2f2; color: #333; padding: 5px 5px; text-align: center; margin-bottom: 5px; } .account-order tbody>tr>td:nth-child(1) { grid-area: id; } .account-order tbody>tr>td:nth-child(1):before { content: "Αριθμός Παραγγελίας"; } .account-order tbody>tr>td:nth-child(2) { grid-area: client; } .account-order tbody>tr>td:nth-child(2):before { content: "Πελάτης"; } .account-order tbody>tr>td:nth-child(3) { grid-area: how_many; } .account-order tbody>tr>td:nth-child(3):before { content: "Προϊόντα"; } .account-order tbody>tr>td:nth-child(4) { grid-area: status; } .account-order tbody>tr>td:nth-child(4):before { content: "Κατάσταση Παραγγελίας"; } .account-order tbody>tr>td:nth-child(5) { grid-area: total; } .account-order tbody>tr>td:nth-child(5):before { content: "Σύνολο"; } .account-order tbody>tr>td:nth-child(6) { grid-area: date; } .account-order tbody>tr>td:nth-child(6):before { content: "Ημερομηνία Καταχώρησης"; } .account-order tbody>tr>td:nth-child(7) { grid-area: display; } .account-order tbody>tr>td:nth-child(7) .btn { width: 100% !important; } .account-order tbody>tr>td:nth-child(7):before { content: "Προβολή"; } } /* --> RESPONSIVE > ACCOUNT > ORDER HISTORY - INNER [2] =========================================================================================================== */ .account-order-info #content { padding-inline: 15px !important; } @media(max-width: 768px) { /* --> RESPONSIVE > ACCOUNT > ORDER HISTORY - INNER > PRODUCTS TABLE [2] =========================================================================================================== */ .account-order-info .table-responsive, .account-order-info .table-responsive>table { display: flex; flex-direction: column; width: 100% !important; } .account-order-info .table-responsive thead { display: none; } .account-order-info .table-responsive .table-responsive { border: none; } .account-order-info .table-responsive tbody { display: flex; flex-direction: column; border: none; width: 100% !important; } .account-order-info .table-responsive tbody>tr { display: grid !important; grid-template-areas: "name name" "id how_many" "price total" "buttons buttons"; border: none; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 0px; background: white !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 10px !important; gap: 10px; } .account-order-info .table-responsive tbody>tr>td { text-align: center; border: none; padding: 0px } .account-order-info .table-responsive tbody>tr>td, .account-order-info .table-responsive tbody>tr>td * { white-space: normal } .account-order-info .table-responsive tbody>tr>td:before { content: ""; display: block; font-size: 14px; width: 100%; background: #f2f2f2; color: #333; padding: 5px 5px; text-align: center; margin-bottom: 5px; } .account-order-info .table-responsive tbody>tr>td:nth-child(1) { grid-area: name; } .account-order-info .table-responsive tbody>tr>td:nth-child(1):before { content: "Όνομα Προϊόντος"; } .account-order-info .table-responsive tbody>tr>td:nth-child(2) { grid-area: id; } .account-order-info .table-responsive tbody>tr>td:nth-child(2):before { content: "Κωδικός Προϊόντος"; } .account-order-info .table-responsive tbody>tr>td:nth-child(3) { grid-area: how_many; } .account-order-info .table-responsive tbody>tr>td:nth-child(3):before { content: "Ποσότητα"; } .account-order-info .table-responsive tbody>tr>td:nth-child(4) { grid-area: price; } .account-order-info .table-responsive tbody>tr>td:nth-child(4):before { content: "Τιμή"; } .account-order-info .table-responsive tbody>tr>td:nth-child(5) { grid-area: total; } .account-order-info .table-responsive tbody>tr>td:nth-child(5):before { content: "Σύνολο"; } .account-order-info .table-responsive tbody>tr>td:nth-child(6) { grid-area: buttons; } .account-order-info .table-responsive tbody>tr>td:nth-child(6) .btn { width: 50% !important; } .account-order-info .table-responsive tbody>tr>td:nth-child(6):before { display: none !important; } /* --> RESPONSIVE > ACCOUNT > ORDER HISTORY - INNER > TOTALS TABLE [2] =========================================================================================================== */ .account-order-info .table-responsive tfoot tr { width: 100% !important; display: flex !important; } .account-order-info .table-responsive tfoot tr>td:first-child, .account-order-info .table-responsive tfoot tr>td:last-child { display: none; } .account-order-info .table-responsive tfoot tr>td { width: 50% !important; white-space: normal } } /* --> RESPONSIVE > ACCOUNT > ORDER HISTORY - INNER > HISTORY LOG TABLE [2] =========================================================================================================== */ @media(max-width: 768px) { .account-order-info table.history_log thead { display: none; } .account-order-info table.history_log table { border: none; } .account-order-info table.history_log tbody { display: flex; flex-direction: column; border: none; } .account-order-info table.history_log tbody>tr { display: grid !important; grid-template-areas: "date status" "comments comments"; border: none; border-bottom: 1px solid #ddd; background: white !important; gap: 10px; padding: 10px; } .account-order-info table.history_log tbody>tr:last-child { border-bottom: none; } .account-order-info table.history_log tbody>tr>td { text-align: center; border: none; padding: 0px; } .account-order-info table.history_log tbody>tr>td:before { content: ""; display: block; font-size: 14px; width: 100%; background: #f2f2f2; color: #333; padding: 5px 5px; text-align: center; margin-bottom: 5px; } .account-order-info table.history_log tbody>tr>td:nth-child(1) { grid-area: date; } .account-order-info table.history_log tbody>tr>td:nth-child(1):before { content: "Ημερομηνία Παραγγελίας"; } .account-order-info table.history_log tbody>tr>td:nth-child(2) { grid-area: status; } .account-order-info table.history_log tbody>tr>td:nth-child(2):before { content: "Κατάσταση Παραγγελίας" } .account-order-info table.history_log tbody>tr>td:nth-child(3) { grid-area: comments; } .account-order-info table.history_log tbody>tr>td:nth-child(3):before { content: "Σχόλια" } } /* --> RESPONSIVE > ACCOUNT > WISHLIST [2] =========================================================================================================== */ .account-wishlist #content { padding-inline: 15px !important; } @media(max-width: 768px) { .account-wishlist .table-responsive thead { display: none; } .account-wishlist .table-responsive .table-responsive { border: none; } .account-wishlist .table-responsive tbody { display: flex; flex-direction: column; border: none; width: 100% !important; } .account-wishlist .table-responsive tbody>tr { display: grid !important; grid-template-areas: "image image" "name name" "model stock" "price price" "buttons buttons"; border: none; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 0px; background: white !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 10px !important; gap: 10px; } .account-wishlist .table-responsive tbody>tr:last-child { border-bottom: none !important; } .account-wishlist .table-responsive tbody>tr>td { text-align: center; border: none; padding: 0px } .account-wishlist .table-responsive tbody>tr>td, .account-wishlist .table-responsive tbody>tr>td * { white-space: normal } .account-wishlist .table-responsive tbody>tr>td:before { content: ""; display: block; font-size: 14px; width: 100%; background: #f2f2f2; color: #333; padding: 5px 5px; text-align: center; margin-bottom: 5px; } .account-wishlist .table-responsive tbody>tr>td:nth-child(1) { grid-area: image; } .account-wishlist .table-responsive tbody>tr>td:nth-child(1):before { content: "Εικόνα"; } .account-wishlist .table-responsive tbody>tr>td:nth-child(2) { grid-area: name; } .account-wishlist .table-responsive tbody>tr>td:nth-child(2):before { content: "Όνομα Προϊόντος"; } .account-wishlist .table-responsive tbody>tr>td:nth-child(3) { grid-area: model; } .account-wishlist .table-responsive tbody>tr>td:nth-child(3):before { content: "Κωδικός Προϊόντος"; } .account-wishlist .table-responsive tbody>tr>td:nth-child(4) { grid-area: stock; } .account-wishlist .table-responsive tbody>tr>td:nth-child(4):before { content: "Απόθεμα" } .account-wishlist .table-responsive tbody>tr>td:nth-child(5) { grid-area: price; } .account-wishlist .table-responsive tbody>tr>td:nth-child(5):before { content: "Τιμή Μονάδας" } .account-wishlist .table-responsive tbody>tr>td:nth-child(6) { grid-area: buttons; margin-bottom: 7px; } .account-wishlist .table-responsive tbody>tr>td:nth-child(6)>* { width: 45% !important; } .account-wishlist .table-responsive tbody>tr>td:nth-child(6):before { content: "Ενέργεια" } } /* --> RESPONSIVE > ACCOUNT > ADDRESS BOOK [2] =========================================================================================================== */ @media(max-width: 540px) { .account-address #content table tbody tr { display: flex; flex-direction: column; } .account-address #content table tbody tr>td:last-child { text-align: center; } } /* --> RESPONSIVE > CATEGORY PAGE > PRODUCTS [2] =========================================================================================================== */ /* @media(max-width: 768px) { #product-category .row.product-list-grid { display: flex !important; flex-wrap: wrap !important; grid-column-gap: unset !important; grid-row-gap: unset !important; justify-content: space-between; } #product-category .product-layout.product-grid { width: calc(50% - 6px) !important; } } @media(max-width: 450px) { #product-category .product-layout.product-grid, .product-layout { width: 100% !important; } } */ /* --> RESPONSIVE > BLOG CENTRAL [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1190px) { .central_blog_page #content>.row>div { width: 33.3333% } } @media(max-width: 991px) { .central_blog_page #content>.row>div { width: 50% } } @media(max-width: 450px) { .central_blog_page #content>.row>div { width: 100% } } /* --> RESPONSIVE > BLOG PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1350px) { #latestpost>.row .description { -moz-column-count: unset; column-count: unset; text-align: left; } } @media(max-width: 1190px) { #latestpost { display: flex; flex-direction: column; } #latestpost>.row { padding-left: 0px; } #latestpost>* { width: 100% !important; } #latestpost .image img { max-width: 100% !important; width: 500px !important; margin: 0 auto !important; } } /* --> RESPONSIVE > PRODUCT GRID [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1024px) { .product-thumb .bottom_section { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } /* .product-thumb .bottom_section .button-group button.cart_options_button { line-height: 1.2; width: 100% !important; padding: 15px 5px } */ .product-thumb .bottom_section .button-group button[onclick*="wishlist"] { display: none !important; } .product-thumb.hover_options_enabled .product-options-hover { opacity: 1; transform: translateY(0px); visibility: visible !important; } .product-thumb.hover_options_enabled h4, .product-thumb.hover_options_enabled h5, .product-thumb.hover_options_enabled .labels_container { opacity: 1 !important; } .product-thumb .bottom_section { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .product-thumb .form-group .stepper_buttons { width: 100%; } .product-thumb .form-group { display: flex !important; flex-wrap: wrap !important; } .product-options-hover>.form-group .button-cart { width: calc(100% - 65px) !important; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; height: 47px; display: flex; align-items: center; justify-content: center; padding: 0px !important; } .product-options-hover>.form-group button[onclick*="wishlist"] { width: 55px !important; height: 47px !important; display: flex; align-items: center; justify-content: center; background: #666 !important; padding: 0px !important; } .product-options-hover>.form-group button[onclick*="wishlist"] svg { margin-bottom: -6px; -webkit-filter: invert(100); filter: invert(100); } .product-thumb .product-options-hover>.form-group, .product-thumb .options_section, .product-thumb .caption { padding: 0px } .product-thumb { padding: 0px !important; } .product-thumb .options_section>.form-group { margin-bottom: 0px !important; } .product-options-hover { margin: 0px !important; width: 100% !important; } /* .product-thumb #input-quantity { max-width: 30px !important; height: 30px !important; font-size: 15px } */ .product-thumb .labels_container { flex-wrap: wrap; gap: 0px 10px; } .product-thumb .labels_container>div:before { display: none !important; } .product-options-hover>.options_section .form-group>.control-label { width: 100% !important; } } /* --> RESPONSIVE > PRODUCT GRID REMAKE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* MOBILE CAPTION LAYOUT */ @media(max-width: 1024px) { .product-thumb h5 { -webkit-line-clamp: 3; height: 73px; margin-top: -5px !important; margin-bottom: 8px; } .product-thumb h5 a { font-size: 15px; font-weight: 400; line-height: 23px } .product-thumb .bottom_section { height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important } } /* OPTIONS AND STEPPER */ @media(max-width: 1024px) { .product-thumb .product-options-hover { position: relative !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } .product-thumb .button-group>.colors { display: none !important; } } /* MOBILE BUTTONS */ @media(min-width: 1025px) { .preview_options_button { display: none !important; } .product-thumb .bottom_section>button[onclick*="wishlist"] { display: none !important; } } @media(max-width: 1024px) { .product-thumb .bottom_section { position: relative; } .product-thumb .bottom_section>button[onclick*="wishlist"] { background: transparent; border: unset; display: block; position: relative; position: absolute !important; top: 0px; right: 0px; margin: 0px !important; width: 22px !important; padding: 0px !important; } .product-thumb .bottom_section>button[onclick*="wishlist"] svg { width: 100% !important; margin: 0px !important; } .product-thumb .price { width: calc(100% - 30px) } .product-thumb .button-group { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } .product-thumb .button-group .cart_options_button { font-size: 0px; } .product-thumb .button-group .cart_options_button:before { content: "ΣΤΟ ΚΑΛΑΘΙ ΜΟΥ"; font-family: inherit; } .product-thumb .button-group { display: flex !important; flex-wrap: wrap !important; gap: 0px; width: 100%; margin-top: 12px } .product-thumb .bottom_section .button-group>button { border: 1px solid black !important; border-left: 1px solid black !important; border-right: 1px solid black !important; border-radius: 0px; height: 45px; display: flex; align-items: center; justify-content: center; padding-inline: 10px; white-space: nowrap; width: unset !important; min-width: unset !important; flex: 1 1 auto; min-width: 50%; max-width: 100%; line-height: 1.2; } .product-thumb .bottom_section .button-group>button.preview_options_button { display: none !important } .product-thumb .button-group .cart_options_button:before, .product-thumb .button-group .preview_options_button { font-size: 13px; font-weight: 500; line-height: 1.2; white-space: nowrap; } .product-thumb .button-group>button, .product-thumb .button-group>button *, .product-thumb .button-group .cart_options_button:before, .product-thumb .button-group .preview_options_button { transition: all 0s; } @media(min-width: 769px) { .product-thumb .button-group>button:hover { background: var(--accent2) !important; color: white !important; border-color: var(--accent2) !important; } } } /* WHEN CART IS CLICKED > CONTENT */ @media(max-width: 1024px) { /* WHEN CART IS CLICKED > FIX INCOMPATIBILITIES */ /* .swiper-container:has(.partial_has_extra_content_enabled), .swiper-container:has(.partial_has_extra_content_enabled) * { transform: none !important; } */ .swiper-container:has(.partial_has_extra_content_enabled), .swiper-container:has(.partial_has_extra_content_enabled) * { transform: none !important; } html.html_has_extra_content_enabled .carousel:has(.partial_has_extra_content_enabled) .swiper-slide:not(:has(.partial_has_extra_content_enabled)) { width: 0px !important; opacity: 0 !important; } .swiper-slide { transition: opacity 2.5s !important; overflow: hidden !important; } html.html_has_extra_content_enabled .swiper-container, html.html_has_extra_content_enabled .swiper-wrapper { z-index: unset !important; } /* html.html_has_extra_content_enabled .carousel:has(.partial_has_extra_content_enabled) .swiper-slide:not(:has(.partial_has_extra_content_enabled)) { display: none !important } */ /* WHEN CART IS CLICKED > CONTENT LAYOUT */ .product-thumb .caption { z-index: unset !important; padding: 10px 20px 20px !important; } .product-thumb.partial_has_extra_content_enabled { /* position:relative !important; */ } .product-thumb.partial_has_extra_content_enabled .product-options-hover { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100%; /* Ensure it spans the full width of the viewport */ z-index: 999 !important; /* Ensure it's above other content */ padding-top: 15px; /* Adjust as needed */ } html.html_has_extra_content_enabled:before { visibility: visible !important; opacity: 1; z-index: 999; } /* WHEN CART IS CLICKED > OPTIONS SECTION */ .product-thumb .product-options-hover .options_section { padding-inline: 40px !important; gap: 20px !important; display: flex; flex-direction: column } .product-thumb .product-options-hover .options_section .form-group { display: flex !important; flex-wrap: wrap; gap: 10px } .product-thumb .product-options-hover .options_section .form-group>* { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .product-thumb .product-options-hover .options_section .form-group>div { display: flex; flex-wrap: wrap } .product-thumb .product-options-hover .options_section .form-group .text-danger { width: 100% !important; display: flex; justify-content: center; margin-top: 0PX !important; } /* WHEN CART IS CLICKED > APPEAR SMOOTHLY */ .product-thumb .product-options-hover { display: none !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.5s ease, visibility 0.5s !important; } .product-thumb.partial_has_extra_content_enabled .product-options-hover { display: block !important; opacity: 1 !important; visibility: visible !important; bottom: 0px !important; } /* WHEN CART IS CLICKED > CONTENT > HIDE WISHLIST BUTTON */ .product-thumb .product-options-hover>.form-group button[onclick*="wishlist"] { display: none !important; } /* WHEN CART IS CLICKED > CONTENT > CLOSE BUTTON */ .product-thumb.partial_has_extra_content_enabled .product-options-hover>.close-btn { display: block !important; right: 20px !important; top: 15px !important } .product-thumb.partial_has_extra_content_enabled .product-options-hover .close-btn::before { width: 25px; height: 25px } /* WHEN CART IS CLICKED > CONTENT > STEPPER */ .product-thumb.partial_has_extra_content_enabled .stepper-buttons { margin-top: 13px !important; } .product-thumb.partial_has_extra_content_enabled #input-quantity { width: 35px !important; min-width: 35px !important; max-width: 35px !important; height: 35px !important; font-size: 15px !important; } /* WHEN CART IS CLICKED > CONTENT > CART BUTTON */ .product-thumb.partial_has_extra_content_enabled .product-options-hover>.form-group .button-cart { height: 45px !important; margin-top: 17px; width: 100% !important; } /* WHEN PREVIEW OPTIONS BUTTON IS CLICKED > CONTENT */ .product-thumb.partial_has_preview_options_enabled .button-group { order: 99 } .product-thumb.partial_has_preview_options_enabled .product-options-hover { display: block !important; opacity: 1 !important; visibility: visible !important; position: absolute !important; } .product-thumb.partial_has_preview_options_enabled .product-options-hover .options_section { padding-inline: 0px !important; padding-bottom: 50px; padding-top: 10px !important; pointer-events: none; } .product-thumb.partial_has_preview_options_enabled .product-options-hover>.form-group { display: none !important; } /* WHEN PREVIEW OPTIONS BUTTON IS CLICKED > BUTTON ITSELF */ .product-thumb .preview_options_button img { display: none !important; } .product-thumb.partial_has_preview_options_enabled .preview_options_button img { display: block !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media(min-width: 769px) { .product-thumb.partial_has_preview_options_enabled .preview_options_button:hover img { -webkit-filter: invert(); filter: invert(); } } .product-thumb.partial_has_preview_options_enabled .preview_options_button>span { visibility: hidden; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION RESPONSIVE > CHECKOUT VVV VVV VVV VVV VVV VVV VVV */ /* --> RESPONSIVE > CHECKOUT > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 768px) { .checkout-checkout #login { margin-bottom: -10px } .checkout-checkout #collapse-payment-address .panel-body { margin-bottom: 15px !important } .checkout-checkout #address { margin-top: 50px } } @media(max-width:550px) { #collapse-checkout-confirm thead { display: none; } #collapse-checkout-confirm table, #collapse-checkout-confirm table tbody { border: none !important; } #collapse-checkout-confirm table { display: block !important; } #collapse-checkout-confirm table tbody tr { display: grid !important; grid-template-columns: 100px 1fr 1fr 1fr; grid-template-areas: "image quantity item_price final_price" "texts texts texts texts"; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc !important; width: 100% !important; } #collapse-checkout-confirm table tbody tr:first-child { border-top: 1px solid #ccc; } #collapse-checkout-confirm table tbody td { display: flex; flex-direction: column; } #collapse-checkout-confirm table tbody td:before { font-weight: 600; margin-bottom: 25px; } #collapse-checkout-confirm table tr .product_image { grid-area: image } #collapse-checkout-confirm table tr .product_text { grid-area: texts } #collapse-checkout-confirm table tr .product_quantity { grid-area: quantity } #collapse-checkout-confirm table tr .product_quantity:before { content: "Ποσότητα"; } #collapse-checkout-confirm table tr .product_price { grid-area: item_price } #collapse-checkout-confirm table tr .product_price:before { content: "Τιμή" } #collapse-checkout-confirm table tr .product_total { grid-area: final_price } #collapse-checkout-confirm table tr .product_total:before { content: "Σύνολο" } #collapse-checkout-confirm table tfoot { box-shadow: none !important; margin-top: 0px !important; padding-top: 10px; display: flex !important; flex-direction: column; align-items: flex-end; transform: none; } #collapse-checkout-confirm tfoot tr td:last-child { width: 75px; } }